cloudhead.io · commit

General updates

9d443c18a991cbe65e3ad4f2534527340052ae45

Alexis Sellier committed 11 years ago 1 parent 38ecfcb8

css/base.css added +27 -0

1	+	* {
2	+	margin: 0;
3	+	padding: 0;
4	+	}
5	+
6	+	body {
7	+	font-family: courier, monospace;
8	+	}
9	+
10	+	body > header {
11	+	float: right;
12	+	}
13	+
14	+	nav {
15	+	font-family: courier, monospace;
16	+	font-weight: bold;
17	+	padding: 10px;
18	+	font-size: 20px;
19	+	}
20	+
21	+	ul li {
22	+	list-style-type: none;
23	+	}
24	+
25	+	a {
26	+	text-decoration: none;
27	+	}

bg.png → images/bg.png renamed +0 -0

lists/empty.css added +0 -0

lists/index.html +61 -33


      body > header {
        float: right;
      }

      section > header {
      article {
        margin-bottom: 30px;
      }

      article > header {
        margin-bottom: 10px;
      }

      section > header > h2 {
      article > header > h2 {
        font-size: 20px;
      }

      footer {
        text-align: right;

  <body>
    <header>
      <h1><a href="/">cloudhead.io</a>/lists</h1>
    </header>
    <section>
      <header>
        <h2>greatest rock & pop albums</h2>
        <p><em>My personal list. One album per artist.</em></p>
      </header>
      <ol>
        <li><a href="http://en.wikipedia.org/wiki/Astral_Weeks">Astral Weeks</a> - Van Morrison (1968)</li>
        <li><a href="http://en.wikipedia.org/wiki/Rock_Bottom_(album)">Rock Bottom</a> - Robert Wyatt (1974)</li>
        <li><a href="http://en.wikipedia.org/wiki/The_Velvet_Underground_%26_Nico">The Velvet Underground &amp; Nico</a> - Velvet Underground (1967)</li>
        <li><a href="http://en.wikipedia.org/wiki/Loveless_(album)">Loveless</a> - My Bloody Valentine (1991)</li>
        <li><a href="http://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon">The Dark Side of the Moon</a> - Pink Floyd (1973)</li>
        <li><a href="http://en.wikipedia.org/wiki/In_the_Court_of_the_Crimson_King">In The Court of the Crimson King</a> - King Crimson (1969)</li>
        <li><a href="http://en.wikipedia.org/wiki/Grace_(Jeff_Buckley_album)">Grace</a> - Jeff Buckley (1994)</li>
        <li><a href="http://en.wikipedia.org/wiki/Third_(Soft_Machine_album)">Third</a> - Soft Machine (1970)</li>
        <li><a href="http://en.wikipedia.org/wiki/Safe_as_Milk">Safe as Milk</a> - Captain Beefheart (1967)</li>
        <li><a href="http://en.wikipedia.org/wiki/In_the_Aeroplane_Over_the_Sea">In the Aeroplane Over the Sea</a> - Neutral Milk Hotel (1998)</li>
      </ol>
      <p><em>Then, in no particular order...</em></p>
      <ul>
        <li><a href="http://en.wikipedia.org/wiki/Exile_on_Main_St.">Exile on Main St.</a> - The Rolling Stones (1972)</li>
        <li><a href="http://en.wikipedia.org/wiki/The_Doors_(album)">The Doors</a> - The Doors (1967)</li>
        <li><a href="http://en.wikipedia.org/wiki/Blood_on_the_tracks">Blood on the Tracks</a> - Bob Dylan (1975)</li>
        <li><a href="http://en.wikipedia.org/wiki/For_Emma,_Forever_Ago">For Emma, Forever Ago</a> - Bon Iver (2008)</li>
        <li><a href="http://en.wikipedia.org/wiki/Fare_Forward_Voyagers_(Soldier's_Choice)">Fare Forward Voyagers</a> - John Fahey (1973)</li>
        <li><a href="http://en.wikipedia.org/wiki/The_Beatles_(album)">The Beatles "White Album"</a> - Beatles (1968)</li>
        <li><a href="http://en.wikipedia.org/wiki/After_the_Gold_Rush">After the Gold Rush</a> - Neil Young (1970)</li>
        <li><a href="http://en.wikipedia.org/wiki/The_Soft_Bulletin">The Soft Bulletin</a> - The Flaming Lips (1999)</li>
        <li><a href="http://en.wikipedia.org/wiki/Kid_A">Kid A</a> - Radiohead (2000)</li>
        <li><a href="http://en.wikipedia.org/wiki/Pet_Sounds_(album)">Pet Sounds</a> - The Beach Boys (1966)</li>
        <li><a href="http://en.wikipedia.org/wiki/Either/Or_(album)">Either/Or</a> - Elliott Smith (1997)</li>
      </ul>
    </section>
        <article>
          <header>
            <h2>greatest rock &amp; pop albums</h2>
            <p><em>My personal list. One album per artist.</em></p>
          </header>
          <ol>
            <li><a href="http://en.wikipedia.org/wiki/Astral_Weeks">Astral Weeks</a> - Van Morrison (1968)</li>
            <li><a href="http://en.wikipedia.org/wiki/Rock_Bottom_(album)">Rock Bottom</a> - Robert Wyatt (1974)</li>
            <li><a href="http://en.wikipedia.org/wiki/The_Velvet_Underground_%26_Nico">The Velvet Underground &amp; Nico</a> - Velvet Underground (1967)</li>
            <li><a href="http://en.wikipedia.org/wiki/Loveless_(album)">Loveless</a> - My Bloody Valentine (1991)</li>
            <li><a href="http://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon">The Dark Side of the Moon</a> - Pink Floyd (1973)</li>
            <li><a href="http://en.wikipedia.org/wiki/In_the_Court_of_the_Crimson_King">In The Court of the Crimson King</a> - King Crimson (1969)</li>
            <li><a href="http://en.wikipedia.org/wiki/Grace_(Jeff_Buckley_album)">Grace</a> - Jeff Buckley (1994)</li>
            <li><a href="http://en.wikipedia.org/wiki/Third_(Soft_Machine_album)">Third</a> - Soft Machine (1970)</li>
            <li><a href="http://en.wikipedia.org/wiki/Safe_as_Milk">Safe as Milk</a> - Captain Beefheart (1967)</li>
            <li><a href="http://en.wikipedia.org/wiki/In_the_Aeroplane_Over_the_Sea">In the Aeroplane Over the Sea</a> - Neutral Milk Hotel (1998)</li>
          </ol>
          <p><em>Then, in no particular order...</em></p>
          <ul>
            <li><a href="http://en.wikipedia.org/wiki/Exile_on_Main_St.">Exile on Main St.</a> - The Rolling Stones (1972)</li>
            <li><a href="http://en.wikipedia.org/wiki/The_Doors_(album)">The Doors</a> - The Doors (1967)</li>
            <li><a href="http://en.wikipedia.org/wiki/Blood_on_the_tracks">Blood on the Tracks</a> - Bob Dylan (1975)</li>
            <li><a href="http://en.wikipedia.org/wiki/For_Emma,_Forever_Ago">For Emma, Forever Ago</a> - Bon Iver (2008)</li>
            <li><a href="http://en.wikipedia.org/wiki/Fare_Forward_Voyagers_(Soldier's_Choice)">Fare Forward Voyagers</a> - John Fahey (1973)</li>
            <li><a href="http://en.wikipedia.org/wiki/The_Beatles_(album)">The Beatles "White Album"</a> - Beatles (1968)</li>
            <li><a href="http://en.wikipedia.org/wiki/After_the_Gold_Rush">After the Gold Rush</a> - Neil Young (1970)</li>
            <li><a href="http://en.wikipedia.org/wiki/The_Soft_Bulletin">The Soft Bulletin</a> - The Flaming Lips (1999)</li>
            <li><a href="http://en.wikipedia.org/wiki/Kid_A">Kid A</a> - Radiohead (2000)</li>
            <li><a href="http://en.wikipedia.org/wiki/Pet_Sounds_(album)">Pet Sounds</a> - The Beach Boys (1966)</li>
            <li><a href="http://en.wikipedia.org/wiki/Either/Or_(album)">Either/Or</a> - Elliott Smith (1997)</li>
          </ul>
        </article>
        <article>
          <header>
            <h2>greatest open-source projects</h2>
            <p><em>I'm concerned with ambition, code quality, impact, design and function.</em></p>
          </header>
          <ol>
            <li>Linux</li>
            <li>git</li>
            <li>LLVM</li>
            <li>WebKit</li>
            <li>Nginx</li>
            <li>runit</li>
            <li>valgrind</li>
            <li>redis</li>
            <li>luajit</li>
            <li>mongrel</li>
            <li>xmonad</li>
            <li>zfs</li>
            <li>ffmpeg</li>
            <li>Firefox</li>
          </ol>
        </article>
      </section>
    <!--
    <section>
      <header>
        <h2>greatest jazz albums</h2>
        <p><em>My personal list. One album per artist.</em></p>

log/_article.html.erb +3 -81

<!doctype html>
<html lang="en">
  <head>
    <title>cloudhead.io</title>
    <style>
      * { margin: 0; padding: 0 }

      body {
        font-family: "Times New Roman", Times, serif;
      }
      body > header, body > footer {
        font-family: courier, monospace;
      }
      body > header {
        float: right;
        padding: 10px;
      }
      h1 {
        font-size: 20px;
      }
      footer {
        text-align: center;
        margin: 0 auto;
        padding: 30px;
        font-size: 21px;
      }
      footer .copy {
        font-size: 13px;
      }
      footer p {
        margin: 5px 0;
      }
      ul li {
        list-style-type: none;
      }
      a {
        text-decoration: none;
      }

      .post {
        padding-top: 90px;
      }
      .post p:first-child {
        margin-top: 0;
      }
      .post .body, .post header {
        width: 700px;
        margin: 0 auto;
        text-align: left;
      }
      .post header {
        margin-bottom: 1.5em;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
      }
      .post .body, .post code, .post h2, footer a {
        font-size: 21px;
        line-height: 1.4em;
      }
      .post .date {
        display: block;
        padding-top: 10px;
        font-size: 15px;
      }
      .post .date, .post blockquote {
        color: #777;
      }
      .post blockquote {
        font-style: italic;
      }
      .post pre {
        margin-left: 10px;
      }
      .post code {
        font-family: courier, monospace;
      }
      .post p {
        margin: 1.5em 0;
      }
      .post h1 {
        font-size: 1.8em;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="/log/log.css">
  </head>
  <body>
  <body class="essay">
    <header>
      <h1><a href="/">cloudhead.io</a>/<a href="/log">log</a></h1>
      <nav><a href="/">cloudhead.io</a>/<a href="/log">log</a></nav>
    </header>
    <article class="post">
      <header>
        <h1><%= title %></h1>
        <span class="date"><%= date %></span>

log/index.html added +26 -0

1	+	<!doctype html>
2	+	<html lang="en">
3	+	<head>
4	+	<link rel="stylesheet" type="text/css" href="log.css">
5	+	<title>cloudhead.io</title>
6	+	</head>
7	+	<body class="essays">
8	+	<header>
9	+	<nav><a href="/">cloudhead.io</a>/essays</nav>
10	+	</header>
11	+	<section>
12	+	<header>
13	+	<h2>misc.</h2>
14	+	</header>
15	+	<ul>
16	+
17	+	<li><a href="/2010/04/24/staying-the-hell-out-of-insert-mode">Staying the hell out of insert mode</a><span class="date">April 24th 2010</li>
18	+
19	+	</ul>
20	+	</section>
21	+	<footer>
22	+	<a href="mailto:hello@cloudhead.io">comments@cloudhead.io</a>
23	+	<p>© 2010-2013 Alexis Sellier</p>
24	+	</footer>
25	+	</body>
26	+	</html>

log/index.html.erb +5 -66

<!doctype html>
<html lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    <title>cloudhead</title>
    <style>
      * {
        margin: 0;
        padding: 0;
      }

      body {
        font-family: courier, monospace;
        padding: 10px;
        font-size: 20px;
      }

      h1 {
        font-size: 20px;
      }

      body > header {
        float: right;
      }

      section > header {
        margin-bottom: 10px;
      }

      section > header > h2 {
        font-size: 20px;
      }

      footer {
        text-align: right;
        position: fixed;
        bottom: 10px;
        right: 10px;
        font-size: 11px;
      }

      footer a {
        font-size: 17px;
      }

      li {
        margin: 5px 0;
      }

      li .date {
        float: right;
        color: #999;
      }

      ul li {
        list-style-type: none;
      }

      section p {
        margin: 30px 0;
      }

      a {
        text-decoration: none;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="log.css">
    <title>cloudhead.io</title>
  </head>
  <body>
  <body class="essays">
    <header>
      <h1><a href="/">cloudhead.io</a>/log</h1>
      <nav><a href="/">cloudhead.io</a>/essays</nav>
    </header>
    <section>
      <header>
        <h2>articles</h2>
        <h2>misc.</h2>
      </header>
      <ul>
        <% articles.each do |a| %>
          <li><a href="<%= a.path %>"><%= a.title %></a><span class="date"><%= a.date %></li>
        <% end %>

log/log.css added +110 -0

1	+	@import url("/css/base.css");
2	+
3	+	/* Essay list page */
4	+
5	+	body.essays {
6	+	font-size: 20px;
7	+	}
8	+
9	+	body.essays section {
10	+	padding: 10px;
11	+	}
12	+
13	+	body.essays section > header {
14	+	margin-bottom: 10px;
15	+	}
16	+
17	+	body.essays section > header > h2 {
18	+	font-size: 20px;
19	+	}
20	+
21	+	body.essays footer {
22	+	text-align: right;
23	+	position: fixed;
24	+	bottom: 10px;
25	+	right: 10px;
26	+	font-size: 11px;
27	+	}
28	+
29	+	body.essays footer a {
30	+	font-size: 17px;
31	+	}
32	+
33	+	body.essays li {
34	+	font-family: "Times New Roman", serif;
35	+	margin: 5px 0;
36	+	}
37	+
38	+	body.essays li .date {
39	+	float: right;
40	+	color: #999;
41	+	}
42	+
43	+	body.essays section p {
44	+	margin: 30px 0;
45	+	}
46	+
47	+	/* Essay view page */
48	+
49	+	body.essay {
50	+	font-family: "Times New Roman", Times, serif;
51	+	font-size: 24px;
52	+	}
53	+	body.essay > footer {
54	+	font-family: courier, monospace;
55	+	}
56	+	body.essay footer {
57	+	text-align: center;
58	+	margin: 0 auto;
59	+	padding: 15px 0 45px 0;
60	+	font-size: 21px;
61	+	line-height: 1.6em;
62	+	}
63	+	body.essay footer .copy {
64	+	font-size: 14px;
65	+	}
66	+
67	+	.post {
68	+	padding-top: 90px;
69	+	}
70	+	.post a:hover {
71	+	text-decoration: underline;
72	+	}
73	+	.post p:first-child {
74	+	margin-top: 0;
75	+	}
76	+	.post .body, .post header {
77	+	width: 800px;
78	+	margin: 0 auto;
79	+	text-align: left;
80	+	}
81	+	.post header {
82	+	margin-bottom: 1.5em;
83	+	}
84	+	.post .body, .post code, .post h2 {
85	+	font-size: 24px;
86	+	line-height: 1.4em;
87	+	}
88	+	.post .date {
89	+	display: block;
90	+	padding-top: 10px;
91	+	font-size: 20px;
92	+	}
93	+	.post .date, .post blockquote {
94	+	color: #777;
95	+	}
96	+	.post blockquote {
97	+	font-style: italic;
98	+	}
99	+	.post pre {
100	+	margin-left: 10px;
101	+	}
102	+	.post code {
103	+	font-family: courier, monospace;
104	+	}
105	+	.post p {
106	+	margin: 1.5em 0;
107	+	}
108	+	.post h1 {
109	+	font-size: 42px;
110	+	}

projects/empty.css added +0 -0

style.css +1 -1

  padding: 0;
}

body {
  font-family: courier, monospace;
  background-image: url(bg.png);
  background-image: url(/images/bg.png);
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom center;
  padding: 10px;
}

20	20
21	21		body > header {
22	22		float: right;
23	23		}
24	24
25		-	section > header {
	25	+	article {
	26	+	margin-bottom: 30px;
	27	+	}
	28	+
	29	+	article > header {
26	30		margin-bottom: 10px;
27	31		}
28	32
29		-	section > header > h2 {
	33	+	article > header > h2 {
30	34		font-size: 20px;
31	35		}
32	36
33	37		footer {
34	38		text-align: right;

63	67		<body>
64	68		<header>
65	69		<h1><a href="/">cloudhead.io</a>/lists</h1>
66	70		</header>
67	71		<section>
68		-	<header>
69		-	<h2>greatest rock & pop albums</h2>
70		-	<p><em>My personal list. One album per artist.</em></p>
71		-	</header>
72		-	<ol>
73		-	<li><a href="http://en.wikipedia.org/wiki/Astral_Weeks">Astral Weeks</a> - Van Morrison (1968)</li>
74		-	<li><a href="http://en.wikipedia.org/wiki/Rock_Bottom_(album)">Rock Bottom</a> - Robert Wyatt (1974)</li>
75		-	<li><a href="http://en.wikipedia.org/wiki/The_Velvet_Underground_%26_Nico">The Velvet Underground & Nico</a> - Velvet Underground (1967)</li>
76		-	<li><a href="http://en.wikipedia.org/wiki/Loveless_(album)">Loveless</a> - My Bloody Valentine (1991)</li>
77		-	<li><a href="http://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon">The Dark Side of the Moon</a> - Pink Floyd (1973)</li>
78		-	<li><a href="http://en.wikipedia.org/wiki/In_the_Court_of_the_Crimson_King">In The Court of the Crimson King</a> - King Crimson (1969)</li>
79		-	<li><a href="http://en.wikipedia.org/wiki/Grace_(Jeff_Buckley_album)">Grace</a> - Jeff Buckley (1994)</li>
80		-	<li><a href="http://en.wikipedia.org/wiki/Third_(Soft_Machine_album)">Third</a> - Soft Machine (1970)</li>
81		-	<li><a href="http://en.wikipedia.org/wiki/Safe_as_Milk">Safe as Milk</a> - Captain Beefheart (1967)</li>
82		-	<li><a href="http://en.wikipedia.org/wiki/In_the_Aeroplane_Over_the_Sea">In the Aeroplane Over the Sea</a> - Neutral Milk Hotel (1998)</li>
83		-	</ol>
84		-	<p><em>Then, in no particular order...</em></p>
85		-	<ul>
86		-	<li><a href="http://en.wikipedia.org/wiki/Exile_on_Main_St.">Exile on Main St.</a> - The Rolling Stones (1972)</li>
87		-	<li><a href="http://en.wikipedia.org/wiki/The_Doors_(album)">The Doors</a> - The Doors (1967)</li>
88		-	<li><a href="http://en.wikipedia.org/wiki/Blood_on_the_tracks">Blood on the Tracks</a> - Bob Dylan (1975)</li>
89		-	<li><a href="http://en.wikipedia.org/wiki/For_Emma,_Forever_Ago">For Emma, Forever Ago</a> - Bon Iver (2008)</li>
90		-	<li><a href="http://en.wikipedia.org/wiki/Fare_Forward_Voyagers_(Soldier's_Choice)">Fare Forward Voyagers</a> - John Fahey (1973)</li>
91		-	<li><a href="http://en.wikipedia.org/wiki/The_Beatles_(album)">The Beatles "White Album"</a> - Beatles (1968)</li>
92		-	<li><a href="http://en.wikipedia.org/wiki/After_the_Gold_Rush">After the Gold Rush</a> - Neil Young (1970)</li>
93		-	<li><a href="http://en.wikipedia.org/wiki/The_Soft_Bulletin">The Soft Bulletin</a> - The Flaming Lips (1999)</li>
94		-	<li><a href="http://en.wikipedia.org/wiki/Kid_A">Kid A</a> - Radiohead (2000)</li>
95		-	<li><a href="http://en.wikipedia.org/wiki/Pet_Sounds_(album)">Pet Sounds</a> - The Beach Boys (1966)</li>
96		-	<li><a href="http://en.wikipedia.org/wiki/Either/Or_(album)">Either/Or</a> - Elliott Smith (1997)</li>
97		-	</ul>
98		-	</section>
	72	+	<article>
	73	+	<header>
	74	+	<h2>greatest rock & pop albums</h2>
	75	+	<p><em>My personal list. One album per artist.</em></p>
	76	+	</header>
	77	+	<ol>
	78	+	<li><a href="http://en.wikipedia.org/wiki/Astral_Weeks">Astral Weeks</a> - Van Morrison (1968)</li>
	79	+	<li><a href="http://en.wikipedia.org/wiki/Rock_Bottom_(album)">Rock Bottom</a> - Robert Wyatt (1974)</li>
	80	+	<li><a href="http://en.wikipedia.org/wiki/The_Velvet_Underground_%26_Nico">The Velvet Underground & Nico</a> - Velvet Underground (1967)</li>
	81	+	<li><a href="http://en.wikipedia.org/wiki/Loveless_(album)">Loveless</a> - My Bloody Valentine (1991)</li>
	82	+	<li><a href="http://en.wikipedia.org/wiki/The_Dark_Side_of_the_Moon">The Dark Side of the Moon</a> - Pink Floyd (1973)</li>
	83	+	<li><a href="http://en.wikipedia.org/wiki/In_the_Court_of_the_Crimson_King">In The Court of the Crimson King</a> - King Crimson (1969)</li>
	84	+	<li><a href="http://en.wikipedia.org/wiki/Grace_(Jeff_Buckley_album)">Grace</a> - Jeff Buckley (1994)</li>
	85	+	<li><a href="http://en.wikipedia.org/wiki/Third_(Soft_Machine_album)">Third</a> - Soft Machine (1970)</li>
	86	+	<li><a href="http://en.wikipedia.org/wiki/Safe_as_Milk">Safe as Milk</a> - Captain Beefheart (1967)</li>
	87	+	<li><a href="http://en.wikipedia.org/wiki/In_the_Aeroplane_Over_the_Sea">In the Aeroplane Over the Sea</a> - Neutral Milk Hotel (1998)</li>
	88	+	</ol>
	89	+	<p><em>Then, in no particular order...</em></p>
	90	+	<ul>
	91	+	<li><a href="http://en.wikipedia.org/wiki/Exile_on_Main_St.">Exile on Main St.</a> - The Rolling Stones (1972)</li>
	92	+	<li><a href="http://en.wikipedia.org/wiki/The_Doors_(album)">The Doors</a> - The Doors (1967)</li>
	93	+	<li><a href="http://en.wikipedia.org/wiki/Blood_on_the_tracks">Blood on the Tracks</a> - Bob Dylan (1975)</li>
	94	+	<li><a href="http://en.wikipedia.org/wiki/For_Emma,_Forever_Ago">For Emma, Forever Ago</a> - Bon Iver (2008)</li>
	95	+	<li><a href="http://en.wikipedia.org/wiki/Fare_Forward_Voyagers_(Soldier's_Choice)">Fare Forward Voyagers</a> - John Fahey (1973)</li>
	96	+	<li><a href="http://en.wikipedia.org/wiki/The_Beatles_(album)">The Beatles "White Album"</a> - Beatles (1968)</li>
	97	+	<li><a href="http://en.wikipedia.org/wiki/After_the_Gold_Rush">After the Gold Rush</a> - Neil Young (1970)</li>
	98	+	<li><a href="http://en.wikipedia.org/wiki/The_Soft_Bulletin">The Soft Bulletin</a> - The Flaming Lips (1999)</li>
	99	+	<li><a href="http://en.wikipedia.org/wiki/Kid_A">Kid A</a> - Radiohead (2000)</li>
	100	+	<li><a href="http://en.wikipedia.org/wiki/Pet_Sounds_(album)">Pet Sounds</a> - The Beach Boys (1966)</li>
	101	+	<li><a href="http://en.wikipedia.org/wiki/Either/Or_(album)">Either/Or</a> - Elliott Smith (1997)</li>
	102	+	</ul>
	103	+	</article>
	104	+	<article>
	105	+	<header>
	106	+	<h2>greatest open-source projects</h2>
	107	+	<p><em>I'm concerned with ambition, code quality, impact, design and function.</em></p>
	108	+	</header>
	109	+	<ol>
	110	+	<li>Linux</li>
	111	+	<li>git</li>
	112	+	<li>LLVM</li>
	113	+	<li>WebKit</li>
	114	+	<li>Nginx</li>
	115	+	<li>runit</li>
	116	+	<li>valgrind</li>
	117	+	<li>redis</li>
	118	+	<li>luajit</li>
	119	+	<li>mongrel</li>
	120	+	<li>xmonad</li>
	121	+	<li>zfs</li>
	122	+	<li>ffmpeg</li>
	123	+	<li>Firefox</li>
	124	+	</ol>
	125	+	</article>
	126	+	</section>
99	127		<!--
100	128		<section>
101	129		<header>
102	130		<h2>greatest jazz albums</h2>
103	131		<p><em>My personal list. One album per artist.</em></p>