rebrand to campfire!

src/lib/app.css

@@ -58,7 +58,7 @@ a:hover {
     text-decoration: underline;
 }
 
-#spacesocial-app {
+#app {
     margin: auto 0;
     padding: 0 16px;
     display: flex;

src/lib/client/api.js

@@ -7,10 +7,10 @@ import { get } from 'svelte/store';
 
 export async function createApp(host) {
     let form = new FormData();
-    form.append("client_name", "space social");
+    form.append("client_name", "Campfire");
     form.append("redirect_uris", `${location.origin}/callback`);
     form.append("scopes", "read write push");
-    form.append("website", "https://spacesocial.arimelody.me");
+    form.append("website", "https://campfire.bliss.town");
 
     const res = await fetch(`https://${host}/api/v1/apps`, {
         method: "POST",

src/lib/client/client.js

@@ -4,7 +4,7 @@ import { get, writable } from 'svelte/store';
 
 let client = writable(false);
 
-const save_name = "spacesocial";
+const save_name = "campfire";
 
 export class Client {
     instance;

src/lib/ui/Navigation.svelte

@@ -1,6 +1,5 @@
 <script>
-    import LogoLight from '$lib/../img/spacesocial-logo-light.svg';
-    import LogoDark from '$lib/../img/spacesocial-logo-dark.svg';
+    import Logo from '$lib/../img/CampfireLogo.svelte';
     import Button from './Button.svelte';
     import Feed from './Feed.svelte';
     import { Client } from '$lib/client/client.js';
@@ -45,8 +44,7 @@
         </header>
     {:else}
         <header class="instance-header">
-            <img class="app-icon light-only" src={LogoLight} width="320px" aria-label="Space Social"/>
-            <img class="app-icon dark-only" src={LogoDark} width="320px" aria-label="Space Social"/>
+            <Logo />
         </header>
     {/if}
 
@@ -91,7 +89,7 @@
     </div>
     {/if}
     <span class="version">
-        space social v{VERSION}
+        campfire v{VERSION}
         <br>
         <ul>
             <li><a href="https://git.arimelody.me/ari/spacesocial-client">source</a></li>
@@ -129,7 +127,7 @@
         border-radius: 8px;
     }
 
-    .app-icon {
+    :global(.app-logo) {
         max-width: 80%;
         max-height: 80%;
         margin: auto;