forked from the-distro/floral.systems
Compare commits
8 commits
cea75cc1da
...
8af65a6c30
| Author | SHA1 | Date | |
|---|---|---|---|
 Jake Hamilton
|
8af65a6c30
|
||
|
Jake Hamilton
|
6a870c8a9f
|
||
|
Jake Hamilton
|
ffca8f93d9
|
||
 mei (ckie)
|
bc3b7aa618 | ||
|
Jake Hamilton
|
7ea2efd2a5 | ||
|
Jake Hamilton
|
11bc2e9241 | ||
|
Jake Hamilton
|
6bb585f305 | ||
|
mei (ckie)
|
ddbd99a5e8
|
|
|
@ -2,7 +2,7 @@
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8" />
|
<meta charset="utf-8" />
|
||||||
<link rel="icon" href="%sveltekit.assets%/favicon.png" />
|
<link rel="icon" href="%sveltekit.assets%/favicon.png?efdb30a" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
%sveltekit.head%
|
%sveltekit.head%
|
||||||
</head>
|
</head>
|
||||||
|
|
|
||||||
79
src/lib/assets/flower.svg
Normal file
79
src/lib/assets/flower.svg
Normal file
|
|
@ -0,0 +1,79 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
|
||||||
|
<svg
|
||||||
|
width="512"
|
||||||
|
height="512"
|
||||||
|
viewBox="0 0 135.46666 135.46667"
|
||||||
|
version="1.1"
|
||||||
|
id="svg1"
|
||||||
|
xml:space="preserve"
|
||||||
|
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
|
||||||
|
sodipodi:docname="flower-v4.svg"
|
||||||
|
inkscape:export-filename="flower-v4.png"
|
||||||
|
inkscape:export-xdpi="192"
|
||||||
|
inkscape:export-ydpi="192"
|
||||||
|
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||||
|
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||||
|
id="namedview1"
|
||||||
|
pagecolor="#505050"
|
||||||
|
bordercolor="#eeeeee"
|
||||||
|
borderopacity="1"
|
||||||
|
inkscape:showpageshadow="0"
|
||||||
|
inkscape:pageopacity="0"
|
||||||
|
inkscape:pagecheckerboard="0"
|
||||||
|
inkscape:deskcolor="#d1d1d1"
|
||||||
|
inkscape:document-units="px"
|
||||||
|
inkscape:zoom="1.0218084"
|
||||||
|
inkscape:cx="137.50132"
|
||||||
|
inkscape:cy="272.06667"
|
||||||
|
inkscape:window-width="2560"
|
||||||
|
inkscape:window-height="1355"
|
||||||
|
inkscape:window-x="30"
|
||||||
|
inkscape:window-y="26"
|
||||||
|
inkscape:window-maximized="0"
|
||||||
|
inkscape:current-layer="layer2" /><defs
|
||||||
|
id="defs1" /><g
|
||||||
|
inkscape:label="Layer 1"
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer1" /><g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer2"
|
||||||
|
inkscape:label="flower"><path
|
||||||
|
style="display:inline;opacity:1;fill:#ff6665;fill-opacity:1;stroke:none;stroke-width:0.788603px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 71.736436,68.603652 c 44.954114,-1.02324 46.182024,-19.850787 47.205234,-26.467722 0.20483,-2.455764 0.40928,-5.25259 -0.40929,-8.595155 -3.13791,-5.320815 -7.43552,-9.277345 -9.00447,-10.368791 -1.70537,-0.682158 -4.2976,0.750382 -5.59368,0 -0.61395,-0.818579 0.40929,-2.728604 -0.68216,-3.9565 -11.050947,-6.54871 -20.191844,-4.706881 -27.149847,3.137921 -14.939222,20.874002 -4.365787,46.250247 -4.365787,46.250247 z"
|
||||||
|
id="path1-30"
|
||||||
|
sodipodi:nodetypes="cccccccc" /><path
|
||||||
|
style="display:inline;opacity:1;fill:#ff9e9d;fill-opacity:1;stroke:none;stroke-width:0.788603px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="M 71.453362,68.801004 C 91.440551,32.169169 74.396844,10.006396 63.823409,7.891696 47.315213,5.2312884 37.765024,13.690025 34.490671,19.488354 c -6.139412,11.187368 -2.66041,16.712829 -2.114685,18.895722 6.957997,16.508212 25.70711,28.234039 39.077376,30.416928 z"
|
||||||
|
id="path2"
|
||||||
|
sodipodi:nodetypes="ccccc" /><path
|
||||||
|
style="display:inline;opacity:1;fill:#ff6665;fill-opacity:1;stroke:none;stroke-width:0.788603px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="M 71.723213,69.236517 C 51.308471,40.763158 13.818464,31.766268 6.1685152,49.08503 5.6590776,50.598312 7.4177571,52.495453 5.576126,54.939534 3.6660874,57.258875 3.0019185,60.474745 3.0701322,61.839042 2.9803593,77.516957 10.941832,81.990947 21.447045,86.766043 33.543136,92.615566 71.382149,74.148046 71.723213,69.236517 Z"
|
||||||
|
id="path3"
|
||||||
|
sodipodi:nodetypes="cccccc" /><path
|
||||||
|
style="display:inline;opacity:1;fill:#ff9e9d;fill-opacity:1;stroke:none;stroke-width:0.788603px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 71.341717,68.805242 c -43.521593,7.230872 -56.360728,26.266054 -52.540648,38.681318 4.161154,9.61841 12.688112,16.23536 18.691092,18.96396 12.756332,5.52549 26.740535,-7.09442 29.878457,-16.09891 3.888304,-12.824539 6.153992,-42.092119 3.971099,-41.546368 z"
|
||||||
|
id="path4-9"
|
||||||
|
sodipodi:nodetypes="ccccc" /><path
|
||||||
|
style="display:inline;opacity:1;fill:#ff6665;fill-opacity:1;stroke:none;stroke-width:0.788603px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 71.30173,68.961066 c -14.598139,26.740553 -12.66272,42.209164 4.800493,54.487974 17.12214,9.75484 25.921977,5.93474 34.107847,-4.50223 7.09442,-9.68663 9.48198,-20.532954 8.32231,-26.058403 C 117.03165,74.538397 74.439652,63.16273 71.30173,68.961066 Z"
|
||||||
|
id="path5-2"
|
||||||
|
sodipodi:nodetypes="ccccc" /><path
|
||||||
|
style="display:inline;opacity:1;fill:#ff9e9d;fill-opacity:1;stroke:none;stroke-width:0.788603px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="M 71.474534,68.791043 C 80.069719,47.303109 123.51212,26.787417 130.94764,60.554165 133.13053,71.94619 130.26546,91.728758 118.19128,92.615566 112.87047,92.547216 68.336612,86.663541 71.474534,68.791043 Z"
|
||||||
|
id="path6-5"
|
||||||
|
sodipodi:nodetypes="cccc" /><path
|
||||||
|
id="path1-30-5"
|
||||||
|
style="display:inline;fill:#ff6665;fill-opacity:1;stroke:none;stroke-width:0.788603px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
|
||||||
|
d="m 108.11691,22.989811 c -1.05689,0.05598 -2.20173,0.388556 -3.13055,0.395841 l -30.431,39.130131 c -0.616191,0.993514 -3.130416,6.281983 -3.130416,6.281983 44.954066,-1.023239 46.493426,-20.044909 47.516636,-26.661837 0.20483,-2.455762 0.40929,-5.252779 -0.40928,-8.595341 -3.13791,-5.32081 -7.43567,-9.276914 -9.00462,-10.368359 -0.42634,-0.17054 -0.90768,-0.209065 -1.41077,-0.182418 z"
|
||||||
|
sodipodi:nodetypes="sccccccs" /></g><g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer4"
|
||||||
|
inkscape:label="stamen_base" /><g
|
||||||
|
inkscape:groupmode="layer"
|
||||||
|
id="layer3"
|
||||||
|
inkscape:label="stamen"
|
||||||
|
transform="translate(48.016835,0.13732173)" /></svg>
|
||||||
|
After Width: | Height: | Size: 5.3 KiB |
12
src/lib/components/Nav.svelte
Normal file
12
src/lib/components/Nav.svelte
Normal file
|
|
@ -0,0 +1,12 @@
|
||||||
|
<script lang="ts">
|
||||||
|
import NavLink from "./NavLink.svelte";
|
||||||
|
import Search from "./Search.svelte";
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="max-md:hidden flex gap-x-4 h-full items-center grow"
|
||||||
|
>
|
||||||
|
<Search />
|
||||||
|
<NavLink href="/docs/intro">Docs</NavLink>
|
||||||
|
<NavLink href="https://fleurixos.org" class="text-coral-600">Try {DISTRO}</NavLink>
|
||||||
|
</div>
|
||||||
10
src/lib/components/NavLink.svelte
Normal file
10
src/lib/components/NavLink.svelte
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
<script lang="ts">
|
||||||
|
let props = $props()
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<a
|
||||||
|
{...props}
|
||||||
|
class="{props.class ?? ""} no-link-style hover:underline"
|
||||||
|
>
|
||||||
|
{@render props.children?.()}
|
||||||
|
</a>
|
||||||
7
src/lib/components/Search.svelte
Normal file
7
src/lib/components/Search.svelte
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
<div class="flex grow justify-end pl-4">
|
||||||
|
<input
|
||||||
|
type="text"
|
||||||
|
placeholder="Search..."
|
||||||
|
class="rounded-md bg-zinc-100 px-4 py-[6px] text-md/10 grow-0 focus:grow transition-all hover:ring-1 hover:ring-zinc-500 focus:outline-none focus:ring-2 focus:ring-coral-200 placeholder:text-zinc-500"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
@ -1,7 +1,8 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import { page } from "$app/stores";
|
import { page } from "$app/stores";
|
||||||
import "../main.css";
|
import "../main.css";
|
||||||
import Footer from "./footer.svelte";
|
import Footer from "./Footer.svelte";
|
||||||
|
import Nav from "$lib/components/Nav.svelte";
|
||||||
|
|
||||||
let { children } = $props();
|
let { children } = $props();
|
||||||
globalThis.PKGS = "petalpkgs";
|
globalThis.PKGS = "petalpkgs";
|
||||||
|
|
@ -16,26 +17,18 @@
|
||||||
<meta name="theme-color" content="#136951">
|
<meta name="theme-color" content="#136951">
|
||||||
</svelte:head>
|
</svelte:head>
|
||||||
|
|
||||||
<div class="flex flex-col text-blue-950 underline-offset-[4px]">
|
<div class="flex flex-col underline-offset-[4px]">
|
||||||
<nav class="min-h-16 h-16 bg-teal-700 text-coral-50 mb-2">
|
<nav class="min-h-16 h-16 bg-zinc-50 mb-2">
|
||||||
<div class="mx-auto container flex h-full justify-between">
|
<div class="mx-auto container flex h-full justify-between">
|
||||||
<a class="flex h-full flex-col justify-center font-aladin text-4xl
|
<a class="flex h-full items-center justify-center font-aladin text-3xl/10
|
||||||
text-coral-50 hover:text-coral-100 no-link-style"
|
text-zinc-800 no-link-style gap-x-2 hover:bg-clip-text hover:bg-gradient-to-r hover:from-coral-400 hover:from-10% hover:to-coral-300 hover:text-transparent"
|
||||||
href="/">
|
href="/">
|
||||||
█▌floral.systems
|
<enhanced:img src="$lib/assets/flower.svg" width="32" height="32" alt="flower" />
|
||||||
|
floral.systems
|
||||||
</a>
|
</a>
|
||||||
<span></span>
|
<span></span>
|
||||||
|
|
||||||
<div
|
<Nav />
|
||||||
class="max-md:hidden text-lg flex gap-2 h-full items-center
|
|
||||||
*:py-1 *:px-2 *:h-min *:bg-coral-100 *:rounded-md *:border-b-2 *:border-r-2 *:border-coral-200 text-blue-950
|
|
||||||
*:hover:bg-coral-200 <-TODO-fix-that-hover"
|
|
||||||
>
|
|
||||||
<a href="/colors" class="no-link-style">colors</a>
|
|
||||||
<a href="/docs/intro" class="no-link-style">intro</a>
|
|
||||||
<a href="https://fleurixos.org" class="no-link-style">Try {DISTRO}</a>
|
|
||||||
<a href="https://petalpkgs.org" class="no-link-style">Use {PKGS}</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 4.4 KiB |
Loading…
Reference in a new issue