Compare commits
3 Commits
ff598447bc
...
hugo
| Author | SHA1 | Date | |
|---|---|---|---|
| 7d18b8f077 | |||
| 4a52a38415 | |||
| 01c7818803 |
@@ -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!
|
||||
|
||||
@@ -11,3 +11,7 @@ I've just moved the site over from Jekyll to Hugo. Why? Because I have a growing
|
||||
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.
|
||||
|
||||
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 }}
|
||||
|
||||
@@ -1,30 +1,11 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en-GB">
|
||||
{{ partial "head.html" . }}
|
||||
<body>
|
||||
<div class="container">
|
||||
<header>
|
||||
<h3><a href="/">Arona Jones</a></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>
|
||||
<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>
|
||||
</main>
|
||||
{{ partial "footer.html" . }}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
{{ 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>
|
||||
|
||||
@@ -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 {
|
||||
@@ -174,6 +176,7 @@ a.button {
|
||||
}
|
||||
nav {
|
||||
display: flex;
|
||||
/* Looks crap, but better than broken nav */
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
width: 70%;
|
||||
@@ -181,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