This commit is contained in:
split / May 2024-07-09 21:37:22 -07:00
parent d3d9e87ce0
commit 3f9e8f7913
Signed by: split
GPG key ID: C325C61F0BF517C0
8 changed files with 206 additions and 3 deletions

View file

@ -2,7 +2,8 @@
<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.light.png" />
<link rel="icon" href="%sveltekit.assets%/favicon.dark.png" media="(prefers-color-scheme: dark)" />
<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>

46
src/assets/ava_icon.svg Normal file
View file

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<g
id="g3">
<path
style="fill:currentColor;fill-opacity:0;stroke:currentColor;stroke-width:20;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
id="path2"
d="M 255.99939,502.00034 A 246.00095,246.00095 0 0 1 28.724153,350.13988 246.00095,246.00095 0 0 1 82.05045,82.050455 246.00095,246.00095 0 0 1 350.13987,28.72415 246.00095,246.00095 0 0 1 502.00034,255.99939" />
<rect
style="fill:currentColor;fill-opacity:1;stroke:#426ea5;stroke-width:0;stroke-dasharray:none;stroke-opacity:0.0196447;paint-order:stroke markers fill"
id="rect2"
width="256"
height="20"
x="256"
y="492" />
<rect
style="fill:currentColor;fill-opacity:1;stroke:#426ea5;stroke-width:0;stroke-dasharray:none;stroke-opacity:0.0196447;paint-order:stroke markers fill"
id="rect2-2"
width="20"
height="256"
x="492"
y="256" />
</g>
<path
style="fill:currentColor;fill-opacity:0;stroke:currentColor;stroke-width:20;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
id="path2-8"
d="M 378.99988,502.00035 A 123.00047,123.00047 0 0 1 265.36226,426.07012 123.00047,123.00047 0 0 1 292.02541,292.02541 123.00047,123.00047 0 0 1 426.07012,265.36226 123.00047,123.00047 0 0 1 502.00035,378.99988" />
<path
style="fill:currentColor;fill-opacity:0;stroke:currentColor;stroke-width:20;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
d="M 161.8589,28.72414 256,256 28.725703,161.85855"
id="path4" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2 KiB

View file

