forked from the-distro/floral.systems
Compare commits
5 commits
8af65a6c30
...
cea75cc1da
| Author | SHA1 | Date | |
|---|---|---|---|
 Jake Hamilton
|
cea75cc1da
|
||
 mei (ckie)
|
a9562e75ec
|
||
|
Jake Hamilton
|
f59882eaf9
|
||
|
Jake Hamilton
|
c78553b1f5
|
||
|
Jake Hamilton
|
fc8b1f9154
|
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<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" />
|
||||
%sveltekit.head%
|
||||
</head>
|
||||
|
|
|
|||
10
src/components/nav-link.svelte
Normal file
10
src/components/nav-link.svelte
Normal file
|
|
@ -0,0 +1,10 @@
|
|||
<script>
|
||||
let props = $props()
|
||||
</script>
|
||||
|
||||
<a
|
||||
{...props}
|
||||
class="{props.class ?? ""} no-link-style hover:underline"
|
||||
>
|
||||
{@render props.children?.()}
|
||||
</a>
|
||||
7
src/components/search.svelte
Normal file
7
src/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>
|
||||
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 |
|
|
@ -2,6 +2,8 @@
|
|||
import { page } from "$app/stores";
|
||||
import "../main.css";
|
||||
import Footer from "./footer.svelte";
|
||||
import NavLink from "../components/nav-link.svelte";
|
||||
import Search from "../components/search.svelte";
|
||||
|
||||
let { children } = $props();
|
||||
globalThis.PKGS = "petalpkgs";
|
||||
|
|
@ -16,25 +18,23 @@
|
|||
<meta name="theme-color" content="#136951">
|
||||
</svelte:head>
|
||||
|
||||
<div class="flex flex-col text-blue-950 underline-offset-[4px]">
|
||||
<nav class="min-h-16 h-16 bg-teal-700 text-coral-50 mb-2">
|
||||
<div class="flex flex-col underline-offset-[4px]">
|
||||
<nav class="min-h-16 h-16 bg-zinc-50 mb-2">
|
||||
<div class="mx-auto container flex h-full justify-between">
|
||||
<a class="flex h-full flex-col justify-center font-aladin text-4xl
|
||||
text-coral-50 hover:text-coral-100 no-link-style"
|
||||
<a class="flex h-full items-center justify-center font-aladin text-3xl/10
|
||||
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="/">
|
||||
█▌floral.systems
|
||||
<enhanced:img src="$lib/assets/flower.svg" width="32" height="32" alt="flower" />
|
||||
floral.systems
|
||||
</a>
|
||||
<span></span>
|
||||
|
||||
<div
|
||||
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"
|
||||
class="max-md:hidden flex gap-x-4 h-full items-center grow"
|
||||
>
|
||||
<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>
|
||||
<Search />
|
||||
<NavLink href="/docs/intro">Docs</NavLink>
|
||||
<NavLink href="https://fleurixos.org" class="text-coral-600">Try {DISTRO}</NavLink>
|
||||
</div>
|
||||
</div>
|
||||
</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