Give everything the transition property. Fuck, that's awesome

This commit is contained in:
Bun 2025-07-02 23:22:26 -04:00
parent 67de08a5b8
commit df4979192e
12 changed files with 43 additions and 22 deletions

View file

@ -1,6 +1,7 @@
base_url = "https://www.nixfox.ca" base_url = "https://www.nixfox.ca"
compile_sass = true compile_sass = true
build_search_index = true build_search_index = true
generate_feeds = true
taxonomies = [ taxonomies = [
{name = "authors", feed = true, rss = true }, {name = "authors", feed = true, rss = true },

View file

@ -1,6 +1,7 @@
+++ +++
title = "about me, the aubun creature" title = "me, the aubun creature"
date = 2025-07-02 date = 2025-07-02
authors = [ "aubun" ]
description = "a page all about me!" description = "a page all about me!"

View file

@ -1,8 +1,9 @@
+++ +++
title = "contact info and socials" title = "contact info and socials"
date = 2025-07-02 date = 2025-07-02
authors = [ "aubun" ]
description = "all my contact details" description = "my contact details"
[taxonomies] [taxonomies]
authors = [ "aubun" ] authors = [ "aubun" ]

View file

@ -1,6 +1,7 @@
+++ +++
title = "defense / priorities" title = "defense / priorities"
date = 2025-06-26 date = 2025-06-26
authors = [ "aubun" ]
description = "a little rant about my own defense mechanisms" description = "a little rant about my own defense mechanisms"

View file

@ -1,6 +1,7 @@
+++ +++
title = "new website!" title = "new website!"
date = 2025-07-02 date = 2025-07-02
authors = [ "aubun" ]
description = "rebuilding the nixfox site" description = "rebuilding the nixfox site"

View file

@ -22,8 +22,6 @@
padding: 0; padding: 0;
font-size: 1.6em; font-size: 1.6em;
transition: 0.3s;
background-color: var(--sb-color); background-color: var(--sb-color);
} }
@ -62,7 +60,7 @@
max-width: calc(100% - 2em); max-width: calc(100% - 2em);
} }
.theme-toggle-button { .theme-toggle {
background-color: var(--bg-color); background-color: var(--bg-color);
color: var(--text-color); color: var(--text-color);
border: none; border: none;

View file

@ -1,6 +1,7 @@
// Setup stuff // Setup stuff
* { * {
font-family: 'IBM Plex Mono', monospace; font-family: 'IBM Plex Mono', monospace;
transition: 0.3s;
top: 0; top: 0;
} }
@ -8,6 +9,7 @@
--bg-color: #DDE1E9; --bg-color: #DDE1E9;
--elm-bg-color: #EFF1F5; --elm-bg-color: #EFF1F5;
--text-color: #141414; --text-color: #141414;
--subtext-color: #6c7387;
--link-color: #b7162e; --link-color: #b7162e;
} }
@ -15,6 +17,7 @@
--bg-color: #181A1B; --bg-color: #181A1B;
--elm-bg-color: #1F2223; --elm-bg-color: #1F2223;
--text-color: #DBD8D4; --text-color: #DBD8D4;
--subtext-color: #8991a5;
--link-color: #DB4E63; --link-color: #DB4E63;
} }
@ -27,6 +30,11 @@ body {
padding-bottom: 5em; padding-bottom: 5em;
} }
.subtitle {
color: var(--subtext-color);
font-size: 14px;
}
a { a {
color: var(--link-color); color: var(--link-color);
cursor: crosshair; cursor: crosshair;
@ -38,7 +46,6 @@ a {
a:hover { a:hover {
font-weight: bold; font-weight: bold;
outline: 3px solid; outline: 3px solid;
transition: 0.3s;
} }
h1 { h1 {

View file

@ -7,6 +7,7 @@
<!-- Stylesheets --> <!-- Stylesheets -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=IBM+Plex+Mono">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="/style.css">
<link rel="stylesheet" href="/sidebar.css"> <link rel="stylesheet" href="/sidebar.css">
</head> </head>
@ -14,6 +15,8 @@
<body> <body>
{% include "sidebar.html" %} {% include "sidebar.html" %}
<button type="button" class="sidebar-toggle" id="sidebar-toggle" aria-pressed="false"></button>
<div id="main" class="column"> <div id="main" class="column">
<div class="container"> <div class="container">
{% block content %} {% endblock content %} {% block content %} {% endblock content %}

View file

@ -3,13 +3,15 @@
<br> <br>
{{ page.description }} {{ page.description }}
<br> <br>
authors: {%- for tag in page.taxonomies.authors | sort | unique(case_sensitive=false) %} <strong class="subtitle">
<a class="post-author" href="{{ get_taxonomy_url(kind='authors', name=tag) | safe }}">{{ tag }}</a> written: {{ page.date }}
{% endfor -%} <br>
<br> authors: {%- for tag in page.taxonomies.authors | sort | unique(case_sensitive=false) %}
written: {{ page.date }} <a class="post-author" href="{{ get_taxonomy_url(kind='authors', name=tag) | safe }}">{{ tag }}</a>
<br> {% endfor -%}
tags: {%- for tag in page.taxonomies.tags | sort | unique(case_sensitive=false) %} <br>
<a class="post-tag" href="{{ get_taxonomy_url(kind='tags', name=tag) | safe }}">#{{ tag }}</a> tags: {%- for tag in page.taxonomies.tags | sort | unique(case_sensitive=false) %}
{% endfor -%} <a class="post-tag" href="{{ get_taxonomy_url(kind='tags', name=tag) | safe }}">#{{ tag }}</a>
{% endfor -%}
</strong>
</li> </li>

View file

@ -5,7 +5,12 @@
{{ page.title }} {{ page.title }}
</h1> </h1>
<p class="subtitle"><strong> <p class="subtitle"><strong>
{{ page.date }}, written: {{ page.date }}
<br>
authors: {%- for tag in page.taxonomies.authors | sort | unique(case_sensitive=false) %}
<a class="post-author" href="{{ get_taxonomy_url(kind='authors', name=tag) | safe }}">{{ tag }}</a>
{% endfor -%}
<br>
tags: {%- for tag in page.taxonomies.tags | sort | unique(case_sensitive=false) %} tags: {%- for tag in page.taxonomies.tags | sort | unique(case_sensitive=false) %}
<a class="post-tag" href="{{ get_taxonomy_url(kind='tags', name=tag) | safe }}">#{{ tag }}</a> <a class="post-tag" href="{{ get_taxonomy_url(kind='tags', name=tag) | safe }}">#{{ tag }}</a>
{% endfor -%} {% endfor -%}

View file

@ -1,7 +1,8 @@
{% extends "base.html" %} {% extends "base.html" %}
{% block content %}
<h1 class="title"> {% block content %}
{{ section.title }} <h1 class="title">
</h1> {{ section.title }}
</h1>
{{ section.content | safe }} {{ section.content | safe }}
{% endblock content %} {% endblock content %}

View file

@ -1,7 +1,7 @@
<div id="sidebar" class="column"> <div id="sidebar" class="column">
<a href="/" class="sb_img"><img src="https://art.pixilart.com/sr2a62fc9ed2173.png" alt="teto creature"></a> <a href="/" class="sb_img"><img src="https://art.pixilart.com/sr2a62fc9ed2173.png" alt="teto creature"></a>
<button type="button" class="theme-toggle-button" data-theme-toggle aria-label="Toggle to dark"></button> <button type="button" class="theme-toggle" data-theme-toggle aria-label="Toggle to dark"></button>
<script src="/darkmode.js"></script> <script src="/darkmode.js"></script>
<div class="sb_header personal"><b>personal</b></div> <div class="sb_header personal"><b>personal</b></div>
@ -15,7 +15,7 @@
<br> <br>
<div class="sb_header nixfox"><b>nixfox</b></div> <div class="sb_header nixfox"><b>nixfox</b></div>
<a href="/nixfox" class="sb_link pers">📰 news</a><br> <a href="/nixfox" class="sb_link fox">📰 news</a><br>
<a href="https://uptime.nixfox.ca/status/nixfox" class="sb_link fox">⬆️ uptime</a><br> <a href="https://uptime.nixfox.ca/status/nixfox" class="sb_link fox">⬆️ uptime</a><br>
<a href="https://mail.nixfox.ca" class="sb_link fox">📧 email</a><br> <a href="https://mail.nixfox.ca" class="sb_link fox">📧 email</a><br>
<a href="https://files.nixfox.ca" class="sb_link fox">☁️ nextcloud</a><br> <a href="https://files.nixfox.ca" class="sb_link fox">☁️ nextcloud</a><br>