~alcinnz/argonaut-constellation.org: Add new projects to list & add font branding.

3 files changed, 55 insertions(+), 4 deletions(-)

M _layouts/page.html
M _layouts/post.html
M index.html

M _layouts/page.html => _layouts/page.html +9 -0

@@ 7,6 7,15 @@
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>{{ page.title|xml_escape }}</title>
   <link rel="alternate" type="application/atom+xml" href="blog.feed" />
+  <style>
+    @import url(https://haphaestus.org/fonts/genos-thin/genos-thin.css);
+    @import url(https://haphaestus.org/fonts/ubuntu/ubuntu.css);
+
+    body {
+        font-family: Ubuntu, sans-serif;
+    }
+    h1, h2, h3, h4, h5, h6, dt, th {font-family: Genos, serif;}
+  </style>
 </head>
 <body>
   {{ content }}

M _layouts/post.html => _layouts/post.html +9 -0

@@ 8,6 8,15 @@
   <title>{{ page.title|xml_escape }} — Argonaut Constellation's blog</title>
   <link rel="stylesheet" href="https://cdn.simplecss.org/simple.css" />
   <link rel="alternate" type="application/atom+xml" href="blog.feed" />
+  <style>
+    @import url(https://haphaestus.org/fonts/genos-thin/genos-thin.css);
+    @import url(https://haphaestus.org/fonts/ubuntu/ubuntu.css);
+
+    body {
+        font-family: Ubuntu, sans-serif;
+    }
+    h1, h2, h3, h4, h5, h6, dt, th {font-family: Genos, serif;}
+  </style>
 </head>
 <body>
   <h1>{{ page.title|xml_escape }}</h1>

M index.html => index.html +37 -4

@@ 1,12 1,18 @@
 <!DOCTYPE html>
 <html>
 <head>
-  <meta encoding="utf-8" />
+  <meta charset="utf-8" />
   <title>Argonaut Constellation</title>
   <style>
+    @import url(https://haphaestus.org/fonts/genos-thin/genos-thin.css);
+    @import url(https://haphaestus.org/fonts/ubuntu/ubuntu.css);
+
+    h1, h2, h3, h4, h5, h6, dt {font-family: Genos, sans-serif;}
     body {
         text-align: center;
-        font-family: sans-serif;
+        font-family: Ubuntu, sans-serif;
+        color: #111;
+        background: white;
     }
     main {
         display: flex;


@@ 20,14 26,22 @@
     figure {
         text-align: left;
         margin: 10px;
+        border-bottom: thin dashed lightgray;
     }
     figure img {float: left;}
+
+    @media (prefers-color-scheme: dark) {
+        body {
+            background: black;
+            color: #eee;
+        }
+    }
   </style>
 </head>
 <body>
   <h1>The Argonaut Constellation</h1>
   <nav><a href="blog">Blog</a></nav>
-  <p>The "Argonaut Constellation" refers to a range of software projects aiming
+  <p>The <em>Argonaut Constellation</em> refers to a range of software projects aiming
     to illustrate the potential for a more private JavaScript-free web to work
     better for anyone on any conceivable device.</p>
   <main>


@@ 68,9 82,28 @@
       </figure>
       <figure>
         <h3><a href="https://hackage.haskell.org/package/harfbuzz-pure">Harfbuzz-Pure</a></h3>
-        <p><a href="">Harfbuzz</a> language-bindings</p>
+        <p><a href="https://harfbuzz.github.io/">Harfbuzz</a> language-bindings; text-shaping</p>
+      </figure>
+      <figure>
+        <h3><a href="https://hackage.haskell.org/package/fontconfig-pure">FontConfig-Pure</a></h3>
+        <p><a href="https://www.freedesktop.org/wiki/Software/fontconfig/">FontConfig</a> language bindings; fontfile lookup</p>
       </figure>
       <p><em>More to come!</em></p>
+
+      <h3>Adopted</h3>
+      <figure>
+        <h4><a href="https://hackage.haskell.org/package/typograffiti">Typograffiti</a></h3>
+        <p>Text rendering</p>
+      </figure>
+      <h3>In-Progress</h3>
+      <figure>
+        <h4><a href="https://git.argonaut-constellation.org/~alcinnz/CatTrap">CatTrap</a></h3>
+        <p>CSS Box Model block layout engine</p>
+      </figure>
+      <figure>
+        <h4><a href="https://git.argonaut-constellation.org/~jaro/balkon">Balkón</a></h3>
+        <p>Text layout</p>
+      </figure>
     </section>
     <section>
       <h2>Friends</h2>