the-distro/floral.systems
1
1
Fork 1
Code Issues Pull requests 2 Packages Projects Releases Wiki Activity

space (primarily index) out more

Browse source
This commit is contained in:
mei (ckie) 2024-10-22 20:56:01 +03:00
parent 17c7d9b2cc
commit 0e6e0b4956
Signed by: ckie
GPG key ID: 13E79449C0525215
2 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/main.css
View file

@ -50,6 +50,7 @@ h2:not(.no-heading-style) {
} }
.container { .container {
/* container like the builtin one, but limited to lg */ /* container like the builtin one, but limited to lg */
@apply max-w-full sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1024px]; /* lg diverges from the canonical lg size defined in tailwind.config */
@apply max-w-full sm:max-w-[640px] md:max-w-[768px] lg:max-w-[1200px];
} }
} }

13
src/routes/+page.svelte
View file

@ -6,7 +6,7 @@
import forkGraph from "./fork.svg?raw"; import forkGraph from "./fork.svg?raw";
</script> </script>
<div class="flex flex-col gap-8"> <div class="flex flex-col gap-12">
<div> <div>
<h1>An all-encompassing, declarative<br> <span class="text-blue-800">package ecosystem</span>.</h1> <h1>An all-encompassing, declarative<br> <span class="text-blue-800">package ecosystem</span>.</h1>
<!-- <p class="text-xl lg:text-2xl">Build your *nix programs with <b>{PKGS}</b>'s extensive collection of <b>68368</b> packages<wbr> <!-- <p class="text-xl lg:text-2xl">Build your *nix programs with <b>{PKGS}</b>'s extensive collection of <b>68368</b> packages<wbr>
@ -23,9 +23,10 @@
{DISTRO} — our linux distribution {DISTRO} — our linux distribution
</h2> </h2>
<div class="grid lg:grid-cols-[1.15fr,auto,1fr] gap-2 items-end"> <div class="grid lg:grid-cols-[1.15fr,auto,1fr] gap-2 items-end">
<div class="clear-left text-xl"> <div class="clear-left text-xl flex flex-col h-full">
Gain certainty in your deployed system configuration by Gain certainty in your deployed system configuration by
replacing your opaque state with code. replacing your opaque state with code.
<div class="grow"></div>
<div class="text-sm bg-blue-50 p-2 rounded-md drop-shadow mt-2"> <div class="text-sm bg-blue-50 p-2 rounded-md drop-shadow mt-2">
<Highlight <Highlight
language={nix} code={demo1} language={nix} code={demo1}
@ -53,7 +54,7 @@
<h2 class="border-t-2 border-teal-800 w-fit ms-auto"> <h2 class="border-t-2 border-teal-800 w-fit ms-auto">
a reimagining of the NixOS community a reimagining of the NixOS community
</h2> </h2>
<div class="grid lg:grid-cols-[1.1fr,1fr] gap-4"> <div class="grid lg:grid-cols-[1.1fr,1fr] gap-12">
<div class="float-right drop-shadow flex flex-col rounded"> <div class="float-right drop-shadow flex flex-col rounded">
<!-- screenshot taken as Responsive (1500x800), DPR=1, Zoom=150% in Firefox --> <!-- screenshot taken as Responsive (1500x800), DPR=1, Zoom=150% in Firefox -->
<enhanced:img src="./gerrit.png?format=png" <enhanced:img src="./gerrit.png?format=png"
@ -71,8 +72,8 @@
allowing everyone to participate. allowing everyone to participate.
</p> </p>
<div class="lg:h-0"> <div class="lg:h-0 mt-4">
<enhanced:img src="./fork.svg" class="lg:w-[75%] mx-auto"> <enhanced:img src="./fork.svg" class="lg:w-[75%] max-w-[400px] mx-auto">
</div> </div>
</div> </div>
</div> </div>
@ -82,7 +83,7 @@
<h2 class="border-t-2 border-teal-800 w-fit"> <h2 class="border-t-2 border-teal-800 w-fit">
…and much more! …and much more!
</h2> </h2>
<div class="grid lg:grid-cols-[1fr,1fr] gap-4"> <div class="grid lg:grid-cols-[1fr,1fr]">
<div class="clear-left text-xl"> <div class="clear-left text-xl">
With <b>{DISTRO}</b> and <b>{PKGS}</b>, you can: With <b>{DISTRO}</b> and <b>{PKGS}</b>, you can:
<ul class="ms-2 list-disc list-inside text-lg"> <ul class="ms-2 list-disc list-inside text-lg">