feat: add youtube link and create footer nav

src/components/Footer.tsx

@@ -1,17 +1,18 @@
-import betterstack from "../assets/betterstack.svg";
 import discord from "../assets/discord.svg";
 import github from "../assets/github.svg";
 import nostr from "../assets/nostr.svg";
-import substack from "../assets/substack.svg";
 import twitter from "../assets/twitter.svg";
+import youtube from "../assets/youtube.svg";
 import {
     blogUrl,
+    brandingUrl,
     discordUrl,
     githubUrl,
     nostrUrl,
     repoUrl,
     statusUrl,
     twitterUrl,
+    youtubeUrl,
 } from "../config";
 import { useGlobalContext } from "../context/Global";
 import "../style/footer.scss";
@@ -31,7 +32,6 @@ const Footer = () => {
                     Discord
                 </a>
             </h4>
-            <h2 class="special">{t("socialmedia")}</h2>
             <div class="socials">
                 <a
                     title="Github"
@@ -40,13 +40,6 @@ const Footer = () => {
                     href={githubUrl}>
                     <img src={github} alt="Github Logo" />
                 </a>
-                <a
-                    title="Substack"
-                    class="substack"
-                    target="_blank"
-                    href={blogUrl}>
-                    <img src={substack} alt="Substack Logo" />
-                </a>
                 <a
                     title="Discord"
                     class="discord"
@@ -65,13 +58,26 @@ const Footer = () => {
                     <img src={nostr} alt="Nostr Logo" />
                 </a>
                 <a
-                    title="Boltz API Status"
-                    class="betterstack"
+                    title="Youtube"
+                    class="youtube"
                     target="_blank"
-                    href={statusUrl}>
-                    <img src={betterstack} alt="Better Stack Logo" />
+                    href={youtubeUrl}>
+                    <img src={youtube} alt="Youtube Logo" />
                 </a>
             </div>
+            <h4 class="footer-nav">
+                <a target="_blank" href={blogUrl}>
+                    {t("blog")}
+                </a>{" "}
+                |{" "}
+                <a target="_blank" href={statusUrl}>
+                    {t("status")}
+                </a>{" "}
+                |{" "}
+                <a target="_blank" href={brandingUrl}>
+                    {t("branding")}
+                </a>
+            </h4>
             <p>{t("footer")}</p>
             <p class="version">
                 {t("version")}:{" "}

src/components/Nav.tsx

@@ -3,7 +3,7 @@ import { For, Show, createSignal } from "solid-js";
 
 import logo from "../assets/boltz.svg";
 import Warnings from "../components/Warnings";
-import { blogUrl, discordUrl, docsUrl, torUrl } from "../config";
+import { discordUrl, docsUrl, torUrl } from "../config";
 import { useGlobalContext } from "../context/Global";
 import locales from "../i18n/i18n";
 import "../style/nav.scss";
@@ -62,11 +62,6 @@ const Nav = ({ network }) => {
                     <A href="/history" onClick={() => setHamburger(false)}>
                         {t("history")}
                     </A>
-                    <Show when={blogUrl}>
-                        <a class="external" target="_blank" href={blogUrl}>
-                            {t("blog")}
-                        </a>
-                    </Show>
                     <Show when={docsUrl}>
                         <a class="external" target="_blank" href={docsUrl}>
                             {t("documentation")}

src/configs/templates/defaults.ts

@@ -12,3 +12,5 @@ export const blogUrl = "https://blog.boltz.exchange";
 export const nostrUrl =
     "https://snort.social/p/npub1psm37hke2pmxzdzraqe3cjmqs28dv77da74pdx8mtn5a0vegtlas9q8970";
 export const statusUrl = "https://status.boltz.exchange";
+export const youtubeUrl = "https://www.youtube.com/@boltzhq";
+export const brandingUrl = "https://github.com/BoltzExchange/logo";

src/i18n/i18n.ts

@@ -39,7 +39,6 @@ const dict = {
         minimum_amount: "Minimum amount is {{ amount }} {{ denomination }}",
         maximum_amount: "Maximum amount is {{ amount }} {{ denomination }}",
         assets: "Multi-Layer",
-        socialmedia: "Follow us on",
         footer: "Made with ❤️ by Team Boltz",
         create_channel: "Create Lightning Channel",
         create_channel_subline: "Channel Inbound or Outbound Capacity",
@@ -167,6 +166,7 @@ const dict = {
         open_in_wallet: "Open in Wallet",
         invoice_paid: "Invoice paid",
         creating_coop_claim: "Creating cooperative claim transaction.",
+        branding: "Branding",
     },
     de: {
         language: "Deutsch",
@@ -209,7 +209,6 @@ const dict = {
         minimum_amount: "Mindestbetrag ist {{ amount }} {{ denomination }}",
         maximum_amount: "Höchstbetrag ist {{ amount }} {{ denomination }}",
         assets: "Multi-layer",
-        socialmedia: "Folge uns auf",
         footer: "Gemacht mit ❤️ von Team Boltz",
         create_channel: "Erstelle Lightning-Kanal",
         create_channel_subline: "Eingehende oder ausgehende Kapazität",
@@ -341,6 +340,7 @@ const dict = {
         open_in_wallet: "Im Wallet öffnen",
         invoice_paid: "Rechnung bezahlt",
         creating_coop_claim: "Erstelle kooperative Claim-Transaktion.",
+        branding: "Branding",
     },
     es: {
         language: "Español",
@@ -382,7 +382,6 @@ const dict = {
         minimum_amount: "La cantidad mínima es {{ amount }} {{ denomination }}",
         maximum_amount: "La cantidad máxima es {{ amount }} {{ denomination }}",
         assets: "Multicapa",
-        socialmedia: "Síguenos en",
         footer: "Hecho con ❤️ por el equipo de Boltz",
         create_channel: "Crear canal Lightning",
         create_channel_subline: "Capacidad del canal entrante o saliente",
@@ -517,6 +516,7 @@ const dict = {
         invoice_paid: "Factura pagada",
         creating_coop_claim:
             "Creación de una transacción de reclamación cooperativa.",
+        branding: "Branding",
     },
     zh: {
         language: "中文",
@@ -558,7 +558,6 @@ const dict = {
         minimum_amount: "最小金额为{{ amount }}{{ denomination }}",
         maximum_amount: "最大金额为{{ amount }}{{ denomination }}",
         assets: "多层",
-        socialmedia: "在以下社交媒体上关注我们",
         footer: "Boltz团队倾情 ❤️ 制作",
         create_channel: "创建闪电网络通道",
         create_channel_subline: "通道入站或出站容量",
@@ -676,6 +675,7 @@ const dict = {
         open_in_wallet: "在钱包中打开",
         invoice_paid: "发票已支付",
         creating_coop_claim: "创建合作索赔交易。",
+        branding: "品牌",
     },
 };
 

src/style/footer.scss

@@ -34,3 +34,14 @@
         }
     }
 }
+
+.footer-nav {
+    a {
+        color: #fff;
+        padding: 0 2px;
+        opacity: 0.4;
+        &:hover {
+            opacity: 1;
+        }
+    }
+}