~allie/website-2020 unlisted

1f2434ac14e78c4bc832511e919a1c429a0ae847 — Alfie Pates 5 months ago 8ade066
.gitignore fix... it's been a while
10 files changed, 1 insertions(+), 313 deletions(-)

A .gitignore
D output/archives.html
D output/author/alfie-pates.html
D output/authors.html
D output/blog/index.html
D output/blog/initial-commit/index.html
D output/categories.html
D output/index.html
D output/tags.html
D output/theme/style.css
A .gitignore => .gitignore +1 -0
@@ 0,0 1,1 @@
output/

D output/archives.html => output/archives.html +0 -30
@@ 1,30 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
        <title>The personal website of Alfie Pates - Archives</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
<h1>Archives for The personal website of Alfie Pates</h1>

<dl>
    <dt>Tue 17 December 2019</dt>
    <dd><a href="/blog/initial-commit/">Initial Commit</a></dd>
</dl>
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/author/alfie-pates.html => output/author/alfie-pates.html +0 -40
@@ 1,40 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
        <title>The personal website of Alfie Pates - Articles by Alfie Pates</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
<section id="content">
<h2>Articles by Alfie Pates</h2>

<ol id="post-list">
        <li><article class="hentry">
                <header> <h2 class="entry-title"><a href="/blog/initial-commit/" rel="bookmark" title="Permalink to Initial Commit">Initial Commit</a></h2> </header>
                <footer class="post-info">
                    <time class="published" datetime="2019-12-17T00:00:00+00:00"> Tue 17 December 2019 </time>
                    <address class="vcard author">By
                        <a class="url fn" href="/author/alfie-pates.html">Alfie Pates</a>
                    </address>
                </footer><!-- /.post-info -->
                <div class="entry-content"> <p>I built a new personal website... again.</p> </div><!-- /.entry-content -->
        </article></li>
</ol><!-- /#posts-list -->
</section><!-- /#content -->
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/authors.html => output/authors.html +0 -28
@@ 1,28 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
        <title>The personal website of Alfie Pates - Authors</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
    <h1>Authors on The personal website of Alfie Pates</h1>
    <ul>
        <li><a href="/author/alfie-pates.html">Alfie Pates</a> (1)</li>
    </ul>
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/blog/index.html => output/blog/index.html +0 -40
@@ 1,40 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
        <title>The personal website of Alfie Pates - blog category</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
<section id="content">
<h2>Articles in the blog category</h2>

<ol id="post-list">
        <li><article class="hentry">
                <header> <h2 class="entry-title"><a href="/blog/initial-commit/" rel="bookmark" title="Permalink to Initial Commit">Initial Commit</a></h2> </header>
                <footer class="post-info">
                    <time class="published" datetime="2019-12-17T00:00:00+00:00"> Tue 17 December 2019 </time>
                    <address class="vcard author">By
                        <a class="url fn" href="/author/alfie-pates.html">Alfie Pates</a>
                    </address>
                </footer><!-- /.post-info -->
                <div class="entry-content"> <p>I built a new personal website... again.</p> </div><!-- /.entry-content -->
        </article></li>
</ol><!-- /#posts-list -->
</section><!-- /#content -->
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/blog/initial-commit/index.html => output/blog/initial-commit/index.html +0 -66
@@ 1,66 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
          <title>The personal website of Alfie Pates - Initial Commit</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->





</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
<section id="content" class="body">
  <header>
    <h2 class="entry-title">
      <a href="/blog/initial-commit/" rel="bookmark"
         title="Permalink to Initial Commit">Initial Commit</a></h2>
 
  </header>
  <footer class="post-info">
    <time class="published" datetime="2019-12-17T00:00:00+00:00">
      Tue 17 December 2019
    </time>
    <address class="vcard author">
      By           <a class="url fn" href="/author/alfie-pates.html">Alfie Pates</a>
    </address>
    <div class="category">
        Category: <a href="/blog/">blog</a>
    </div>
  </footer><!-- /.post-info -->
  <div class="entry-content">
    <p>I built a new personal website, again.</p>
