feat(root page): prettify and add new home page content #7

Open
jakehamilton wants to merge 6 commits from jakehamilton/feat/home-content into main
Showing only changes of commit 0df49c154b - Show all commits

View file

@ -16,6 +16,8 @@
import forkGraph from "./fork.svg?raw";
let fleurixExampleSlice = $state(true);
let pkgsCount = "67,589";
</script>
{#snippet packageExample(name)}
@ -32,7 +34,7 @@
<h1 class="text-5xl sm:text-6xl text-balance">A declarative, comprehensive <span class="text-teal-500 font-aladin font-bold">package&nbsp;ecosystem</span></h1>
<p class="mt-4 text-xl lg:text-2xl max-w-3xl text-balance">
Declaratively own your Linux systems with<wbr>
full end-to-end&nbsp;customizability of <b class="text-teal-500">{PKGS_COUNT}</b> packages.
full end-to-end&nbsp;customizability of <b class="text-teal-500">{pkgsCount}</b> packages.
</p>
<div class="flex pt-4 gap-x-2">
<LinkChip
@ -151,7 +153,7 @@
<span class="font-aladin font-bold text-teal-500">{PKGS}</span> — our package set
Outdated
Review

the font-aladin & text-coral-970 here foul skimmers.

  • a different off-black hue looks bad / inconsistent / out of the text flow.
  • aladin should be used very sparingly as its our 'brand font'
the `font-aladin` & `text-coral-970` here foul skimmers. - a different off-black hue looks bad / inconsistent / out of the text flow. - aladin should be used very sparingly as its our ~'brand font'~

Yeah, coming back to this after a bit I am less enthused by the off-black color and heavy use of Aladin. Going to pull it back a bit before trying something else.

Yeah, coming back to this after a bit I am less enthused by the off-black color and heavy use of Aladin. Going to pull it back a bit before trying something else.
</h2>
<div class="text-xl h-full max-w-3xl">
A complete package set with <b class="text-teal-500">{PKGS_COUNT}</b> packages, built on top of 21 years of volunteer labor to reproducibly package software.
A complete package set with <b class="text-teal-500">{pkgsCount}</b> packages, built on top of 21 years of volunteer labor to reproducibly package software.
</div>
<div class="pt-4">
<LinkChip