Issue 2213 - landing page for mobile beta launch

adblock-browser.html

Index: adblock-browser.html
===================================================================
new file mode 100644
--- /dev/null
+++ b/adblock-browser.html
@@ -0,0 +1,34 @@
+<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>
+
+<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" 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>

[saroyanm, 2015/04/27 15:24:51]

Okey so in that case I should extract language from URL, this should be done in
JS.
I think doesn't make sense to consider the case of people visiting website
without enabled JS.
I think back end script can still check if the language is missing to redirect
them to English version of the website.

[Sebastian Noack, 2015/04/27 15:33:09]

Sure, if this needs to be done with JavaScript, there is no point actually
adding a hidden field here. But we can just add the "lang" field to the request
when preparing the XHR.

If the lang parameter is omitted, the backend already falls back to "en".

[Sebastian Noack, 2015/04/27 18:30:43]

We need the language as used in the URL. That the "lang" attribute uses
underscores (instead hyphens) as well is a bug, we shouldn't rely on here.

+  <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="invalid-label">
+    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>