Add links to website

.env

@@ -3,6 +3,7 @@ VITE_DEFAULT_BLOSSOM_SERVERS=https://blossom.primal.net/
 VITE_DEFAULT_SPACES=https://support.flotilla.social/
 VITE_POMADE_SIGNERS=https://pomade.coracle.social,https://pomade.fiatjaf.com,https://pomade.nostrver.se,https://pomade.scuttle.works
 VITE_PLATFORM_URL=https://app.flotilla.social
+VITE_PLATFORM_ABOUT=https://flotilla.social
 VITE_PLATFORM_TERMS=https://flotilla.social/terms
 VITE_PLATFORM_PRIVACY=https://flotilla.social/privacy
 VITE_PLATFORM_NAME=Flotilla

src/app/components/Landing.svelte

@@ -9,7 +9,13 @@
   import CardButton from "@lib/components/CardButton.svelte"
   import LogIn from "@app/components/LogIn.svelte"
   import SignUp from "@app/components/SignUp.svelte"
-  import {PLATFORM_TERMS, PLATFORM_PRIVACY, PLATFORM_NAME, PLATFORM_DESCRIPTION} from "@app/env"
+  import {
+    PLATFORM_ABOUT,
+    PLATFORM_TERMS,
+    PLATFORM_PRIVACY,
+    PLATFORM_NAME,
+    PLATFORM_DESCRIPTION,
+  } from "@app/env"
   import {pushModal} from "@app/modal"
 
   const logIn = () => pushModal(LogIn)
@@ -50,7 +56,8 @@
       </CardButton>
     </Button>
     <p class="text-center text-xs opacity-75">
-      By using {PLATFORM_NAME}, you consent to our
+      By using <Link external class="link" href={PLATFORM_ABOUT}>{PLATFORM_NAME}</Link>, you consent
+      to our
       <Link external class="link" href={PLATFORM_TERMS}>Terms of Service</Link> and
       <Link external class="link" href={PLATFORM_PRIVACY}>Privacy Policy</Link>.
     </p>

src/app/env.ts

@@ -38,6 +38,8 @@ export const PLATFORM_RELAYS = fromCsv(env("VITE_PLATFORM_RELAYS")).map(normaliz
 
 export const PLATFORM_URL = env("VITE_PLATFORM_URL")
 
+export const PLATFORM_ABOUT = env("VITE_PLATFORM_ABOUT")
+
 export const PLATFORM_TERMS = env("VITE_PLATFORM_TERMS")
 
 export const PLATFORM_PRIVACY = env("VITE_PLATFORM_PRIVACY")

src/routes/settings/about/+page.svelte

@@ -5,13 +5,13 @@
   import Icon from "@lib/components/Icon.svelte"
   import Card from "@lib/components/Card.svelte"
   import Code from "@assets/icons/code-2.svg?dataurl"
-  import Global from "@assets/icons/global.svg?dataurl"
+  import Planet from "@assets/icons/planet.svg?dataurl"
   import Pen from "@assets/icons/pen.svg?dataurl"
   import HeadphonesRound from "@assets/icons/headphones-round.svg?dataurl"
   import Zap from "@app/components/Zap.svelte"
   import ZapInvoice from "@app/components/ZapInvoice.svelte"
   import ProfileDetail from "@app/components/ProfileDetail.svelte"
-  import {PLATFORM_NAME} from "@app/env"
+  import {PLATFORM_NAME, PLATFORM_ABOUT} from "@app/env"
   import {wallet} from "@app/lightning"
   import {pushModal} from "@app/modal"
   import {makeSpacePath} from "@app/routes"
@@ -68,9 +68,9 @@
           <Icon icon={Code} />
         </Link>
       </div>
-      <div class="tip tip-top" data-tip="About the Developer">
+      <div class="tip tip-top" data-tip="About {PLATFORM_NAME}">
-        <Link external href="https://coracle.tools">
+        <Link external href={PLATFORM_ABOUT}>
-          <Icon icon={Global} />
+          <Icon icon={Planet} />
         </Link>
       </div>
       <div class="tip tip-top" data-tip="Dev Blog">