commit 087bf00a0bcb62087975e11eba311577c92946d9
parent 258122342a38901c236ca5fc676e4e7d2ea87d8e
Author: FIGBERT <figbert@figbert.com>
Date: Mon, 20 May 2024 20:35:14 -0700
Add CSS System Colors Dashboard to projects
Diffstat:
5 files changed, 43 insertions(+), 4 deletions(-)
diff --git a/content/projects/css-system-colors.md b/content/projects/css-system-colors.md
@@ -0,0 +1,39 @@
++++
+title = "CSS System Colors Dashboard"
+date = 2024-05-20
+weight = 2
++++
+
+[**CSS System Colors Dashboard**][dash] is a website that gives
+developers a visual preview of CSS' underused `system-color` data type.
+These colors are context-dependent, changing between operating systems
+and browsers; the dashboard provides effective visualization of the
+colors across environments.
+
+<!-- more -->
+
+I discovered native colors in CSS through [Jim Nielsen][jim]. These
+colors are extremely useful for developing "along the grain" of a
+platform. I now use them all the time! [This new dashboard][dash] lists
+the available system colors and displays their value in context.
+
+The dashboard is a [tangible deliverable]. It's a simple, cute tool with
+a lot of utility.
+
+This project was developed in part as an experiment in learning Rust.
+I used [axum] and [askama] in building the site, selected for their
+(aspirationally) intuitive interfaces and strong embrace of the type
+system. However, I found the development experience in the language
+overcomplicated and unergonomic. I still hope to enter the Rust
+community—I am enthusiastic about the ideals of the language and its
+potential—but will seek out other ways to do so.
+
+Check out [the live website][dash] in your browser to explore your
+system colors and view the source code [on my forge][git].
+
+[dash]: https://systemcolors.xyz
+[jim]: https://blog.jim-nielsen.com/2021/css-system-colors/
+[tangible deliverable]: @/posts/tangible-deliverables.md
+[axum]: https://github.com/tokio-rs/axum
+[askama]: https://github.com/djc/askama
+[git]: https://git.figbert.com/css-system-colors/
diff --git a/content/projects/d3c3nt.md b/content/projects/d3c3nt.md
@@ -2,7 +2,7 @@
title = "d3c3nt"
date = 2022-02-19
updated = 2022-06-15
-weight = 3
+weight = 4
+++
[**d3c3nt**] is a simple, clean, and flexible theme for [Zola]. The
diff --git a/content/projects/simply-translate.md b/content/projects/simply-translate.md
@@ -2,7 +2,7 @@
title = "SimplyTranslate"
date = 2021-07-02
updated = 2022-09-22
-weight = 5
+weight = 6
+++
[**SimplyTranslate**][st] is a collection of "translation scrapers with
diff --git a/content/projects/tofu/index.md b/content/projects/tofu/index.md
@@ -1,7 +1,7 @@
+++
title = "Tofu"
date = 2021-04-07
-weight = 4
+weight = 5
+++
[**Tofu**][tofu] is an easy-to-use, open-source, two-factor
diff --git a/content/projects/txtodo/index.md b/content/projects/txtodo/index.md
@@ -2,7 +2,7 @@
title = "txtodo"
date = 2020-05-20
updated = 2022-06-14
-weight = 2
+weight = 3
+++
[**txtodo**] is a minimalist open-source todo list app inspired by Jeff
