diff --git a/src/lib/Highlight.svelte b/src/lib/Highlight.svelte index e17aff9..2fa4337 100644 --- a/src/lib/Highlight.svelte +++ b/src/lib/Highlight.svelte @@ -9,13 +9,13 @@ alt } = $props(); - let renderedCode = $derived(slice ? code.replace(/#[^]*?#<\/hidden>/, "") - : code.replace(/#(|<\/hidden>)/g,"")); - + let renderedCode = $derived(slice ? code.replace(/\/\*[^]*?<\/hidden>\*\//, "") + : code.replace(/\/\*(|<\/hidden>)\*\//g,"")); +

{alt}

-
+
@@ -27,4 +27,3 @@ ({slice ? "show" : "hide"} full)
- diff --git a/src/lib/assets/arrow-from-left-to-down.svg b/src/lib/assets/arrow-from-left-to-down.svg new file mode 100644 index 0000000..10fac36 --- /dev/null +++ b/src/lib/assets/arrow-from-left-to-down.svg @@ -0,0 +1,65 @@ + + + + + + + + + + + diff --git a/src/lib/assets/arrow-from-up-to-down.svg b/src/lib/assets/arrow-from-up-to-down.svg new file mode 100644 index 0000000..b6b6eb7 --- /dev/null +++ b/src/lib/assets/arrow-from-up-to-down.svg @@ -0,0 +1,65 @@ + + + + + + + + + + + diff --git a/src/lib/assets/box.svg b/src/lib/assets/box.svg new file mode 100644 index 0000000..45a3ce3 --- /dev/null +++ b/src/lib/assets/box.svg @@ -0,0 +1,45 @@ + + + + + + + + + + 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/leaf.svg b/src/lib/assets/leaf.svg new file mode 100644 index 0000000..906c326 --- /dev/null +++ b/src/lib/assets/leaf.svg @@ -0,0 +1,57 @@ + + + + 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/assets/petal.svg b/src/lib/assets/petal.svg new file mode 100644 index 0000000..f572ff8 --- /dev/null +++ b/src/lib/assets/petal.svg @@ -0,0 +1,57 @@ + + + + diff --git a/src/lib/components/FlowerDivider.svelte b/src/lib/components/FlowerDivider.svelte new file mode 100644 index 0000000..07d03da --- /dev/null +++ b/src/lib/components/FlowerDivider.svelte @@ -0,0 +1,16 @@ + + +
+ + flower + flower + flower + flower + flower +
diff --git a/src/lib/components/LinkChip.svelte b/src/lib/components/LinkChip.svelte new file mode 100644 index 0000000..26a0e41 --- /dev/null +++ b/src/lib/components/LinkChip.svelte @@ -0,0 +1,9 @@ + + + + {@render props.children?.()} + diff --git a/src/lib/components/PackageTile.svelte b/src/lib/components/PackageTile.svelte new file mode 100644 index 0000000..2eb11ac --- /dev/null +++ b/src/lib/components/PackageTile.svelte @@ -0,0 +1,12 @@ + + +
+ + {@html box} + + {@render props.children?.()} +
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/+layout.svelte b/src/routes/+layout.svelte index 65b59e9..8f27e74 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -7,8 +7,9 @@ import clsx from "clsx"; let { children } = $props(); - globalThis.PKGS = "petalpkgs"; + globalThis.PKGS = "Petalpkgs"; globalThis.DISTRO = "FleurixOS"; + globalThis.PKGS_COUNT = "67,589"; @@ -16,12 +17,12 @@ - +