replace logo & favicon

BreadchainCoop · Mar 16, 2024 · 15d1780 · 15d1780
1 parent f848ec4
commit 15d1780
Show file tree

Hide file tree

Showing 15 changed files with 54 additions and 24 deletions.
diff --git a/apps/site/public/favicon.svg b/apps/site/public/favicon.svg
diff --git a/apps/site/public/img/android-chrome-192x192.png b/apps/site/public/img/android-chrome-192x192.png
diff --git a/apps/site/public/img/android-chrome-512x512.png b/apps/site/public/img/android-chrome-512x512.png
diff --git a/apps/site/public/img/apple-touch-icon.png b/apps/site/public/img/apple-touch-icon.png
diff --git a/apps/site/public/img/bread_32x32.png b/apps/site/public/img/bread_32x32.png
diff --git a/apps/site/public/img/bread_favicon.png b/apps/site/public/img/bread_favicon.png
diff --git a/apps/site/public/img/breadlogo_square.png b/apps/site/public/img/breadlogo_square.png
diff --git a/apps/site/public/img/browserconfig.xml b/apps/site/public/img/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/apps/site/public/img/favicon-16x16.png b/apps/site/public/img/favicon-16x16.png
diff --git a/apps/site/public/img/favicon-32x32.png b/apps/site/public/img/favicon-32x32.png
diff --git a/apps/site/public/img/favicon.ico b/apps/site/public/img/favicon.ico
diff --git a/apps/site/public/img/mstile-150x150.png b/apps/site/public/img/mstile-150x150.png
diff --git a/apps/site/src/layouts/Layout.astro b/apps/site/src/layouts/Layout.astro
@@ -19,7 +19,23 @@ const { title } = Astro.props;
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width" />
-    <link rel="icon" type="image/svg+xml" href="/img/bread_32x32.png" />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/img/apple-touch-icon.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="32x32"
+      href="/img/favicon-32x32.png"
+    />
+    <link
+      rel="icon"
+      type="image/png"
+      sizes="16x16"
+      href="/img/favicon-16x16.png"
+    />
     <meta name="generator" content={Astro.generator} />
     <meta name="description" content="The currency for solidarity." />
     <meta name="title" content={title} />

diff --git a/packages/site-ui/components/Header.tsx b/packages/site-ui/components/Header.tsx
@@ -5,7 +5,7 @@ import { pageWrap, pageWrapPadding } from "./classStrings";
 import { DesktopNavigation } from "./DesktopNavigation";
 import MobileNavigation from "./MobileNavigation";
 import MobileNavigationToggle from "./MobileNavigation/MobileNavigationToggle";
-import { Logo } from "./Logo/Logo";
+import { NewLogo } from "./Logo/NewLogo";
 import { ButtonLink } from "./ButtonLink";
 import { ColorToggle } from "./ColorToggle/ColorToggle";
 
@@ -34,7 +34,7 @@ export function Header() {
         )}
       >
         <div className="w-24 md:w-28">
-          <Logo />
+          <NewLogo />
         </div>
 
         <div className="flex grow gap-4 lg:gap-6">

diff --git a/packages/site-ui/components/Logo/NewLogo.tsx b/packages/site-ui/components/Logo/NewLogo.tsx
@@ -1,20 +1,38 @@
 import React from "react";
 
-export function Logo() {
+export function NewLogo() {
   return (
-    <div className="flex items-center 4-8 h-8">
-      <a href="/" className="inline-block w-full h-full md:w-[2.5rem] md:h-[2.39125rem]">
-        <svg className="w-full h-full" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path fillRule="evenodd" clipRule="evenodd" d="M6.95652 0.869629C3.11454 0.869629 0 3.98417 0 7.82615C0 11.6677 3.11382 14.7819 6.95518 14.7827L6.95518 34.1304C6.95518 36.8918 9.19375 39.1304 11.9552 39.1304H28.0421C30.8036 39.1304 33.0421 36.8918 33.0421 34.1304V14.7827H33.0435C36.8855 14.7827 40 11.6681 40 7.82615C40 3.98417 36.8855 0.869629 33.0435 0.869629L6.95652 0.869629Z" fill="url(#paint0_linear_1675_1493)" />
+    <div className="flex h-8 w-8 items-center">
+      <a
+        href="/"
+        className="inline-block h-full w-full md:h-[2.39125rem] md:w-[2.5rem]"
+      >
+        <svg
+          className="h-full w-full"
+          viewBox="0 0 40 40"
+          fill="none"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            fillRule="evenodd"
+            clipRule="evenodd"
+            d="M6.95652 0.869629C3.11454 0.869629 0 3.98417 0 7.82615C0 11.6677 3.11382 14.7819 6.95518 14.7827L6.95518 34.1304C6.95518 36.8918 9.19375 39.1304 11.9552 39.1304H28.0421C30.8036 39.1304 33.0421 36.8918 33.0421 34.1304V14.7827H33.0435C36.8855 14.7827 40 11.6681 40 7.82615C40 3.98417 36.8855 0.869629 33.0435 0.869629L6.95652 0.869629Z"
+            fill="url(#paint0_linear_1675_1493)"
+          />
           <defs>
-            <linearGradient id="paint0_linear_1675_1493" x1="5.5" y1="31" x2="32.9413" y2="6.84103" gradientUnits="userSpaceOnUse">
+            <linearGradient
+              id="paint0_linear_1675_1493"
+              x1="5.5"
+              y1="31"
+              x2="32.9413"
+              y2="6.84103"
+              gradientUnits="userSpaceOnUse"
+            >
               <stop stopColor="#D04EC5" />
               <stop offset="1" stopColor="#ED7BC7" />
             </linearGradient>
           </defs>
         </svg>
-
-
       </a>
     </div>
   );