theming updates, and add alt text support

(why the hell was alt text support not in the original hugo theme???)

TODO.md

@@ -3,11 +3,11 @@ TODO List
 
 ## Move to lix.systems Blockers
 
+- Fix the fact that Hugo is sticking the wrong thing into the alt texts.
 - Add "beta" to the lix logo.
 - Replace the "lix-managed systems" graphic with an image of our logo on a screen.
 - Replace the placeholders for each of the three main page "why lix" points.
 - Get this hosted.
-- Fix the fact that Hugo is sticking the wrong thing into the alt texts.
 
 ## Soft Release Blockers
 

content/team.md

@@ -31,6 +31,7 @@ Members (in alphabetical order):
   A performance art piece written live by a collective of hardware hackers & low-level engineers. 
   Kate works on Lix as part of a commitment to helping you do cool things, and is seriously considering
   rewriting every bit of documentation ever to cross paths with Nix.
+  
 - **Lily ([@lilyinstarlight](https://github.com/lilyinstarlight), she/they)**
 
 - **Lunaphied ([@Lunaphied](https://github.com/lunaphied), she/her [singular] or they/them [plural])**  
@@ -85,13 +86,15 @@ conflicts of interest.
   they are responsible as an activist, regardless of whatever other affiliations they may have.
 
 - **Jade** is currently not working on anything else relevant to Lix development. 
-- She thus declares that she has **no conflicts of interest** regarding the governance of Lix. 
+  She thus declares that she has **no conflicts of interest** regarding the governance of Lix. 
 
 - **Kate Temkin** is the CEO and one-third owner of **Tactile Metrology LLC (TMLLC)**, a company that currently 
   sponsors Lix development. TMLLC declares that it has no financial stake in the future of Lix or Nix,
   no ties to the military-industrial-complex, and a strong commitment to avoiding such ties. TMLLC is
-  owned by individuals, and not VC investors. Kate accordingly declares she has **no conflicts of interest**
-  regarding governance of Lix.
+  owned by individuals, and not VC investors. **Should any decision arise in which TMLLC's interests are
+  relevant,Qyriad will recuse herself from the relevant decision-making**.
+
+- **Lily** is currently on leave, and will not participate in governance decisions until she returns.
 
 - **Lunaphied** declare that they have **no conflicts of interest** regarding the governance of Lix.
 
@@ -104,7 +107,7 @@ conflicts of interest.
   sponsors Lix development. TMLLC declares that it has no financial stake in the future of Lix or Nix,
   no ties to the military-industrial-complex, and a strong commitment to avoiding such ties. TMLLC is
   owned by individuals, and not VC investors. **Should any decision arise in which TMLLC's interests are 
-  relevant, Qyriad will recuse herself from the relevant decision-making**.
+  relevant,Qyriad will recuse herself from the relevant decision-making**.
 
 - **raitobezarius** declares that he's self-employed in a cooperative, offers Nix-based consulting and training. 
   He has currently no stake in the cooperative, though this will change soon. He's also employed by INRIA until
@@ -118,6 +121,6 @@ conflicts of interest.
 
 <br />
 
-These declarations were last updated on **April 27th, 2024**, and are believed to be up-to-date to the current date. 
+These declarations were last updated on **May 1st, 2024**, and are believed to be up-to-date to the current date. 
 If the bolded date is more than 28 days in the past, feel free to reach out via our 
 [community channels](/community) to request these declarations be updated.

data/home/ecosystem.yaml

@@ -6,6 +6,7 @@ content:
   text: "Like other Nix ecosystems, Lix layers together multiple projects to create a full Lix stack — allowing you to forge your own systems on a base of community work."
   cards:
     - image: "images/ecosystem-lix.png"
+      alt: "lix's ice cream logo"
       title: "The Lix Package Manager"
       text: "The ecosystem's core is the Lix package manager — a community variant of the Nix configuration language and package management system."
       button:
@@ -13,6 +14,7 @@ content:
         url: "https://git.lix.systems/lix-project/lix"
 
     - image: "images/ecosystem-nixpkgs.svg"
+      alt: "nixpkg's logo in lix colors"
       title: "Community Packages"
       text: "Lix is fully compatible with existing Nix expressions — which means it benefits from the hundreds of thousands of existing community-maintained packages and configurations."
       button:
@@ -20,8 +22,9 @@ content:
         url: "https://github.com/nixos/nixpkgs"
 
     - image: "images/ecosystem-nixpkgs.svg"
+      alt: "image of the lix logo on a monitor"
       title: "Lix-Managed Systems"
-      text: "Lix can also be used as the core Nix implementation for Nix-based operating systems and system managers, including the full NixOS distribution, as well as system management software like Home Manager or nix-darwin."
+      text: "Lix can also be used as the core Nix implementation for Nix-based systems, including the full NixOS distribution, as well as system management software like Home Manager or nix-darwin."
       button:
         label: "use lix with NixOS"
         url: "/add-to-config"

data/home/points.yaml

@@ -4,6 +4,7 @@ id: "portfolio"
 content:
 
   - image: "images/services-web-development.png"
+    alt: "replace me 1"
     pretitle: "nix with a modern flavor"
     title: "an ever-evolving lix codebase, for a language that can evolve"
     text: "Lix is designed to grow and evolve — in a way that never breaks backwards compatibility. Lix intends to support language versioning features — so we can continuously improve the language without affecting existing configurations."
@@ -14,6 +15,7 @@ content:
 
 
   - image: "images/services-web-development.png"
+    alt: "replace me 2"
     pretitle: "an independent ecosystem"
     title: "community-owned infrastructure"
     text: "Lix is designed to avoid ecosystem lock-in: you can build and use Lix without any dependency on corporate-controlled infrastructure, like Microsoft's GitHub."
@@ -23,6 +25,7 @@ content:
     #    url: "#"
 
   - image: "images/services-web-development.png"
+    alt: "replace me 3"
     pretitle: "a human-friendly implementation"
     title: "a configuration language for everyone — human or otherwise"
     text: "Declarative configurations may run on machines — but their interface shouldn't be designed for them! The Lix team is constantly working on usability and ergonomics enhancements — including tools that let you better see and interact with your configuration."

themes/lix/assets/scss/sections/ecosystem.scss

@@ -14,4 +14,6 @@
 	& .card {
 		height: 100%;
 	}
+
+
 }

themes/lix/layouts/partials/sections/ecosystem.html

@@ -14,7 +14,7 @@
       {{ range .content.cards }}
         <div class="col-12 col-xl-4">
           <div class="card bg-blue-16 border-0 border-radius-34 p-4">
-            {{ with .image }}{{ partial "utilities/image-fluid.html" . }}{{ end }}
+            {{ partial "utilities/image-fluid.html" (dict "image" .image "alt" .alt) }}
             <div class="card-body text-center">
               {{ with .title }}<h4 class="card-title text-center text-primary pb-4">{{ . }}</h4>{{ end }}
               {{ with .text }}<p class="card-text text-black-61 pb-4">{{ . }}</p>{{ end }}

themes/lix/layouts/partials/sections/hero.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="row flex-column flex-xl-row-reverse">
       <div class="col-12 col-xl-6  d-flex flex-column justify-content-center hero-image">
-        {{ partial "utilities/image-fluid" "images/hero-image.png" }}
+        {{ partial "utilities/image-fluid" (dict "image" "images/hero-image.png" "alt" "image of cranes constructing a lix system") }}
       </div>
       <div class="col-12 col-xl-6 d-flex flex-column justify-content-center">
         {{ with .content.title }}

themes/lix/layouts/partials/sections/points.html

@@ -3,9 +3,7 @@
     {{ range .content }}
     <div class="row portfolio-feature">
       <div class="col-12 col-xl-6 d-flex flex-column justify-content-center">
-        {{ with .image }}
-          {{ partial "utilities/image-fluid.html" . }}
-        {{ end }}
+          {{ partial "utilities/image-fluid.html" (dict "image" .image "alt" .alt) }}
       </div>
       <div class="col-12 col-xl-6 d-flex flex-column justify-content-center">
         {{ with .pretitle }}

themes/lix/layouts/partials/sections/testimonials.html

@@ -10,9 +10,7 @@
     <div class="row">
       {{ with .content.featured }}
       <div class="col-12 col-xl-5 d-flex flex-column justify-content-center">
-        {{ with .image }}
-          {{ partial "utilities/image-fluid.html" . }}
-        {{ end }}
+          {{ partial "utilities/image-fluid.html" (dict "image" .image) }}
       </div>
       <div class="col-12 col-xl-7 d-flex flex-column justify-content-center">
         <div class="pb-4">{{ partial "utilities/image-third.html" "images/testimonials-left-quote.png" }}</div>

themes/lix/layouts/partials/shared/header.html

@@ -1,7 +1,7 @@
 <nav class="navbar navbar-expand-xl navbar-light bg-light py-4">
   <div class="container">
     <a class="navbar-brand d-flex align-items-center" href="{{ .Site.BaseURL }}">
-      {{ partial "utilities/image.html" "images/logo.png" }}
+      {{ partial "utilities/image.html" (dict "image" "images/logo.png" "alt" "an ice cream cone made of lambdas") }}
     </a>
     <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation">
       <span class="navbar-toggler-icon"></span>

themes/lix/layouts/partials/utilities/image-fluid.html

@@ -1,7 +1,6 @@
-{{ with resources.Get . }}
-{{ if eq .MediaType.SubType "svg" }}
-  <img class="img-fluid svg" src="{{ .Permalink }}" alt="{{ .Title }}">
+{{ $img := resources.Get .image }}
+{{ if eq $img.MediaType.SubType "svg" }}
+  <img class="img-fluid svg" src="{{ $img.Permalink }}" alt="{{ .alt }}">
 {{ else }}
-  <img class="img-fluid raster" src="{{ .Permalink }}" alt="{{ .Title }}" width="{{ .Width }}" height="{{ .Height }}">
-{{ end }}
+  <img class="img-fluid raster" src="{{ $img.Permalink }}" alt="{{ .alt }}" width="{{ $img.Width }}" height="{{ $img.Height }}">
 {{ end }}

themes/lix/layouts/partials/utilities/image.html

@@ -1,3 +1,2 @@
-{{ with resources.Get . }}
-  <img class="" src="{{ .Permalink }}" alt="{{ .Title }}" width="{{ .Width }}" height="{{ .Height }}">
-{{ end }}
+{{ $img := resources.Get .image }}
+<img class="" src="{{ $img.Permalink }}" alt="{{ .alt }}" width="{{ $img.Width }}" height="{{ $img.Height }}">