Index: includes/abb-notification.tmpl |
=================================================================== |
--- a/includes/abb-notification.tmpl |
+++ b/includes/abb-notification.tmpl |
@@ -1,7 +1,26 @@ |
-<div id="adblock-browser-notification" class="notice"> |
- {{get_string("abb_notification", "abb-notification")}} |
- <span> |
- <img src="/img/abb-logo.png" alt="{{get_string("abb_logo_alt", "abb-notification")}}" /> |
- <a href="https://adblockbrowser.org">{{get_string("abb_notification_link", "abb-notification")}}</a> |
- </span> |
-</div> |
+<section id="abb-notification" class="section"> |
+ <div class="container phablet-width content text-center"> |
+ <h2 class="h1">{{ get_string("abb_notification", "abb-notification") }}</h2> |
+ |
+ <figure> |
+ <img src="/img/abb-logo.png" alt="{{ get_string("abb_logo_alt", "abb-notification") }}" id="abb-logo"> |
+ <figcaption> |
+ <h3> |
+ <a href="https://eyeo.to/adblockbrowser/abp-website"> |
+ {{ get_string("abb_notification_link", "abb-notification") }} |
+ </a> |
+ </h3> |
+ <p>{{ get_string("abb_notification_description", "abb-notification") }}</p> |
+ </figcaption> |
+ </figure> |
+ |
+ <div id="abb-app-store-badges" class="row"> |
+ <a href="https://eyeo.to/adblockbrowser/ios/abp-website" title="{{ get_string("abb_ios_link_title", "abb-notification") }}" class="column one-half"> |
+ <img src="/img/apple-app-store-badge.png" srcset="/img/apple-app-store-badge.svg 2x" alt="{{ get_string("abb_ios_badge_alt", "abb-notification") }}"> |
+ </a> |
+ <a href="https://eyeo.to/adblockbrowser/android/abp-website" title="{{ get_string("abb_android_link_title", "abb-notification") }}" class="column one-half"> |
+ <img src="/img/google-play-badge.png" srcset="/img/google-play-badge.svg 2x" alt="{{ get_string("abb_android_badge_alt", "abb-notification") }}"> |
+ </a> |
+ </div> |
+ </div> |
+</section> |