Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Break out teams page. #1587

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
+127 −102
Open

Break out teams page. #1587

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0cd6dcf
Add teams page.
crertel Nov 20, 2024
0fdcb1b
Remove teams from community page.
crertel Nov 20, 2024
0152eb2
Merge branch 'main' into 1511-break-out-teams
crertel Nov 27, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions src/content/menus/header.yaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,8 @@ items:
link: /values
- name: Community
link: /community
- name: Teams
link: /teams
- name: Blog
link: /blog
- name: Donate
Expand Down
181 changes: 79 additions & 102 deletions src/pages/community.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -411,111 +411,88 @@ import nixosFoundationLogo from "../assets/image/nixos-foundation-logo.svg";
<Divider mirrorY />
</div>
<div class="bg-nix-blue py-8">
<Container>
<h2 class="text-4xl font-bold text-white mt-8" id="governance-teams">
Teams
</h2>
<ul class="flex flex-wrap gap-x-6 gap-y-16 mt-8 justify-stretch">
{
teams.map((team) => (
<li class="text-white [&>a]:inline-block basis-72 flex-grow flex flex-col items-center text-center md:items-start md:text-left gap-2">
<img
src={`/images/teams/${team.slug.split("_")[1]}.svg`}
alt={`${team.data.name} Logo`}
class="h-24"
/>
<h3 class="text-2xl font-bold font-heading">{team.data.name}</h3>
<p class="font-extralight leading-relaxed grow mb-2">
{team.data.description}
</p>
<Button
color="green"
href={"/community/teams/" + team.slug.split("_")[1]}
>
Read more
</Button>
</li>
))
}
</ul>
</Container>
</div>
<Divider />
<Container class="grid md:grid-cols-2 mb-16 mt-8" id="foundation">
<div class="md:pb-0 text-center pb-4">
<div class="flex flex-col items-center justify-center">
<Image
src={nixosFoundationLogo}
alt="NixOS Foundation Logo"
class="h-72"
/>
<Container class="grid md:grid-cols-2 mb-16 mt-8" id="foundation">
<div class="md:pb-0 text-center pb-4 !text-white font-bold">
<div class="flex flex-col items-center justify-center">
<Image
src={nixosFoundationLogo}
alt="NixOS Foundation Logo"
class="h-72 bg-white rounded-xl"
/>
</div>
<div class="text-left inline-block mb-4 mt-4">
<h2 class="md:text-center text-3xl text-white font-bold font-heading">
Board members:
</h2>
<ul class="mt-2 md:w-72 mx-auto pl-8 md:pl-10 list-disc">
{
teams
.filter(
(team) => team.slug.split("_")[1] === "foundation-board",
)[0]
.data.members.map((member) => (
<li class="mb-1">
{member.name}
{member.title && (
<>
&mdash;
{member.title}
</>
)}
</li>
))
}
</ul>
</div>
</div>
<div class="text-left inline-block mb-4 mt-4">
<h2
class="md:text-center text-3xl text-nix-blue font-bold font-heading"
>
Board members:
</h2>
<ul class="mt-2 md:w-72 mx-auto pl-8 md:pl-10 list-disc">
{
teams
.filter(
(team) => team.slug.split("_")[1] === "foundation-board",
)[0]
.data.members.map((member) => (
<li class="mb-1">
{member.name}
{member.title && (
<>
&mdash;
{member.title}
</>
)}
</li>
))
}
<div
class="space-y-4 font-extralight leading-relaxed !text-white font-extralight"
>
<h2 class="text-3xl text-white font-heading font-bold">The mission!</h2>
<p>
The mission of the foundation is to support the Nix ecosystem's
infrastructure, and projects implementing the purely functional
deployment model.
</p>
<p>
In particular, the foundation supports Nix, Nixpkgs, NixOS, and
operates:
</p>
<ul class="list-disc ml-4">
<li>
<a href="https://cache.nixos.org" class="!text-white font-bold">
cache.nixos.org</a
>
- the NixOS binary cache, containing over 120TB of prebuilt Nix packages.
</li>
<li>
<a href="https://hydra.nixos.org" class="!text-white font-bold">
hydra.nixos.org</a
>
- a Nix build farm, consisting of hundreds of macOS, x86-64 (Linux) and
aarch64 (Linux) build cores. Hydra executes over 350,000 builds each
week.
</li>
<li>
<a href="/community/event-funding" class="!text-white font-bold">
Event Funding</a
>
</li>
</ul>
<p>
The NixOS Foundation is a registered non-profit organisation at the
Chamber of commerce (Kamer van Koophandel) in Utrecht, The
Netherlands. The KvK number is <code>63520583</code>.
</p>
<p>
You can contact the foundation by writing an email to <a
href="mailto:[email protected]"
class="!text-white font-bold">[email protected]</a
>.
</p>
</div>
</div>
<div class="space-y-4 font-extralight leading-relaxed">
<h2 class="text-3xl text-nix-blue font-heading font-bold">
The mission!
</h2>
<p>
The mission of the foundation is to support the Nix ecosystem's
infrastructure, and projects implementing the purely functional
deployment model.
</p>
<p>
In particular, the foundation supports Nix, Nixpkgs, NixOS, and
operates:
</p>
<ul class="list-disc ml-4">
<li>
<a href="https://cache.nixos.org"> cache.nixos.org</a>
- the NixOS binary cache, containing over 120TB of prebuilt Nix packages.
</li>
<li>
<a href="https://hydra.nixos.org"> hydra.nixos.org</a>
- a Nix build farm, consisting of hundreds of macOS, x86-64 (Linux) and
aarch64 (Linux) build cores. Hydra executes over 350,000 builds each week.
</li>
<li>
<a href="/community/event-funding"> Event Funding</a>
</li>
</ul>
<p>
The NixOS Foundation is a registered non-profit organisation at the
Chamber of commerce (Kamer van Koophandel) in Utrecht, The Netherlands.
The KvK number is <code>63520583</code>.
</p>
<p>
You can contact the foundation by writing an email to <a
href="mailto:[email protected]">[email protected]</a
>.
</p>
</div>
</Container>
</Container>
</div>
</Layout>
<script>
const boxes = document
Expand Down
46 changes: 46 additions & 0 deletions src/pages/teams.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,46 @@
---
import { getEntry, getCollection } from "astro:content";
import { Image } from "astro:assets";

