From 11b756945f0b1ff7adf825996a3e0fcc5dff03db Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Mon, 9 Sep 2024 14:24:11 +0600
Subject: [PATCH] web/about: thanks & licenses page

---
 web/src/lib/env.ts                        |  2 ++
 web/src/routes/about/credits/+page.svelte | 42 ++++++++++++++++++++++-
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/env.ts b/web/src/lib/env.ts
index f303b432..43dc98df 100644
--- a/web/src/lib/env.ts
+++ b/web/src/lib/env.ts
@@ -50,6 +50,8 @@ const siriShortcuts = {
 
 const docs = {
     instanceHosting: "https://github.com/imputnet/cobalt/blob/main/docs/run-an-instance.md",
+    webLicense: "https://github.com/imputnet/cobalt/blob/main/web/LICENSE",
+    apiLicense: "https://github.com/imputnet/cobalt/blob/main/api/LICENSE",
 };
 
 const apiURL = "https://api.cobalt.tools";
diff --git a/web/src/routes/about/credits/+page.svelte b/web/src/routes/about/credits/+page.svelte
index 392529e0..a9148275 100644
--- a/web/src/routes/about/credits/+page.svelte
+++ b/web/src/routes/about/credits/+page.svelte
@@ -1 +1,41 @@
-<div>thanks :3</div>
+<script lang="ts">
+    import { contacts, docs } from "$lib/env";
+    import OuterLink from "$components/misc/OuterLink.svelte";
+</script>
+
+<div id="credits-body" class="long-text-noto about">
+    <section id="meowbalt">
+        <h3>meowbalt</h3>
+        <p>
+            meowbalt is cobalt's speedy mascot. he is an extremely expressive cat that loves fast internet.
+        </p>
+        <p>
+            all amazing drawings of meowbalt that you see in cobalt were made by
+            <OuterLink href="https://glitchypsi.xyz/">GlitchyPSI</OuterLink>.
+            he is also the original designer of the character.
+        </p>
+        <p>
+            you cannot use or modify GlitchyPSI's artworks of meowbalt without his explicit permission.
+        </p>
+        <p>
+            you cannot use or modify the meowbalt character design commercially or in any form that isn't fan art.
+        </p>
+    </section>
+    <section id="licenses">
+        <h3>cobalt licenses</h3>
+        <p>
+            cobalt processing server is open source and licensed under <OuterLink href={docs.apiLicense}>AGPL-3.0</OuterLink>.
+        </p>
+        <p>
+            cobalt frontend is
+            <OuterLink href="https://sourcefirst.com/">source first</OuterLink>
+            and licensed under
+            <OuterLink href={docs.webLicense}>CC-BY-NC-SA 4.0</OuterLink>.
+            we decided to use this license to stop grifters from profiting off our work & from creating malicious clones that deceive people and hurt our public identity.
+        </p>
+        <p>
+            we rely on many open source libraries, create & distribute our own.
+            you can see the full list of dependencies on <OuterLink href={contacts.github}>github</OuterLink>.
+        </p>
+    </section>
+</div>