forked from the-distro/floral.systems
space (primarily index) out more
This commit is contained in:
parent
17c7d9b2cc
commit
0e6e0b4956
|
@ -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];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Loading…
Reference in a new issue