Issue 2213 - landing page for mobile beta launch

adblock-browser.html

+<meta name="title"><attr name="content">Adblock Browser Beta Launch</attr></meta>
+<meta property="og:title"><attr name="content">Adblock Browser Beta Launch</attr></meta>
+<meta name="description"><attr name="content">Want Adblock Browser for your smartphone or tablet? Join the Adblock Browser for Android Beta Google+ community.</attr></meta>
+<meta property="og:description"><attr name="content">Want Adblock Browser for your smartphone or tablet? Join the Adblock Browser for Android Beta Google+ community.</attr></meta>
+
 <h3>Join the beta test!</h3>
 
 <ol>
   <li>Join the <b>Adblock Browser for Android Beta</b> Google+ community.</li>
   <li>Click the <b>Become a Tester</b> link.</li>
   <li>Download the <b>beta app</b>.</li>
 </ol>
 
-<a href="https://plus.google.com/u/1/communities/112291714220563111060" class="button-community">Beta test Adblock Browser for Android</a>
+<div class="button-community-wrapper">
+  <a href="https://plus.google.com/u/1/communities/112291714220563111060">Beta test Adblock Browser for Android</a>
+</div>
 
 <h3 class="subscribe-header">iOS user? Coming soon!</h3>
 
 <p class="subscribe-description">
   Get a heads-up prior to the launch!
 </p>
 
-<form id="subscribe-form" action="/submitEmail" method="post">
-  <input id="subscribe-textbox" type="email" name="email" placeholder="Your email address" />

[Thomas Greiner, 2015/04/21 13:31:45]

Text in attributes are not translatable. Use `<attr>` for that. For example
replace

<input ... placeholder="Your email address" />

with

<input ...><attr name="placeholder">Your email address</attr></input>

[saroyanm, 2015/04/22 15:27:08]

Done.

-  <input id="subscribe-button" type="submit" value="Notify me" />

[Thomas Greiner, 2015/04/21 13:31:45]

Same issue with translations as above. Alternatively, you could change this one
to

<button id="subscribe-button">Notify me</button>

[saroyanm, 2015/04/22 15:27:08]

Done.

+<form id="subscribe-form" accept-charset="utf-8" action="/submitEmail" method="post">
+  <input id="subscribe-textbox" type="email" name="email" required=""><attr name="placeholder">Your email address</attr></input>
+  <button id="subscribe-button" type="submit"><span>Notify me</span></button>
   <span class="sucess-label">
     A confirmation email has been sent. Please check your email and click the confirmation link.
   </span>
-  <span class="empty-label">

[Sebastian Noack, 2015/04/22 07:52:45]

Didn't we agree to leave validation up to the browser? Using <input type="email"
required> should make those messages obsolete.

[saroyanm, 2015/04/22 15:27:08]

Oops, thanks for required reminder, anyway as I mentioned in my comment to the
JS section I tried to make changes compatible with IE 8 as well and make texts
translatable as well for browsers that doesn't support inputs of type email.

-    Oops! You didn't enter your email address.
-  </span>
   <span class="invalid-label">
-    Invalid email address.
+    Please enter a valid email address.
   </span>
   <span id="response-error">
   </span>
 </form>
 
 <div class="disclaimer lang-fr">
   <fix>En téléchargeant le logiciel Adblock Plus vous acceptez que si vous utilisez Adblock Plus pour visiter un site Internet en violation de toute obligation ou droit de quelque nature que ce soit en relation avec ce site Internet, en aucun cas EYEO ne pourra être tenu pour responsable envers vous ou tout autre tiers pour toute perte ou dommage (y compris, sans y être limité, les dommages pour perte de chances et perte de bénéfices) découlant directement ou indirectement de votre utilisation de ce logiciel.</fix>
 </div>