Browse Source

Add mailing list entry.

jackyalcine 4 months ago
parent
commit
7b64053f05
Signed by: Jacky Alciné <yo@jacky.wtf> GPG Key ID: 537A4F904B15268D
1 changed files with 21 additions and 4 deletions
  1. 21
    4
      web/templates/layout/app.html.eex

+ 21
- 4
web/templates/layout/app.html.eex View File

@@ -1,5 +1,5 @@
1 1
 <!DOCTYPE html>
2
-<html lang="en" class="w-100 h-100">
2
+<html lang="en" class="w-100">
3 3
   <head>
4 4
     <meta charset="utf-8"/>
5 5
     <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
@@ -42,11 +42,28 @@
42 42
     </header>
43 43
     <section class="w-100 h-100 flex-grow flex-auto">
44 44
       <div class="center flex flex-column items-center justify-center h-100">
45
-        <h1 class="f2 f1-l tc lh-copy animated fadeInDown tracked-tight">Coming Soon to Koype</h1>
46
-        <img class="animated fadeIn delay-1s mw7 w-40 center" src="<%= Routes.static_path(@conn, "/images/come-back.png") %>" alt="A women whose feet and hands are that of a clock."/>
47
-        <p class="f3 animated fadeInDown delay-1s lh-copy measure">Koype will launch with a theme gallery!</p>
45
+        <h1 class="f2 f1-l tc lh-copy animated fadeIn tracked-tight">Coming Soon to Koype</h1>
46
+        <img class="mw6 center h-auto h6-l" src="<%= Routes.static_path(@conn, "/images/come-back.png") %>" />
47
+        <p class="f3 animated fadeIn delay-1s lh-copy measure">Koype will launch with a theme gallery!</p>
48 48
       </div>
49 49
     </section>
50
+    <section class="bg-blue near-white pv2" id="subscribe">
51
+      <div class="mw7 pa2 center">
52
+        <p class="lh-copy f3 measure">
53
+          Subscribe to the weekly newsletter about Koype.
54
+        </p>
55
+        <form action="https://black.us19.list-manage.com/subscribe/post?u=6ca6436c4e0bded8a01692b8a&amp;id=2b66cdb855" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
56
+          <label for="mce-EMAIL" class="cb cf">
57
+            <span class="db ttu pv2">Email Address</span>
58
+            <input type="email" value="" placeholder="your email address" name="EMAIL" class="f6 f5-l input-reset ba bw1 b--navy fl black-80 bg-white pa3 lh-solid w-100 w-75-m w-80-l br2-ns br--left-ns" id="mce-EMAIL">
59
+            <input class="f6 f5-l button-reset fl pv3 tc ba b--transparent bg-animate bg-navy hover-bg-black white pointer w-100 w-25-m w-20-l br2-ns br--right-ns" type="submit" value="Subscribe">
60
+          </label>
61
+          <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_6ca6436c4e0bded8a01692b8a_2b66cdb855" tabindex="-1" value=""></div>
62
+        </form>
63
+        <p class="lh-copy f5 measure">
64
+          Extra points if you become a <a class="color-inherit b" href="https://patreon.com/jackyalcine">Patreon member</a>!
65
+        </p>
66
+    </section>
50 67
     <footer class="bg-near-black white-60 hover-white">
51 68
       <div class="pv4 ph3 ph5-m ph6-l center">
52 69
         <small class="f6 db tc">&copy; 2018 - 2019 <a href="https://black.af"

Loading…
Cancel
Save