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 |