<p>I know. This is perhaps the fifth website to live at this domain? </p>
<p>This won't be the last, either. </p>
<h2>What</h2>
<p>The (rather wonderful) <a href="https://getpelican.com">Pelican</a>, with a theme I wrote myself. You can find the code <a href="about:blank">here</a>, if you're interested, but it's nothing particularly special. </p>
<p>I'm using <a href="https://purecss.io">PureCSS</a> to make the process of styling the thing less awful - I'm not a front-end dev, I just <a href="https://www.youtube.com/watch?v=ts0XG6qDIco">play one on the internet</a>.</p>
<p>It's work in progress, and I will iterate on it as time goes on.</p>
<h2>Why</h2>
<p>In a nutshell: I'm building a new website because I lost the motivation to maintain my old one. </p>
<p>I was previously using <a href="https://jekyllrb.com">Jekyll</a> which was... fine, but the process of theming a Jekyll site is a bit obtuse, as is everything else about Jekyll. Again, I'm not a front-end dev, so I just grabbed a theme that seemed to fit my requirements, and left it there. That was fine, but it also didn't feel massively like it was "mine". </p>
<p>The biggest reason I've spun up this new thing, however, is that my previous site was just... hard to maintian from mobile. This was mostly due to a raft of terrible engineering decisions I made whilst deciding how to deploy it. I'm not sure this site may end up better, but I bought an iOS app called <a href="https://workingcopyapp.com">Working Copy</a> recently, which has made the whole "<code>git</code> on the move" thing much more palatable. When I'm happy with how this is working, I'll post a writeup and link it here. </p>
<p>As an aside: I flirted with a blogging platform called <a href="https://writefreely.org">writefreely</a> for a while, too. It's pretty cool, you should check it out if you're looking for something a lot more low-effort than maintaining a static site. I like it a lot. I'm considering porting my blogposts over from it, if I can make them fit in here well. </p>
<p>So, yeah. New blog. Let's see how this goes. </p>
<p>~a</p>
<hr>
<p><em>The soundtrack to this blogpost is <a href="https://soundcloud.com/777gogogo-complete/cosmic-spring">this album</a> I found on Soundcloud. It's weird and ambient yet also dancey, in a deliciously home-made lo-fi way. I found myself tapping my foot to it a lot.</em></p>
  </div><!-- /.entry-content -->
</section>
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/categories.html => output/categories.html +0 -28
@@ 1,28 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
        <title>The personal website of Alfie Pates - Categories</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
    <h1>Categories on The personal website of Alfie Pates</h1>
    <ul>
        <li><a href="/blog/">blog</a> (1)</li>
    </ul>
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/index.html => output/index.html +0 -40
@@ 1,40 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
        <title>The personal website of Alfie Pates</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
<section id="content">
<h2>All articles</h2>

<ol id="post-list">
        <li><article class="hentry">
                <header> <h2 class="entry-title"><a href="/blog/initial-commit/" rel="bookmark" title="Permalink to Initial Commit">Initial Commit</a></h2> </header>
                <footer class="post-info">
                    <time class="published" datetime="2019-12-17T00:00:00+00:00"> Tue 17 December 2019 </time>
                    <address class="vcard author">By
                        <a class="url fn" href="/author/alfie-pates.html">Alfie Pates</a>
                    </address>
                </footer><!-- /.post-info -->
                <div class="entry-content"> <p>I built a new personal website... again.</p> </div><!-- /.entry-content -->
        </article></li>
</ol><!-- /#posts-list -->
</section><!-- /#content -->
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/tags.html => output/tags.html +0 -27
@@ 1,27 0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
        <title>The personal website of Alfie Pates - Tags</title>
        <meta charset="utf-8" />

	<!-- Style-related stuff. -->
	<link rel="stylesheet" href="https://unpkg.com/purecss@1.0.1/build/pure-min.css" integrity="sha384-oAOxQR6DkCoMliIh8yFnu25d7Eq/PHS21PClpwjOTeU2jRSq11vu66rf90/cZr47" crossorigin="anonymous">
	<link rel="stylesheet" href="/theme/style.css">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- PELICAN GUFF TO DO WITH SYNDICATION ETC. Looks important... -->
</head>

<body id="index" class="home">
        <header id="banner" class="body">
                <h1><a href="/">The personal website of Alfie Pates <strong></strong></a></h1>
        </header><!-- /#banner -->
        <nav id="menu"><ul>
        </ul></nav><!-- /#menu -->
    <h1>Tags for The personal website of Alfie Pates</h1>
    <ul>
    </ul>
        <footer id="contentinfo" class="body">
        </footer><!-- /#contentinfo -->
</body>
</html>
\ No newline at end of file

D output/theme/style.css => output/theme/style.css +0 -14
@@ 1,14 0,0 @@
#banner {
	margin: 0 auto;
	padding: 0 2em;
	margin-bottom: 50px;
	line-height 1.6em; 
}

#content {
	margin: 0 auto;
	padding: 0 2em;
	max-width: 768px;
	margin-bottom: 50px;
	line-height: 1.6em;
}