favicon, footer link, og image.

README.md

@@ -17,9 +17,3 @@ Run dev server
 ```sh
 pnpm run dev
 ```
-
-/\*
-2b21828ccd20d6bd2e554cd96df03ba0f779755e8e4014d7f614dac144a27fe0
-
-cast s 0x689666145B8E80F705B87f4e4190820D9A4C1646 "function mint(address,uint256)" `cast wallet address $TEST_PK_2` 1000000000000000000 --private-key $TEST_PK_2 --rpc-url $RPC_URL
-\*/

public/site.webmanifest

@@ -0,0 +1,14 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

src/app/bakery/components/SwapReverse.tsx

@@ -7,18 +7,20 @@ function SwapReverse({ onClick }: TProps) {
     <button
       type="button"
       aria-label="switch between bake and burn"
-      className="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2  inline-block bg-breadgray-ultra-white  dark:bg-breadgray-grey300 px-5 py-2 dark:text-breadgray-ultra-white border-2 rounded-lg border-breadgray-rye dark:border-breadgray-grey200 hover:border-breadviolet-shaded dark:hover:border-breadpink-shaded transition-border"
+      className="absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2  inline-block bg-breadgray-ultra-white  dark:bg-breadgray-grey300 px-5 py-2 dark:text-breadgray-ultra-white border-2 rounded-lg border-breadgray-rye dark:border-breadgray-grey200 hover:border-breadviolet-shaded dark:hover:border-breadpink-shaded transition-all group"
       onClick={onClick}
     >
-      <DownIcon />
+      <div className="h-4 w-4 group-hover:transform group-hover:scale-125 group-hover:transition-transform">
+        <DownIcon />
+      </div>
     </button>
   );
 }
 
 function DownIcon() {
   return (
     <svg
-      className="h-4 w-4"
+      className="w-full h-full"
       viewBox="0 0 15 16"
       xmlns="http://www.w3.org/2000/svg"
     >

src/app/core/components/Footer/Footer.tsx

@@ -93,8 +93,19 @@ export function Footer() {
               <LinkIcon />
             </span>
           </a>
+          <a
+            href="https://breadchain.mailchimpsites.com/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex flex-row items-center"
+          >
+            <span className="pr-2">Newsletter</span>
+            <span className="text-breadpink-shaded">
+              <LinkIcon />
+            </span>
+          </a>
         </nav>
-        {/* copywright */}
+        {/* copyright */}
         <span className="text-breadgray-grey100 dark:text-breadgray-grey">
           Creative Commons {new Date().getFullYear()}
         </span>

src/app/governance/GovernancePage.tsx

@@ -131,8 +131,8 @@ export function GovernancePage() {
     );
 
   return (
-    <section className="grow max-w-[44rem] lg:max-w-[67rem] w-full m-auto pb-16">
-      <div className="max-w-96 m-auto sm:max-w-none grid w-full grid-cols-12 governance-rows p-4 md:py-8 md:px-2 gap-y-8 sm:gap-8 lg:gap-5 lg:gap-y-3">
+    <section className="grow w-full max-w-[44rem] lg:max-w-[67rem] m-auto pb-16 lg:px-8">
+      <div className="grid w-full grid-cols-12 governance-rows p-4 md:py-8 md:px-2 gap-y-8 sm:gap-8 lg:gap-5 lg:gap-y-3">
         <div className="col-span-12 lg:col-span-8 row-start-1 row-span-1">
           <h3 className="text-3xl font-bold text-breadgray-grey100 dark:text-breadgray-ultra-white">
             Bread Governance

src/app/governance/components/VotingPower.tsx

@@ -61,7 +61,7 @@ export function VotingPower({
                   width="19"
                   height="19"
                   filterUnits="userSpaceOnUse"
-                  color-interpolation-filters="sRGB"
+                  colorInterpolationFilters="sRGB"
                 >
                   <feFlood floodOpacity="0" result="BackgroundImageFix" />
                   <feColorMatrix

src/app/layout.tsx

@@ -23,6 +23,7 @@ export type Features = {
 export default function App({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
+      <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
       <link
         rel="apple-touch-icon"
         sizes="180x180"
@@ -40,6 +41,10 @@ export default function App({ children }: { children: React.ReactNode }) {
         sizes="16x16"
         href="/favicon-16x16.png"
       />
+      <link rel="manifest" href="/site.webmanifest" />
+      <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+      <meta name="msapplication-TileColor" content="#da532c" />
+      <meta name="theme-color" content="#ffffff" />
       <body
         className={clsx(
           "relative bg-[#F0F0F0] dark:bg-breadgray-grey100 dark:text-breadgray-white",