Enhance layout and styling with new CSS classes, update homepage layout to custom, and add summaries and feature images to various articles for improved content presentation.

assets/css/compiled/main.css

@@ -859,6 +859,9 @@ body.zen-mode-enable {
   .mt-20 {
     margin-top: calc(var(--spacing) * 20);
   }
+  .mt-48 {
+    margin-top: calc(var(--spacing) * 48);
+  }
   .mt-\[-2px\] {
     margin-top: -2px;
   }
@@ -1041,6 +1044,9 @@ body.zen-mode-enable {
   .h-0 {
     height: calc(var(--spacing) * 0);
   }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
   .h-1\/2 {
     height: calc(1/2 * 100%);
   }
@@ -1227,6 +1233,9 @@ body.zen-mode-enable {
   .shrink-0 {
     flex-shrink: 0;
   }
+  .flex-grow {
+    flex-grow: 1;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -1321,6 +1330,9 @@ body.zen-mode-enable {
   .justify-center {
     justify-content: center;
   }
+  .justify-end {
+    justify-content: flex-end;
+  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -1578,6 +1590,9 @@ body.zen-mode-enable {
   .bg-neutral-300 {
     background-color: rgba(var(--color-neutral-300), 1);
   }
+  .bg-neutral-500 {
+    background-color: rgba(var(--color-neutral-500), 1);
+  }
   .bg-neutral-500\/50 {
     background-color: color-mix(in srgb, rgba(rgba(var(--color-neutral-500), 1), 1) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1665,6 +1680,9 @@ body.zen-mode-enable {
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
+  .p-1 {
+    padding: calc(var(--spacing) * 1);
+  }
   .p-1\.5 {
     padding: calc(var(--spacing) * 1.5);
   }
@@ -2079,6 +2097,10 @@ body.zen-mode-enable {
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  .backdrop-filter {
+    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));

config/_default/params.toml

@@ -42,7 +42,7 @@ disableTextInHeader = false
   showScrollToTop = true
 
 [homepage]
-  layout = "profile" # valid options: page, profile, hero, card, background, custom
+  layout = "custom" # valid options: page, profile, hero, card, background, custom
   #homepageImage = "IMAGE.jpg" # used in: hero, and card
   showRecent = ["articles"]
   showRecentItems = 3

content/_index.md

@@ -13,19 +13,23 @@ title: "Welcome to CSTF!"
 </div>
 
 
-As civil society organizations become increasingly dependent on digital tools, the question of who controls that technology becomes a matter of democratic importance.
+<div class="prose dark:prose-invert max-w-3xl mx-auto pt-8">
+  As civil society organizations become increasingly dependent on digital tools, the question of who controls that technology becomes a matter of democratic importance.
 
-The Civil Society Technology Foundation develops and disseminates open-source, self-hosted technologies that enable genuine digital sovereignty. We provide the tools, knowledge, and community support necessary for civil society to operate independently of surveillance-based platforms and extractive business models.
+  The Civil Society Technology Foundation develops and disseminates open-source, self-hosted technologies that enable genuine digital sovereignty. We provide the tools, knowledge, and community support necessary for civil society to operate independently of surveillance-based platforms and extractive business models.
 
-Our work spans software development, educational resources, and community engagement—creating pathways to technological self-determination for organizations that can't afford to compromise their values.
+  Our work spans software development, educational resources, and community engagement—creating pathways to technological self-determination for organizations that can't afford to compromise their values.
 
-{{< button href="/foundation/" target="_self" >}}
-Learn More
-{{< /button >}}
+  <div class="flex justify-end">
+    {{< button href="/foundation/" target="_self">}}
+    Learn More about CSTF
+    {{< /button >}}
+  </div>
+</div>
 
-{{< div class="flex flex-col gap-8 pt-16" >}}
-{{< article link="/articles/independent-technology/" >}}
-{{< article link="/articles/why-digital-sovereignty-matters/" >}}
-{{< article link="/articles/arguments-against-centralization/" >}}
-{{< /div >}}
+<div class="flex flex-col gap-8 pt-16" >
+  {{< article link="/articles/independent-technology/" >}}
+  {{< article link="/articles/why-digital-sovereignty-matters/" >}}
+  {{< article link="/articles/arguments-against-centralization/" >}}
+</div>
 

content/about/index.md

@@ -4,7 +4,6 @@ heroStyle: background
 showDate: false
 showWordCount: false
 showReadingTime: false
-showTableOfContents: false
 aliases:
 - /foundation/
 ---

content/articles/arguments-against-centralization/index.md

@@ -1,6 +1,8 @@
 ---
 title: Arguments Against Centralization
 date: 2025-07-06
+featureImageCaption: "Photo by Chad Davis, licensed under Creative Commons Attribution 2.0 (CC BY 2.0): https://www.flickr.com/photos/146321178@N05/49062863796. License link: https://creativecommons.org/licenses/by/2.0/"
+summary: While centralization can offer certain efficiencies and conveniences, we believes that the current level of concentration poses fundamental threats to individual autonomy, community resilience, and democratic governance. This resource provides evidence-based arguments that can be used in advocacy, education, and technology development contexts.
 ---
 
 ## Executive Summary

content/articles/independent-technology/index.md

@@ -1,6 +1,7 @@
 ---
 title: The Importance of Independent Technology in Civil Society
 date: 2025-07-06
+summary: Independent technology is essential for civil society to thrive in the digital age. This essay explores the problems of centralization, the benefits of digital self-determination, and how we can build a more equitable and resilient digital future.
 ---
 
 ## Introduction

content/articles/why-digital-sovereignty-matters/index.md

@@ -1,6 +1,7 @@
 ---
 title: Why Digital Sovereignty Matters
 date: 2025-07-06
+summary: Digital sovereignty is essential for individuals, communities, and civil society organizations to maintain control over their digital lives. This article explores the importance of digital sovereignty, the threats it faces, and practical steps toward achieving it.
 ---
 
 ## What Is Digital Sovereignty?

content/contribute.md

@@ -1,5 +1,10 @@
 ---
 title: Contribute
+summary: "Join us in building a strong technical foundation for civil society. Learn how you can contribute through donations, volunteering, and community engagement."
+date: 2025-01-15
+showDate: false
+showWordCount: false
+showReadingTime: false
 ---
 
 {{< lead >}}

content/learning/git/index.md

@@ -1,6 +1,8 @@
 ---
 title: "Git: Distributed Version Control for Digital Independence"
 date: 2025-01-15
+featureImageCaption: Author unknown. (https://commons.wikimedia.org/wiki/File:Linus-Torvalds.jpeg), “Linus Torvalds”, https://creativecommons.org/licenses/by-sa/3.0/legalcode
+summary: "Git is more than just a version control system; it embodies principles of decentralization, resilience, and user sovereignty. This article explores how Git's distributed architecture aligns with the values of civil society organizations, enabling them to maintain control over their digital infrastructure."
 ---
 
 ## Introduction

content/learning/internet/index.md

@@ -1,6 +1,8 @@
 ---
 title: "The Internet: Infrastructure for Civil Society"
 date: 2025-01-15
+featureImageCaption: ITU. https://bbmaps.itu.int/bbmaps/. Captured 2025-07-09.
+summary: The Internet stands as one of humanity's most transformative technological achievements, connecting billions of people and fundamentally reshaping how we communicate, learn, organize, and participate in public life.
 ---
 
 ## Introduction

content/learning/language-models/index.md

@@ -1,6 +1,8 @@
 ---
 title: "Language Models: Understanding AI in the Context of Civil Society"
 date: 2025-01-15
+featureImageCaption: "dvgodoy (https://commons.wikimedia.org/wiki/file:Transformer,-full-architecture.png), 'Transformer, full architecture', https://creativecommons.org/licenses/by/4.0/legalcode"
+summary: "Language models are reshaping how we interact with technology, but they also raise critical questions about control, transparency, and the future of human agency. This article explores language models through the lens of civil society values, examining their implications for digital sovereignty and how organizations can navigate this complex landscape."
 ---
 
 ## Introduction

content/learning/linux/index.md

@@ -1,6 +1,8 @@
 ---
 title: "Linux: The Operating System for Digital Sovereignty"
 date: 2025-01-15
+featureImageCaption: "Credit: Frank Karlitschek. 2015-10-04. CC. \"A portrait of Richard Stallman that I made during the 30 years FSF party in Boston.\""
+summary: "Linux is more than just an operating system; it is a cornerstone of digital sovereignty for civil society organizations. This article explores how Linux empowers communities to reclaim control over their technology, ensuring independence, security, and adaptability in an increasingly centralized digital landscape."
 ---
 
 ## Introduction

content/learning/open-source/index.md

@@ -1,6 +1,7 @@
 ---
 title: "Open Source: The Foundation of Digital Freedom"
 date: 2025-01-15
+summary: "Open source is more than just a software development model; it is a philosophy that empowers individuals and communities to reclaim control over their digital lives. This article explores the principles of open source, its significance for civil society, and how it enables digital autonomy in an increasingly centralized tech landscape."
 ---
 
 ## Introduction

content/learning/software-development/index.md

@@ -1,6 +1,8 @@
 ---
 title: "Software Development: Building Digital Infrastructure for Civil Society"
 date: 2025-01-15
+featureImageCaption: Photo by <a href="https://unsplash.com/@kellysikkema?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Kelly Sikkema</a> on <a href="https://unsplash.com/photos/woman-wearing-black-t-shirt-holding-white-computer-keyboard-YK0HPwWDJ1I?utm_content=creditCopyText&utm_medium=referral&utm_source=unsplash">Unsplash</a>
+summary: "Software development is a critical aspect of civil society's digital sovereignty. This article explores how development practices, tools, and approaches can either reinforce dependency or enable sovereignty, emphasizing the importance of building independent, adaptable, and resilient software systems."
 ---
 
 ## Introduction

layouts/home.html

@@ -0,0 +1,19 @@
+{{ define "main" }}
+  <article class="h-full max-w-full flex flex-col items-center justify-center">
+    <header>
+      {{ if .Params.showBreadcrumbs | default (.Site.Params.article.showBreadcrumbs | default false) }}
+        {{ partial "breadcrumbs.html" . }}
+      {{ end }}
+    </header>
+    <section class="mt-6">
+      {{ .Content }}
+    </section>
+    <section>
+      {{ partial "recent-articles/main.html" . }}
+    </section>
+    <footer class="pt-8">
+    </footer>
+  </article>
+{{ end }}
+
+