Compare commits
7 Commits
cc2132e811
...
hugo
| Author | SHA1 | Date | |
|---|---|---|---|
| 7d18b8f077 | |||
| 4a52a38415 | |||
| 01c7818803 | |||
| ff598447bc | |||
| aad00e1ea9 | |||
| 05198ec957 | |||
| 804564c896 |
@@ -3,6 +3,7 @@ title: "About This Website"
|
||||
menu:
|
||||
main:
|
||||
name: "About Site"
|
||||
weight: 130
|
||||
---
|
||||
|
||||
# Technology
|
||||
@@ -13,6 +14,6 @@ Previously built with [Jekyll](https://jekyllrb.com). Previously hosted by [GitH
|
||||
|
||||
# Static Sites
|
||||
|
||||
I like static sites for many of the same reasons that other people like them - in particular, that they are content first and very open to if not built around the idea that your content is in version control. The reason I've moved here rather than continuing to use Medium is that I want to control my content, even if exposure and interaction will be more difficult.
|
||||
I like static sites for much the same reasons as other people but in particular, that they are content first and very open to if not built around the idea that your content is in version control. The reason I've moved here rather than continuing to use Medium is that I want to control my content, even if exposure and interaction will be more difficult.
|
||||
|
||||
These days I spend a lot more time faffing with build systems and the like but its all useful experience I suppose!
|
||||
|
||||
17
content/blog/2020-07-14-go-hugo.md
Normal file
17
content/blog/2020-07-14-go-hugo.md
Normal file
@@ -0,0 +1,17 @@
|
||||
---
|
||||
layout: post
|
||||
title: "Go Hugo!"
|
||||
date: 2020-07-14
|
||||
categories:
|
||||
- webdev
|
||||
- selfhosting
|
||||
---
|
||||
I've just moved the site over from Jekyll to Hugo. Why? Because I have a growing vendetta against Ruby and (relatedly so) it was easier to make a webhook-based build system for Hugo. No matter what I do, I can never get RVM set up right, I can just about manage Python Venvs!
|
||||
|
||||
This all spiraled from trying to finish my build system, as these things do. Now every time I push to master in my git repo, the site will be automatically built and copied in place, which was the last piece missing for a self-hosted equivalent to GitHub Pages. Win! And I only totally FUBARed Docker once in the process...
|
||||
|
||||
Still very much working on the webdesign and have taken a bit of a step backwards for now, but it is functional, at least. I've ditched a theme and am handmaking the CSS, which is obviously the high effort way of doing things, but if I wasn't invested in that I would still be using Github Pages!
|
||||
|
||||
Here's some useful posts I used in the process (as much for my reference as yours!):
|
||||
* https://alligator.io/css/collapsible/
|
||||
* https://barilaro.me/posts/automatic-static-site-with-docker/
|
||||
@@ -8,6 +8,6 @@ menu:
|
||||
|
||||
There's a reason I call them *frenetic scribblings*. From my brain to yours, an (almost) unmoderated stream of conciousness. I write about my thoughts on life and the world but most of all I want to make people think.
|
||||
|
||||
I'm a believer in the proper use of the full range of language. That's not to say I'm a *muh freeze peaches* ('free speech' as in hate speech) kind of person, fuck no and fuck Nazis. I just mean I like a little profanity - oftentimes you just can't replace its expressiveness.
|
||||
I'm a believer in the proper use of the full range of language. That's not to say I'm a *muh freeze peaches* (i.e. 'free speech' as in hate speech) kind of person, fuck no and fuck Nazis. I just mean I like a little profanity - oftentimes you just can't replace its expressiveness.
|
||||
|
||||
Medium Posts orginally converted with [this](https://github.com/Donohue/medium-to-jekyll) and cleaned up by hand.
|
||||
|
||||
@@ -14,5 +14,5 @@ menu:
|
||||
</p>
|
||||
<h1>Freelance Work</h1>
|
||||
<p>I have branched out into freelance work using the skills and experience I have gained through TEC. I often work for College Street, which is Nottingham City Council's technical services department, including at the Nottingham Arts Theatre as a lighting technician.</p>
|
||||
<a href="mailto:biz@aronajones.com">Email me!</a>
|
||||
<a href="mailto:aj@a%72o%6Eajo%6E%65s.com">Email me!</a>
|
||||
</div>
|
||||
|
||||
17
layouts/_default/baseof.html
Normal file
17
layouts/_default/baseof.html
Normal file
@@ -0,0 +1,17 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-GB">
|
||||
{{ partial "head.html" . }}
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h3><a href="/">Arona Jones</a></h3>
|
||||
{{ partial "nav.html" . }}
|
||||
</header>
|
||||
<main aria-label="Content">
|
||||
{{ block "main" . }}
|
||||
{{ end }}
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,34 +1,15 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-GB">
|
||||
{{ partial "head.html" . }}
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h3><a href="/">Arona Jones:</a> {{ .Title }}</h3>
|
||||
<nav id="main-nav">
|
||||
<a href="/">Home</a>
|
||||
{{ $currentNode := . }}
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{.URL}}">{{.Name}}</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
</header>
|
||||
<main aria-label="Content">
|
||||
<article>
|
||||
{{.Content}}
|
||||
</article>
|
||||
<div class="contained">
|
||||
<h3 style="color: black;">Posts:</h3>
|
||||
<ul>
|
||||
{{ range .Pages }}
|
||||
<li style="padding-top: 1em;">
|
||||
<a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{{ define "main" }}
|
||||
<article style="padding-top: 2em;">
|
||||
{{.Content}}
|
||||
</article>
|
||||
<div class="contained">
|
||||
<h3 style="color: black;">Posts:</h3>
|
||||
<ul>
|
||||
{{ range .Pages }}
|
||||
<li style="padding-top: 1em;">
|
||||
<a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
@@ -1,24 +1,6 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-GB">
|
||||
{{ partial "head.html" . }}
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h3><a href="/">Arona Jones:</a> {{ .Title }}</h3>
|
||||
<nav id="main-nav">
|
||||
<a href="/">Home</a>
|
||||
{{ $currentNode := . }}
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{.URL}}">{{.Name}}</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
</header>
|
||||
<main aria-label="Content">
|
||||
<article>
|
||||
{{.Content}}
|
||||
</article>
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{{ define "main" }}
|
||||
<article>
|
||||
<h1 style="padding-top: 2em; padding-bottom: 1em;">{{ .Title }}</h1>
|
||||
{{.Content}}
|
||||
</article>
|
||||
{{ end }}
|
||||
|
||||
11
layouts/blog/single.html
Normal file
11
layouts/blog/single.html
Normal file
@@ -0,0 +1,11 @@
|
||||
{{ define "main" }}
|
||||
<article>
|
||||
<h1 style="padding-top: 2em; padding-bottom: 1em;">{{ .Title }}</h1>
|
||||
<p>Tags:
|
||||
{{ range (.GetTerms "categories") }}
|
||||
<a href="{{ .Permalink }}" style="background: black; border-radius: 0.5em; padding: 0.5em; margin: 0.4em">{{ .LinkTitle }}</a>
|
||||
{{ end }}</p>
|
||||
{{.Content}}
|
||||
<small>Published on {{ .Date.Format "2006-01-02" }}</small>
|
||||
</article>
|
||||
{{ end }}
|
||||
@@ -11,7 +11,7 @@
|
||||
<div style="display: flex; justify-content: center; background: black; margin-left: -5vw; margin-right: -5vw; height: 100%;">
|
||||
<div class="bigimage"><img class="background" src="img/christian-wiediger-WkfDrhxDMC8-unsplash.jpg"><a class="button" href="development"><span class="fas fa-file-code"></span> Development</a></div>
|
||||
<div class="bigimage"><img class="background" src="img/1*0V2rDSk8SOr6mpfFf28EJA.jpeg"><a class="button" href="writing"><span class="fas fa-pen-fancy"></span> Writing</a></div>
|
||||
<div class="bigimage"><img class="background" src="img/1*kZY0hInmtSjSTfpsZPFIAw.jpeg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
|
||||
<div class="bigimage"><img class="background" src="img/diwaliball.jpg"><a class="button" href="technical"><span class="fas fa-lightbulb"></span> Technical</a></div>
|
||||
<div class="bigimage"><img class="background" src="img/1*2J4xTO7JYBYA3dcMwwGSlw.jpeg"><a class="button" href="blog"><span class="fas fa-portrait"></span> Blog</a></div>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<footer>
|
||||
<a href="mailto:aj@a%72o%6Eajo%6E%65s.com" rel="noopener" target="_blank"><span class="fas fa-envelope"></span></a>
|
||||
<a href="https://www.github.com/FreneticScribbler" rel="noopener" target="_blank"><span class="fab fa-github"></span></a>
|
||||
<a href="https://www.twitter.com/aronajones_" rel="noopener" target="_blank"><span class="fab fa-twitter"></span></a>
|
||||
</footer>
|
||||
|
||||
@@ -3,6 +3,6 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="{{if .IsHome}}{{ $.Site.Title }}{{else}}{{.Description}}{{end}}" />
|
||||
<link rel="stylesheet" type="text/css" href="/css/custom.css">
|
||||
<link rel="stylesheet" type="text/css" href="/css/screen.css">
|
||||
<script defer src="/js/fontawesome.js"></script>
|
||||
</head>
|
||||
|
||||
7
layouts/partials/nav.html
Normal file
7
layouts/partials/nav.html
Normal file
@@ -0,0 +1,7 @@
|
||||
<nav id="main-nav" class="contained">
|
||||
<a href="/">Home</a>
|
||||
{{ $currentNode := . }}
|
||||
{{ range .Site.Menus.main }}
|
||||
<a href="{{.URL}}">{{.Name}}</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
@@ -24,9 +24,6 @@ ul, ol { margin-left: 30px; }
|
||||
|
||||
li > ul, li > ol { margin-bottom: 0; }
|
||||
|
||||
/** Headings */
|
||||
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
|
||||
|
||||
/** Links */
|
||||
a { color: #2a7ae2; text-decoration: none; }
|
||||
|
||||
@@ -75,6 +72,9 @@ header, footer {
|
||||
header > * {
|
||||
padding-top: 0.5em;
|
||||
}
|
||||
header {
|
||||
box-shadow: 0 0 25px 0 black;
|
||||
}
|
||||
footer {
|
||||
color: white;
|
||||
}
|
||||
@@ -83,6 +83,8 @@ figcaption {
|
||||
color: #999;
|
||||
}
|
||||
footer > a {
|
||||
font-size: x-large;
|
||||
color: white;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
h1 {
|
||||
@@ -108,9 +110,6 @@ article, .contained {
|
||||
grid-template-rows: auto 1fr auto;
|
||||
grid-template-columns: 100%;
|
||||
}
|
||||
.page-link {
|
||||
color: white !important;
|
||||
}
|
||||
.bigimage {
|
||||
transform: skew(-10deg);
|
||||
color: white;
|
||||
@@ -167,9 +166,6 @@ a.button {
|
||||
.bg-green {
|
||||
background: green;
|
||||
}
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.full-width {
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
@@ -180,6 +176,7 @@ a.button {
|
||||
}
|
||||
nav {
|
||||
display: flex;
|
||||
/* Looks crap, but better than broken nav */
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
width: 70%;
|
||||
@@ -187,4 +184,26 @@ nav {
|
||||
nav > * {
|
||||
padding-left: 2em;
|
||||
padding-right: 2em;
|
||||
border-left: 2px solid black;
|
||||
}
|
||||
nav :first-child {
|
||||
padding-left: 0;
|
||||
border-left: none;
|
||||
}
|
||||
nav a:hover {
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
nav {
|
||||
flex-direction: column;
|
||||
}
|
||||
nav > * {
|
||||
margin-right: auto;
|
||||
padding-bottom: 0.5em;
|
||||
}
|
||||
nav :first-child {
|
||||
padding-left: 2em;
|
||||
border-left: 2px solid black;
|
||||
}
|
||||
}
|
||||
BIN
static/img/diwaliball.jpg
Normal file
BIN
static/img/diwaliball.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 156 KiB |
Reference in New Issue
Block a user