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

Unified Diff: includes/contact.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: Rewrite .has-pre-icon Created Oct. 30, 2017, 9:44 a.m.
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: includes/contact.tmpl
===================================================================
new file mode 100644
--- /dev/null
+++ b/includes/contact.tmpl
@@ -0,0 +1,59 @@
+<aside id="contact" class="section-accent">
+ <div class="container tablet-width">
+
+ <h2 class="h2 ta-center underlined">
+ {{ "Still looking for help?" | translate("contact-heading", "Heading") }}
+ </h2>
+
+ <div class="row">
+ <section class="column one-half section">
+ <header class="underlined">
+ <h3 class="h4">
+ {{ "Get in touch" | translate("contact-social", "Heading" )}}
+ </h3>
+ <p>
+ {{ "Drop us a line on Twitter or Facebook and get your question answered ASAP." | translate("contact-social-description", "Paragraph") }}
+ </p>
+ </header>
+ <ul class="horizontal-list">
+ <li>
+ <a class="has-pre-icon" href="https://www.facebook.com/adblockplus">
+ <span class="pre-icon" style="{{ get_inline_bg('logo-facebook') }}"></span>
+ {{ "Facebook" | translate("facebook", "Brand Name") }}
+ </a>
+ </li>
+ <li>
+ <a class="has-pre-icon" href="https://twitter.com/AdblockPlus">
+ <span class="pre-icon" style="{{ get_inline_bg('logo-twitter') }}"></span>
+ {{ "Twitter" | translate("twitter", "Brand Name") }}
+ </a>
+ </li>
+ <li>
+ <a class="has-pre-icon" href="mailto:support@adblockplus.org">
+ <span class="pre-icon" style="{{ get_inline_bg('email-icon') }}"></span>
+ {{ "Email" | translate("email", "Link text") }}
+ </a>
+ </li>
+ </ul>
+ </section>
+ <section class="column one-half section">
+ <header class="underlined">
+ <h3 class="h4">
+ {{ "Looking for developer support?" | translate("contact-developer", "Heading") }}
+ </h3>
+ <p>
+ {{ "Find source code, release notes, advanced documentation and more." | translate("contact-developer-description", "Paragraph") }}
+ </p>
+ </header>
+ <ul class="horizontal-list">
+ <li>
+ <a href="https://adblockplus.org/forum">
+ {{ "Developer Support" | translate("contact-developer-support-link", "Link text") }}
+ </a>
+ </li>
+ </ul>
+ </section>
+ </div>
+
+ </div><!-- .container -->
+</aside>

Powered by Google App Engine
This is Rietveld