Side by Side Diff: templates/product-home.tmpl
Issue 29588588:
Issue 5848 - Fix vertical alignment on .heading-icon images in help.eyeo.com (Closed)
Base URL: https://hg.adblockplus.org/help.eyeo.com
Patch Set: Rebased
Created Oct. 26, 2017, 10:29 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« templates/article.tmpl ('k')
|
no next file »
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| 1 {% extends "templates/minimal" %} | 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 <main id="main" class="container"> | 6 <main id="main" class="container"> |
| 7 <h1 class="product-heading"> | 7 <header class="product-heading"> |
| 8 <img class="heading-icon" src="/img/png/logo-{{ product_id }}.png" srcset="/ img/svg/logo-{{ product_id }}.svg 2x" alt="{{ product.full_name+" Logo" | transl ate( product_id+"-logo-alt", "Image alt text") }}"> | 8 <h1 class="aside-icon-container"> |
| 9 <img src="/img/png/logo-{{ product_id }}.png" srcset="/img/svg/logo-{{ pro duct_id }}.svg 2x" alt="{{ product.full_name+" Logo" | translate( product_id+"-l ogo-alt", "Image alt text") }}"> | |
| 9 | 10 |
| 10 {{ product.full_name + " Help Center" | translate(product_id+"-help-home-tit le", "Page title") }} | 11 <span>{{ product.full_name + " Help Center" | translate(product_id+"-help- home-title", "Page title") }}</span> |
| 11 </h1> | 12 </h1> |
| 13 </header> | |
| 12 | 14 |
| 13 {% set popular_topics = get_pages_metadata({ "product_id": product_id, "templa te": "article", "popular": "true" }) %} | 15 {% set popular_topics = get_pages_metadata({ "product_id": product_id, "templa te": "article", "popular": "true" }) %} |
| 14 {% if popular_topics %} | 16 {% if popular_topics %} |
| 15 <section class="card {{ product_id }}-card section"> | 17 <section class="card {{ product_id }}-card section"> |
| 16 <h2 class="card-heading"> | 18 <h2 class="card-heading aside-icon-container"> |
| 17 <img class="heading-icon" src="/img/png/popular-icon.png" srcset="/img/svg /popular-icon.svg 2x" alt="{{ "Popular Icon" | translate("popular-icon-alt", "Im age alt text") }}"> | 19 <img src="/img/png/popular-icon.png" srcset="/img/svg/popular-icon.svg 2x" alt="{{ "Popular Icon" | translate("popular-icon-alt", "Image alt text") }}"> |
| 18 | 20 |
| 19 {{ "Popular Topics" | translate("popular-topics-title", "Section title") } } | 21 <span>{{ "Popular Topics" | translate("popular-topics-title", "Section titl e") }}</span> |
| 20 </h2> | 22 </h2> |
| 21 | 23 |
| 22 <ul class="underlined-list row"> | 24 <ul class="underlined-list row"> |
| 23 {% for article in popular_topics %} | 25 {% for article in popular_topics %} |
| 24 <li class="column one-half"> | 26 <li class="column one-half"> |
| 25 <a href="{{ article["page"] }}"> | 27 <a href="{{ article["page"] }}"> |
| 26 {{ article.title | translate( get_page_name( article["page"]) + "-titl e", "Article title") }} | 28 {{ article.title | translate( get_page_name( article["page"]) + "-titl e", "Article title") }} |
| 27 </a> | 29 </a> |
| 28 </li> | 30 </li> |
| 29 {% endfor %} | 31 {% endfor %} |
| 30 </ul> | 32 </ul> |
| 31 </section> | 33 </section> |
| 32 {% endif %} | 34 {% endif %} |
| 33 | 35 |
| 34 <div class="row"> | 36 <div class="row"> |
| 35 {% for category in product.help_categories %} | 37 {% for category in product.help_categories %} |
| 36 {% set articles = get_pages_metadata({ "product_id": product_id, "template": "article", "category": category.name }) %} | 38 {% set articles = get_pages_metadata({ "product_id": product_id, "template": "article", "category": category.name }) %} |
| 37 {% if articles and category.name != 'Popular Topics' %} | 39 {% if articles and category.name != 'Popular Topics' %} |
| 38 <section class="section column one-half"> | 40 <section class="section column one-half"> |
| 39 <h2 class="h4"> | 41 <h2 class="h4 aside-icon-container"> |
| 40 <img class="heading-icon" src="/img/png/{{ category.icon }}.png" srcset= "/img/svg/{{ category.icon }}.svg 2x" alt="{{ category.name+" Icon" | translate( category.icon+"-alt", "Image alt text") }}"> | 42 <img src="/img/png/{{ category.icon }}.png" srcset="/img/svg/{{ category .icon }}.svg 2x" alt="{{ category.name+" Icon" | translate(category.icon+"-alt", "Image alt text") }}"> |
| 41 | 43 |
| 42 {{ category.name | translate( category.slug + "-category-title", "Catego ry title") }} | 44 <span>{{ category.name | translate( category.slug + "-category-title", " Category title") }}</span> |
| 43 </h2> | 45 </h2> |
| 44 | 46 |
| 45 <ul class="underlined-list"> | 47 <ul class="underlined-list"> |
| 46 {% for article in articles %} | 48 {% for article in articles %} |
| 47 <li> | 49 <li> |
| 48 <a href="{{ article["page"] }}"> | 50 <a href="{{ article["page"] }}"> |
| 49 {{ article.title | translate( get_page_name( article["page"]) + "-ti tle", "Article title") }} | 51 {{ article.title | translate( get_page_name( article["page"]) + "-ti tle", "Article title") }} |
| 50 </a> | 52 </a> |
| 51 </li> | 53 </li> |
| 52 {% endfor %} | 54 {% endfor %} |
| 53 </ul> | 55 </ul> |
| 54 </section> | 56 </section> |
| 55 {% endif %} | 57 {% endif %} |
| 56 {% endfor %} | 58 {% endfor %} |
| 57 </div> | 59 </div> |
| 58 | 60 |
| 59 </main> | 61 </main> |
| 60 {% endblock %} | 62 {% endblock %} |
| 61 | 63 |
| 62 {% block footer %} | 64 {% block footer %} |
| 63 <? include contact ?> | 65 <? include contact ?> |
| 64 {% endblock %} | 66 {% endblock %} |
| OLD | NEW |
« no previous file with comments
|
« templates/article.tmpl ('k')
|
no next file »
|
no next file with comments »
