diff --git a/bun.lockb b/bun.lockb index ea8c0d5..b7b6887 100755 Binary files a/bun.lockb and b/bun.lockb differ diff --git a/package.json b/package.json index 177f3fb..0859f9f 100644 --- a/package.json +++ b/package.json @@ -32,6 +32,7 @@ "type": "module", "dependencies": { "clsx": "^2.1.1", + "moderndash": "^3.12.0", "svelte-highlight": "^7.7.0" }, "lint-staged": { diff --git a/src/lib/assets/ecosystem-lix.png b/src/lib/assets/ecosystem-lix.png new file mode 100644 index 0000000..f8ad3d1 Binary files /dev/null and b/src/lib/assets/ecosystem-lix.png differ diff --git a/src/lib/assets/flower-gray.svg b/src/lib/assets/flower-gray.svg new file mode 100644 index 0000000..7b92b1b --- /dev/null +++ b/src/lib/assets/flower-gray.svg @@ -0,0 +1,79 @@ + + + + diff --git a/src/lib/assets/lix.svg b/src/lib/assets/lix.svg new file mode 100644 index 0000000..bb6ca4d --- /dev/null +++ b/src/lib/assets/lix.svg @@ -0,0 +1,91 @@ + + + + diff --git a/src/lib/components/FlowerDivider.svelte b/src/lib/components/FlowerDivider.svelte new file mode 100644 index 0000000..0f45ec5 --- /dev/null +++ b/src/lib/components/FlowerDivider.svelte @@ -0,0 +1,13 @@ + + +
+ {#snippet flower()} + + {/snippet} + + {#each range(1, 5) as i} + {@render flower()} + {/each} +
diff --git a/src/main.css b/src/main.css index ad27df2..03c8d16 100644 --- a/src/main.css +++ b/src/main.css @@ -17,40 +17,33 @@ html { @apply h-full; } + body { @apply min-h-[100%] flex bg-zinc-50; - > div { + + >div { line-height: inherit; - > * { + + >* { /* The layout's root node */ flex: 1 1 0; } } } -b { - @apply text-coral-700; +a:not(.no-link-style), +button.link-style { + @apply link-style-u; } -a:not(.no-link-style), button.link-style { - @apply link-style-u; -} - -h1:not(.no-heading-style) { - @apply text-4xl lg:text-5xl my-4; -} -h2:not(.no-heading-style) { - @apply text-teal-600 text-2xl font-semibold my-1; -} - - @layer utilities { - .link-style-u { - @apply text-coral-700 hover:text-coral-800 active:text-coral-950 visited:text-teal-500 visited:hover:text-teal-700 active:text-teal-950 underline; - } - .container { - /* container like the builtin one, but limited to lg */ - /* 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]; - } + .link-style-u { + @apply text-teal-500 hover:text-teal-400 active:text-teal-600 underline; + } + + .container { + /* container like the builtin one, but limited to lg */ + /* 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]; + } } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 2c11db6..2cabcd1 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -1,26 +1,54 @@ -
-
-

An all-encompassing, declarative
package ecosystem.

- -

+

+
+

A declarative, comprehensive package ecosystem

+

Declaratively own your Linux systems with - full end-to-end customizability of {PKGS}'s 67589 packages - using the Lix package manager. + full end-to-end customizability of 67,589 packages.

+
-
-

- {DISTRO} — our linux distribution + + +
+

+ {DISTRO} — our linux distribution

@@ -52,17 +80,13 @@
-
-

- a reimagining of the NixOS community + + +
+

+ A reimagining of the NixOS community

-
- - -

Floral was created to oversee {PKGS} — our nixpkgs fork, @@ -75,15 +99,24 @@

- +
+
+ + +
+ +
-

- …and much more! +

+ And much more!