cloudhead.io · commit

Add projects section

19aff721a6780daf4d9866343a4da4f77b11c045

Alexis Sellier committed 12 years ago 1 parent c9fbfce7

index.html +4 -4

  </head>
  <body>
    <header>
      <h1>cloudhead</h1>
      <ul>
        <li><a href="http://twitter.com/cloudhead">tweets</a></li>
        <li><a href="http://github.com/cloudhead">code</a></li>
        <li><a href="/projects">projects</a></li>
        <li><a href="http://alexissellier.com">art</a></li>
        <li><a href="http://github.com/cloudhead">code</a></li>
        <li><a href="http://twitter.com/cloudhead">tweets</a></li>
        <li><a href="/lists">lists</a></li>
        <li><a href="http://fffnord.com">fnord</a></li>
      </ul>
    </header>
    <footer>
      <a href="mailto:hello@cloudhead.io">hello@cloudhead.io</a>
      <p>&copy; 2010-2013 Alexis Sellier</p>
      <p>&copy; 2010-2014 Alexis Sellier</p>
    </footer>
  </body>
</html>

log/_article.html.erb +18 -12

    <title>cloudhead.io</title>
    <style>
      * { margin: 0; padding: 0 }

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

      }
      .post p:first-child {
        margin-top: 0;
      }
      .post .body, .post header {
        font-family: "Times New Roman", Times, serif;
        width: 640px;
        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: 17px;
        line-height: 1.3em;
        font-size: 21px;
        line-height: 1.4em;
      }
      .post .date {
        display: block;
        padding: 10px 0;
        font-size: 11px;
        padding-top: 10px;
        font-size: 15px;
      }
      .post .date, .post blockquote {
        color: #777;
      }
      .post blockquote {

      }
      .post p {
        margin: 1.5em 0;
      }
      .post h1 {
        font-size: 19px;
        font-size: 1.8em;
      }
    </style>
  </head>
  <body>
    <header>
      <h1><a href="/">cloudhead.io</a></h1>
      <h1><a href="/">cloudhead.io</a>/<a href="/log">log</a></h1>
    </header>
    <article class="post">
      <header>
        <h1><%= title %></h1>
        <span class="date"><%= date %></span>

projects/index.html added +151 -0

1	+	<!doctype html>
2	+	<html lang="en">
3	+	<head>
4	+	<title>cloudhead.io</title>
5	+	<style>
6	+	* {
7	+	margin: 0;
8	+	padding: 0;
9	+	}
10	+
11	+	body {
12	+	font-family: courier, monospace;
13	+	padding: 10px;
14	+	font-size: 20px;
15	+	}
16	+
17	+	h1 {
18	+	font-size: 20px;
19	+	}
20	+
21	+	h2 {
22	+	font-size: 20px;
23	+	text-decoration: underline;
24	+	}
25	+
26	+	h3 {
27	+	font-size: 20px;
28	+	}
29	+
30	+	body > header {
31	+	float: right;
32	+	}
33	+
34	+	section > header {
35	+	margin-bottom: 10px;
36	+	}
37	+
38	+	section > header > h2 {
39	+	font-size: 20px;
40	+	}
41	+
42	+	footer {
43	+	text-align: right;
44	+	position: fixed;
45	+	bottom: 10px;
46	+	right: 10px;
47	+	font-size: 11px;
48	+	}
49	+
50	+	footer a {
51	+	font-size: 17px;
52	+	}
53	+
54	+	li {
55	+	list-style-position: inside;
56	+	margin: 5px 0;
57	+	}
58	+
59	+	ul li {
60	+	list-style-type: none;
61	+	}
62	+
63	+	section p {
64	+	margin: 15px 0 30px 0;
65	+	}
66	+
67	+	a {
68	+	text-decoration: none;
69	+	}
70	+	</style>
71	+	</head>
72	+	<body>
73	+	<header>
74	+	<h1><a href="/">cloudhead.io</a>/projects</h1>
75	+	</header>
76	+	<section>
77	+	<br /> <br />
78	+	<p>Projects I've authored throughout the years. They range from incomplete sketches to finished products.</p>
79	+	<ul>
80	+	<li>
81	+	<p><strong>LESS</strong> · <a href="http://lesscss.org">http://lesscss.org</a> · [<a href="https://github.com/less/less.js">source</a>]</p>
82	+	<p>An attempt at building a better CSS.</p>
83	+	</li>
84	+	<li>
85	+	<p><strong>px</strong> · [<a href="https://github.com/cloudhead/px">source</a>]</p>
86	+	<p>A minimalistic pixel-art & sprite editor in pure OpenGL.</p>
87	+	</li>
88	+	<li>
89	+	<p><strong>http-console</strong> · [<a href="https://github.com/cloudhead/http-console">source</a>]</p>
90	+	<p>An intuitive HTTP REPL.</p>
91	+	</li>
92	+	<li>
93	+	<p><strong>monsv</strong> · [<a href="https://github.com/cloudhead/monsv">source</a>]</p>
94	+	<p>A service runner inspired by <a href="http://smarden.org/runit/">runit</a>.</p>
95	+	</li>
96	+	<li>
97	+	<p><strong>spinsv</strong> · [<a href="https://github.com/cloudhead/spinsv">source</a>]</p>
98	+	<p>monsv in Haskell.</p>
99	+	</li>
100	+	<li>
101	+	<p><strong>vows</strong> · <a href="http://vowsjs.org">http://vowsjs.org</a> · [<a href="https://github.com/flatiron/vows">source</a>]
102	+	<p>A behaviour driven development framework for Node.js.</p>
103	+	</li>
104	+	<li>
105	+	<p><strong>httputil</strong> · [<a href="https://github.com/readmill/httputil">source</a>]</p>
106	+	<p>An HTTP utility library for Go.</p>
107	+	</li>
108	+	<li>
109	+	<p><strong>metrics</strong> · [<a href="https://github.com/readmill/metrics">source</a>]</p>
110	+	<p>A metrics library for Go.</p>
111	+	</li>
112	+	<li>
113	+	<p><strong>node-static</strong> · [<a href="https://github.com/cloudhead/node-static">source</a>]</p>
114	+	<p>An RFC 2616 compliant HTTP static file server for Node.js.</p>
115	+	</li>
116	+	<li>
117	+	<p><strong>gogol</strong> · [<a href="https://github.com/cloudhead/gogol">source</a>]</p>
118	+	<p>A bitmap drawing & animation library for Go.</p>
119	+	</li>
120	+	<li>
121	+	<p><strong>pixelog</strong> · [<a href="https://github.com/cloudhead/pixelog">source</a>]</p>
122	+	<p>An incredibly simply pixel tracking server for measuring web traffic.<p>
123	+	</li>
124	+	<li>
125	+	<p><strong>arbre</strong> · [<a href="https://github.com/cloudhead/arbre">source</a>]</p>
126	+	<p>A dynamic functional language runtime and compiler. The design of the runtime and bytecode is inspired by Lua's.<p>
127	+	</li>
128	+	<li>
129	+	<p><strong>nimbus</strong> · [<a href="https://github.com/cloudhead/nimbus">source</a>]</p>
130	+	<p>A simple document database as a library for Node.js, based on an append-only file model.<p>
131	+	</li>
132	+	<li>
133	+	<p><strong>cradle</strong> · [<a href="https://github.com/flatiron/cradle">source</a>]</p>
134	+	<p>A high-level <a href="http://couchdb.apache.org/">CouchDB</a> client for Node.js.</p>
135	+	</li>
136	+	<li>
137	+	<p><strong>hijs</strong> · [<a href="https://github.com/cloudhead/hijs">source</a>]</p>
138	+	<p>A simple & fast JavaScript syntax highlighter for the browser.</p>
139	+	</li>
140	+	<li>
141	+	<p><strong>spell-correct</strong> · [<a href="https://github.com/cloudhead/spell-correct">source</a>]</p>
142	+	<p>A spelling corrector in as few lines of code as possible.</p>
143	+	</li>
144	+	</ul>
145	+	</section>
146	+	<footer>
147	+	<a href="mailto:hello@cloudhead.io">hello@cloudhead.io</a>
148	+	<p>© 2010-2013 Alexis Sellier</p>
149	+	</footer>
150	+	</body>
151	+	</html>

