src/Frontend/index.html
+2
-0
diff --git a/src/Frontend/index.html b/src/Frontend/index.html
index 3cd2822..3061aaa 100644
@@ -5,6 +5,8 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Slopper</title>
<link rel="icon" type="image/svg+xml" href="/logos/small.svg">
<link rel="mask-icon" type="image/svg+xml" href="/logos/small-mono.svg" color="currentColor">
</head>
<body>
src/Frontend/public/logos/animated.svg
+27
-0
diff --git a/src/Frontend/public/logos/animated.svg b/src/Frontend/public/logos/animated.svg
new file mode 100644
index 0000000..11e9f72
@@ -0,0 +1,27 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="fill" cx="38%" cy="28%" r="80%">
<stop offset="0%" stop-color="#e8ffb5"></stop>
<stop offset="45%" stop-color="#a3ff52"></stop>
<stop offset="100%" stop-color="#246305"></stop>
</radialGradient>
<radialGradient id="pup" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#ffffff"></stop>
<stop offset="55%" stop-color="#ffffff"></stop>
<stop offset="100%" stop-color="#c8c8c8"></stop>
</radialGradient>
</defs>
<path stroke="#0a1f00" stroke-width="4" stroke-linejoin="round" fill="url(#fill)">
<animate attributeName="d" dur="3.4s" repeatCount="indefinite" calcMode="spline" keySplines="0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1; 0.4 0 0.6 1" keyTimes="0;0.25;0.5;0.75;1" values="
M50 6 C72 6, 92 22, 92 44 C92 60, 88 70, 80 78 C78 80, 80 84, 78 86 C74 90, 70 86, 68 88 C62 92, 58 94, 50 94 C40 94, 32 92, 24 86 C22 88, 18 92, 14 88 C12 86, 16 82, 14 80 C8 72, 6 60, 8 48 C10 26, 28 6, 50 6 Z;
M50 4 C74 6, 94 24, 94 46 C94 58, 90 68, 82 76 C80 78, 82 84, 78 86 C72 90, 68 84, 66 86 C60 92, 58 92, 50 92 C42 92, 38 92, 32 86 C30 84, 26 90, 22 86 C18 84, 22 80, 20 78 C12 72, 6 62, 6 50 C6 24, 26 4, 50 4 Z;
M50 8 C70 8, 90 20, 92 44 C94 62, 86 72, 80 80 C78 82, 82 84, 78 86 C74 90, 72 88, 68 90 C62 94, 58 96, 50 96 C40 96, 30 94, 24 88 C22 90, 16 92, 14 88 C12 84, 18 84, 14 80 C8 72, 4 60, 8 46 C12 28, 30 8, 50 8 Z;
M50 4 C72 8, 92 22, 92 46 C92 62, 88 68, 80 76 C78 80, 80 82, 78 86 C72 90, 70 86, 68 88 C62 92, 58 92, 50 92 C42 92, 36 92, 30 86 C28 88, 22 90, 18 86 C14 82, 18 80, 16 78 C8 70, 8 60, 8 48 C8 26, 28 4, 50 4 Z;
M50 6 C72 6, 92 22, 92 44 C92 60, 88 70, 80 78 C78 80, 80 84, 78 86 C74 90, 70 86, 68 88 C62 92, 58 94, 50 94 C40 94, 32 92, 24 86 C22 88, 18 92, 14 88 C12 86, 16 82, 14 80 C8 72, 6 60, 8 48 C10 26, 28 6, 50 6 Z">
</animate>
</path>
<ellipse cx="50" cy="54" rx="22" ry="20" fill="url(#pup)" stroke="#0a1f00" stroke-width="3"></ellipse>
<circle cx="50" cy="54" r="12" fill="#0a1f00"></circle>
<path d="M46 49 L46 59 L55 54 Z" fill="#a3ff52"></path>
<circle cx="45" cy="48" r="3" fill="#fff"></circle>
</svg>
src/Frontend/public/logos/big.svg
+20
-0
diff --git a/src/Frontend/public/logos/big.svg b/src/Frontend/public/logos/big.svg
new file mode 100644
index 0000000..91ed295
@@ -0,0 +1,20 @@
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="fill" cx="38%" cy="28%" r="80%">
<stop offset="0%" stop-color="#e8ffb5"></stop>
<stop offset="45%" stop-color="#a3ff52"></stop>
<stop offset="100%" stop-color="#246305"></stop>
</radialGradient>
<radialGradient id="pup" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#ffffff"></stop>
<stop offset="55%" stop-color="#ffffff"></stop>
<stop offset="100%" stop-color="#c8c8c8"></stop>
</radialGradient>
</defs>
<path stroke="#0a1f00" stroke-width="4" stroke-linejoin="round" fill="url(#fill)" d="M50 6 C72 6, 92 22, 92 44 C92 60, 88 70, 80 78 C78 80, 80 84, 78 86 C74 90, 70 86, 68 88 C62 92, 58 94, 50 94 C40 94, 32 92, 24 86 C22 88, 18 92, 14 88 C12 86, 16 82, 14 80 C8 72, 6 60, 8 48 C10 26, 28 6, 50 6 Z">
</path>
<ellipse cx="50" cy="54" rx="22" ry="20" fill="url(#pup)" stroke="#0a1f00" stroke-width="3"></ellipse>
<circle cx="50" cy="54" r="12" fill="#0a1f00"></circle>
<path d="M46 49 L46 59 L55 54 Z" fill="#a3ff52"></path>
<circle cx="45" cy="48" r="3" fill="#fff"></circle>
</svg>
src/Frontend/public/logos/small-mono.svg
+6
-0
diff --git a/src/Frontend/public/logos/small-mono.svg b/src/Frontend/public/logos/small-mono.svg
new file mode 100644
index 0000000..156421d
@@ -0,0 +1,6 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<path stroke="currentColor" fill="none" stroke-width="0.64" stroke-linejoin="round" d="M8 0.96 C11.52 0.96, 14.72 3.52, 14.72 7.04 C14.72 9.6, 14.08 11.2, 12.8 12.48 C12.48 12.8, 12.8 13.44, 12.48 13.76 C11.84 14.4, 11.2 13.76, 10.88 14.08 C9.92 14.72, 9.28 15.04, 8 15.04 C6.4 15.04, 5.12 14.72, 3.84 13.76 C3.52 14.08, 2.88 14.72, 2.24 14.08 C1.92 13.76, 2.56 13.12, 2.24 12.8 C1.28 11.52, 0.96 9.6, 1.28 7.68 C1.6 4.16, 4.48 0.96, 8 0.96 Z">
</path>
<ellipse cx="8" cy="8.32" rx="4.48" ry="4.48" stroke="currentColor" fill="none" stroke-width="0.48"></ellipse>
<circle cx="8" cy="8.32" r="1.92" fill="currentColor"></circle>
</svg>
src/Frontend/public/logos/small.svg
+13
-0
diff --git a/src/Frontend/public/logos/small.svg b/src/Frontend/public/logos/small.svg
new file mode 100644
index 0000000..a6d7351
@@ -0,0 +1,13 @@
<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
<defs>
<radialGradient id="pup" cx="40%" cy="35%" r="70%">
<stop offset="0%" stop-color="#ffffff"></stop>
<stop offset="55%" stop-color="#ffffff"></stop>
<stop offset="100%" stop-color="#c8c8c8"></stop>
</radialGradient>
</defs>
<path stroke="#0a1f00" stroke-width="0.64" stroke-linejoin="round" fill="#a3ff52" d="M8 0.96 C11.52 0.96, 14.72 3.52, 14.72 7.04 C14.72 9.6, 14.08 11.2, 12.8 12.48 C12.48 12.8, 12.8 13.44, 12.48 13.76 C11.84 14.4, 11.2 13.76, 10.88 14.08 C9.92 14.72, 9.28 15.04, 8 15.04 C6.4 15.04, 5.12 14.72, 3.84 13.76 C3.52 14.08, 2.88 14.72, 2.24 14.08 C1.92 13.76, 2.56 13.12, 2.24 12.8 C1.28 11.52, 0.96 9.6, 1.28 7.68 C1.6 4.16, 4.48 0.96, 8 0.96 Z">
</path>
<ellipse cx="8" cy="8.32" rx="4.48" ry="4.48" fill="url(#pup)" stroke="#0a1f00" stroke-width="0.48"></ellipse>
<circle cx="8" cy="8.32" r="1.92" fill="#0a1f00"></circle>
</svg>