aboutsummaryrefslogtreecommitdiff
path: root/theme
diff options
context:
space:
mode:
authorChristian Cleberg <hello@cleberg.net>2025-09-20 20:48:16 -0500
committerChristian Cleberg <hello@cleberg.net>2025-09-20 20:48:16 -0500
commitd7978b4ccf4c6c56b1c2888791f73271f91fd12c (patch)
tree587bd7191d766aa4910a8b21dcb5da0d71061c08 /theme
parent01a629ca5a26798c67a29bab7a7c9f9def1f80dd (diff)
downloadcleberg.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.icobin28345 -> 0 bytes
-rw-r--r--theme/static/styles.css309
-rw-r--r--theme/templates/base.html18
-rw-r--r--theme/templates/blog.html14
-rw-r--r--theme/templates/index.html15
-rw-r--r--theme/templates/wiki.html12
6 files changed, 27 insertions, 341 deletions
diff --git a/theme/static/favicon.ico b/theme/static/favicon.ico
deleted file mode 100644
index 81f54ad..0000000
--- a/theme/static/favicon.ico
+++ /dev/null
Binary files differ
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> &middot;
- <a href="https://git.cleberg.net/cleberg.net.git" target="_blank"
- rel="noopener">Source</a> &middot;
- <a href="/feed.xml">RSS</a>
- </p>
+ <a href="https://stats.uptimerobot.com/OwOWs7HU0z">Status</a> &middot;
+ <a href="https://git.cleberg.net/cleberg.net.git" target="_blank"
+ rel="noopener">Source</a> &middot;
+ <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 %}