Merge pull request #4 from Xe/Xe/feat/server-side-rendering

Use server-side rendering, redo frontend with hack.css
author: Christine Dodrill <me@christine.website> 2017-05-20 23:30:47 -0700
committer: GitHub <noreply@github.com> 2017-05-20 23:30:47 -0700
commit: 55f50910d96b94658b8d9d6bcaa09be5cc90bc05 (patch)
tree: 07112ff8f7d2a67dbb5f99652181d4e205f877cb /templates
parent: 372573572913bebe24312b72f2c62d74bb8aba54 (diff)
parent: e8f967619e02ebdd6daa5132012ea2382f34ce91 (diff)
download: xesite-55f50910d96b94658b8d9d6bcaa09be5cc90bc05.tar.xz
xesite-55f50910d96b94658b8d9d6bcaa09be5cc90bc05.zip
7 files changed, 184 insertions, 0 deletions
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..2fac897
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,67 @@
+<html>
+    <head>
+        {{ template "title" . }}
+        <link rel="stylesheet" href="/css/hack.css" />
+        <link rel="stylesheet" href="/css/solarized-dark.css" />
+
+        <link rel="alternate" type="application/rss+xml" href="https://christine.website/blog.rss" />
+        <link rel="alternate" type="application/atom+xml" href="https://christine.website/blog.atom" />
+        <link rel="alternate" title="My Feed" type="application/json" href="https://christine.website/blog.json" />
+
+        <link rel="apple-touch-icon" sizes="57x57" href="/static/favicon/apple-icon-57x57.png">
+        <link rel="apple-touch-icon" sizes="60x60" href="/static/favicon/apple-icon-60x60.png">
+        <link rel="apple-touch-icon" sizes="72x72" href="/static/favicon/apple-icon-72x72.png">
+        <link rel="apple-touch-icon" sizes="76x76" href="/static/favicon/apple-icon-76x76.png">
+        <link rel="apple-touch-icon" sizes="114x114" href="/static/favicon/apple-icon-114x114.png">
+        <link rel="apple-touch-icon" sizes="120x120" href="/static/favicon/apple-icon-120x120.png">
+        <link rel="apple-touch-icon" sizes="144x144" href="/static/favicon/apple-icon-144x144.png">
+        <link rel="apple-touch-icon" sizes="152x152" href="/static/favicon/apple-icon-152x152.png">
+        <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-icon-180x180.png">
+        <link rel="icon" type="image/png" sizes="192x192"  href="/static/favicon/android-icon-192x192.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="96x96" href="/static/favicon/favicon-96x96.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
+        <link rel="manifest" href="/static/favicon/manifest.json">
+        <meta name="msapplication-TileColor" content="#ffffff">
+        <meta name="msapplication-TileImage" content="/static/favicon/ms-icon-144x144.png">
+        <meta name="theme-color" content="#ffffff">
+        <style>
+         .main {
+             padding: 20px 10px;
+         }
+
+         .hack h1 {
+             padding-top: 0;
+         }
+
+         footer.footer {
+             border-top: 1px solid #ccc;
+             margin-top: 80px;
+             margin-top: 5rem;
+             padding: 48px 0;
+             padding: 3rem 0;
+         }
+
+         img {
+             max-width: 100%;
+             padding: 1em;
+         }
+        </style>
+        {{ template "styles" . }}
+    </head>
+    <body class="hack solarized-dark">
+        {{ template "scripts" . }}
+        <div class="container">
+            <header>
+                <p><a href="/">Christine Dodrill</a> - <a href="/blog">Blog</a> - <a href="/contact">Contact</a> - <a href="/resume">Resume</a></p>
+            </header>
+            {{ template "content" . }}
+            <footer>
+                <blockquote>Copyright 2017 Christine Dodrill. Any and all opinions listed here are my own and not representative of my employer.</blockquote>
+            </footer>
+        </div>
+    </body>
+</html>
+
+{{ define "scripts" }}{{ end }}
+{{ define "styles" }}{{ end }}
diff --git a/templates/blogindex.html b/templates/blogindex.html
new file mode 100644
index 0000000..107e7e1
--- /dev/null
+++ b/templates/blogindex.html
@@ -0,0 +1,22 @@
+{{ define "title" }}
+<title>Blog - Christine Dodrill</title>
+
+<style>
+.blogpost-card {
+    text-align: center;
+}
+</style>
+{{ end }}
+
+{{ define "content" }}
+<div class="grid">
+    {{ range . }}
+    <div class="card cell -4of12 blogpost-card">
+        <header class="card-header">{{ .Title }}</header>
+        <div class="card-content">
+            <p>Posted on {{ .Date }} <br> <a href="{{ .Link }}">Read Post</a></p>
+        </div>
+    </div>
+    {{ end }}
+</div>
+{{ end }}
diff --git a/templates/blogpost.html b/templates/blogpost.html
new file mode 100644
index 0000000..731ea1a
--- /dev/null
+++ b/templates/blogpost.html
@@ -0,0 +1,11 @@
+{{ define "title" }}
+<title>{{ .Title }} - Christine Dodrill</title>
+{{ end }}
+
+{{ define "content" }}
+{{ .BodyHTML }}
+
+<hr />
+
+<i>Content posted on {{ .Date }}, opinions and preferences of the author may have changed since then.</i>
+{{ end }}
diff --git a/templates/contact.html b/templates/contact.html
new file mode 100644
index 0000000..1ab268d
--- /dev/null
+++ b/templates/contact.html
@@ -0,0 +1,36 @@
+{{ define "title" }}<title>Contact - Christine Dodrill</title>{{ end }}
+
+{{ define "content" }}
+<h1>Contact Information</h1>
+<div class="grid">
+  <div class="cell -6of12">
+    <h3>Email</h3>
+    <p>me@christine.website</p>
+
+    <p>My GPG fingerprint is <code>799F 9134 8118 1111</code>. If you get an email that appears to be from me and the signature does not match that fingerprint, it is not from me. You may download a copy of my public key <a href="/static/gpg.pub">here</a>.</p>
+
+    <h3>Social Media</h3>
+    <ul>
+      <li><a href="https://github.com/Xe">Github</a></li>
+      <li><a href="https://twitter.com/theprincessxena">Twitter</a></li>
+      <li><a href="https://keybase.io/xena">Keybase</a></li>
+      <li><a href="https://www.coinbase.com/christinedodrill">Coinbase</a></li>
+      <li><a href="https://ko-fi.com/A265JE0">Ko-fi</a></li>
+      <li><a href="https://www.facebook.com/chrissycade1337">Facebook</a></li>
+    </ul>
+  </div>
+  <div class="cell -6of12">
+    <h3>Other Information</h3>
+    <p>To send me donations, my bitcoin address is <code>1Gi2ZF2C9CU9QooH8bQMB2GJ2iL6shVnVe</code>.</p>
+
+    <h4>IRC</h4>
+    <p>I am on many IRC networks. On Freenode I am using the nick Xe but elsewhere I will use the nick Xena or Cadey.</p>
+
+    <h4>Telegram</h4>
+    <p><a href="https://t.me/miamorecadenza">@miamorecadenza</a></p>
+
+    <h4>Discord</h4>
+    <p><code>Cadey~#1932</code></p>
+  </div>
+</div>
+{{ end }}
diff --git a/templates/error.html b/templates/error.html
new file mode 100644
index 0000000..cb47e83
--- /dev/null
+++ b/templates/error.html
@@ -0,0 +1,9 @@
+{{ define "title" }}
+<title>Error - Christine Dodrill</title>
+{{ end }}
+
+{{ define "content" }}
+<pre>
+{{ . }}
+</pre>
+{{ end }}
diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..9043e5f
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,30 @@
+{{ define "title" }}<title>Christine Dodrill</title>{{ end }}
+
+{{ define "content" }}
+<div class="grid">
+    <div class="cell -3of12 content">
+        <img src="/static/img/avatar.png">
+        <br />
+        <a href="/contact" class="justify-content-center">Contact Me</a>
+    </div>
+    <div class="cell -9of12 content">
+        <h1>Christine Dodrill</h1>
+        <h4>Web and Backend Services Devops Specialist</h4>
+        <h5>Skills</h5>
+        <ul>
+            <li>Go, Lua, Nim, Haskell, C, Python (3.x) and other languages</li>
+            <li>Docker (deployment, development & more)</li>
+            <li>Mashups of data</li>
+            <li>Package maintainer for Alpine Linux</li>
+        </ul>
+
+        <h5>Highlighted Projects</h5>
+        <ul>
+            <li><a href="https://github.com/Xe/PonyAPI">PonyAPI</a> - My Little Pony: Friendship is Magic Episode information API</li>
+            <li><a href="https://github.com/PonyvilleFM/aura">Aura</a> - PonyvilleFM live DJ recording bot</li>
+            <li><a href="https://github.com/Elemental-IRCd/elemental-ircd">Elemental-IRCd</a> - IRC Server Software</li>
+            <li><a href="https://github.com/Xe/site">This website</a> - The backend and templates for this website</li>
+        </ul>
+    </div>
+</div>
+{{ end }}
diff --git a/templates/resume.html b/templates/resume.html
new file mode 100644
index 0000000..9789361
--- /dev/null
+++ b/templates/resume.html
@@ -0,0 +1,9 @@
+{{ define "title" }}<title>Resume - Christine Dodrill</title>{{ end }}
+
+{{ define "content" }}
+{{ . }}
+
+<hr />
+
+<a href="/static/resume/resume.md">Plain-text version of this resume here</a>
+{{ end }}
author	Christine Dodrill <me@christine.website>	2017-05-20 23:30:47 -0700
committer	GitHub <noreply@github.com>	2017-05-20 23:30:47 -0700
commit	55f50910d96b94658b8d9d6bcaa09be5cc90bc05 (patch)
tree	07112ff8f7d2a67dbb5f99652181d4e205f877cb /templates
parent	372573572913bebe24312b72f2c62d74bb8aba54 (diff)
parent	e8f967619e02ebdd6daa5132012ea2382f34ce91 (diff)
download	xesite-55f50910d96b94658b8d9d6bcaa09be5cc90bc05.tar.xz xesite-55f50910d96b94658b8d9d6bcaa09be5cc90bc05.zip