add earbetter logo

ryanatkn · Jul 11, 2024 · 6d167fc · 6d167fc
1 parent 79aff3e
commit 6d167fc
Show file tree

Hide file tree

Showing 5 changed files with 74 additions and 0 deletions.
diff --git a/.changeset/ten-windows-know.md b/.changeset/ten-windows-know.md
@@ -0,0 +1,5 @@
+---
+"@ryanatkn/fuz": patch
+---
+
+add earbetter logo
diff --git a/package.json b/package.json
@@ -194,6 +194,11 @@
       "types": "./dist/dimensions.svelte.d.ts",
       "default": "./dist/dimensions.svelte.js"
     },
+    "./Earbetter_Logo.svelte": {
+      "types": "./dist/Earbetter_Logo.svelte.d.ts",
+      "svelte": "./dist/Earbetter_Logo.svelte",
+      "default": "./dist/Earbetter_Logo.svelte"
+    },
     "./Fuz_Logo.svelte": {
       "types": "./dist/Fuz_Logo.svelte.d.ts",
       "svelte": "./dist/Fuz_Logo.svelte",

diff --git a/src/lib/Earbetter_Logo.svelte b/src/lib/Earbetter_Logo.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+	import type {SvelteHTMLElements} from 'svelte/elements';
+
+	interface Props {
+		fill?: string;
+		/**
+		 * Sets both the `width` and `height` of the svg. Overridden by the `width` and `height` props.
+		 */
+		size?: string;
+		/**
+		 * Sets the `width` of the svg. Overrides `size`.
+		 */
+		width?: string;
+		/**
+		 * Sets the `height` of the svg. Overrides `size`.
+		 */
+		height?: string;
+		label?: string;
+		classes?: string;
+		path_attrs?: SvelteHTMLElements['path'];
+		attrs?: SvelteHTMLElements['svg'];
+	}
+
+	const {
+		fill = 'var(--color_d_5)',
+		size,
+		width,
+		height,
+		label = 'two beamed musical notes with ears',
+		classes,
+		path_attrs,
+		attrs,
+	}: Props = $props();
+
+	const final_width = $derived(width ?? size);
+	const final_height = $derived(height ?? size);
+</script>
+
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	viewBox="0 0 100 100"
+	{...attrs}
+	aria-label={label}
+	style:width={final_width}
+	style:height={final_height}
+	class={classes}
+>
+	<path
+		{...path_attrs}
+		style:fill
+		d="M 18.684523,21.594255 92.665673,0.07053376 89.964671,71.044731 c 0,0 -9.264538,0.553683 -10.550847,3.374284 -0.683564,1.498909 2.903421,3.007843 2.64697,4.635178 -0.27412,1.739453 -1.668602,2.208126 -1.657522,3.969011 0.01167,1.854005 2.077972,1.739288 2.901318,3.400484 0.970337,1.957767 2.234864,4.524264 1.194002,6.445464 -0.86141,1.589971 -3.246154,2.492774 -5.008045,2.085619 -1.944653,-0.44939 -2.899151,-2.049885 -4.585116,-3.118131 -1.579454,-1.000759 -3.269281,-1.803465 -4.761852,-2.929709 -2.922448,-2.205183 -4.425992,-5.928773 -5.821865,-9.313308 -1.377546,-3.340097 -2.936044,-6.995405 -2.404161,-10.569056 0.67834,-4.557676 3.253462,-9.893748 6.858685,-12.763405 5.737692,-4.567043 16.203616,1.595745 16.203616,1.595745 L 84.951434,19.725274 24.286494,33.208618 25.8216,81.03472 c 0,0 -5.914069,0.5073 -6.738183,2.531712 -0.40301,0.989982 2.060887,2.442228 2.151944,3.507212 0.09657,1.129399 -1.230571,2.199804 -0.900669,3.284254 0.323103,1.062103 1.718831,1.404202 2.204871,2.402312 0.776635,1.594863 2.345641,3.859334 1.265582,5.446649 -0.813159,1.195063 -2.768174,1.499027 -4.123144,0.995579 -1.307377,-0.485765 -2.424803,-1.789733 -3.56737,-2.589572 -1.184983,-0.829532 -1.858228,-1.023748 -2.999009,-1.913087 -2.26063,-1.76236 -3.4455617,-4.656726 -4.5264081,-7.311558 -1.1719601,-2.87863 -2.523621,-6.033763 -2.0251418,-9.101583 0.614849,-3.784001 2.7986309,-7.637587 5.9238179,-9.857926 3.138305,-2.229658 8.364184,1.875505 8.364184,1.875505"
+	/>
+</svg>
diff --git a/src/routes/library/logos/+page.svelte b/src/routes/library/logos/+page.svelte
@@ -9,6 +9,7 @@
 	import Mdn_Logo from '$lib/Mdn_Logo.svelte';
 	import Zzz_Logo from '$lib/Zzz_Logo.svelte';
 	import Webdevladder_Logo from '$lib/Webdevladder_Logo.svelte';
+	import Earbetter_Logo from '$lib/Earbetter_Logo.svelte';
 	import Moss_Logo from '$lib/Moss_Logo.svelte';
 	import Gro_Logo from '$lib/Gro_Logo.svelte';
 	import Spiderspace_Logo from '$lib/Spiderspace_Logo.svelte';
@@ -65,6 +66,10 @@
 				<a href="https://www.webdevladder.net/"><Webdevladder_Logo size="var(--icon_size_xl3)" /></a
 				>
 			</li>
+			<li>
+				<Code content={`<Earbetter_Logo />`} />
+				<a href="https://earbetter.ryanatkn.com/"><Earbetter_Logo size="var(--icon_size_xl3)" /></a>
+			</li>
 			<li>
 				<Code content={`<Spiderspace_Logo />`} />
 				<a href="https://www.spiderspace.org/"><Spiderspace_Logo size="var(--icon_size_xl3)" /></a>

diff --git a/src/routes/package.ts b/src/routes/package.ts
@@ -165,6 +165,11 @@ export const package_json = {
 			types: './dist/dimensions.svelte.d.ts',
 			default: './dist/dimensions.svelte.js',
 		},
+		'./Earbetter_Logo.svelte': {
+			types: './dist/Earbetter_Logo.svelte.d.ts',
+			svelte: './dist/Earbetter_Logo.svelte',
+			default: './dist/Earbetter_Logo.svelte',
+		},
 		'./Fuz_Logo.svelte': {
 			types: './dist/Fuz_Logo.svelte.d.ts',
 			svelte: './dist/Fuz_Logo.svelte',
@@ -429,6 +434,7 @@ export const src_json = {
 			path: 'dimensions.svelte.ts',
 			declarations: [{name: 'Dimensions', kind: 'class'}],
 		},
+		'./Earbetter_Logo.svelte': {path: 'Earbetter_Logo.svelte', declarations: []},
 		'./Fuz_Logo.svelte': {path: 'Fuz_Logo.svelte', declarations: []},
 		'./fuz.js': {
 			path: 'fuz.ts',