4	4		<title>cloudhead.io</title>
5	5		<style>
6	6		* { margin: 0; padding: 0 }
7	7
8	8		body {
9		-	font-size: 17px;
	9	+	font-family: "Times New Roman", Times, serif;
10	10		}
11		-	body > header {
	11	+	body > header, body > footer {
12	12		font-family: courier, monospace;
	13	+	}
	14	+	body > header {
13	15		float: right;
14	16		padding: 10px;
15	17		}
16	18		h1 {
17	19		font-size: 20px;
18	20		}
19	21		footer {
20		-	font-family: courier, monospace;
21	22		text-align: center;
22	23		margin: 0 auto;
23	24		padding: 30px;
	25	+	font-size: 21px;
24	26		}
25	27		footer .copy {
26		-	font-size: 11px;
	28	+	font-size: 13px;
27	29		}
28	30		footer p {
29	31		margin: 5px 0;
30	32		}
31	33		ul li {

40	42		}
41	43		.post p:first-child {
42	44		margin-top: 0;
43	45		}
44	46		.post .body, .post header {
45		-	font-family: "Times New Roman", Times, serif;
46		-	width: 640px;
	47	+	width: 700px;
47	48		margin: 0 auto;
48	49		text-align: left;
49	50		}
	51	+	.post header {
	52	+	margin-bottom: 1.5em;
	53	+	padding-bottom: 15px;
	54	+	border-bottom: 1px solid #ccc;
	55	+	}
50	56		.post .body, .post code, .post h2, footer a {
51		-	font-size: 17px;
52		-	line-height: 1.3em;
	57	+	font-size: 21px;
	58	+	line-height: 1.4em;
53	59		}
54	60		.post .date {
55	61		display: block;
56		-	padding: 10px 0;
57		-	font-size: 11px;
	62	+	padding-top: 10px;
	63	+	font-size: 15px;
58	64		}
59	65		.post .date, .post blockquote {
60	66		color: #777;
61	67		}
62	68		.post blockquote {

70	76		}
71	77		.post p {
72	78		margin: 1.5em 0;
73	79		}
74	80		.post h1 {
75		-	font-size: 19px;
	81	+	font-size: 1.8em;
76	82		}
77	83		</style>
78	84		</head>
79	85		<body>
80	86		<header>
81		-	<h1><a href="/">cloudhead.io</a></h1>
	87	+	<h1><a href="/">cloudhead.io</a>/<a href="/log">log</a></h1>
82	88		</header>
83	89		<article class="post">
84	90		<header>
85	91		<h1><%= title %></h1>
86	92		<span class="date"><%= date %></span>