122
edits
Template:SwimmingActivities: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div class="card" style="width: 18rem; margin-bottom: 1rem;"> | <div class="card" style="width: 18rem; margin-bottom: 1rem;"> | ||
<img class="card-img-top" src="{{{Image|/path/to/default_swimming_image.jpg}}}" alt="Image of {{{Name|Unknown}}}"> | <img class="card-img-top" src="{{{Image|/path/to/default_swimming_image.jpg}}}" alt="Image of {{{Name|Unknown}}}"> | ||
<div class="card-body"> | <div class="card-body"> | ||
| Line 7: | Line 6: | ||
<h6 class="card-subtitle mb-2 text-muted">{{{Location|No Location Provided}}}</h6> | <h6 class="card-subtitle mb-2 text-muted">{{{Location|No Location Provided}}}</h6> | ||
<p class="card-text">{{{Description|No Description Available}}}</p> | <p class="card-text">{{{Description|No Description Available}}}</p> | ||
< | |||
<!-- Use sanitized Name for IDs --> | |||
{{#vardefine: sanitizedName | {{#replace:{{{Name|}}}| |_}} }} | |||
<button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#details-{{{sanitizedName}}}" aria-expanded="false" aria-controls="details-{{{sanitizedName}}}"> | |||
Show Details | Show Details | ||
</button | </button> | ||
<div class=" | <div class="collapse" id="details-{{{sanitizedName}}}"> | ||
<ul class="list-group list-group-flush"> | <ul class="list-group list-group-flush"> | ||
{{#if: {{{Address|}}}|<li class="list-group-item"><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong> {{{Address}}}</li>}} | {{#if: {{{Address|}}}|<li class="list-group-item"><i class="fas fa-map-marker-alt"></i> <strong>Address:</strong> {{{Address}}}</li>}} | ||
{{#if: {{{Phone|}}}|<li class="list-group-item"><i class="fas fa-phone"></i> <strong>Phone:</strong> {{{Phone}}}</li>}} | {{#if: {{{Phone|}}}|<li class="list-group-item"><i class="fas fa-phone"></i> <strong>Phone:</strong> {{{Phone}}}</li>}} | ||