-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
253 lines (226 loc) · 13.6 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
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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Block Friday</title>
<meta name="description" content="Let's take back 'Black Friday' and indulge in the people around us. It's a perfect time to be mindful of our time and spending, so what are you Blocking Friday for this holiday season?">
<meta name="keywords" content="blockfriday, #blockfriday, block friday, black friday, movement, overconsumption, family, time, thanksgiving">
<link href="bootstraps.css" rel="stylesheet">
<link href="fonts/fonts.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
<meta property="og:type" content="cause"/>
<meta property="og:title" content="This holiday season #BLOCKFRIDAY"/>
<meta property="og:image" content="http://blockfriday.org/logos/blockfriday.png"/>
<meta property="og:url" content="http://blockfriday.org"/>
<meta property="og:site_name" content="Block Friday"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-34180145-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div id="fb-root">
</div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=247732735257058";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="container-fluid">
<div class="borderheader" id="one">
<div class="row-fluid">
<a href="/" style="text-decoration:none; color: #444;"><div class="header">
<p>#BLOCKFRIDAY</p></a>
<img src="blockfriday.png" style="display:none;" />
<p id="presented">Initiated by <a href="http://holstee.com">Holstee</a>.</p>
</div>
</div>
</div>
<div class="borderheader" id="two">
<div class="row-fluid">
<div class="statement">
<div id="body"><b>Let's take back Black Friday to be mindful of the way we spend our time and money.</b>
</br></br>
Block Friday started as a way to remind ourselves that even as we begin the holiday shopping season in earnest, we can still be mindful of the way we’re spending our time and money. <b>What are you Blocking Friday for this holiday season?</b></div>
</div>
</div>
<div class="row-fluid">
<div class="divider">
how can you #BLOCKFRIDAY with us?
</div>
</div>
</div>
<div class="borderheader" id="four">
<div class="row-fluid">
<div class="cta">
<div class="action">
Block Friday is all about seizing an important chance to spend quality time with friends, loved ones, and ourselves.
</div>
<div class="ideas">
<a href="http://on.fb.me/10uNp7c "><img src="ideas/1.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/2.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/3.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/4.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/5.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/6.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/7.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/8.png" /></a>
<a href="http://on.fb.me/10uNp7c "><img src="ideas/9.png" /></a>
</br> For more ideas like these, check out <a href="http://on.fb.me/10uNp7c">the whole album!</a>
</div>
<!--div id="things">
<div class="thing">
<div class="top-thing">
<img src="friends/css/img/filmicon-01.png" />
</div>
<div class="bottom-thing">
<p>
<b>RECORD YOURSELF</b></br> We’re curious, what you are you blocking Friday for? Record a video and tag it #blockfriday and #holstee on <a href="http://www.youtube.com/watch?v=gGagahVaaaU&list=PLCGAi82ClyOLD-Tdvxg84LPkhmaXnRR0W&index=5&feature=plpp_video" target="_blank">YouTube</a> and we'll add it to the video series above!
</p>
</div>
</div>
<div class="thing">
<div class="top-thing">
<img src="friends/css/img/tweeticon.png" />
</div>
<div class="bottom-thing">
<p>
<b>TWEET!</b></br> Broadcast your intention to be awesome to the world. "This holiday season I will... #blockfriday" <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://blockfriday.org" data-text="This holiday season, I'm going to #blockfriday by... What about you?" data-via="holstee">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
</p>
</div>
</div>
<div class="thing">
<div class="top-thing">
<img src="friends/css/img/peopleicon.png" />
</div>
<div class="bottom-thing">
<p>
<b>TELL YOUR FRIENDS</b></br> Ask friends how they plan to take back Black Friday. And share it with the world. #blockfriday. <div class="fb-like" data-href="http://blockfriday.org/" data-send="true" data-layout="button_count" data-width="230" data-show-faces="false" data-font="arial"></div>
</p>
</div>
</div>
</div-->
</div>
<div class="row-fluid">
<div class="divider">
what is everyone else blocking friday for?
</div>
</div>
</div>
<div class="borderheader" id="three">
<div class="row-fluid">
<div class="video">
<iframe width="360" height="203" src="http://www.youtube.com/embed/Ds7fslMnLlU" frameborder="0" allowfullscreen></iframe>
<iframe width="360" height="203" src="http://www.youtube.com/embed/wdFxDFptyzo" frameborder="0" allowfullscreen></iframe>
<iframe width="360" height="203" src="http://www.youtube.com/embed/9T77gkK_MmY" frameborder="0" allowfullscreen></iframe>
<iframe width="360" height="203" src="http://www.youtube.com/embed/8RUht0OICQk" frameborder="0" allowfullscreen></iframe>
<iframe width="360" height="203" src="http://www.youtube.com/embed/DnY8DL5iTFA" frameborder="0" allowfullscreen></iframe>
<iframe width="360" height="203" src="http://www.youtube.com/embed/xTeQ65kc7GU" frameborder="0" allowfullscreen></iframe>
<iframe width="360" height="203" src="http://www.youtube.com/embed/r38ye1F10UU" frameborder="0" allowfullscreen></iframe>
<iframe width="360" height="203" src="http://www.youtube.com/embed/sYAoF-X_GL4" frameborder="0" allowfullscreen></iframe>
</div>
</div>
<div class="row-fluid" id="five">
<div class="divider">
how it all started
</div>
</div>
</div>
<div class="borderheader" id="six">
<div class="row-fluid">
<div class="actiontwo"> Around this time last year, <a href="http://blog.holstee.com/post/29974569510/announcing-black-curtain-friday" target="_blank">we announced</a> that our shop would go offline on the Friday after Thanksgiving to allow our team and community to enjoy that precious time with friends and family. This year we invite you to join us and create a movement together. Have your own community and want to support Block Friday? <a href="http://blockfriday.org/friends" target="_blank">Here's how</a>.
</div>
<div class="email mail">
<div id="mc_embed_signup">
<form action="http://holstee.us1.list-manage.com/subscribe/post?u=450030f9386b737a5669f8d1d&id=43bade8b95" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email@memail.com" required>
<div class="clear"><input type="submit" value="sign me up!" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
</div>
</div>
<div class="row-fluid">
<div class="divider">
thanks to our early supporters
</div>
</div>
</div>
<div class="row-fluid">
<div class="friends">
<!-- <a href="http://www.summit.co"><div id="summit"></a>
<p> <a href="http://www.summit.co">Summit Series</a> </p></div> -->
<a href="http://swiss-miss.com"><div id="swissmiss">
<p> <a href="http://www.swiss-miss.com">Swiss Miss</a> </p></div>
<a href="http://sethgodin.com"><div id="seth"></a>
<p> <a href="http://www.sethgodin.com">Seth Godin</a> </p></div>
<a href="http://good.is/"><div id="good"></a>
<p> <a href="http://good.is/">GOOD</a> </p></div>
<!--a href="http://unreasonableinstitute.org"><div id="unreasonable"></div></a-->
<a href="http://brainpickings.org/"><div id="brainpickings"></a>
<p> <a href="http://brainpickings.org/">Brain Pickings</a> </p></div>
<a href="http://unconsumption.tumblr.com"><div id="unconsumption">
<p> <a href="http://unconsumption.tumblr.com">Unconsumption</a> </p></div>
<a href="http://sandbox-network.com"><div id="sandbox">
<p> <a href="http://www.sandbox-network.com">Sandbox Network</a> </p></div>
<a href="http://youthtrade.com"><div id="youthtrade"></a>
<p> <a href="http://www.youthtrade.com">Youth Trade</a> </p></div>
<a href="http://nominetwork.org"><div id="nomi"></a>
<p> <a href="http://www.nominetwork.org">Nomi Network</a> </p></div>
<a href="http://www.ifixit.com/Manifesto"><div id="ifixit"></a>
<p> <a href="http://www.ifixit.com/Manifesto">iFixit</a> </p></div>
<a href="http://www.dothegreenthing.com/"><div id="greenthing"></a>
<p> <a href="http://www.dothegreenthing.com/">Do The Green Thing</a> </p></div>
<a href="http://nyc.socialinnovation.org/"><div id="csi"></a>
<p> <a href="http://nyc.socialinnovation.org/">Center for Social Innovation</a> </p></div>
<a href="http://www.evolver.net/"><div id="evolver"></a>
<p> <a href="http://www.evolver.net/">Evolver</a> </p></div>
<a href="http://www.besocialchange.com/home/"><div id="besocialchange"></a>
<p> <a href="http://www.besocialchange.com/home/">Be Social Change</a> </p></div>
<a href="http://www.fastcoexist.com/1680958/a-companys-quest-to-bring-mindfulness-to-black-friday"><div id="fastcoexist"></a>
<p> <a href="http://www.fastcoexist.com/1680958/a-companys-quest-to-bring-mindfulness-to-black-friday">Fast Co.Exist</a> </p></div>
<a href="http://www.popculturepirate.com"><div id="pcp"></a>
<p> <a href="http://www.popculturepirate.com/">Pop Culture Pirate</a> </p></div>
<a href="http://insidefmm.tumblr.com/post/36158095376/anti-shopper-marketing"><div id="insidefmm"></a>
<p> <a href="http://insidefmm.tumblr.com/post/36158095376/anti-shopper-marketing">Inside FMM</a> </p></div>
<a href="https://www.facebook.com/SwapMeetSf"><div id="swapmeet"></a>
<p> <a href="https://www.facebook.com/SwapMeetSf">Swap Meet SF</a> </p></div>
<a href="http://www.theminimalists.com/dark/"><div id="minimalists"></a>
<p> <a href="http://www.theminimalists.com/dark/">Minimalists</a> </p></div>
<a href="http://www.onepercentfoundation.org"><div id="opf"></a>
<p> <a href="http://www.onepercentfoundation.org">One Percent Foundation</a> </p></div>
<a href="http://www.ywse.org/nywse/"><div id="nywse"></a>
<p> <a href="http://www.ywse.org/nywse/">New York Women Social Entrepreneurs</a> </p></div>
</div>
</div>
<div class="row-fluid footerline">
<p>Blockfriday.org © 2012. Brought to you by <a href="http://holstee.com" target="_blank">Holstee</a> and made in <a href="http://nytm.org" target="_blank">NYC</a>.
</div>
</div>
<!--div class="row">
<div class="center">
<div class="left span4">
interested? sweet.
</div>
<div class="right span5 mail">
<div id="mc_embed_signup">
<form action="http://holstee.us1.list-manage.com/subscribe/post?u=450030f9386b737a5669f8d1d&id=43bade8b95" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email@memail.com" required>
<div class="clear"><input type="submit" value="sign me up!" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</form>
</div>
</div>
</div-->
</body>
</html>