| OLD | NEW |
| 1 {% extends "templates/default" %} | 1 {% extends "templates/default" %} |
| 2 | 2 |
| 3 {% set product = products[product_id] %} | 3 {% set product = products[product_id] %} |
| 4 | 4 |
| 5 {% block body %} | 5 {% block body %} |
| 6 [Breadcrumbs] | 6 [Breadcrumbs] |
| 7 | 7 |
| 8 <main id="main" class="container clearfix"> | 8 <main id="main" class="container clearfix"> |
| 9 <article class="article card {{ product_id }}-card section column two-thirds"> | 9 <article class="article card {{ product_id }}-card section column two-thirds"> |
| 10 <h1 class="article-heading"> | 10 <h1 class="article-heading"> |
| 11 <img class="heading-icon" src="/img/png/logo-{{ product_id }}.png" srcse
t="/img/svg/logo-{{ product_id }}.svg 2x" alt="{{ product.full_name+" Logo" | tr
anslate( product_id+"-logo-alt", "Image alt text") }}"> | 11 <img class="heading-icon" src="/img/png/logo-{{ product_id }}.png" srcse
t="/img/svg/logo-{{ product_id }}.svg 2x" alt="{{ product.full_name+" Logo" | tr
anslate( product_id+"-logo-alt", "Image alt text") }}"> |
| 12 | 12 |
| 13 {{ title | translate( get_page_name(page) + "-title", "Article title") }
} | 13 {{ title | translate( get_page_name(page) + "-title", "Article title") }
} |
| 14 </h1> | 14 </h1> |
| 15 | 15 |
| 16 {% if hide_browser_selector is not defined %} | 16 {% if hide_browser_selector is not defined %} |
| 17 <div class="article-browser-selector"> | 17 <div class="article-browser-selector"> |
| 18 [Browser selector] | 18 [Browser selector] |
| 19 </div> | 19 </div> |
| 20 {% endif %} | 20 {% endif %} |
| 21 | 21 |
| 22 <div class="article-body content"> | 22 <div class="article-body content"> |
| 23 {{ body | safe }} | 23 {{ body | safe }} |
| 24 </div> | 24 </div> |
| 25 </article> | 25 </article> |
| 26 <aside class="section column one-third"> | 26 <aside class="section column one-third"> |
| 27 <dl class="accordion"> | 27 <? include product-topics-accordion ?> |
| 28 <dt role="heading" aria-level="3" class="accordion-heading"> | |
| 29 <button aria-expanded="true" aria-controls="sect1" id="heading1" class="
accordion-toggle-button"> | |
| 30 <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-ic
on-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon
", "Image alt text") }}"> | |
| 31 Section 1 Title | |
| 32 </button> | |
| 33 </dt> | |
| 34 <dd role="region" aria-labelledby="heading1" id="sect1" class="accordion-b
ody"> | |
| 35 Section 1 Content | |
| 36 </dd> | |
| 37 | |
| 38 <dt role="heading" aria-level="3" class="accordion-heading"> | |
| 39 <button aria-expanded="true" aria-controls="sect2" id="heading2" class="
accordion-toggle-button"> | |
| 40 <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-ic
on-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon
", "Image alt text") }}"> | |
| 41 Section 2 Title | |
| 42 </button> | |
| 43 </dt> | |
| 44 <dd role="region" aria-labelledby="heading2" id="sect2" class="accordion-b
ody"> | |
| 45 Section 2 Content | |
| 46 </dd> | |
| 47 | |
| 48 <dt role="heading" aria-level="3" class="accordion-heading"> | |
| 49 <button aria-expanded="true" aria-controls="sect3" id="heading3" class="
accordion-toggle-button"> | |
| 50 <img src="/img/png/arrow-icon-secondary.png" srcset="/img/svg/arrow-ic
on-secondary.svg 2x" alt="{{ "Toggle Section" | translate("accordion-toggle-icon
", "Image alt text") }}"> | |
| 51 Section 3 Title | |
| 52 </button> | |
| 53 </dt> | |
| 54 <dd role="region" aria-labelledby="heading3" id="sect3" class="accordion-b
ody"> | |
| 55 Section 3 Content | |
| 56 </dd> | |
| 57 </dl> | |
| 58 </aside> | 28 </aside> |
| 59 </main> | 29 </main> |
| 60 {% endblock %} | 30 {% endblock %} |
| OLD | NEW |