import Layout from "../layouts/Layout.astro";
import PageHeader from "../components/layout/PageHeader.astro";
import Container from "../components/layout/Container.astro";
import Divider from "../components/layout/Divider.astro";
import Button from "../components/ui/Button.astro";
import OfficialCommunityLink from "../components/pages/community/OfficialCommunityLink.astro";
import UnofficialCommunityLink from "../components/pages/community/UnofficialCommunityLink.astro";

const teams = await getCollection("teams");

import nixosFoundationLogo from "../assets/image/nixos-foundation-logo.svg";
---

<Layout title="Teams">
<PageHeader text="Teams" />
<Container class="font-extralight leading-relaxed space-y-4 mt-16 mb-16">
<div class="grid md:grid-cols-3 grid-cols-1 gap-16">
{
teams.map((team) => (
<div class="text-black [&>a]:inline-block flex-grow flex flex-col items-center text-center md:items-start md:text-left gap-2 p-4">
<img
src={`/images/teams/${team.slug.split("_")[1]}.svg`}
alt={`${team.data.name} Logo`}
class="h-24"
style="filter: invert(1);"
/>
<h3 class="text-2xl font-bold font-heading">{team.data.name}</h3>
<p class="font-extralight leading-relaxed grow mb-2">
{team.data.description}
</p>
<Button
color="green"
href={"/community/teams/" + team.slug.split("_")[1]}
>
Read more
</Button>
</div>
))
}
</div>
</Container>
</Layout>