-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
245 lines (234 loc) · 9.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Beau West</title>
<meta charset="utf-8">
<meta name="robots" content="index,follow">
<meta name="author" content="Beau West">
<meta name="description" content="The weblog of a fellow named Beau.">
<link rel="stylesheet" href="base.css" type="text/css" media="screen" title="Screen">
<script src="https://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js" type="text/javascript"></script>
<script src="base.js" type="text/javascript"></script>
<!--<script src="http://static.beaudesigns.net/tumblr/darklime/twitterCache.php" type="text/javascript"></script>-->
</head>
<body id="west-gs" class="tumblr">
<div id="envelope">
<header>
<section id="twitter">
<span class="bird"><img src="twitter.png"></span>
<span class="quote">“</span><span class="recent" id="recent_tweet">…</span><span class="quote">”</span>
<span class="follow"><a href="http://twitter.com/beaudesigns">Follow @beaudesigns</a></span>
</section>
<h1><a href="/" title="Beau West">Beau West</a></h1>
</header>
<!-- Text article -->
<article class="post text">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/text.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>7</span>
</a>
<ul class="tags">
<li><a href="">#travel</a></li>
<li><a href="">#notyours</a></li>
<li><a href="">#killme</a></li>
</ul>
</section>
<section class="content">
<h2>Title Box</h2>
<div class="caption">
<p>This is a <em>cool</em> shot.</p>
<p>There are <a href="">cooler things</a> in life than seeing fries without your popcorn, but there are none worth being a cat about.</p>
<ol>
<li>Bird</li>
<li>McHale</li>
<li>Parish</li>
</ol>
<ul>
<li>Bird</li>
<li>McHale</li>
<li>Parish</li>
</ul>
</div>
</section>
</article>
<!-- End text article -->
<!-- Photo article -->
<article class="post photo">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/photo.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>7</span>
</a>
<ul class="tags">
<li><a href="">#travel</a></li>
<li><a href="">#notyours</a></li>
<li><a href="">#killme</a></li>
</ul>
</section>
<section class="content">
<div class="photo">
<a href="http://www.flickr.com/photos/beaudesigns/4908109123/lightbox/"><img src="http://farm5.static.flickr.com/4120/4908109123_cf7518b632.jpg" alt=""></a>
</div>
<div class="caption">
<p><strong>This is a cool shot</strong> by <a href="http://www.flickr.com/photos/beaudesigns/4908109123/lightbox/">Beau West</a></p>
<p>There are cooler things in life than seeing fries without your popcorn, but there are none worth being a cat about.</p>
<blockquote>
<p>Testing 123</p>
</blockquote>
<p>There are cooler things in life than seeing fries without your popcorn, but there are none worth being a cat about.</p>
</div>
</section>
</article>
<!-- End photo article -->
<!-- Quote article -->
<article class="post quote">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/quote.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>5</span>
</a>
<ul class="tags">
<li><a href="">#mine</a></li>
<li><a href="">#killme</a></li>
<li><a href="">#twice</a></li>
</ul>
</section>
<section class="content">
<blockquote>
<span class="quote">“</span>There are three kinds of people in the world: Those who can count, and those who can't.<span class="quote">”</span>
</blockquote>
<div class="source">
<p>—fUnknown</p>
</div>
</section>
</article>
<!-- End quote article -->
<!-- Link article -->
<article class="post link">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/link.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>5</span>
</a>
<ul class="tags">
<li><a href="">#mine</a></li>
<li><a href="">#killme</a></li>
<li><a href="">#twice</a></li>
</ul>
</section>
<section class="content">
<div class="link">
<a href="" title="">A link to a really cool place: The movie</a>
</div>
<div class="description">
<p>Sometimes movies are really cool, but this movie about a place is not so cool:</p>
<blockquote>When I say something! Y'all chillin's had better listen! Otherwise I'm gunna get super mad about it and it's not going to be pretty!</blockquote>
<p>Words from the wise, make them chillin's pretty my fine feathered fiend.</p>
</div>
</section>
</article>
<!-- End link article -->
<!-- Chat article -->
<article class="post chat">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/chat.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>5</span>
</a>
<ul class="tags">
<li><a href="">#mine</a></li>
<li><a href="">#killme</a></li>
<li><a href="">#twice</a></li>
</ul>
</section>
<section class="content">
<h2>Title taggie!</h2>
<ul class="chat">
<li class="odd"><span class="label person_1">Beau:</span> I heart everything.</li>
<li class="even"><span class="label person_2">Stefani:</span> No you don't!</li>
<li class="odd"><span class="label person_1">Beau:</span> I know…</li>
</ul>
</section>
</article>
<!-- End chat article -->
<!-- Audio article -->
<article class="post audio">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/audio.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>7</span>
</a>
<ul class="tags">
<li><a href="">#travel</a></li>
<li><a href="">#notyours</a></li>
<li><a href="">#killme</a></li>
</ul>
</section>
<section class="content">
<h2>The sound of way too many hyper kids in a small space.</h2>
<div class="audio">
<script type="text/javascript" language="javascript" src="http://assets.tumblr.com/javascript/tumblelog.js?623"></script><span id="audio_player_95499005">[<a href="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" target="_blank">Flash 9</a> is required to listen to audio.]</span><script type="text/javascript">replaceIfFlash(9,"audio_player_95499005",'\x3cdiv class=\x22audio_player\x22\x3e<embed type="application/x-shockwave-flash" src="http://assets.tumblr.com/swf/audio_player.swf?audio_file=http://www.tumblr.com/audio_file/95499005/2K09Ljdbim7n3hb4WpHU3XMV&color=E4E4E4" height="27" width="207" quality="best"></embed>\x3c/div\x3e')</script>
</div>
</section>
</article>
<!-- End audio article -->
<!-- Video article -->
<article class="post video">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/video.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>7</span>
</a>
<ul class="tags">
<li><a href="">#travel</a></li>
<li><a href="">#notyours</a></li>
<li><a href="">#killme</a></li>
</ul>
</section>
<section class="content">
<div class="video">
<object width="500" height="305"><param name="movie" value="http://www.youtube.com/v/AJDx3H_hvI8&rel=0&egm=0&showinfo=0&fs=1"><param name="wmode" value="transparent"><param name="allowFullScreen" value="true"><embed src="http://www.youtube.com/v/AJDx3H_hvI8&rel=0&egm=0&showinfo=0&fs=1" type="application/x-shockwave-flash" width="500" height="305" allowfullscreen="true" wmode="transparent"></object>
</div>
<div class="caption">
<p><strong>Christopher Walken performs Poker Face</strong> by <a href="http://www.youtube.com/user/BBC">BBC</a></p>
<p>There are cooler things in life than seeing fries without your popcorn, but there are none worth being a cat about.</p>
<blockquote>
<p>Testing 123</p>
</blockquote>
</div>
</section>
</article>
<!-- End video article -->
<!-- Answer article -->
<article class="post answer">
<section class="meta">
<a href="" class="permalink">
<span class="icon"><img src="icons/answer.png"></span>
<span class="date">9 Jul</span><br><span class="likes">♥</span> <span>7</span>
</a>
<ul class="tags">
<li><a href="">#travel</a></li>
<li><a href="">#notyours</a></li>
<li><a href="">#killme</a></li>
</ul>
</section>
<section class="content">
<h2>Anonymous asks: "How old are you?"</h2>
<div class="caption">
<p>Well let me answer <em>that</em> for you.</p>
<p>In the words of an old song. I’m three times six and 4 times seven, twenty-eight and eleven. But in my case subtract 62.</p>
</div>
<div class="question">
<a href="/ask">Ask me a question</a>
</div>
</section>
</article>
<!-- End text article -->
<footer>
<a href="{NextPage}" class="nextpage">« Older</a>
<a href="{PreviousPage}" class="previouspage">Newer »</a>
</footer>
</div>
</body>
</html>