diff options
author | Christian Cleberg <hello@cleberg.net> | 2025-09-20 20:48:16 -0500 |
---|---|---|
committer | Christian Cleberg <hello@cleberg.net> | 2025-09-20 20:48:16 -0500 |
commit | d7978b4ccf4c6c56b1c2888791f73271f91fd12c (patch) | |
tree | 587bd7191d766aa4910a8b21dcb5da0d71061c08 /theme | |
parent | 01a629ca5a26798c67a29bab7a7c9f9def1f80dd (diff) | |
download | cleberg.net-d7978b4ccf4c6c56b1c2888791f73271f91fd12c.tar.gz cleberg.net-d7978b4ccf4c6c56b1c2888791f73271f91fd12c.tar.bz2 cleberg.net-d7978b4ccf4c6c56b1c2888791f73271f91fd12c.zip |
EXTREME MINIMALISM
Diffstat (limited to 'theme')
-rw-r--r-- | theme/static/favicon.ico | bin | 28345 -> 0 bytes | |||
-rw-r--r-- | theme/static/styles.css | 309 | ||||
-rw-r--r-- | theme/templates/base.html | 18 | ||||
-rw-r--r-- | theme/templates/blog.html | 14 | ||||
-rw-r--r-- | theme/templates/index.html | 15 | ||||
-rw-r--r-- | theme/templates/wiki.html | 12 |
6 files changed, 27 insertions, 341 deletions
diff --git a/theme/static/favicon.ico b/theme/static/favicon.ico Binary files differdeleted file mode 100644 index 81f54ad..0000000 --- a/theme/static/favicon.ico +++ /dev/null diff --git a/theme/static/styles.css b/theme/static/styles.css index 1cb4fc6..6ce8031 100644 --- a/theme/static/styles.css +++ b/theme/static/styles.css @@ -1,338 +1,61 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ -html{line-height:1.15;-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type="button"],[type="reset"],[type="submit"],button{-webkit-appearance:button}[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}template{display:none}[hidden]{display:none} - -/* CUSTOM CSS */ -:root { - --bg: #EDEDE7; - --bg-bright: #E8D3BE; - --fg: #201E1D; - --link: #810208; - --code: #810208; - --border: #E8D3BE; -} - -@media (prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth; - } -} - body { - background-color: var(--bg); - color: var(--fg); - font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; - font-size: 1rem; - line-height: 1.5; - max-width: 50em; - margin: 0 auto; - padding: 0 clamp(1rem, 5vw, 3rem); -} - -@media only screen and (min-width: 768px) { - body { - font-size: 1.2rem; - } -} - -@media (min-width: 768px) { - body { - padding: 0 2rem; - } -} - -.site-nav, -footer { - border-color: var(--fg); -} - -footer { - padding-top: 1rem; - margin: 1rem 0; -} - -footer p { - margin: 0; + max-width: 50em; + margin: 1.5rem; } -ul { - list-style-type: "- "; -} - -.site-nav ul { +nav ul { list-style-type: none; display: flex; - align-items: center; padding: 0; } -.site-nav ul li { +nav ul li { margin-right: 0.5rem; } -h1, -h2, -h3, -h4 { - color: var(--fg); -} - -h1 { - font-size: 1.75rem; - font-weight: bold; - margin-top: 1rem; - margin-bottom: 0.75rem; -} - -h2 { - font-size: 1.5rem; - margin-top: 1rem; - margin-bottom: 0.5rem; -} - -h3 { - font-size: 1.25rem; - margin-top: 1rem; - margin-bottom: 0.25rem; -} - -a, -a:visited { - color: var(--link); - text-decoration: underline; - text-decoration-skip-ink: auto; -} - -a:focus-visible { - outline: 2px solid var(--link); - outline-offset: 2px; -} - -a:hover { - background: var(--link); - color: var(--bg); - text-decoration: none; -} - img { border-style: none; width: 100%; } table { - border: 1px solid var(--border); + border: 1px solid #111; border-collapse: collapse; - color: var(--fg); - border-color: var(--bg-bright); - font-size: inherit; width: 100%; } -thead, -th, -tr, -td { - border: 1px solid var(--border); - padding: 0.25rem; -} - pre, pre>code, code { - font-family: - Menlo, - Consolas, - Monaco, - Liberation Mono, - Lucida Console, - monospace; font-size: 0.9rem; } pre { - background-color: var(--bg-bright) !important; + border: 1px solid #111; margin: 0.5rem 0; padding: 0.5rem; overflow-x: auto; } -:not(pre)>code { - color: var(--code); -} - -aside { - background-color: var(--bg-bright); - padding: 1rem; -} - -blockquote { - background-color: var(--bg-bright); - border-left: 5px solid var(--link); - margin: 1rem 0; - padding: 0.5rem 1rem; -} - -blockquote p { - margin: 0; -} - -.post, -.wiki-post { - display: flex; - justify-content: space-between; -} - -.post time { - flex-shrink: 0; - font-style: italic; - margin-right: 0.5rem; - opacity: 0.8; -} - -.wiki-post { - justify-content: space-between; -} - -.wiki-post:first-of-type { - border-bottom: 1px dotted var(--fg); - margin-bottom: 1rem; -} - -.wiki-post p { - margin: 0; -} - -.post-metadata { - border: 1px dotted var(--border); - padding: 1rem; -} - -.post-metadata h1 { - margin: 0; -} - -.post-metadata p { - margin: 0; -} - -.post-metadata time { - font-style: italic; -} - -details { +time { display: block; - margin-top: 1rem; -} - -summary { - display: list-item; - font-weight: bold; -} - -span.tag::before { - content: "#"; -} - -.footnote-definition { - display: flex; - justify-content: flex-start; - align-items: top; - margin: 1rem 0; -} - -.footnote-definition sup { - font-size: inherit; - top: 0; - line-height: inherit; - padding-right: 0.5rem; } -.footnote-definition sup::after { - content: "."; -} - -.footnote-definition p { - display: inline-block; - margin: 0; -} - -.hidden { - display: none; -} - -.post { - display: flex; - flex-direction: row; - margin-bottom: 1rem; -} - -.post-content { - display: flex; - flex-direction: column; -} - -.post-tags { - font-size: 1rem; - margin-top: 0.1rem; -} - -.tag { - margin-right: 0.3rem; - font-style: normal; - opacity: 0.5; -} - -.tag::before { - content: "#"; -} - -.skip-link { - position: absolute; - left: -999px; - top: auto; - width: 1px; - height: 1px; - overflow: hidden; -} - -.skip-link:focus { - left: 1rem; - top: 1rem; - width: auto; - height: auto; - background: var(--bg-bright); - color: var(--fg); - padding: .5rem; - border: 1px solid var(--fg); +:not(pre)>code { + color: #f00; } @media (prefers-color-scheme: dark) { - :root { - --bg: #201E1D; - --bg-bright: #2F2F2D; - --fg: #EDEDE7; - --link: #D9C2A6; - --code: #D9C2A6; - --border: #2F2F2D; - } -} - -@media print { body { - background: #fff; - color: #000; - font-size: 12pt; - padding: 0; - max-width: none; + background-color: #222; + color: #eee; } - - .site-nav, - footer, - aside { - display: none; + + a { + color: #add8e6; } - a::after { - content: " (" attr(href) ")"; - font-size: 90%; + pre { + border-color: #eee; } }
\ No newline at end of file diff --git a/theme/templates/base.html b/theme/templates/base.html index 143f874..4c06aea 100644 --- a/theme/templates/base.html +++ b/theme/templates/base.html @@ -12,29 +12,25 @@ {% if site_description is defined %}<meta name="description" content="{{ site_description }}" >{% endif %} {% if site_keywords is defined %}<meta name="keywords" content="{{ site_keywords }}" >{% endif %} <link rel="stylesheet" href="{{ url_for("static", file="styles.min.css") }}" type="text/css"> - <link rel="icon" type="image/x-icon" href="{{ url_for("static", file="favicon.ico") }}"> + <link rel="icon" type="image/x-icon" href="data:,"> {% block meta %}{% endblock %} {% endblock %} </head> <body> - <a href="#main" class="skip-link">Skip to content</a> - <nav class="site-nav" aria-label="site-nav" role="navigation"> + <nav aria-label="site-nav" role="navigation"> <ul> <li><a href="/">Home</a></li> <li><a href="/about/">About</a></li> <li><a href="/blog/">Blog</a></li> <li><a href="/services/">Services</a></li> - <li><a href="/wiki/">Wiki</a></li> </ul> </nav> - <main id="main">{% block main %}{% endblock %}</main> + <main>{% block main %}{% endblock %}</main> <footer> - <p> - <a href="https://stats.uptimerobot.com/OwOWs7HU0z">Status</a> · - <a href="https://git.cleberg.net/cleberg.net.git" target="_blank" - rel="noopener">Source</a> · - <a href="/feed.xml">RSS</a> - </p> + <a href="https://stats.uptimerobot.com/OwOWs7HU0z">Status</a> · + <a href="https://git.cleberg.net/cleberg.net.git" target="_blank" + rel="noopener">Source</a> · + <a href="/feed.xml">RSS</a> </footer> </body> </html> diff --git a/theme/templates/blog.html b/theme/templates/blog.html index 7e15d86..b42959d 100644 --- a/theme/templates/blog.html +++ b/theme/templates/blog.html @@ -10,19 +10,11 @@ main %} </p> <br> {% for post in posts %} -<div class="post"> - <div class="post-content"> - <a href='{{ url_for("blog", slug=post.slug) }}'>{{ post.title }}</a> - {% if post.filetags %} - <div class="post-tags"> - {% for tag in post.filetags %} - <span class="tag">{{ tag }}</span> - {% endfor %} - </div> - {% endif %} - </div> +<div> <time datetime='{{ post.date | strftime("%Y-%m-%d") }}' >{{ post.date|strftime("%B %d, %Y") }}</time > + <a href='{{ url_for("blog", slug=post.slug) }}'>{{ post.title }}</a> </div> +<br> {% endfor %} {% endblock %} diff --git a/theme/templates/index.html b/theme/templates/index.html index 0ad4d5a..c540e09 100644 --- a/theme/templates/index.html +++ b/theme/templates/index.html @@ -9,21 +9,8 @@ </blockquote> </section> <section> - <h2>Blog Posts</h2> + <h2>Recent Posts</h2> <!-- BEGIN_POSTS --> <!-- END_POSTS --> - <a href="/blog/">All Posts →</a> -</section> - -<section> - <h2>Everything Else</h2> - <ul> - <li><a href="/about/">About</a></li> - <li><a href="https://cv.cleberg.net">Curriculum Vitae</a></li> - <li><a href="/now/">Now</a></li> - <li><a href="/salary/">Salary</a></li> - <li><a href="/services/">Services</a></li> - <li><a href="/wiki/">Wiki</a></li> - </ul> </section> {% endblock %} diff --git a/theme/templates/wiki.html b/theme/templates/wiki.html deleted file mode 100644 index 3bfc10e..0000000 --- a/theme/templates/wiki.html +++ /dev/null @@ -1,12 +0,0 @@ -{% extends "base.html" %} {% block subtitle %}Wiki | {% endblock %} {% block -main %} -<h1>Wiki</h1> -<p>Use <code>Ctrl + F</code> to search wiki pages for keywords.</p> -{% for post in posts %} -<div class="post"> - <a href='{{ url_for("wiki", slug=post.slug) }}'>{{ post.title }}</a> - <time datetime='{{ post.date | strftime("%Y-%m-%d") }}' - >{{ post.date|strftime("%B %d, %Y") }}</time - > -</div> -{% endfor %} {% endblock %} |