forked from readFOLD/FOLD-landing
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
165 lines (147 loc) · 8.43 KB
/
index.html
File metadata and controls
165 lines (147 loc) · 8.43 KB
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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>FOLD: Coming April 7th</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="apple-touch-icon" href="FOLD-apple-touch-icon.png">
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-53031202-1', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<section class="top">
<div class="title">
<div class="title-container">
<img src="/assets/FOLD-header.png">
</div>
<div class="logo">
<img src="/assets/FOLD-logo.png">
</div>
</div>
</section>
<section class="bottom">
<div class="cards">
<div class="card video-card">
<div class="icons">
<img class="icon" src="/assets/video_icon_green.png" />
</div>
<section class="video">
<iframe src="//player.vimeo.com/video/102076007?byline=0&badge=0&title=0&portrait=0&color=00A451" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</section>
</div>
<div class="card text">
<div class="icons">
<img class="icon" src="/assets/text_icon_green.png" />
<img class="icon" src="/assets/gif_icon_green.png" />
</div>
<div class="text">
FOLD is a context creation platform for <b>journalists and storytellers</b>, allowing them to <b>structure and craft complex stories</b>.
</div>
<img class="diagram" src="/assets/regular_to_fold.gif" />
</div>
<div class="card text">
<div class="icons">
<img class="icon" src="/assets/text_icon_green.png" />
<img class="icon" src="/assets/gif_icon_green.png" />
</div>
<div class="text">
FOLD helps readers confidently <b>engage with new material</b>, providing curated tangents to <b>capture interest and attention</b>.
</div>
<img class="diagram" src="/assets/fold_to_idea.gif" />
</div>
<div class="card text">
<div class="icons">
<img class="icon" src="/assets/text_icon_green.png" />
<img class="icon" src="/assets/photo_icon_green.png" />
</div>
<div class="text">
Featured on
</div>
<a href="http://www.fastcodesign.com/3033790/mit-rethinks-how-you-consume-news" target="_blank">
<img class="fast-company press" src="/assets/fastco.svg" />
</a>
<a href="http://www.bostonmagazine.com/news/blog/2014/06/20/fold-mit-media-lab-project" target="_blank">
<img class="boston-magazine press" src="/assets/bostonmagazine.svg" />
</a>
<a href="http://www.niemanlab.org/2014/07/fold-wants-to-keep-you-from-tumbling-down-link-rabbit-holes/" target="_blank">
<img class="nieman press" src="/assets/nieman.png" />
</a>
</div>
<div class="card text">
<div class="icons">
<img class="icon" src="/assets/text_icon_green.png" />
<img class="icon" src="/assets/photo_icon_green.png" />
</div>
<div class="text">
FOLD is built by <b><a href="http://alexishope.com" target="_blank">Alexis Hope</a></b>, <b><a href="http://kevinzenghu.com" target="_blank">Kevin Hu</a></b>, and <b><a href="http://joegoldbeck.com" target="_blank">Joe Goldbeck</a></b> at the <b><a href="http://media.mit.edu" target="_blank">MIT Media Lab</a></b> and will launch for open beta on <b>April 7th, 2015</b>.
</div>
<a href="http://alexishope.com" class="profile" target="_blank">
<img class="alexis portrait" src="/assets/alexis.jpg" />
</a>
<a href="http://kevinzenghu.com" class="profile" target="_blank">
<img class="kevin portrait" src="/assets/kevin.png" />
</a>
<a href="http://joegoldbeck.com" class="profile" target="_blank">
<img class="kevin portrait" src="/assets/joe.png" />
</a>
</div>
<div class="card">
<div class="icons">
<img class="icon" src="/assets/mail_icon_green.png" />
</div>
<style type="text/css">
#mc_embed_signup{background:#fff; clear:left; font: 16px 'Avenir Next', Helvetica, Arial, sans-serif;}
</style>
<div id="mc_embed_signup">
<form action="http://mit.us8.list-manage2.com/subscribe/post?u=ade54b64063c60d8ef584ecc3&id=80f82c8755" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<label for="mce-EMAIL">Be notified when we launch!</label>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="E-mail Address" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;"><input type="text" name="b_ade54b64063c60d8ef584ecc3_80f82c8755" tabindex="-1" value=""></div>
<div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
</div>
<div class="card text">
<div class="icons">
<img class="icon" src="/assets/github_icon.png" />
</div>
<div class="text center">
FOLD is built with <b><a href="https://meteor.com" target="_blank">Meteor</a></b> and is a an open-source project located on <b><a href="https://github.com/readFOLD/FOLD" class="github" target="_blank">Github</a></b> under the <b><a href="https://github.com/kevinzenghu/FOLD/blob/master/LICENSE" target="_blank">MIT License</a></b>.
</div>
</div>
</div>
</div>
</section>
<footer>
<div>
Follow us at <a href="http://twitter.com/readFOLD" target="_blank">@readFOLD</a> or e-mail us at fold@media.mit.edu. Created at the <a href="http://media.mit.edu" class="media-lab" target="_blank">MIT Media Lab</a>.</div>
</div>
</footer>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
</body>
</html>