finish switching to classless, got a color scheme worked out too
This commit is contained in:
Brian Picciano
parent
5bc4c2fe4e
commit
bf8412969a
69
srv/src/http/static/mediocre.css
Normal file
69
srv/src/http/static/mediocre.css
Normal file
@ -0,0 +1,69 @@
|
||||
|
||||
:root {
|
||||
|
||||
--m-red: #EE7F38;
|
||||
--m-dark: #023B47;
|
||||
--m-light: #fefcf3;
|
||||
--m-blue: #295E52;
|
||||
|
||||
--nc-tx-1: var(--m-dark);
|
||||
--nc-tx-2: #000;
|
||||
|
||||
--nc-bg-1: #FFF;
|
||||
--nc-bg-2: var(--m-light);
|
||||
--nc-bg-3: var(--m-dark);
|
||||
|
||||
--nc-lk-1: var(--m-blue);
|
||||
--nc-lk-2: var(--m-red);
|
||||
--nc-lk-tx: #FFF;
|
||||
|
||||
--nc-ac-1: var(--m-red);
|
||||
--nc-ac-tx: var(--m-light);
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: Georgia, serif;
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
header {
|
||||
background: var(--nc-bg-1);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, .button-primary, .button, header, footer {
|
||||
font-family: var(--nc-font-sans);
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
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);
|
||||
opacity: 25%;
|
||||
}
|
||||
|
||||
table td form,
|
||||
table td input {
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table tr:nth-child(even) {
|
||||
background-color: initial;
|
||||
}
|
||||
@ -1,70 +1,27 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
|
||||
<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>
|
||||
|
||||
<link rel="stylesheet" href="{{ StaticURL "mediocre.css" }}">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<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>
|
||||
|
||||
<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>
|
||||
/
|
||||
License: <a href="{{ StaticURL "wtfpl.txt" }}">WTFPL</a>
|
||||
</header>
|
||||
|
||||
{{ template "body" . }}
|
||||
|
||||
<footer>
|
||||
<hr/>
|
||||
<p>
|
||||
Unless otherwised specified, all works are licensed under the
|
||||
<a href="{{ StaticURL "wtfpl.txt" }}">WTFPL</a>.
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
||||
@ -1,87 +1,96 @@
|
||||
{{ define "body" }}
|
||||
|
||||
<form method="POST" action="{{ BlogURL "posts/" }}">
|
||||
{{ if gt (len .Payload.Tags) 0 }}
|
||||
<p>
|
||||
Existing tags:
|
||||
<em>
|
||||
{{ range $i, $tag := .Payload.Tags }}
|
||||
{{ if ne $i 0 }} {{ end }}{{ $tag }}
|
||||
{{ end }}
|
||||
</em>
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
<div class="row">
|
||||
<form method="POST" action="{{ BlogURL "posts/" }}">
|
||||
|
||||
<div class="columns six">
|
||||
<label for="idInput">Unique ID</label>
|
||||
<table>
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
Unique ID
|
||||
</td>
|
||||
<td>
|
||||
{{ if eq .Payload.Post.ID "" }}
|
||||
<input
|
||||
id="idInput"
|
||||
name="id"
|
||||
class="u-full-width"
|
||||
type="text"
|
||||
placeholder="e.g. how-to-fly-a-kite"
|
||||
value="{{ .Payload.Post.ID }}" />
|
||||
{{ else }}
|
||||
<a href="{{ PostURL .Payload.Post.ID }}" target="_blank">{{ .Payload.Post.ID }}</a>
|
||||
<input name="id" type="hidden" value="{{ .Payload.Post.ID }}" />
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="columns three">
|
||||
<label for="tagsInput">Tags (space separated)</label>
|
||||
<input
|
||||
id="tagsInput"
|
||||
name="tags"
|
||||
class="u-full-width"
|
||||
name="id"
|
||||
type="text"
|
||||
value="{{ range $i, $tag := .Payload.Post.Tags }}{{ if ne $i 0 }} {{ end }}{{ $tag }}{{ end }}" />
|
||||
<p class="light">
|
||||
Existing tags: {{ range $i, $tag := .Payload.Tags }}{{ if ne $i 0 }} {{ end }}{{ $tag }}{{ end }}
|
||||
</p>
|
||||
</div>
|
||||
placeholder="e.g. how-to-fly-a-kite"
|
||||
value="{{ .Payload.Post.ID }}" />
|
||||
{{ else }}
|
||||
<a href="{{ PostURL .Payload.Post.ID }}" target="_blank">{{ .Payload.Post.ID }}</a>
|
||||
<input name="id" type="hidden" value="{{ .Payload.Post.ID }}" />
|
||||
{{ end }}
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<div class="columns three">
|
||||
<label for="seriesInput">Series</label>
|
||||
<tr>
|
||||
<td>
|
||||
<p>Tags (space separated)</p>
|
||||
</td>
|
||||
<td>
|
||||
<input
|
||||
name="tags"
|
||||
type="text"
|
||||
value="{{- range $i, $tag := .Payload.Post.Tags -}}
|
||||
{{- if ne $i 0 }} {{ end }}{{ $tag -}}
|
||||
{{- end -}}
|
||||
"/>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Series</td>
|
||||
<td>
|
||||
<input
|
||||
id="seriesInput"
|
||||
name="series"
|
||||
class="u-full-width"
|
||||
type="text"
|
||||
value="{{ .Payload.Post.Series }}" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
|
||||
<div class="columns six">
|
||||
<label for="titleInput">Title</label>
|
||||
<tr>
|
||||
<td>Title</td>
|
||||
<td>
|
||||
<input
|
||||
id="titleInput"
|
||||
name="title"
|
||||
class="u-full-width"
|
||||
type="text"
|
||||
value="{{ .Payload.Post.Title }}" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<div class="columns six">
|
||||
<label for="descrInput">Description</label>
|
||||
<tr>
|
||||
<td>Description</td>
|
||||
<td>
|
||||
<input
|
||||
id="descrInput"
|
||||
name="description"
|
||||
class="u-full-width"
|
||||
type="text"
|
||||
value="{{ .Payload.Post.Description }}" />
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</div>
|
||||
</table>
|
||||
|
||||
<div class="row">
|
||||
<div class="columns twelve">
|
||||
<textarea
|
||||
name="body"
|
||||
class="u-full-width"
|
||||
placeholder="Blog body"
|
||||
style="height: 50vh;"
|
||||
>
|
||||
{{- .Payload.Post.Body -}}
|
||||
</textarea>
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<textarea
|
||||
name="body"
|
||||
placeholder="Blog body"
|
||||
style="width:100%;height: 75vh;"
|
||||
>
|
||||
{{- .Payload.Post.Body -}}
|
||||
</textarea>
|
||||
</p>
|
||||
|
||||
<p>
|
||||
<input
|
||||
type="submit"
|
||||
value="Preview"
|
||||
@ -89,14 +98,18 @@
|
||||
formtarget="_blank"
|
||||
/>
|
||||
|
||||
<input type="submit" value="Save" formaction="{{ BlogURL "posts/" }}" />
|
||||
{{ if eq .Payload.Post.ID "" }}
|
||||
<input type="submit" value="Publish" formaction="{{ BlogURL "posts/" }}" />
|
||||
{{ else }}
|
||||
<input type="submit" value="Update" formaction="{{ BlogURL "posts/" }}" />
|
||||
{{ end }}
|
||||
|
||||
<a href="{{ BlogURL "posts/" }}">
|
||||
<button type="button">Cancel</button>
|
||||
<button type="button">Back</button>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
</form>
|
||||
|
||||
</form>
|
||||
{{ end }}
|
||||
|
||||
{{ template "base.html" . }}
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
</h1>
|
||||
|
||||
<p>
|
||||
{{ .Payload.Description }}
|
||||
<em>- {{ .Payload.Description }}</em>
|
||||
</p>
|
||||
|
||||
<hr/>
|
||||
|
||||
@ -1,36 +1,22 @@
|
||||
{{ define "posts-nextprev" }}
|
||||
|
||||
{{ 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>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ define "body" }}
|
||||
|
||||
<p style="text-align: center;">
|
||||
<p>
|
||||
<a href="{{ BlogURL "posts/" }}?edit">
|
||||
<button>New Post</button>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
{{ template "posts-nextprev" . }}
|
||||
{{ if ge .Payload.PrevPage 0 }}
|
||||
<p>
|
||||
<a href="?p={{ .Payload.PrevPage}}">< < Previous Page</a>
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
<table style="margin-top: 2rem;">
|
||||
<table>
|
||||
|
||||
{{ range .Payload.Posts }}
|
||||
<tr>
|
||||
<td>{{ .PublishedAt }}</td>
|
||||
<td>{{ .PublishedAt.Local.Format "2006-01-02 15:04:05 MST" }}</td>
|
||||
<td><a href="{{ PostURL .ID }}" target="_blank">{{ .Title }}</a></td>
|
||||
<td>
|
||||
<a href="{{ PostURL .ID }}?edit">
|
||||
@ -50,7 +36,11 @@
|
||||
|
||||
</table>
|
||||
|
||||
{{ template "posts-nextprev" . }}
|
||||
{{ if ge .Payload.NextPage 0 }}
|
||||
<p>
|
||||
<a href="?p={{ .Payload.NextPage}}">Next Page > ></a>
|
||||
</p>
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user