sparist.github.com/index.html at master · sparist/sparist.github.com · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Sparist</title>
		<link
			href='http://fonts.googleapis.com/css?family=Lato:200,300'
			rel='stylesheet'
			type='text/css'
		>
		<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
		<link rel="icon" type="image/x-icon" href="favicon.ico" />
		<style>
			* {
				font-family: 'Lato', 'Helvetica', serif;
				font-weight: 300;
				font-size: 1em;
				text-align: center;
				margin: 0;
				padding: 0;
				color: #999;
			}
			header {
				margin: 2.5em;
			}
			section, footer {
				margin: 1.5em;
			}
			h1 {
				font-size: 9em;
				color: #444;
			}
			h2 {
				font-size: 2em;
				color: #666;
				font-weight: 200;
			}
			h3 {
				font-size: 1.5em;
				color: #666;
				padding: 0.4em;
			}
			p {
				padding: 0.2em;
			}
		</style>
		<!--[if lt IE 9]>
		<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	</head>
	<body>
		<header>
			<h1>sparist</h1>
			<h2>minimalist, with less syllables</h2>
		</header>

		<section>
			<h3>projects</h3>
			<p><a href="http://om-language.org">Om</a></p>
		</section>

		<section>
			<h3>pages</h3>
			<p><a href="http://ca.linkedin.com/in/sparist">@ LinkedIn</a></p>
		</section>

		<footer>
			<h3>contact</h3>
			<p><a href="mailto:information@sparist.com">information@sparist.com</a></p>
		</footer>
	</body>
</html>