jakehamilton/floral.systems
0
0
Fork 0
forked from the-distro/floral.systems
Code Pull requests Activity

moree content

Browse source
This commit is contained in:
mei (ckie) 2024-10-05 23:29:11 +03:00
parent e41c15ae6c
commit 63c3bbed3e
Signed by untrusted user: ckie
GPG key ID: 13E79449C0525215
3 changed files with 62 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/lib/Highlight.svelte
View file

@ -12,8 +12,10 @@
</script> </script>
<p class="sr-only">{alt}</p> <p class="sr-only">{alt}</p>
<div class="whitespace-pre-wrap font-mono relative" aria-hidden title={alt}> <div class=" font-mono relative" aria-hidden title={alt}>
<Highlight {language} code={renderedCode} /> <!-- HACK: apply the pre-wrap style to the child to avoid
HTML formatting whitespace issues down the line. -->
<div class="*:whitespace-pre-wrap"><Highlight {language} code={renderedCode} /></div>
<button <button
class="top-0 right-0 absolute font-sans text-xs font-bold" class="top-0 right-0 absolute font-sans text-xs font-bold"
class:text-blue-500={slice} class:text-blue-500={slice}

64
src/routes/+page.svelte
View file

@ -19,19 +19,19 @@
} }
</style> </style>
<div class="max-md:text-center"> <div class="max-md:text-center flex flex-col gap-8">
<div class="my-4"> <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>
then manage your systems with <b>{DISTRO}</b> using the <a href="https://nix.dev/manual/nix/latest/language/">Nix</a> language.</p> --> then manage your systems with <b>{DISTRO}</b> using the <a href="https://nix.dev/manual/nix/latest/language/">Nix</a> language.</p> -->
<p class="text-xl lg:text-2xl"> <p class="text-xl lg:text-2xl">
Declaratively define your Linux systems with<wbr> Declaratively own your Linux systems with<wbr>
full end-to-end&nbsp;customizability of <b>{PKGS}</b>'s <b>67589</b> packages<wbr> full end-to-end&nbsp;customizability of <b>{PKGS}</b>'s <b>67589</b> packages
using the <a href="https://lix.systems">Lix</a> package manager. using the <a href="https://lix.systems">Lix</a> package manager.
</p> </p>
</div> </div>
<div class="my-4"> <div>
<h2 class="border-t-2 border-teal-800 w-fit"> <h2 class="border-t-2 border-teal-800 w-fit">
{DISTRO} — our linux distribution {DISTRO} — our linux distribution
</h2> </h2>
@ -51,9 +51,10 @@
</div> </div>
<div class="float-right drop-shadow flex flex-col rounded"> <div class="float-right drop-shadow flex flex-col rounded">
<div class="p-2 pb-4 bg-gradient-to-b from-zinc-100 from-40% to-white w-full flex justify-between"> <div class="p-2 pb-4 bg-gradient-to-b from-zinc-100 from-40% to-white w-full flex justify-between">
<div><span class="text-zinc-700">http://</span><b>localhost</b>:3000</div> <div><span class="text-zinc-700">http://</span><b>localhost</b>:80</div>
<span class="text-blue-700 font-black text-lg select-none -mt-[2px]">⨯</span> <span class="text-blue-700 font-black text-lg select-none -mt-[2px]">⨯</span>
</div> </div>
<!-- screenshot taken as Responsive (3660x2121), DPR=1 in Firefox DevTools (@the phone/tablet icon) -->
<enhanced:img src="./demo1/mediawiki.png?format=png" <enhanced:img src="./demo1/mediawiki.png?format=png"
alt="The main page of a brand-new MediaWiki instance hosted on the VM. It starts: 'MediaWiki has been installed.'" alt="The main page of a brand-new MediaWiki instance hosted on the VM. It starts: 'MediaWiki has been installed.'"
/> />
@ -61,6 +62,57 @@
</div> </div>
</div> </div>
<div>
<h2 class="border-t-2 border-teal-800 w-fit ms-auto">
a reimagining of the NixOS community
</h2>
<div class="grid grid-cols-[1.1fr,1fr] gap-4">
<div class="float-right drop-shadow flex flex-col rounded">
<!-- screenshot taken as Responsive (1500x800), DPR=1, Zoom=150% in Firefox -->
<enhanced:img src="./gerrit.png?format=png"
alt="Gerrit change list page"
/>
</div>
<div class="text-xl flex flex-col gap-4">
<p>
<b>{PKGS}</b> is a fork of nixpkgs, an immense
{new Date().getYear() - new Date("Mar 14, 2003").getYear()} year old effort
to package software reproducibly.
</p>
<p>
we pride ourselves on creating clear, intuitive tooling
allowing everyone to participate.
</p>
</div>
</div>
</div>
<div>
<h2 class="border-t-2 border-teal-800 w-fit">
…and much more!
</h2>
<div class="grid grid-cols-[1fr,1fr] gap-4">
<div class="clear-left text-xl">
You can:
<ul class="ms-2 list-disc list-inside text-lg">
<li>configure your desktop systems to be setup <i>just</i>-right out of the box with
<a href="https://github.com/nix-community/home-manager/" target="_blank">home-manager</a>.</li>
<li>deploy clusters of systems with <a href="https://github.com/zhaofengli/colmena" target="_blank">colmena</a>,</li>
<li>provision your cloud resources with <a href="https://terranix.org/index.html" target="_blank">terranix</a></li>
<li>develop software in repeatable shell environments with <code>nix-shell</code>,
<wbr>to ensure it builds on <i>everyone</i>'s computer.</li>
</ul>
</div>
<div class="float-right drop-shadow flex flex-col rounded">
<!-- screenshot taken as Responsive (3660x2121), DPR=1 in Firefox DevTools (@the phone/tablet icon) -->
<!-- <enhanced:img src="./demo1/mediawiki.png?format=png"
alt="The main page of a brand-new MediaWiki instance hosted on the VM. It starts: 'MediaWiki has been installed.'"
/> -->
</div>
</div>
</div>
</div> </div>
<!-- https://pad.lix.systems/v0Bew569R_2IB0abRSy4kA?view=#Pretty-much-final-draft-About-us --> <!-- https://pad.lix.systems/v0Bew569R_2IB0abRSy4kA?view=#Pretty-much-final-draft-About-us -->

BIN
src/routes/gerrit.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 236 KiB