Initial site layout

author: David T. Sadler <davidtsadler@googlemail.com> 2019-04-29 00:13:49 +0100
committer: David T. Sadler <davidtsadler@googlemail.com> 2019-04-29 00:13:49 +0100
commit: 49f746f1ee9205c4028bdc8f18aa888367eb3ddb (patch)
tree: 8d8b86c72e335a0ebea08e8ed29fb5c7ab439b25
parent: 6de514f5ff850ab90495e3230417cf0883940985 (diff)
25 files changed, 449 insertions, 0 deletions
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..42d7438
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+public
+
diff --git a/archetypes/posts.md b/archetypes/posts.md
new file mode 100644
index 0000000..4a2707a
--- /dev/null
+++ b/archetypes/posts.md
@@ -0,0 +1,7 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+description: ""
+draft: true
+---
+
diff --git a/archetypes/shows.md b/archetypes/shows.md
new file mode 100644
index 0000000..48c5256
--- /dev/null
+++ b/archetypes/shows.md
@@ -0,0 +1,8 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+description: ""
+draft: true
+videoId: ""
+---
+
diff --git a/config.toml b/config.toml
new file mode 100644
index 0000000..1edc32a
--- /dev/null
+++ b/config.toml
@@ -0,0 +1,25 @@
+baseurl = "https://www.davidtsadler.com/"
+title = "davidtsadler.com"
+languageCode = "en-uk"
+enableRobotsTXT = true
+
+[params]
+  name = "David T. Sadler"
+  description = "My little bit of the internet."
+
+[menu]
+  [[menu.main]]
+    name = "Posts"
+    title = "My Posts"
+    url = "/posts/"
+  [[menu.main]]
+    name = "Shows"
+    title = "Shows on YouTube"
+    url = "/shows/"
+
+[outputFormats]
+  [outputFormats.RSS]
+    baseName = "rss"
+
+[blackfriday]
+  extensionsmask = ["autolink"]
diff --git a/content/_index.md b/content/_index.md
new file mode 100644
index 0000000..c2e3a26
--- /dev/null
+++ b/content/_index.md
@@ -0,0 +1,42 @@
+---
+description: 'Welcome to my little bit of the internet.'
+---
+
+# Welcome!
+
+My name is David Sadler and I'm:
+
+- A developer, mainly PHP.
+- Host of Learning Arch Linux.
+- Author of various blog posts.
+
+## Learning Arch Linux
+
+This is a show where I learn how to use Arch Linux on my ThinkPad X220. Episodes cover different topics and posts on this site provide more information.
+
+- Video: [YouTube Playlist]({{< youtube/playlist_url "PLdzf_OlEDW0nwHHgiGmNVNAu-__Sdipzp" >}})
+- Posts: [Episode Posts]({{< relref "/shows/learning-arch-linux" >}})
+
+Recent episodes.
+
+{{< shows/recent_episodes "Learning Arch Linux" >}}
+
+## Blog Posts
+
+I write posts about programming and Linux topics that are of interest to me.
+
+[Full browsable blog index]({{< relref "/posts" >}}).
+
+Recent posts.
+
+{{< posts/recent >}}
+
+## RSS URLs
+
+Use the below urls in your RSS reader. The first is my main feed and contains all shows and posts. After that are feeds for just posts and individual shows. Lastly is my YouTube feed. 
+
+**All Content:** {{< ref "/" "rss" >}}  
+**Posts:** {{< ref "/posts" "rss" >}}  
+**Learning Arch Linux:** {{< ref "/shows/learning-arch-linux" "rss" >}}  
+**YouTube:** https://www.youtube.com/feeds/videos.xml?channel\_id=UCNWVuS\_-R6CsGG\_LtrF1jXg  
+
diff --git a/content/posts/_index.md b/content/posts/_index.md
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/content/posts/_index.md
diff --git a/content/shows/learning-arch-linux/_index.md b/content/shows/learning-arch-linux/_index.md
new file mode 100644
index 0000000..0bd7a43
--- /dev/null
+++ b/content/shows/learning-arch-linux/_index.md
@@ -0,0 +1,6 @@
+---
+title: Learning Arch Linux
+playListId: PLdzf_OlEDW0nwHHgiGmNVNAu-__Sdipzp
+summary: This is a show where I learn how to use Arch Linux on my ThinkPad X220. Episodes cover different topics and posts on this site provide more information.
+---
+
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
new file mode 100644
index 0000000..8b980fa
--- /dev/null
+++ b/layouts/_default/baseof.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<html lang="en">
+  <head>{{ partial "head.html" . }}</head>
+  <body>
+    <header>{{ partial "header.html" . }}</header>
+    <nav>{{ partial "nav.html" . }}</nav>
+    <main>{{ block "main" . }}{{ end }}</main>
+    <footer>{{ partial "footer.html" . }}</footer>
+  </body>
+</html>
+
diff --git a/layouts/_default/home.html b/layouts/_default/home.html
new file mode 100644
index 0000000..d70be7e
--- /dev/null
+++ b/layouts/_default/home.html
@@ -0,0 +1,4 @@
+{{ define "main" }}
+  {{ .Content }}
+{{ end }}
+
diff --git a/layouts/_default/posts.html b/layouts/_default/posts.html
new file mode 100644
index 0000000..dc0587a
--- /dev/null
+++ b/layouts/_default/posts.html
@@ -0,0 +1,9 @@
+{{ define "main" }}
+  <p>I write posts about programming and Linux topics that are of interest to me.</p>
+  <p>Subscribe to the blog by using this <a href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}">RSS link</a>.</p>
+  <ul>
+    {{ range (where .Data.Pages "Type" "posts") }}
+      <li>{{ .Date.Format "2006-01-01" }} - <a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+    {{ end }}
+  </ul>
+{{ end }}
diff --git a/layouts/_default/shows.html b/layouts/_default/shows.html
new file mode 100644
index 0000000..404ebc3
--- /dev/null
+++ b/layouts/_default/shows.html
@@ -0,0 +1,22 @@
+{{ define "main" }}
+  {{ if .Sections }}
+    <h2>YouTube Shows</h2>
+    <p>I make and host YouTube shows about programming and Linux.</p>
+    <ul>
+      {{ range sort .Sections "Title" "asc" }}
+        <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+      {{ end }}
+    </ul>
+  {{ else }}
+    <h2>{{ .Title }}</h2>
+    <p>{{ .Params.Summary }}</p>
+    <p>The YouTube playlist can be found <a href="https://www.youtube.com/playlist?list={{ .Params.PlaylistId }}">here</a>.</p>
+    <p>Subscribe to the show posts by using this <a href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}">RSS link</a>.</p>
+    <h3>Episodes</h3>
+    <ul>
+      {{ range (where .Data.Pages "Type" "shows") }}
+        <li>{{ .Date.Format "2006-01-01" }} - {{ .Title }}. <a href="https://www.youtube.com/watch?v={{ .Params.VideoId }}">Video</a> | <a href="{{ .RelPermalink }}">Post</a></li>
+      {{ end }}
+    </ul>
+  {{ end }}
+{{ end }}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..4fc7064
--- /dev/null
+++ b/layouts/_default/single.html
@@ -0,0 +1,21 @@
+{{ define "main" }}
+  <article>
+    <h1>{{ .Title }}</h1>
+    {{ .Content }}
+  </article>
+  {{ if or .NextInSection .PrevInSection }}
+    <nav class="pagination">
+      <hr/>
+      <p>More Episodes</p>
+      <ul>
+        {{ if .PrevInSection }}
+          <li class="prev"><a href="{{ .PrevInSection.Permalink }}">« {{ .PrevInSection.Title }}</a></li>
+        {{ end }}
+        {{ if .NextInSection }}
+          <li class="next"><a href="{{ .NextInSection.Permalink }}">{{ .NextInSection.Title }} »</a></li>
+        {{ end }}
+      </ul>
+      <hr/>
+    </nav>
+  {{ end }}
+{{ end }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..b7245aa
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,2 @@
+© {{ now.Year }} David T. Sadler. Theme adapted from <a href="https://github.com/panr/hugo-theme-terminal/" target="_blank">hugo-theme-terminal</a>.
+
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
new file mode 100644
index 0000000..1114b12
--- /dev/null
+++ b/layouts/partials/head.html
@@ -0,0 +1,11 @@
+<meta charset="utf-8">
+<title>{{ .Title }} · {{ .Site.Title }}</title>
+<meta name="description" content="{{ .Description }}">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<link rel="shortcut icon" href="/img/green.png">
+<link rel="canonical" href="{{ .Permalink }}">
+{{ with .OutputFormats.Get "rss" -}}
+    {{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+{{ end -}}
+<link rel="stylesheet" href="/css/style.css">
+<link rel="stylesheet" href="/css/syntax.css">
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 0000000..0a5998a
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1 @@
+<div><a href="{{ $.Site.BaseURL }}">{{ .Site.Params.Name }}</a></div>
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
new file mode 100644
index 0000000..17e4e8d
--- /dev/null
+++ b/layouts/partials/nav.html
@@ -0,0 +1,8 @@
+<nav>
+  <ul>
+    {{ range .Site.Menus.main }}
+      <li><a href="{{ .URL | relURL }}" title="{{ .Title}}">{{ .Name }}</a></li>
+    {{ end }}
+  </ul>
+</nav>
+
diff --git a/layouts/shortcodes/posts/recent.html b/layouts/shortcodes/posts/recent.html
new file mode 100644
index 0000000..f4b28ca
--- /dev/null
+++ b/layouts/shortcodes/posts/recent.html
@@ -0,0 +1,6 @@
+<ul>
+  {{ range first 5 (where .Site.RegularPages "Section" "posts") }}
+    <li>{{ .Date.Format "2006-01-02" }} - <a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
+  {{ end }}
+</ul>
+
diff --git a/layouts/shortcodes/shows/recent_episodes.html b/layouts/shortcodes/shows/recent_episodes.html
new file mode 100644
index 0000000..fc01a57
--- /dev/null
+++ b/layouts/shortcodes/shows/recent_episodes.html
@@ -0,0 +1,6 @@
+<ul>
+  {{ range first 5 (where (where .Site.RegularPages "Section" "shows") ".Parent.Title" (.Get 0)) }}
+    <li>{{ .Date.Format "2006-01-01" }} - {{ .Title }}. <a href="https://www.youtube.com/watch?v={{ .Params.VideoId }}">Video</a> | <a href="{{ .RelPermalink }}">Post</a></li>
+  {{ end }}
+</ul>
+
diff --git a/layouts/shortcodes/youtube/playlist_url.html b/layouts/shortcodes/youtube/playlist_url.html
new file mode 100644
index 0000000..cfdcf05
--- /dev/null
+++ b/layouts/shortcodes/youtube/playlist_url.html
@@ -0,0 +1 @@
+https://www.youtube.com/playlist?list={{ .Get 0 }}
diff --git a/netlify.toml b/netlify.toml
new file mode 100644
index 0000000..704b99b
--- /dev/null
+++ b/netlify.toml
@@ -0,0 +1,7 @@
+[build]
+  publish = "public"
+  command = "hugo --gc --minify"
+
+[context.production.environment]
+  HUGO_VERSION = "0.20"
+
diff --git a/static/css/style.css b/static/css/style.css
new file mode 100644
index 0000000..3e7670a
--- /dev/null
+++ b/static/css/style.css
@@ -0,0 +1,191 @@
+/*
+  The MIT License (MIT)
+
+  Copyright (c) 2019 panr
+  Copyright (c) 2019 David T. Sadler
+
+  Permission is hereby granted, free of charge, to any person obtaining a copy of
+  this software and associated documentation files (the "Software"), to deal in
+  the Software without restriction, including without limitation the rights to
+  use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+  the Software, and to permit persons to whom the Software is furnished to do so,
+  subject to the following conditions:
+
+  The above copyright notice and this permission notice shall be included in all
+  copies or substantial portions of the Software.
+
+  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+  FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+  COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+  IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+  CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+*/
+
+html {
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+html {
+  color: #ffffff;
+  font-family: 'Fira Code', Monaco, Consolas, Ubuntu Mono, monospace;
+  font-size: 1em;
+  line-height: 1.4;
+}
+
+body {
+  max-width: 800px;
+  margin: auto;
+  background-color: #1f222a;
+  padding: 8px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #78e2a0;
+}
+
+a {
+  color: inherit;
+}
+
+ol, ul {
+  margin: 8px;
+}
+
+table {
+  table-layout: fixed;
+  border-collapse: collapse;
+  width: 100%;
+  margin: 40px 0;
+}
+
+table, th, td {
+  border: 1px dashed #78e2a0;
+  padding: 10px;
+}
+
+th {
+  color: var(--accent);
+}
+
+article {
+  text-align: left;
+}
+
+hr {
+  height: 1px;
+  border: none;
+  background-color: #78e2a0;
+}
+
+img {
+  width: 100%;
+}
+
+header div {
+  display: flex;
+  flex: 1;
+}
+
+header div::after {
+  background: repeating-linear-gradient(90deg,#78e2a0,#78e2a0 2px,transparent 0,transparent 10px);
+  content: "";
+  display: block;
+  right: 10px;
+  width: 100%;
+}
+
+header a {
+  color: #000000;
+  background-color: #78e2a0;
+  padding: 4px 16px;
+  text-decoration: none;
+  flex: 0 0 auto;
+}
+
+nav {
+  margin: 16px 0;
+}
+
+nav ul {
+  display: flex;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+nav li {
+  padding-right: 16px;
+}
+
+article h1 {
+  border-bottom: 3px dotted #78e2a0;
+  padding-bottom: 8px;
+  position: relative;
+}
+
+article h1:after {
+  border-bottom: 3px dotted #78e2a0;
+  bottom: 2px;
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+}
+
+nav.pagination {
+  margin-top: 32px;
+}
+
+nav.pagination p {
+  margin: 0;
+  text-align: center;
+}
+
+nav.pagination ul {
+  display: flex;
+  justify-content: center;
+}
+
+nav.pagination li {
+  padding-right: 0;
+  flex-grow: 1;
+}
+
+nav.pagination li.prev {
+  text-align: left;
+}
+
+nav.pagination li.next {
+  text-align: right;
+}
+
+nav.pagination li a {
+  text-decoration: none;
+}
+
+footer {
+  text-align: center;
+  margin-top: 32px;
+  opacity: .5;
+}
+
+@font-face {
+  font-family: 'Fira Code';
+  font-style:  normal;
+  font-weight: 400;
+  src: url("../fonts/FiraCode-Regular.woff") format("woff");
+}
+
+@font-face {
+  font-family: 'Fira Code';
+  font-style:  normal;
+  font-weight: 800;
+  src: url("../fonts/FiraCode-Bold.woff") format("woff");
+}
diff --git a/static/css/syntax.css b/static/css/syntax.css
new file mode 100644
index 0000000..681758d
--- /dev/null
+++ b/static/css/syntax.css
@@ -0,0 +1,59 @@
+/* Background */ .chroma { color: #f8f8f2; background-color: #272822 }
+/* Error */ .chroma .err { color: #960050; background-color: #1e0010 }
+/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
+/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
+/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
+/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em; }
+/* Keyword */ .chroma .k { color: #66d9ef }
+/* KeywordConstant */ .chroma .kc { color: #66d9ef }
+/* KeywordDeclaration */ .chroma .kd { color: #66d9ef }
+/* KeywordNamespace */ .chroma .kn { color: #f92672 }
+/* KeywordPseudo */ .chroma .kp { color: #66d9ef }
+/* KeywordReserved */ .chroma .kr { color: #66d9ef }
+/* KeywordType */ .chroma .kt { color: #66d9ef }
+/* NameAttribute */ .chroma .na { color: #a6e22e }
+/* NameClass */ .chroma .nc { color: #a6e22e }
+/* NameConstant */ .chroma .no { color: #66d9ef }
+/* NameDecorator */ .chroma .nd { color: #a6e22e }
+/* NameException */ .chroma .ne { color: #a6e22e }
+/* NameFunction */ .chroma .nf { color: #a6e22e }
+/* NameOther */ .chroma .nx { color: #a6e22e }
+/* NameTag */ .chroma .nt { color: #f92672 }
+/* Literal */ .chroma .l { color: #ae81ff }
+/* LiteralDate */ .chroma .ld { color: #e6db74 }
+/* LiteralString */ .chroma .s { color: #e6db74 }
+/* LiteralStringAffix */ .chroma .sa { color: #e6db74 }
+/* LiteralStringBacktick */ .chroma .sb { color: #e6db74 }
+/* LiteralStringChar */ .chroma .sc { color: #e6db74 }
+/* LiteralStringDelimiter */ .chroma .dl { color: #e6db74 }
+/* LiteralStringDoc */ .chroma .sd { color: #e6db74 }
+/* LiteralStringDouble */ .chroma .s2 { color: #e6db74 }
+/* LiteralStringEscape */ .chroma .se { color: #ae81ff }
+/* LiteralStringHeredoc */ .chroma .sh { color: #e6db74 }
+/* LiteralStringInterpol */ .chroma .si { color: #e6db74 }
+/* LiteralStringOther */ .chroma .sx { color: #e6db74 }
+/* LiteralStringRegex */ .chroma .sr { color: #e6db74 }
+/* LiteralStringSingle */ .chroma .s1 { color: #e6db74 }
+/* LiteralStringSymbol */ .chroma .ss { color: #e6db74 }
+/* LiteralNumber */ .chroma .m { color: #ae81ff }
+/* LiteralNumberBin */ .chroma .mb { color: #ae81ff }
+/* LiteralNumberFloat */ .chroma .mf { color: #ae81ff }
+/* LiteralNumberHex */ .chroma .mh { color: #ae81ff }
+/* LiteralNumberInteger */ .chroma .mi { color: #ae81ff }
+/* LiteralNumberIntegerLong */ .chroma .il { color: #ae81ff }
+/* LiteralNumberOct */ .chroma .mo { color: #ae81ff }
+/* Operator */ .chroma .o { color: #f92672 }
+/* OperatorWord */ .chroma .ow { color: #f92672 }
+/* Comment */ .chroma .c { color: #75715e }
+/* CommentHashbang */ .chroma .ch { color: #75715e }
+/* CommentMultiline */ .chroma .cm { color: #75715e }
+/* CommentSingle */ .chroma .c1 { color: #75715e }
+/* CommentSpecial */ .chroma .cs { color: #75715e }
+/* CommentPreproc */ .chroma .cp { color: #75715e }
+/* CommentPreprocFile */ .chroma .cpf { color: #75715e }
+/* GenericDeleted */ .chroma .gd { color: #f92672 }
+/* GenericEmph */ .chroma .ge { font-style: italic }
+/* GenericInserted */ .chroma .gi { color: #a6e22e }
+/* GenericStrong */ .chroma .gs { font-weight: bold }
+/* GenericSubheading */ .chroma .gu { color: #75715e }
diff --git a/static/fonts/FiraCode-Bold.woff b/static/fonts/FiraCode-Bold.woff
new file mode 100644
index 0000000..dd7abb6
--- /dev/null
+++ b/static/fonts/FiraCode-Bold.woff
diff --git a/static/fonts/FiraCode-Regular.woff b/static/fonts/FiraCode-Regular.woff
new file mode 100644
index 0000000..5e4106f
--- /dev/null
+++ b/static/fonts/FiraCode-Regular.woff
diff --git a/static/img/green.png b/static/img/green.png
new file mode 100644
index 0000000..4909792
--- /dev/null
+++ b/static/img/green.png
author	David T. Sadler <davidtsadler@googlemail.com>	2019-04-29 00:13:49 +0100
committer	David T. Sadler <davidtsadler@googlemail.com>	2019-04-29 00:13:49 +0100
commit	49f746f1ee9205c4028bdc8f18aa888367eb3ddb (patch)
tree	8d8b86c72e335a0ebea08e8ed29fb5c7ab439b25
parent	6de514f5ff850ab90495e3230417cf0883940985 (diff)