Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: templates/article.tmpl

Issue 29572657: Issue 5787 - Add Topics Accordion to Article Template on help.eyeo.com (Closed) Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Created Oct. 10, 2017, 12:27 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« static/js/main.js ('K') | « static/js/main.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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 %}
OLDNEW
« static/js/main.js ('K') | « static/js/main.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld