-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
164 lines (136 loc) · 4.99 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
<!DOCTYPE HTML>
<html lang="en-AU">
<!--
DESIGN GOALS
- responsive
- nice typography, but with a monospace font
- sensible outline - http://gsnedders.html5.org/outliner/
- compliant HTML5 - https://validator.w3.org
- marked up with microdata - http://schema.org
-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Tully Hansen</title>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css?family=Cousine" rel="stylesheet"> <!-- TODO why would I use @import? -->
</head>
<body>
<header>
<h1>Tully Hansen</h1>
<nav>
<h2>Main Menu</h2> <!-- TODO display none -->
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Archives</a></li>
<li><a href="#">RSS</a></li>
</ul>
</nav>
</header>
<main>
<article>
<h3><time datetime="2016-10-12T13:55:24+10:00" pubdate="pubdate">2016-10-12, 23:55</time></h3>
<p>This site is by Tully Hansen, a bot aficionado from way back (like, since 2014).</p>
</article>
<hr />
<article>
<header>
<h3><time datetime="2016-10-12T13:54:24+10:00" pubdate="pubdate">2016-10-12, 23:54</time></h3>
</header>
<p>Oh, good question! There are a whole bunch of tools and techniques for doing so, running the gamut from beginner-friendly webapps to bespoke codebases.</p>
</article>
<hr />
<article>
<header>
<h3><time datetime="2016-10-12T13:52:24+10:00" pubdate="pubdate">2016-10-12, 23:52</time></h3>
</header>
<p>Another one of the pesky things, this time a bit longer. It’s <a href="#">getting late</a>, I fear...</p>
</article>
<hr />
<article>
<header>
<h3><time datetime="2016-10-12T13:54:24+10:00" pubdate="pubdate">2016-10-12, 23:54</time></h3>
<h2>A Proper Post With A Title And Everything</h2>
<nav> <!-- TODO tags only (don't surface category)? -->
<a href="#">Category</a>
<ul>
<li><a href="#">#bots</a></li>
<li><a href="#">#web-design</a></li>
<li><a href="#">#underscore</a></li>
</ul>
</nav>
</header>
<p>National Botmaking Month. It’s like <a href="#">NaNoGenMo</a>, which is itself like <a href="#">NaNoWriMo</a>, inasmuch as all three are creative challenges which take place during the month of November. All three are international, so Na is a bit of a misnomer, but InBoMaMo is even more of a mouthful.</p>
</article>
<hr />
<article>
<header>
<h3><time datetime="2016-10-12T13:54:24+10:00" pubdate="pubdate">2016-10-12, 23:54</time></h3>
<h2>A Post With No Tags</h2>
<nav>
<a href="#">Bots</a>
</nav>
</header>
<p>National Botmaking Month. It’s like <a href="#">NaNoGenMo</a>, which is itself like <a href="#">NaNoWriMo</a>, inasmuch as all three are creative challenges which take place during the month of November. All three are international, so Na is a bit of a misnomer, but InBoMaMo is even more of a mouthful.</p>
<blockquote>A blockquote inside of a post, even if only a little bit.</blockquote>
<p>Bots (from ‘robot’) is used here as the term for the (often) small, (sometimes) simple and (occasionally) silly software denizens of platforms like Twitter and Slack. Bots do all manner of things, from telling the time (or not) to toying with the fundamental forces of the universe to generating Disney karaoke. For an idea of the great variety of (Twitter) bots out there, check out @botALLY’s Following list.</p>
</article>
<hr />
<article>
<header>
<h3><time datetime="2016-10-12T13:54:24+10:00" pubdate="pubdate">2016-10-12, 23:54</time></h3>
</header>
<p>Oh, good question! There are a whole bunch of tools and techniques for doing so, running the gamut from beginner-friendly webapps to bespoke codebases.</p>
</article>
<hr />
<article>
<header>
<h3><time datetime="2016-10-12T13:52:24+10:00" pubdate="pubdate">2016-10-12, 23:52</time></h3>
</header>
<p>Another one of the pesky things, this time a bit longer. It’s <a href="#">getting late</a>, I fear...</p>
</article>
<hr />
<article>
<header>
<h3><time datetime="2016-10-12T13:52:24+10:00" pubdate="pubdate">2016-10-12, 23:52</time></h3>
</header>
<p>More statuses. Statii?</p>
</article>
<hr />
<nav>
<h3>Pagination</h3> <!-- TODO display none -->
<ul>
<li><a href="#">< Older</a></li>
<li><a href="#">Newer ></a></li>
</ul>
</nav>
</main>
<aside>
<h2>Sidebar</h2> <!-- TODO display none -->
<section>
<h3>Elseweb</h3>
<ul>
<li><a href="#">Twitter</a></li>
<li><a href="#">Pinboard</a></li>
<li><a href="#">GitHub</a></li>
<li><a href="#">App.net</a></li>
</ul>
</section>
<section>
<h1>Works</h1>
<ul>
<li><a href="#">NaBoGenMo 2016</a></li>
<li><a href="#">@botALLY 2013–present</a></li>
</ul>
</section>
<nav>
<h1>Search</h1> <!-- TODO display none -->
<form>
<input type="search" placeholder="Search here">
</form>
</nav>
</aside>
<footer>
<p>Copyright 2016 Tully Hansen.</p>
</footer>
</body>
</html>