This repository has been archived by the owner on Jun 1, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (106 loc) · 4.81 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width" />
<title>Find Adam's Bike</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/style.css">
<script src="https://use.typekit.net/nag1hio.js"></script>
<script>try{Typekit.load({ async: true });}catch(e){}</script>
</head>
<body>
<section class="what">
<div class="container">
<header>
<h1>Have you seen my bike?</h1>
<h4>Hi. I'm <a href="https://twitter.com/adamteterus">Adam</a>. My bike got stolen recently, and I need your help to find it.</h4>
</header>
</div>
</section>
<section class="where">
<div class="container">
<h1>Here's where it got stolen.</h1>
<h4>It was stolen on <a href="https://goo.gl/maps/yKlD9">2nd & Christian</a>. I have a <a href="https://instagram.com/p/7l7FhcL1wA/">picture</a> of the place as well.</h4>
<iframe width='100%' height='500px' frameBorder='0' src='https://a.tiles.mapbox.com/v4/jagtalon.nf86facb/attribution,zoompan,zoomwheel,geocoder,share.html?access_token=pk.eyJ1IjoiamFndGFsb24iLCJhIjoiY2llbjMzMDRqMDU3NXM2bTNwOHdhN3RiMiJ9.7rnoGLiZSPZB4UHUL8W_Tg'></iframe>
</div>
</section>
<section class="description">
<div class="container">
<h1>Let me describe it to you.</h1>
<h4>I have a <a href="https://instagram.com/p/7mFa_lr1y1/">picture</a> of my bike, but it also helps to describe it.</h4>
<div class="list">
<div>It's a Motobecane Super Mirage. <span class="light">It's French although you probably can't tell by just looking at it, bears no overwhelmingly French physical qualities.</span></div>
<div>It's red. <span class="light">But like a rusty red but not orange. It is red I promise.</span></div>
<div>It has tan handle bar wraps <span class="light">which look cool but not as cool as the brown leather ones I thought I was buying at the time. I don't regret the tan wraps though they're fine.</span></div>
<div>It has a brown saddle <span class="light">that looks somewhat like a Brooks saddle if you squint or if you look at it from far away it does the trick. This isn't really the time to debate this.</span></div>
<div>100% real <a href="http://www.indyhall.org">Indy Hall</a> sticker on the frame.</div>
<div>It's missing a wheel. <span class="light">Because the thief let me keep that.</span></div>
</div>
</div>
</section>
<section class="who">
<div class="container">
<h1>Everyone's helping out.</h1>
<h4>I really appreciate <a href="https://twitter.com/hashtag/findadamsbike?src=hash">all the help that I'm getting</a> over the past few days.</h4>
<div class="row">
<div class="six columns">
<div class="tweet">
<div class="img-container">
<img src="img/pope.jpeg">
</div>
<div class="name">
<a href="https://twitter.com/Pontifex">Pope Francis</a> <span class="light">@Pontifex</span>
</div>
<div class="content">
How sinful it is to steal someone's bike. Help <a href="https://twitter.com/hashtag/findadamsbike?src=hash">#findadamsbike</a>.
</div>
</div>
</div>
<div class="six columns">
<div class="tweet">
<div class="img-container">
<img src="img/rock.jpeg">
</div>
<div class="name">
<a href="https://twitter.com/TheRock">Dwayne Johnson</a> <span class="light">@TheRock</span>
</div>
<div class="content">
We better find that sumbitch.. <a href="https://twitter.com/hashtag/findadamsbike?src=hash">#findadamsbike</a>. <a href="https://instagram.com/p/7mCLTtIh72/">https://instagram.com/p/7mCLTtIh72/</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="six columns">
<div class="tweet">
<div class="img-container">
<img src="img/potus.jpg">
</div>
<div class="name">
<a href="https://twitter.com/POTUS">President Obama</a> <span class="light">@POTUS</span>
</div>
<div class="content">
When I took office, bike theft went down by 67%. Please, let's all <a href="https://twitter.com/hashtag/findadamsbike?src=hash">#findadamsbike</a>.
</div>
</div>
</div>
<div class="six columns">
<div class="tweet">
<div class="img-container">
<img src="img/victoria.jpeg">
</div>
<div class="name">
<a href="https://twitter.com/victoriabeckham">Victoria Beckham</a> <span class="light">@victoriabeckham</span>
</div>
<div class="content">
Absolutely crushed to hear <a href="https://twitter.com/adamteterus">@adamteterus</a> lost his bike. 👗 <a href="https://instagram.com/p/7mFa_lr1y1/">https://instagram.com/p/7mFa_lr1y1/</a> x vb
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>