diff --git a/config.yaml b/config.yaml index 31ee038..a589153 100644 --- a/config.yaml +++ b/config.yaml @@ -4,24 +4,30 @@ title: yequari.com theme: dreamcast params: about: "I write code and occasionally blog posts." +taxonomies: + category: categories + tag: tags + year: year permalinks: page: blog: /blog/:year/:month/:slugorfilename/ + term: + year: /blog/:slug/ menu: main: - - name: HOME + - name: Home pageRef: / weight: 10 - - name: BLOG + - name: Blog pageRef: /blog weight: 20 - - name: PROJECTS + - name: Projects pageRef: /projects weight: 30 - - name: NOW + - name: Now pageRef: /now weight: 40 - - name: LINKS + - name: Links pageRef: /links weight: 50 social: @@ -34,13 +40,13 @@ menu: weight: 10 - name: rss feed params: - icon: rss-fill.png + icon: aero-rss.svg class: rss url: /blog/index.xml weight: 5 - name: yequari[a]32bit[.]cafe params: - icon: mail-line.png + icon: aero-email-2.svg rel: external class: email url: diff --git a/layouts/links/list.html b/layouts/links/list.html index f24c466..18499df 100644 --- a/layouts/links/list.html +++ b/layouts/links/list.html @@ -1,5 +1,4 @@ {{ define "main" }} -
{{ .Content }} -
{{ end }} diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index 54cb8b9..5ae7fdf 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -27,7 +27,7 @@
-

yequari says...

+

yequari says...

.

diff --git a/static/icons/aero-email-2.svg b/static/icons/aero-email-2.svg new file mode 100644 index 0000000..705a2db --- /dev/null +++ b/static/icons/aero-email-2.svg @@ -0,0 +1,200 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/icons/aero-rss.svg b/static/icons/aero-rss.svg new file mode 100644 index 0000000..9adcd70 --- /dev/null +++ b/static/icons/aero-rss.svg @@ -0,0 +1,109 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/dreamcast/layouts/_default/single.html b/themes/dreamcast/layouts/_default/single.html index 28749ec..9983b08 100644 --- a/themes/dreamcast/layouts/_default/single.html +++ b/themes/dreamcast/layouts/_default/single.html @@ -1,5 +1,3 @@ {{ define "main" }} -
- {{ .Content }} -
+{{ .Content }} {{ end }} diff --git a/themes/dreamcast/layouts/blog/list.html b/themes/dreamcast/layouts/blog/list.html index dddce62..055cb56 100644 --- a/themes/dreamcast/layouts/blog/list.html +++ b/themes/dreamcast/layouts/blog/list.html @@ -1,4 +1,5 @@ {{ define "main" }} +{{ template "_internal/pagination.html" . }}
{{ range .Paginator.Pages.ByPublishDate.Reverse }}
@@ -15,10 +16,8 @@ {{ end }}
{{ end }} - {{ template "_internal/pagination.html" . }}
- +{{ template "_internal/pagination.html" . }} +

See Posts From

+{{- partial "posts-by-year.html" . -}} {{ end }} diff --git a/themes/dreamcast/layouts/index.html b/themes/dreamcast/layouts/index.html index aedd7eb..80942c6 100644 --- a/themes/dreamcast/layouts/index.html +++ b/themes/dreamcast/layouts/index.html @@ -1,11 +1,10 @@ {{ define "main" }} -
{{ .Content }}

Latest Blog Posts

{{ range first 3 (where .Site.RegularPages.ByDate.Reverse "Section" "blog") }} -

{{ .Name }}

-

{{ .Summary }}

