-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (95 loc) · 3.85 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Com·post</title>
<meta name="author" content="Purdom Lindblad">
<meta name="robots" content="index,follow">
<meta name="viewport" content="width=device-width,initial-scale=1">
<!-- Feeds -->
<link rel="alternate" type="application/rss+xml" title="Atom" href="/atom.xml">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml">
<!-- Style Sheets -->
<link rel="stylesheet" href="/style.css" type="text/css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.isotope/2.2.2/isotope.pkgd.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.1.8/imagesloaded.pkgd.min.js"></script>
<script src="/javascripts/photos.js"></script>
</head>
<body class="home">
<a href="#main" class="audible">Skip to main content</a>
<header id="banner" role="banner">
<p><a href="/">Com<i>·</i>post</a> <em>Purdom Lindblad</em>.</p>
<nav role="navigation" id="globalnav">
<ul>
<li><a href="/books/">Books</a></li>
<li><a href="/photo/">Photos</a></li>
<li><a href="/blog/">Blog</a></li>
<li><a href="/colophon/">Colophon</a></li>
</ul>
</nav>
</header>
<main id="main" role="main">
<section id="photos">
<div><a rel="permalink" href="/2015/seaplanes/"><span>Seaplanes</span><img src="/images/seaplanes.jpg" alt=""></a></div>
<div><a rel="permalink" href="/2015/salvage/"><span>Salvage</span><img src="/images/salvage.JPG" alt=""></a></div>
<div><a rel="permalink" href="/2015/wild-grapes/"><span>Wild Grapes</span><img src="/images//wild-grapes2.jpg" alt=""></a></div>
<div><a rel="permalink" href="/2015/light/"><span>Light</span><img src="/images//light.jpg" alt=""></a></div>
<div><a rel="permalink" href="/2015/the-city/"><span>The City</span><img src="/images//the-city.jpg" alt=""></a></div>
<div><a rel="permalink" href="/2015/dark-orange/"><span>Orange</span><img src="/images//dark-orange.jpg" alt=""></a></div>
</section>
<section id="books">
<h1><a href="/books/">Genealogy of Books Project</a></h1>
<ul class="books">
<li>
<a rel="permalink" href="/2016/good-omens/"><span>Good Omens</span></a>
</li>
<li>
<a rel="permalink" href="/2015/standards/"><span>Standards emerge, American Gods</span></a>
</li>
<li>
<a rel="permalink" href="/2015/miller/"><span>The Book on Fire</span></a>
</li>
<li>
<a rel="permalink" href="/2015/homer/"><span>Homer</span></a>
</li>
<li>
<a rel="permalink" href="/2015/mieville/"><span>Re-Reading China Miéville</span></a>
</li>
</ul>
</section>
<section id="posts">
<h1><a href="/blog/">Blog Posts</a></h1>
<ul class="posts">
<li>
<span class="eyebrow" aria-hidden="true"></span>
<a rel="permalink" href="/2015/monkey-mind/">Monkey Mind</a>
</li>
</ul>
</section>
</main>
<footer id="contentinfo" role=contentinfo>
<ul class="social">
<li>
<a class="email" href="mailto:[email protected]">
<i class="fa fa-envelope-o"></i>
<span>[email protected]</span>
</a>
</li>
<li>
<a class="url twitter" href="https://twitter.com/Purdom_L">
<i class="fa fa-twitter" aria-hidden="true"></i>
<span>Twitter</span>
</a>
</li>
</li>
<li>
<a class="url github" href="https://github.com/purdom/"><i class="fa fa-github-alt"></i><span>Github</span></a>
</li>
</ul>
<p class="license">
<i class="fa fa-creative-commons"></i>
All content released under a <a href="http://creativecommons.org/licenses/by/4.0/" rel="license">CC-By 4.0 License</a>.</p>
</footer>
</body>
</html>