Super hacky and ugly email form

This commit is contained in:
Oskar Thorén 2017-10-30 18:11:50 -05:00
parent 42b3d3eea3
commit 9846d3f2e9
2 changed files with 56 additions and 4 deletions

View File

@ -123,10 +123,36 @@
});
}
</script>
<!-- TOOD: Change this -->
<button onclick="signup()">Sign up for beta</button>
<!-- HACK(oskarth): Mailchimp - should probably be Hubspot but we can hack this with JS
Also adds ad hoc margin-left to action and border radius styles.
TODO Add background style.
-->
<div class="email-form">
<!-- XXX: Mailchimp -->
<form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate" _lpchecked="1">
<div class="email-form__inner">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="Enter your email" aria-required="true" style="border-bottom-right-radius: .5em; border-top-right-radius: .5em;">
<button style="margin-left: 1em;" onclick="signup()">Sign up for beta</button>
<!-- <input type="submit" value="GET EARLY ACCESS" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
</div>
<div id="mce-responses" class="email-form__responces">
<div class="response email-form__error-message" id="mce-error-response"></div>
<div class="email-form__success-message response" id="mce-success-response"></div>
</div>
</form>
<!-- End Mailchimp -->
</div>
<!-- <button onclick="signup()">Sign up for beta</button> -->
</div>
</div>
</div>

View File

@ -123,10 +123,36 @@
});
}
</script>
<!-- TOOD: Change this -->
<button onclick="signup()">Sign up for beta</button>
<!-- HACK(oskarth): Mailchimp - should probably be Hubspot but we can hack this with JS
Also adds ad hoc margin-left to action and border radius styles.
TODO Add background style.
-->
<div class="email-form">
<!-- XXX: Mailchimp -->
<form action="//status.us13.list-manage.com/subscribe/post?u=d0c1a0be2adff281b52e27a7f&amp;id=09e2d9ae07" method="post" name="mc-embedded-subscribe-form" id="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate="novalidate" _lpchecked="1">
<div class="email-form__inner">
<input type="email" value="" name="EMAIL" class="required email-input mce-EMAIL email-form__input email-form__input--email" placeholder="Enter your email" aria-required="true" style="border-bottom-right-radius: .5em; border-top-right-radius: .5em;">
<button style="margin-left: 1em;" onclick="signup()">Sign up for beta</button>
<!-- <input type="submit" value="GET EARLY ACCESS" name="subscribe" class="button email-form__input email-form__input--sumbit mc-embedded-subscribe button email-button">
-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d0c1a0be2adff281b52e27a7f_09e2d9ae07" tabindex="-1" value=""></div>
</div>
<div id="mce-responses" class="email-form__responces">
<div class="response email-form__error-message" id="mce-error-response"></div>
<div class="email-form__success-message response" id="mce-success-response"></div>
</div>
</form>
<!-- End Mailchimp -->
</div>
<!-- <button onclick="signup()">Sign up for beta</button> -->
</div>
</div>
</div>