summaryrefslogtreecommitdiff
path: root/srv/src/http/tpl
diff options
context:
space:
mode:
Diffstat (limited to 'srv/src/http/tpl')
-rw-r--r--srv/src/http/tpl/base.html103
-rw-r--r--srv/src/http/tpl/follow.html8
-rw-r--r--srv/src/http/tpl/index.html38
-rw-r--r--srv/src/http/tpl/post.html54
4 files changed, 96 insertions, 107 deletions
diff --git a/srv/src/http/tpl/base.html b/srv/src/http/tpl/base.html
index ff585b1..7a31156 100644
--- a/srv/src/http/tpl/base.html
+++ b/srv/src/http/tpl/base.html
@@ -3,60 +3,67 @@
<head>
<meta charset="utf-8">
- <link rel="stylesheet" href="{{ StaticURL "normalize.css" }}">
- <link rel="stylesheet" href="{{ StaticURL "skeleton.css" }}">
- <link rel="stylesheet" href="{{ StaticURL "main.css" }}">
- <link rel="stylesheet" href="{{ StaticURL "fontawesome/css/all.css" }}">
+
+ <link rel="stylesheet" href="{{ StaticURL "new.css" }}">
+
+ <style type="text/css">
+
+ html {
+ font-family: Georgia, serif;
+ }
+
+ h1, h2, h3, h4, h5, h6, .button-primary, .button, header, footer {
+ font-family: var(--nc-font-sans);
+ }
+
+ h1 a,
+ h2 a,
+ h3 a,
+ h4 a,
+ h5 a,
+ h6 a {
+ text-decoration: none;
+ color: var(--nc-tx-1);
+ }
+
+ ul {
+ list-style: circle;
+ }
+
+ hr {
+ margin: 2rem 0 2rem 0;
+ border-color: var(--nc-bg-3);
+ }
+
+ </style>
+
</head>
<body>
- <div class="container">
-
- <header id="title-header" role="banner">
- <div class="row">
- <div class="seven columns" style="margin-bottom: 3rem;">
- <h1 class="title">
- <a href="{{ BlogURL "/" }}">Mediocre Blog</a>
- </h1>
- <div class="light social">
- <span>By Brian Picciano</span>
- <span>
- Even more @
- <a href="https://mediocregopher.eth.link" target="_blank">https://mediocregopher.eth.link</a>
- </span>
- </div>
- </div>
-
- <div class="five columns light">
- <span style="display:block; margin-bottom:0.5rem;">Get notified when new posts are published!</span>
- <a href="{{ BlogURL "follow" }}">
- <button class="button-primary">
- <i class="far fa-envelope"></i>
- Follow
- </button><!-- no space here, or there's a weird underline --></a>
-
- <a href="{{ BlogURL "feed.xml" }}">
- <button class="button">
- <i class="fas fa-rss"></i>
- RSS
- </button>
- </a>
- </div>
-
- </div>
- </header>
-
- {{ template "body" . }}
-
- <footer>
- <p class="license light">
+ <header>
+
+ <p>
+ <a href="{{ BlogURL "/" }}"><strong>Mediocre Blog</strong></a>
+ by
+ <a href="https://mediocregopher.com">mediocregopher</a>
+ &nbsp;•&nbsp;
+ <a href="{{ BlogURL "follow" }}">Follow</a>
+ &nbsp;•&nbsp;
+ <a href="{{ BlogURL "feed.xml" }}">RSS</a>
+ </p>
+
+ </header>
+
+ {{ template "body" . }}
+
+ <footer>
+ <hr/>
+ <p>
Unless otherwised specified, all works are licensed under the
<a href="{{ StaticURL "wtfpl.txt" }}">WTFPL</a>.
- </p>
- </footer>
-
- </div>
+ </p>
+ </footer>
</body>
diff --git a/srv/src/http/tpl/follow.html b/srv/src/http/tpl/follow.html
index 501b310..fc46480 100644
--- a/srv/src/http/tpl/follow.html
+++ b/srv/src/http/tpl/follow.html
@@ -60,9 +60,11 @@
</style>
-<input type="email" placeholder="name@host.com" id="emailAddress" />
-<input class="button-primary" type="submit" value="Subscribe" id="emailSubscribe" />
-<span id="emailStatus"></span>
+<form action="javascript:void(0);">
+ <input type="email" placeholder="name@host.com" id="emailAddress" />
+ <input class="button-primary" type="submit" value="Subscribe" id="emailSubscribe" />
+ <span id="emailStatus"></span>
+</form>
<script>
diff --git a/srv/src/http/tpl/index.html b/srv/src/http/tpl/index.html
index 5b268b7..b1f255a 100644
--- a/srv/src/http/tpl/index.html
+++ b/srv/src/http/tpl/index.html
@@ -1,43 +1,27 @@
{{ define "body" }}
- <!--
+ {{ if ge .Payload.PrevPage 0 }}
<p>
- By Tag:
- {{ range .Payload.Tags }}
- <a href="{{ BlogURL "/" }}?tag={{ . }}">{{ . }}</a>
- {{ end }}
+ <a href="?p={{ .Payload.PrevPage}}">&lt; &lt; Previous Page</a>
</p>
- -->
+ {{ end }}
- <ul id="posts-list">
+ <ul>
{{ range .Payload.Posts }}
<li>
- <h2>
- <a href="{{ PostURL .ID }}">{{ .Title }}</a>
- </h2>
- <span>{{ DateTimeFormat .PublishedAt }}</span>
- {{ if not .LastUpdatedAt.IsZero }}
- <span>(Updated {{ DateTimeFormat .LastUpdatedAt }})</span>
- {{ end }}
- <p>{{ .Description }}</p>
+ {{ DateTimeFormat .PublishedAt }}
+ &nbsp;•&nbsp; <a href="{{ PostURL .ID }}">{{ .Title }}</a>
+ &nbsp;•&nbsp; {{ .Description }}
</li>
{{ end }}
</ul>
- {{ if or (ge .Payload.PrevPage 0) (ge .Payload.NextPage 0) }}
- <div id="page-turner">
-
- {{ if ge .Payload.PrevPage 0 }}
- <a style="float: left;" href="?p={{ .Payload.PrevPage}}">Newer</a>
- {{ end }}
-
- {{ if ge .Payload.NextPage 0 }}
- <a style="float:right;" href="?p={{ .Payload.NextPage}}">Older</a>
- {{ end }}
-
- </div>
+ {{ if ge .Payload.NextPage 0 }}
+ <p>
+ <a href="?p={{ .Payload.NextPage}}">Next Page &gt; &gt;</a>
+ </p>
{{ end }}
{{ end }}
diff --git a/srv/src/http/tpl/post.html b/srv/src/http/tpl/post.html
index 474d7c2..f0cb327 100644
--- a/srv/src/http/tpl/post.html
+++ b/srv/src/http/tpl/post.html
@@ -1,45 +1,41 @@
{{ define "body" }}
-<header id="post-header">
- <h1 id="post-headline">
- {{ .Payload.Title }}
- </h1>
- <div class="light">
- {{ DateTimeFormat .Payload.PublishedAt }}
- &nbsp;•&nbsp;
- {{ if not .Payload.LastUpdatedAt.IsZero }}
- (Updated {{ DateTimeFormat .Payload.LastUpdatedAt }})
- &nbsp;•&nbsp;
- {{ end }}
- <em>{{ .Payload.Description }}</em>
- </div>
-</header>
-
-{{ if (or .Payload.SeriesPrevious .Payload.SeriesNext) }}
-<p class="light"><em>
- This post is part of a series:<br/>
- {{ if .Payload.SeriesPrevious }}
- Previously: <a href="{{ PostURL .Payload.SeriesPrevious.ID }}">{{ .Payload.SeriesPrevious.Title }}</a></br>
- {{ end }}
- {{ if .Payload.SeriesNext }}
- Next: <a href="{{ PostURL .Payload.SeriesNext.ID }}">{{ .Payload.SeriesNext.Title }}</a></br>
+<p><em>
+ Published {{ DateTimeFormat .Payload.PublishedAt }}
+ {{ if not .Payload.LastUpdatedAt.IsZero }}
+ <br/>Last updated {{ DateTimeFormat .Payload.LastUpdatedAt }}
{{ end }}
</em></p>
-{{ end }}
-<div id="post-content">
- {{ .Payload.Body }}
-</div>
+<h1 id="post-headline">
+ {{ .Payload.Title }}
+</h1>
+
+<p>
+ {{ .Payload.Description }}
+</p>
+
+<hr/>
+
+{{ .Payload.Body }}
{{ if (or .Payload.SeriesPrevious .Payload.SeriesNext) }}
-<p class="light"><em>
+<hr/>
+<p><em>
If you liked this post, consider checking out other posts in the series:<br/>
+
{{ if .Payload.SeriesPrevious }}
- Previously: <a href="{{ PostURL .Payload.SeriesPrevious.ID }}">{{ .Payload.SeriesPrevious.Title }}</a></br>
+ Previously: <a href="{{ PostURL .Payload.SeriesPrevious.ID }}">{{ .Payload.SeriesPrevious.Title }}</a>
{{ end }}
+
+ {{ if (and .Payload.SeriesNext .Payload.SeriesPrevious) }}
+ </br>
+ {{ end }}
+
{{ if .Payload.SeriesNext }}
Next: <a href="{{ PostURL .Payload.SeriesNext.ID }}">{{ .Payload.SeriesNext.Title }}</a></br>
{{ end }}
+
</em></p>
{{ end }}