theming updates, and add alt text support

(why the hell was alt text support not in the original hugo theme???)
This commit is contained in:
Kate Temkin 2024-05-01 19:37:22 -06:00
parent 9081da06ce
commit 4e7c2d2987
22 changed files with 31 additions and 26 deletions

View file

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

View file

@ -20,7 +20,7 @@ Members (in alphabetical order):
- **hexchen ([@hexchen](https://github.com/hexchen), she/her)** - **hexchen ([@hexchen](https://github.com/hexchen), she/her)**
hexchen is working primarily on mantaining and extending the Lix project infrastructure. hexchen is working primarily on mantaining and extending the Lix project infrastructure.
- **Irenes ([@IreneKnapp](https://github.com/IreneKnapp), they/them)** - **Irenes ([@IreneKnapp](https://github.com/IreneKnapp), they/them)**
Irenes are an outside-context problem. They are fond of cats. Irenes are an outside-context problem. They are fond of cats.
- **jade ([@lf-](https://github.com/lf-), they/them)** - **jade ([@lf-](https://github.com/lf-), they/them)**
@ -31,6 +31,7 @@ Members (in alphabetical order):
A performance art piece written live by a collective of hardware hackers & low-level engineers. 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 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. rewriting every bit of documentation ever to cross paths with Nix.
- **Lily ([@lilyinstarlight](https://github.com/lilyinstarlight), she/they)** - **Lily ([@lilyinstarlight](https://github.com/lilyinstarlight), she/they)**
- **Lunaphied ([@Lunaphied](https://github.com/lunaphied), she/her [singular] or they/them [plural])** - **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. 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. - **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 - **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, 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 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** owned by individuals, and not VC investors. **Should any decision arise in which TMLLC's interests are
regarding governance of Lix. 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. - **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, 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 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 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. - **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 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 /> <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 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. [community channels](/community) to request these declarations be updated.

View file

@ -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." 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: cards:
- image: "images/ecosystem-lix.png" - image: "images/ecosystem-lix.png"
alt: "lix's ice cream logo"
title: "The Lix Package Manager" 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." text: "The ecosystem's core is the Lix package manager — a community variant of the Nix configuration language and package management system."
button: button:
@ -13,6 +14,7 @@ content:
url: "https://git.lix.systems/lix-project/lix" url: "https://git.lix.systems/lix-project/lix"
- image: "images/ecosystem-nixpkgs.svg" - image: "images/ecosystem-nixpkgs.svg"
alt: "nixpkg's logo in lix colors"
title: "Community Packages" 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." 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: button:
@ -20,8 +22,9 @@ content:
url: "https://github.com/nixos/nixpkgs" url: "https://github.com/nixos/nixpkgs"
- image: "images/ecosystem-nixpkgs.svg" - image: "images/ecosystem-nixpkgs.svg"
alt: "image of the lix logo on a monitor"
title: "Lix-Managed Systems" 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: button:
label: "use lix with NixOS" label: "use lix with NixOS"
url: "/add-to-config" url: "/add-to-config"

View file

@ -4,6 +4,7 @@ id: "portfolio"
content: content:
- image: "images/services-web-development.png" - image: "images/services-web-development.png"
alt: "replace me 1"
pretitle: "nix with a modern flavor" pretitle: "nix with a modern flavor"
title: "an ever-evolving lix codebase, for a language that can evolve" 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." 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" - image: "images/services-web-development.png"
alt: "replace me 2"
pretitle: "an independent ecosystem" pretitle: "an independent ecosystem"
title: "community-owned infrastructure" 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." 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: "#" # url: "#"
- image: "images/services-web-development.png" - image: "images/services-web-development.png"
alt: "replace me 3"
pretitle: "a human-friendly implementation" pretitle: "a human-friendly implementation"
title: "a configuration language for everyone — human or otherwise" 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." 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."

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.9 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 175 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 226 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.6 KiB

View file

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

View file

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 67 KiB

View file

@ -14,7 +14,7 @@
{{ range .content.cards }} {{ range .content.cards }}
<div class="col-12 col-xl-4"> <div class="col-12 col-xl-4">
<div class="card bg-blue-16 border-0 border-radius-34 p-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"> <div class="card-body text-center">
{{ with .title }}<h4 class="card-title text-center text-primary pb-4">{{ . }}</h4>{{ end }} {{ 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 }} {{ with .text }}<p class="card-text text-black-61 pb-4">{{ . }}</p>{{ end }}

View file

@ -2,7 +2,7 @@
<div class="container"> <div class="container">
<div class="row flex-column flex-xl-row-reverse"> <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"> <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>
<div class="col-12 col-xl-6 d-flex flex-column justify-content-center"> <div class="col-12 col-xl-6 d-flex flex-column justify-content-center">
{{ with .content.title }} {{ with .content.title }}

View file

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

View file

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

View file

@ -1,7 +1,7 @@
<nav class="navbar navbar-expand-xl navbar-light bg-light py-4"> <nav class="navbar navbar-expand-xl navbar-light bg-light py-4">
<div class="container"> <div class="container">
<a class="navbar-brand d-flex align-items-center" href="{{ .Site.BaseURL }}"> <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> </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"> <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> <span class="navbar-toggler-icon"></span>

View file

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

View file

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