LEFT | RIGHT |
1 {% extends "templates/default" %} | 1 {% extends "templates/minimal" %} |
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 <nav aria-label="{{ "Breadcrumb" | translate("breadcrumb-label", "Label") }}" cl
ass="breadcrumb"> |
| 7 <ol class="container large-desktop-width clearfix" itemscope itemtype="http://
schema.org/BreadcrumbList"> |
| 8 <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListIte
m"> |
| 9 <a class="has-pre-icon" itemscope itemtype="http://schema.org/Thing" itemp
rop="item" href="{{ product.slug }}"> |
| 10 <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }}"><
/span> |
| 11 <span itemprop="name">{{ product.full_name | translate(product_id+"-name
", "Product name") }}</span> |
| 12 </a> |
| 13 <meta itemprop="position" content="1" /> |
| 14 </li> |
| 15 <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListIte
m"> |
| 16 <a itemscope itemtype="http://schema.org/Thing" itemprop="item" href="{{ p
age }}" aria-current="page"> |
| 17 <span itemprop="name">{{ title | translate(get_page_name(page) + "-title
", "Article title") }}</span> |
| 18 </a> |
| 19 <meta itemprop="position" content="2" /> |
| 20 </li> |
| 21 </ol> |
| 22 </nav> |
7 | 23 |
8 <main id="main" class="container clearfix"> | 24 <main id="main" class="container clearfix"> |
9 <article class="article card {{ product_id }}-card section column two-thirds"> | 25 <div class="row"> |
10 <h1 class="article-heading"> | 26 <div class="column two-thirds"> |
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") }}"> | 27 <article class="article card {{ product_id }}-card section"> |
| 28 <header class="article-heading"> |
| 29 <h1 class="has-pre-icon"> |
| 30 <span class="pre-icon" style="{{ get_inline_bg('logo-'+product_id) }
}"></span> |
| 31 {{ title | translate( get_page_name(page) + "-title", "Article title
") }} |
| 32 </h1> |
| 33 </header> |
12 | 34 |
13 {{ title | translate( get_page_name(page) + "-title", "Article title") }
} | 35 {% if hide_browser_selector is not defined %} |
14 </h1> | 36 <div class="article-browser-selector"> |
15 | 37 <? include browser-select ?> |
16 {% if hide_browser_selector is not defined %} | 38 </div> |
17 <div class="article-browser-selector clearfix"> | 39 {% endif %} |
18 <? include browser-select ?> | |
19 </div> | |
20 {% endif %} | |
21 | 40 |
22 <div class="article-body content"> | 41 <div class="article-body content"> |
23 {{ body | safe }} | 42 {{ body | safe }} |
24 </div> | 43 </div> |
25 </article> | 44 </article> |
26 <aside class="section column one-third"> | 45 </div> |
27 <? include product-topics-accordion ?> | 46 <aside class="section column one-third"> |
28 </aside> | 47 <? include product-topics-accordion ?> |
| 48 </aside> |
| 49 </div> |
29 </main> | 50 </main> |
30 | 51 |
31 <script id="no-content-for-platform-message" type="text/template"> | 52 <script id="no-content-for-platform-message" type="text/template"> |
32 <p>{{ "Unfortunately, there is no content specific for your current browser. P
lease use the dropdown menu above to choose a different browser." | translate("n
o-content-for-platform-message", "paragraph") }}</p> | 53 <p>{{ "Unfortunately, there is no content specific for your current browser. P
lease use the dropdown menu above to choose a different browser." | translate("n
o-content-for-platform-message", "paragraph") }}</p> |
33 </script> | 54 </script> |
| 55 {% endblock %} |
34 | 56 |
| 57 {% block footer %} |
| 58 <? include contact ?> |
| 59 {% endblock %} |
| 60 |
| 61 {% block scripts %} |
35 <script src="/js/vendor/bowser.js"></script> | 62 <script src="/js/vendor/bowser.js"></script> |
36 {% endblock %} | 63 {% endblock %} |
LEFT | RIGHT |