diff options
| author | Brian Picciano <mediocregopher@gmail.com> | 2022-08-15 15:23:25 -0600 |
|---|---|---|
| committer | Brian Picciano <mediocregopher@gmail.com> | 2022-08-15 15:26:03 -0600 |
| commit | 5bc4c2fe4eb2dd401380493d95e05badd7f2bf5d (patch) | |
| tree | 9e4e35435d2899256c92f02298ec289006778f44 /srv/src/http/tpl | |
| parent | cd1d97bebf73ba513a3b89df92cc3030f264f7d8 (diff) | |
began using new.css, got rid of the old css almost entirely
Diffstat (limited to 'srv/src/http/tpl')
| -rw-r--r-- | srv/src/http/tpl/base.html | 103 | ||||
| -rw-r--r-- | srv/src/http/tpl/follow.html | 8 | ||||
| -rw-r--r-- | srv/src/http/tpl/index.html | 38 | ||||
| -rw-r--r-- | srv/src/http/tpl/post.html | 54 |
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> + • + <a href="{{ BlogURL "follow" }}">Follow</a> + • + <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}}">< < 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 }} + • <a href="{{ PostURL .ID }}">{{ .Title }}</a> + • {{ .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 > ></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 }} - • - {{ if not .Payload.LastUpdatedAt.IsZero }} - (Updated {{ DateTimeFormat .Payload.LastUpdatedAt }}) - • - {{ 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 }} |