-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcolophon.html
51 lines (39 loc) · 2.45 KB
/
colophon.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Gavin Wye – designer</title>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Barlow|Barlow+Condensed|Barlow+Semi+Condensed:400,400i,700&display=swap" rel="stylesheet">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body id="home">
<h1>Colophon
<span><b><a class="selected" href="/">Gavin Wye</a></b><br>September 2019</span>
</h1>
<hr>
<p>Yea, I know colophons are a bit eye-rolley. This serves as a reminder to me of how this was built. </p>
<p>Built by hand using <a href="https://atom.io/">Atom</a> on a MacBook Pro in HTML5 using Harry Roberts <a href="https://csswizardry.com/2011/01/the-real-html5-boilerplate/">The real HTML5 boilerplate</a> and CSS initially generated by <a href="https://www.gridlover.net/">Gridlover</a> which I used to set the vertical rhytham. <br>I also use Eric Myers <a href="http://meyerweb.com/eric/tools/css/reset/">Reset CSS</a> to provide some sensible defaults.</p>
<p>Typeset in <a href="https://fonts.google.com/specimen/Barlow">Barlow</a> and <a href="https://fonts.google.com/specimen/Barlow+Semi+Condensed">Barlow Semi Condensed</a> which are both produced by <a href="https://tribby.com/">Jeremy Tribby</a> and served from Google fonts.</p>
<p>DNS by <a href="https://www.cloudflare.com/">Cloudflare</a> The site itself is served from <a href="https://pages.github.com/">GitHub pages</a>. The code is source controlled in <a href="https://github.com/">GitHub</a></p>
<p>I chose each of these things primarilarly because they were the simplest things I could find. After talking to <a href="https://adamsilver.io/">Adam Silver</a> who reminded me that the internet hasn't really changed in the last 20 years and all the things we've done to make things better have really just confused things.</p>
<p>I've focused on publishing something over obsessing on the details. That means that the code may be rubbish in places. I'll try and refactor it when I have time.</p>
<hr>
<nav>
<h2>Navigation</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="portfolio/index.html">Portfolio</a></li>
</ul>
</nav>
<footer>
<hr>
<a class="selected" href="colophon.html">Colophon</a>
</footer>
</body>
</html>