@ -1,5 +1,6 @@
<script lang="ts"> <script lang="ts">
import "@fontsource-variable/inter"; import "@fontsource-variable/inter";
import ava from "../assets/ava_icon.svg?raw"
export let data: { user?: { sub: string, username: string } }; export let data: { user?: { sub: string, username: string } };
</script> </script>
<!DOCTYPE html> <!DOCTYPE html>
@ -23,14 +24,26 @@
display: flex; display: flex;
gap: 1em; gap: 1em;
justify-content: center; justify-content: center;
align-items: center;
margin: 1em 0; margin: 1em 0;
} }
svg {
width: .75em;
height: .75em;
}
nav svg {
width: 1.5em;
height: 1.5em;
}
nav > * {
display: flex; /* Flexbox fixes everything! */
}
</style> </style>
</head> </head>
<body> <body>
<nav> <nav>
<a href="/">Home</a> <a href="/">{@html ava}</a>
<a href="/set">Set avatar</a> <a href="/set">Set avatar</a>
{#if data.user} {#if data.user}
<a href="/logout">Log out</a> <a href="/logout">Log out</a>

View file

@ -1,4 +1,7 @@
<h1>Hi, welcome to ava</h1> <script lang="ts">
import ava from "../assets/ava_icon.svg?raw"
</script>
<h1>Welcome to {@html ava} ava</h1>
<p> <p>
ava is a simple avatar server. ava is a simple avatar server.
Put an image in, get a few images out. That's it. Put an image in, get a few images out. That's it.

94
static/ava.svg Normal file
View file

@ -0,0 +1,94 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
sodipodi:docname="ava.svg"
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="#ffffff"
bordercolor="#999999"
borderopacity="1"
inkscape:showpageshadow="2"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="px"
inkscape:zoom="1.5627063"
inkscape:cx="153.25976"
inkscape:cy="234.84899"
inkscape:window-width="2256"
inkscape:window-height="1398"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<g
id="g3">
<path
style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:20;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
id="path2"
sodipodi:type="arc"
sodipodi:cx="255.99939"
sodipodi:cy="255.99939"
sodipodi:rx="246.00095"
sodipodi:ry="246.00095"
sodipodi:start="1.5707963"
sodipodi:end="0"
sodipodi:arc-type="arc"
d="M 255.99939,502.00034 A 246.00095,246.00095 0 0 1 28.724153,350.13988 246.00095,246.00095 0 0 1 82.05045,82.050455 246.00095,246.00095 0 0 1 350.13987,28.72415 246.00095,246.00095 0 0 1 502.00034,255.99939"
sodipodi:open="true"
inkscape:label="path2" />
<rect
style="fill:#000000;fill-opacity:1;stroke:#426ea5;stroke-width:0;stroke-dasharray:none;stroke-opacity:0.0196447;paint-order:stroke markers fill"
id="rect2"
width="256"
height="20"
x="256"
y="492"
inkscape:label="rect2" />
<rect
style="fill:#000000;fill-opacity:1;stroke:#426ea5;stroke-width:0;stroke-dasharray:none;stroke-opacity:0.0196447;paint-order:stroke markers fill"
id="rect2-2"
width="20"
height="256"
x="492"
y="256"
inkscape:label="rect2-2" />
</g>
<path
style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:20;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
id="path2-8"
inkscape:label="path2"
d="M 378.99988,502.00035 A 123.00047,123.00047 0 0 1 265.36226,426.07012 123.00047,123.00047 0 0 1 292.02541,292.02541 123.00047,123.00047 0 0 1 426.07012,265.36226 123.00047,123.00047 0 0 1 502.00035,378.99988"
sodipodi:type="arc"
sodipodi:arc-type="arc"
sodipodi:open="true"
sodipodi:start="1.5707963"
sodipodi:end="0"
sodipodi:ry="123.00047"
sodipodi:rx="123.00047"
sodipodi:cy="378.99988"
sodipodi:cx="378.99988" />
<path
style="fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:20;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
d="M 161.8589,28.72414 256,256 28.725703,161.85855"
id="path4"
sodipodi:nodetypes="ccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.5 KiB

BIN
static/favicon.dark.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

BIN
static/favicon.light.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

46
static/favicon.svg Normal file
View file

@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="512"
height="512"
viewBox="0 0 512 512"
version="1.1"
id="svg1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<defs
id="defs1" />
<g
id="layer1">
<g
id="g3">
<path
style="fill:currentColor;fill-opacity:0;stroke:currentColor;stroke-width:20;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
id="path2"
d="M 255.99939,502.00034 A 246.00095,246.00095 0 0 1 28.724153,350.13988 246.00095,246.00095 0 0 1 82.05045,82.050455 246.00095,246.00095 0 0 1 350.13987,28.72415 246.00095,246.00095 0 0 1 502.00034,255.99939" />
<rect
style="fill:currentColor;fill-opacity:1;stroke:#426ea5;stroke-width:0;stroke-dasharray:none;stroke-opacity:0.0196447;paint-order:stroke markers fill"
id="rect2"
width="256"
height="20"
x="256"
y="492" />
<rect
style="fill:currentColor;fill-opacity:1;stroke:#426ea5;stroke-width:0;stroke-dasharray:none;stroke-opacity:0.0196447;paint-order:stroke markers fill"
id="rect2-2"
width="20"
height="256"
x="492"
y="256" />
</g>
<path
style="fill:currentColor;fill-opacity:0;stroke:currentColor;stroke-width:20;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
id="path2-8"
d="M 378.99988,502.00035 A 123.00047,123.00047 0 0 1 265.36226,426.07012 123.00047,123.00047 0 0 1 292.02541,292.02541 123.00047,123.00047 0 0 1 426.07012,265.36226 123.00047,123.00047 0 0 1 502.00035,378.99988" />
<path
style="fill:currentColor;fill-opacity:0;stroke:currentColor;stroke-width:20;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1;paint-order:stroke markers fill"
d="M 161.8589,28.72414 256,256 28.725703,161.85855"
id="path4" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2 KiB