diff --git a/archetypes/default.md b/archetypes/default.md index ac36e06..a845151 100644 --- a/archetypes/default.md +++ b/archetypes/default.md @@ -1,2 +1,2 @@ -+++ -+++ +--- +--- diff --git a/archtypes/links.md b/archtypes/links.md index c1a80a9..08a95f6 100644 --- a/archtypes/links.md +++ b/archtypes/links.md @@ -1,6 +1,6 @@ --- title: Link collection -author: JPK +author: GoatFOo date: {{ .Date }} categories: tags: diff --git a/archtypes/posts.md b/archtypes/posts.md index d1094f4..de6eb13 100644 --- a/archtypes/posts.md +++ b/archtypes/posts.md @@ -1,6 +1,6 @@ --- title: "{{ replace .Name "-" " " | title }}" -author: JPK +author: GoatFoo date: {{ .Date }} categories: tags: diff --git a/assets/css/_base.scss b/assets/css/_base.scss new file mode 100644 index 0000000..88dd176 --- /dev/null +++ b/assets/css/_base.scss @@ -0,0 +1,92 @@ +html { + font-family: "Lucida Console", "monospace"; + font-size: 14px; + box-sizing: border-box; +} + +body { + margin: 0px; +} + +*, *:before, *:after { + font-family: inherit; + font-size: inherit; + box-sizing: inherit; +} + +body { + background-color: $background-color; + color: $text-color; +} + +article header { + font-size: smaller; +} + +a { + color: $anchor-color; + text-decoration: none; +} + +pre { + font-size: smaller; + margin: 2em; + padding: 0.4em; + border: 1px dashed $border-color; + overflow: auto; + color: #f8f8f2; + background-color: #272822; + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; +} + +img { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 80%; + height: auto; +} + +a.active { + color: $anchor-active-color; +} + +a:hover { + color: $anchor-hover-color; + text-decoration: underline; +} + +ul { + list-style: square; +} + +nav ul { + list-style-type: none; + margin: 0; + padding: 0; +} + +nav ul li { + display: inline; +} + +.boxed { + border-bottom: 1px dashed $border-color; + width: 1024px; + margin: auto; + padding: 1em; +} + +@media only screen and (max-width: 1024px) { + .goatpr0n-wide { + display: none; + } +} + +@media only screen and (min-width: 1024px) { + .goatpr0n-small { + display: none; + } +} diff --git a/assets/css/components/_tag_lists.scss b/assets/css/components/_tag_lists.scss new file mode 100644 index 0000000..57a4727 --- /dev/null +++ b/assets/css/components/_tag_lists.scss @@ -0,0 +1,14 @@ +.tag-lists { + list-style: none; + padding-left: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: center; + line-height: 2.5rem; +} + +.tag-lists-item { + --size: attr(data-weight number, 2); + font-size: calc(var(--size) * 1rem); +} diff --git a/assets/css/main.scss b/assets/css/main.scss new file mode 100644 index 0000000..6638d4a --- /dev/null +++ b/assets/css/main.scss @@ -0,0 +1,22 @@ +/* +https://coolors.co/04080f-507dbc-a1c6ea-bbd1ea-dae3e5 +*/ + +$background-color: {{ .Site.Params.style.backgroundColor | default "#04080f" }}; +$text-color: {{ .Site.Params.style.textColor | default "#dae3e5" }}; +$border-color: {{ .Site.Params.style.borderColor | default "#dae3e5" }}; +$anchor-color: {{ .Site.Params.style.anchorColor | default "#507dbc" }}; +$anchor-active-color: {{ .Site.Params.style.anchorActiveColor | default "#bbd1ea" }}; +$anchor-hover-color: {{ .Site.Params.style.anchorHoverColor | default "#bbd1ea" }}; +$pre-text-color: {{ .Site.Params.style.preTextColor | default "#f8f8f2" }}; +$pre-background-color: {{ .Site.Params.style.preBackgroundColor | default "#272822" }}; + +@charset "UTF-8"; +@font-face { + font-family: 'DOS'; + src: url("./fonts/Perfect DOS VGA 437 Win.ttf"); +} + +@import "base"; + +@import "components/tag_lists"; diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index a6223b0..4d3bb9f 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -3,6 +3,7 @@ {{- partial "head.html" . -}} {{- partial "header.html" . -}} +
{{- block "main" . }}{{- end }}
diff --git a/layouts/_default/list.html b/layouts/_default/list.html index c03e8e8..e95d4d7 100644 --- a/layouts/_default/list.html +++ b/layouts/_default/list.html @@ -3,7 +3,7 @@

diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 94b2b88..686dc6c 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -1,7 +1,35 @@ {{ define "main" }}
-

{{ .Title }}

-{{ partial "metadata.html" . }} -

-{{ .Content }} + +
+
+

{{ .Title }}

+ {{- if ne .Type "page" }} +
+
+ Publisched: + {{ .PublishDate.Format "Jan 2, 2006" }} +
+
+ Approx. time: + {{ .ReadingTime }} min read +
+ {{- with .Params.tags }} +
Tags: + {{- range . -}} + {{ with $.Site.GetPage (printf "/%s/%s" "tags" . ) }} + {{ .Title }} + {{- end }} + {{- end }} +
+ {{- end }} +
+ {{- end }} +
+
+ +
+ {{ .Content }} +
+
{{ end }} diff --git a/layouts/_default/terms.html b/layouts/_default/terms.html index f20dafc..1eb2a2c 100644 --- a/layouts/_default/terms.html +++ b/layouts/_default/terms.html @@ -1,12 +1,10 @@ {{ define "main" }} -
-