-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·91 lines (74 loc) · 5.55 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Fomo - A well-rounded flash briefing in your inbox every Sunday</title>
<meta name="description" content="A well-rounded flash briefing in your inbox every Sunday.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link href="css/basscss.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body class="px3">
<div class="max-width-2 mx-auto">
<a href="/"><img src="img/fomo.svg" width="122" height="50" alt="fomo" class="my4 py4"></a>
<h1 class="mt0">A well-rounded flash briefing in your inbox every Sunday.</h1>
<h2 class="mt4 pt3 h6 bold blue uppercase">Huh?</h2>
<p>The world changes quickly. News is highly editorialized and personalized, social media is full of memes and ads, and it’s difficult to know what’s actually new and important. What’s everyone is going to be talking about, watching, playing, and doing tomorrow?</p>
<p>The <i>fear of missing out</i> is real. Smartphones have made it super easy to stay plugged in 24/7, waiting for something… anything… to happen. It’s not healthy, productive, or fun. But what’s the alternative? Being the digital hermit who still hasn’t seen Westworld? I mean, come on, it’s the best show since Game of Thrones. Did you get tickets for Hamilton yet?</p>
<p>Introducing <b>Fomo</b>: the little newsletter about all the big things.</p>
<a href="javascript:void(0)" class="mt4 mx-auto btn js-previewOpen">Read a sample</a>
<h2 class="mt4 pt3 h6 bold blue uppercase">Fomo is...</h2>
<ul class="pb3">
<li>Weekly (for now)</li>
<li>Actionable. Learn what to watch, read, see, and do without sifting through tons of media or ⌘R’ing your news feed</li>
<li>Curated by guys and gals with great taste, a positive attitude, and enough trivia knowledge to make Alex Trebec blush</li>
<li>Contextual. With descriptions of what things are and why they’re up-and-coming, cool, or noteworthy</li>
<li>Independent. No ads, no ‘promoted’ things, no acquisitions. Ever.</li>
<li>Currently only available in the City of San Francisco</li>
<li><s>$20 per calendar year*</s> <span class="blue">Free for a limited time</span></li>
<li>A work-in-progress</li>
</ul>
<div class="my4 sm-flex items-center border-top border-bottom">
<div class="sm-col-6 my4 pr3 m-pr4">
<img src="img/buildings.svg" style="max-width:289px;">
</div>
<div class="sm-col-6 my4">
<h2 class="m0">Sign up now<br>for early access</h2>
<p class="h4" style="line-height: 1.4;">Receive a <strong>lifetime discount</strong> as a thank-you for being an early adopter ✌️</p>
<div class="h1 blue my3">
<span class="strike">$20</span>
$0
<span class="h6 uppercase rounded bg-yellow px1 py05 gray nowrap" style="vertical-align:13px">Save 100%</span>
</div>
<!-- Begin MailChimp Signup Form -->
<form action="https://wells.us2.list-manage.com/subscribe/post?u=d92ccd73bbf8abf30934ffa38&id=cd54f24c68" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="rounded border p1 h3" style="outline:none;" id="mce-EMAIL" placeholder="Email Address">
<button name="subscribe" id="mc-embedded-subscribe" class="btn h3">Join →</button>
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_d92ccd73bbf8abf30934ffa38_cd54f24c68" tabindex="-1" value=""></div>
</form>
<!-- End MailChimp Signup Form -->
<!-- <img src="img/applepay.svg" width="166" height="42" alt="Pay"> -->
</div>
</div>
<p class="h5 mt0 mb4">* Fomo costs money because we have expenses like our domain, MailChimp, and feeding our hungry curators. This is a side project for all of us but, from experience, it’s hard to get motivated to continue putting time in when you’re constantly sinking a few bucks here and there… it’s like a hole. For the price of four cups of Philz coffee, you get 52 weeks of emails that we hope will help you become more cultured, more aware of new and interesting media, and help you connect with friends and family in the real world instead of online. Might be worth a shot?</p>
<footer class="mt4 py3 border-top h5">
©<script>document.write(new Date().getFullYear())</script> <a href="https://github.com/brunchmade" target="_blank">Brunch</a>
</footer>
</div>
<div class="emailcontainer js-previewClose">
<div class="emailwindow">
<div class="stoplights js-previewClose"></div>
<div class="mt2 mr2 ml2 border-bottom h5">
<p class="m0 bold">Allbirds, Midnight Special, You’re Welcome, Vinyl Me Please – your flash briefing</p>
<p class="m0"><span class="gray">From:</span> <span class="bold">Fomo</span> <[email protected]></p>
<p class="m0 mb2"><span class="gray">To:</span> <span class="bold">Cool Person</span> <[email protected]></p>
</div>
<iframe class="emailframe" src="./sample.html"></iframe>
</div>
</div>
<script src="./js/jquery.min.js"></script>
<script src="./js/main.js"></script>
</body>
</html>