commit 821537c271a6a8efb1b2b48d88575f097be5ab1a
parent 8b44028bea21e2704c2179376d7e573533733fdb
Author: FIGBERT <figbert@figbert.com>
Date: Thu, 30 Nov 2023 23:12:58 -0800
Simplify site styles with radical redesign
Diffstat:
18 files changed, 166 insertions(+), 218 deletions(-)
diff --git a/content/_index.md b/content/_index.md
@@ -52,7 +52,6 @@ I have some friends. Some of them have blogs:
and a variety of other subjects coming out of Purdue University.
- [Jacob Neplokh] co-founded SMMR Software and introduced me to [Tame
Impala]
-- [art3mis] is better at web design than all of us :/
[on this site]: @/posts/_index.md
[Atom feed]: /atom.xml
@@ -89,4 +88,3 @@ I have some friends. Some of them have blogs:
[Burning Silicon]: https://burningsilicon.dev/
[Jacob Neplokh]: https://jacobneplokh.com
[Tame Impala]: https://en.wikipedia.org/wiki/Tame_Impala
-[art3mis]: https://art3mis.pm
diff --git a/content/ketamine.md b/content/ketamine.md
@@ -0,0 +1,21 @@
++++
++++
+<pre>
+69 66 79 6F 75 77 69 6C 6C 69 74 69 74 69 73 6E 6F 64 72 65 61 6D
+
+ ,d8888b d8, d8b
+ 88P' `8P ?88 d8P
+d888888P 88b d888888P
+ ?88' 88b d888b8b 888888b d8888b 88bd88b ?88'
+ 88P 88Pd8P' ?88 88P `?8bd8b_,dP 88P' ` 88P
+ d88 d88 88b ,88b d88, d8888b d88 88b
+d88' d88' `?88P'`88bd88'`?88P'`?888P'd88' `?8b
+ )88
+ ,88P __ ___ ______ ______ ____ ___ _______
+ `?8888P |. | /_ |____ ||____ | |__ |_ | ___ |
+ | | | | | | | | | | |_|\_\ | |
+ | |___| | | |_____| |_____| | _____| |
+ |_______| |_/________/____/\_\ |_______|
+
+69 66 79 6F 75 77 69 6C 6C 69 74 69 74 69 73 6E 6F 64 72 65 61 6D
+</pre>
diff --git a/content/posts/_index.md b/content/posts/_index.md
@@ -1,5 +1,6 @@
+++
title = "Posts"
+page_template = "article.html"
sort_by = "date"
insert_anchor_links = "left"
generate_feed = true
diff --git a/content/projects/_index.md b/content/projects/_index.md
@@ -1,5 +1,6 @@
+++
title = "Projects"
+page_template = "article.html"
sort_by = "weight"
insert_anchor_links = "left"
generate_feed = true
diff --git a/content/reading/_index.md b/content/reading/_index.md
@@ -0,0 +1,4 @@
++++
++++
+
+Coming soon!
diff --git a/static/css/fonts.css b/static/css/fonts.css
@@ -1,28 +0,0 @@
-@font-face {
- font-family: "vistaserv";
- src: url("/fonts/vistaserv/regular.woff") format("woff");
-}
-
-@font-face {
- font-family: "vistaserv";
- src: url("/fonts/vistaserv/bold.woff") format("woff");
- font-weight: bold;
-}
-
-@font-face {
- font-family: "vistaserv";
- src: url("/fonts/vistaserv/italic.woff") format("woff");
- font-style: italic;
-}
-
-@font-face {
- font-family: "vistaserv";
- src: url("/fonts/vistaserv/bolder.woff") format("woff");
- font-weight: 800;
-}
-
-@font-face {
- font-family: "vistaserv";
- src: url("/fonts/vistaserv/superbold.woff") format("woff");
- font-weight: 900;
-}
diff --git a/static/css/global.css b/static/css/global.css
@@ -1,100 +0,0 @@
-:root {
- --background-color: #212121;
- --text-color: #f5f5f5;
- --secondary-color: #bababa;
- --link-color: #8e60a7;
-
- font-family: vistaserv, -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
- background-color: var(--background-color);
- color: var(--text-color);
-}
-
-body {
- width: 85%;
- display: flex;
- margin: 2rem auto 2rem auto;
-}
-
-header {
- width: 25%;
- text-align: right;
- margin: 0 3rem 0 2rem;
-}
-
-main {
- width: 75%;
- font-size: 105%;
- line-height: 165%;
-}
-
-p {
- margin-top: 0;
-}
-
-a {
- color: inherit;
-}
-
-a:hover, a:focus {
- color: var(--link-color);
-}
-
-h1, h2, h3, h4, h5, h6 {
- margin: 0;
- position: relative;
-}
-
-h1 > a, h2 > a, h3 > a,
-h4 > a, h5 > a, h6 > a {
- text-decoration: none;
- color: inherit;
-}
-
-video, picture, img {
- width: 100%;
-}
-
-small {
- color: var(--secondary-color);
- font-size: 100%;
-}
-
-small > a {
- text-decoration: none;
-}
-
-#article-header {
- margin-bottom: 1.5rem;
-}
-
-#section-title {
- font-weight: normal;
- font-size: inherit;
-}
-
-#section-list {
- list-style: none;
- margin: 0;
- padding-left: 1.5rem;
-}
-
-.summary {
- color: var(--secondary-color);
- font-size: 90%;
-}
-
-.zola-anchor {
- opacity: 0;
- position: absolute;
- right: 101%;
- transition: opacity .1s linear;
-}
-
-h1:hover > .zola-anchor,
-h2:hover > .zola-anchor,
-h3:hover > .zola-anchor,
-h4:hover > .zola-anchor,
-h5:hover > .zola-anchor,
-h6:hover > .zola-anchor {
- opacity: 100;
-}
diff --git a/static/css/nav.css b/static/css/nav.css
@@ -1,40 +0,0 @@
-nav {
- margin: 2.5rem 0 2.5rem 0;
- font-size: 1.125rem;
-}
-
-nav > ul {
- list-style: none;
-}
-
-nav > ul > li > a {
- text-decoration: none;
-}
-
-hr {
- border-width: 0;
- border-top: 0.1rem dashed;
- margin-left: 2rem;
-}
-
-ul {
- list-style: square;
-}
-
-.rss {
- color: var(--secondary-color);
- font-size: 0.75rem;
-}
-
-#subtitle {
- font-size: 1.25rem;
- font-weight: initial;
-}
-
-#webrings {
- font-size: 0.75rem;
-}
-
-#webrings > section {
- margin-bottom: 2rem;
-}
diff --git a/static/fonts/vistaserv/bold.woff b/static/fonts/vistaserv/bold.woff
Binary files differ.
diff --git a/static/fonts/vistaserv/bolder.woff b/static/fonts/vistaserv/bolder.woff
Binary files differ.
diff --git a/static/fonts/vistaserv/italic.woff b/static/fonts/vistaserv/italic.woff
Binary files differ.
diff --git a/static/fonts/vistaserv/regular.woff b/static/fonts/vistaserv/regular.woff
Binary files differ.
diff --git a/static/fonts/vistaserv/superbold.woff b/static/fonts/vistaserv/superbold.woff
Binary files differ.
diff --git a/static/global.css b/static/global.css
@@ -0,0 +1,117 @@
+:root {
+ color-scheme: light dark;
+ font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
+ line-height: 1.618;
+}
+
+body {
+ width: 75%;
+ margin: 2rem auto 2rem auto;
+}
+
+nav {
+ width: 100%;
+ display: flex;
+ justify-content: space-around;
+
+ background-color: CanvasText;
+ color: Canvas;
+ font-weight: bold;
+
+ padding-block: 1ch;
+ margin-block-end: 2ch;
+
+ > a {
+ text-decoration: none;
+ }
+}
+
+footer {
+ width: 100%;
+ color: GrayText;
+
+ & > section {
+ width: 30%;
+ display: flex;
+ margin-inline: auto;
+ justify-content: center;
+
+ & > * {
+ padding-inline: 1ch;
+ text-decoration: none;
+ }
+ }
+}
+
+a {
+ color: inherit;
+ &:hover, &:focus {
+ color: #8e60a7;
+ }
+}
+
+p {
+ margin-block-start: 0ch;
+ margin-block-end: 2ch;
+}
+
+h1, h2, h3, h4, h5, h6 {
+ margin: 0;
+ position: relative;
+
+ & > a {
+ text-decoration: none;
+ }
+
+ &:hover > .zola-anchor {
+ opacity: 100;
+ }
+}
+
+ul {
+ list-style: square;
+}
+
+video, picture, img {
+ width: 100%;
+}
+
+small {
+ color: GrayText;
+ font-size: 100%;
+
+ & > a {
+ text-decoration: none;
+ }
+}
+
+.zola-anchor {
+ opacity: 0;
+ position: absolute;
+ right: 101%;
+ transition: opacity .1s linear;
+}
+
+#section-list {
+ list-style: none;
+ margin: 0;
+
+ padding-inline-start: 0;
+}
+
+#section-title {
+ text-decoration: none;
+}
+
+.summary {
+ color: GrayText;
+ font-size: 90%;
+
+ & > p {
+ margin-block-start: 0;
+ }
+}
+
+#article-header {
+ margin-block-end: 1ch;
+}
diff --git a/templates/page.html b/templates/article.html
diff --git a/templates/index.html b/templates/index.html
@@ -6,9 +6,7 @@
<title>{% if page.title %}{{ page.title }} :: {% endif %}{{ config.title }}</title>
- <link rel="stylesheet" href="{{ get_url(path="css/fonts.css") }}">
- <link rel="stylesheet" href="{{ get_url(path="css/global.css") }}">
- <link rel="stylesheet" href="{{ get_url(path="css/nav.css") }}">
+ <link rel="stylesheet" href="{{ get_url(path="global.css") }}">
<link rel="me" href="https://fosstodon.org/@FIGBERT">
<link type="application/atom+xml" rel="alternate" href="{{ get_url(path="posts/atom.xml") }}" title="Posts :: {{ config.title }}">
@@ -25,46 +23,31 @@
{% endif %}
<link rel="icon" href="{{ get_url(path="icon.png") }}">
- <meta name="theme-color" content="#212121">
</head>
<body>
<header>
- <section>
- <h1><a href="{{ config.base_url }}">{{ config.title }}</a></h1>
- <h2 id="subtitle">Full Stack Developer</h2>
- </section>
<nav>
- <ul>
- <li><a href="{{ config.base_url }}">Home</a></li>
- <li>
- <a href="{{ get_url(path="posts/atom.xml") }}" class="rss">RSS</a>
- <a href="{{ get_url(path="@/posts/_index.md") }}">Posts</a>
- </li>
- <li>
- <a href="{{ get_url(path="projects/atom.xml") }}" class="rss">RSS</a>
- <a href="{{ get_url(path="@/projects/_index.md") }}">Projects</a>
- </li>
- </ul>
+ <a href="{{ config.base_url }}">/</a>
+ <a href="{{ get_url(path="@/posts/_index.md") }}">/posts</a>
+ <a href="{{ get_url(path="@/projects/_index.md") }}">/projects</a>
+ <a href="{{ get_url(path="@/reading/_index.md") }}">/reading</a>
+ <a href="{{ get_url(path="@/ketamine.md") }}">/ketamine</a>
</nav>
- <section id="webrings">
- <section>
- <hr>
- <b>Proud member of <a href="https://hotlinewebring.club/" target="_blank" rel="noopener">Hotline Webring</a>!</b><br>
- <a href="https://hotlinewebring.club/FIGBERT/previous" target="_blank" rel="noopener">Previous site</a> --
- <a href="https://hotlinewebring.club/FIGBERT/next" target="_blank" rel="noopener">Next site</a>
- </section>
-
- <section>
- <hr>
- <b>This site is a proud member of the <a href="https://geekring.net/" target="_blank" rel="noopener">geekring</a>! Check some other geeky websites here!</b><br>
- <a href="http://geekring.net/site/79/previous" target="_blank" rel="noopener">Previous site</a> --
- <a href="http://geekring.net/site/79/random" target="_blank" rel="noopener">Random site</a> --
- <a href="http://geekring.net/site/79/next" target="_blank" rel="noopener">Next site</a>
- </section>
- </section>
</header>
<main>
{% block content %}{{ section.content | safe }}{% endblock content %}
</main>
+ <footer>
+ <section>
+ <a href="https://hotlinewebring.club/FIGBERT/previous" target="_blank" rel="noopener"><</a>
+ <a href="https://hotlinewebring.club/" target="_blank" rel="noopener">Hotline Webring</a>
+ <a href="https://hotlinewebring.club/FIGBERT/next" target="_blank" rel="noopener">></a>
+ </section>
+ <section>
+ <a href="http://geekring.net/site/79/previous" target="_blank" rel="noopener"><</a>
+ <a href="https://geekring.net/" target="_blank" rel="noopener">geekring</a>
+ <a href="http://geekring.net/site/79/next" target="_blank" rel="noopener">></a>
+ </section>
+ </footer>
</body>
</html>
diff --git a/templates/page.html b/templates/page.html
@@ -1,15 +1,4 @@
{% extends "index.html" %}
{% block content %}
- <article>
- <section id="article-header">
- <h1><a href="{{ current_url }}">{{ page.title }}</a></h1>
- <small>
- Published by <a href="{{ config.base_url }}">{{ config.title }}</a> on
- <time datetime="{{ page.date }}">{{ page.date | date(format="%B %d, %Y") }}</time>
- <br/>
- <a href="..">< Back</a>
- </small>
- </section>
{{ page.content | safe }}
- </article>
{% endblock content %}
diff --git a/templates/section.html b/templates/section.html
@@ -1,10 +1,12 @@
{% extends "index.html" %}
{% block content %}
- <h2 id="section-title">{{ section.title }}</h2>
+ {% if section.content %}
+ {{ section.content | safe }}
+ {% endif %}
<ul id="section-list">
{% for page in section.pages %}
<li>
- <a href="{{ page.permalink }}">{{ page.title }}</a>
+ <a href="{{ page.permalink }}" id="section-title">{{ page.title }}</a>
{% if page.summary %}
<div class="summary">{{ page.summary | safe }}</div>
{% else %}