- Read More > - {{ end }} + + {{ end }} {{ end }} diff --git a/themes/dreamcast/layouts/partials/all-taxonomies.html b/themes/dreamcast/layouts/partials/all-taxonomies.html new file mode 100644 index 0000000..f7f17bb --- /dev/null +++ b/themes/dreamcast/layouts/partials/all-taxonomies.html @@ -0,0 +1,23 @@ + + + diff --git a/themes/dreamcast/layouts/partials/posts-by-year.html b/themes/dreamcast/layouts/partials/posts-by-year.html new file mode 100644 index 0000000..28cb5e5 --- /dev/null +++ b/themes/dreamcast/layouts/partials/posts-by-year.html @@ -0,0 +1,4 @@ +{{ range $index,$element := .Site.Taxonomies.year -}} +{{if ne $index "2022"}},{{end}} +{{ .Page.Title }} +{{- end -}} diff --git a/themes/dreamcast/static/css/main.css b/themes/dreamcast/static/css/main.css index 6a8376a..2704c4f 100644 --- a/themes/dreamcast/static/css/main.css +++ b/themes/dreamcast/static/css/main.css @@ -1,4 +1,4 @@ -@import url(https://fonts.bunny.net/css?family=b612-mono:400|phudu:400|noto-sans:400|martian-mono:700|andika:400); +@import url(https://fonts.bunny.net/css?family=ibm-plex-mono:400|noto-sans:400,500,600,700|m-plus-1:400,500,600,700|audiowide:400); /* CSS HEX */ :root { --jet: #353535ff; @@ -67,9 +67,9 @@ --primary-text: var(--night); --secondary-text: var(--charcoal); --primary-link: var(--risd-blue); - --primary-link-hover: var(--verdigris); - --secondary-link: var(--cyan); - --secondary-link-hover: var(--pewter-blue); + --primary-link-hover: var(--tropical-indigo); + --secondary-link: var(--verdigris); + --secondary-link-hover: var(--tropical-indigo); --ternary-link: var(--fairy-tale); --ternary-link-hover: var(--pewter-blue); } @@ -99,8 +99,9 @@ body::-webkit-scrollbar { h1,h2,h3,h4,h5,h6 { color: var(--secondary-text); - font-family: 'Martian Mono', monospace; - text-transform: lowercase; + font-family: 'M PLUS 1', sans-serif; + /* font-family: 'Martian Mono', monospace; */ + text-transform: capitalize; } p { @@ -109,16 +110,17 @@ p { a:link, a:visited { color: var(--primary-link); - text-decoration: none; + /* text-decoration: none; */ } a:hover, a:active { - /* color: var(--primary-link-hover); */ + color: var(--primary-link-hover); text-decoration: underline; } a.tag { color: var(--secondary-link); + text-decoration: none; } a.tag:hover, a.tag:active { @@ -134,10 +136,11 @@ a.summary { } header h1 { - font-family: 'Phudu', monospace; + font-family: 'Audiowide', display; /* font-size: 1rem; */ color: var(--fairy-tale); display: inline; + text-transform: uppercase; } ul.social { @@ -151,7 +154,7 @@ li.social { } img.social { - height: 16px; + width: 16px; } header a.sitetitle { @@ -211,10 +214,9 @@ nav li { nav li a { display: inline-block; padding: 20px; - font-family: 'Andika', monospace; - font-size: 1.1rem; - font-weight: bold; + /* font-size: 1.1rem; */ transition: box-shadow 0.3s; + text-transform: uppercase; } nav li a:link, nav li a:visited { @@ -256,16 +258,13 @@ nav li a:hover, nav li a:active { display: flex; flex-flow: row wrap-reverse; box-shadow: 10px 5px 5px #00000066; - padding: 0; + padding: 30px; } .sidebar { flex: 0 1 20%; - border-right: 1px solid; - border-image: linear-gradient(transparent 30px, grey 31px, grey 97%, transparent 98%) 1; - padding: 30px 15px; - /* background: linear-gradient(aqua 0%, transparent 15%); */ - /* border-radius: 15px 0 0 0; */ + border-right: 1px solid black; + padding: 15px 15px 15px 0; } .sidebar h1 { @@ -315,7 +314,7 @@ nav li a:hover, nav li a:active { main { flex: 1 3 70%; - padding: 30px; + padding: 15px 15px 15px 30px; } main li { @@ -366,6 +365,10 @@ code { overflow-x: scroll; padding: 0 5px; color: white; + font-family: 'IBM Plex Mono', monospace; +} + +pre { } pre code{ @@ -400,6 +403,10 @@ footer { text-align: center; } +.lowercase { + text-transform: lowercase; +} + /* Index page blog posts */ .title-date { display: flex; @@ -417,6 +424,12 @@ footer { display: flex; flex-flow: row wrap; align-items: flex-start; + justify-content: space-between; + gap: 20px; +} + +#links-main ul { + padding: 0; } #links-main li { @@ -426,27 +439,28 @@ footer { .link-list details { border: 1px dotted var(--pewter-blue); - padding: 0.5em 0.5em 0; + padding: 0.7em 0.7em; } .link-list details[open] { - padding: 0.5em; + /* padding: 0.5em; */ } .link-list details[open] summary { border-bottom: 1px dotted var(--pewter-blue); + padding-bottom: 0.5em; margin-bottom: 0.5em; } .link-list summary { - margin: -0.5em -0.5em 0; - padding: 0.5em; + /* margin: -0.5em -0.5em 0; */ + /* padding: 0.5em; */ } .links-column { display: flex; flex-direction: column; - flex: 1 1 30%; + flex: 1 3 10%; overflow-wrap: break-word; }