Update website logo

seniorblockchain · Nov 9, 2024 · d9c9e80 · d9c9e80
1 parent d443650
commit d9c9e80
Show file tree

Hide file tree

Showing 7 changed files with 43 additions and 39 deletions.
diff --git a/.astro/settings.json b/.astro/settings.json
@@ -1,6 +1,6 @@
 {
 	"_variables": {
-		"lastUpdateCheck": 1723623157588
+		"lastUpdateCheck": 1731167946543
 	},
 	"devToolbar": {
 		"enabled": false

diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/logo.svg b/public/logo.svg
diff --git a/src/assets/icons/WalletIcon.jsx b/src/assets/icons/WalletIcon.jsx
@@ -0,0 +1,9 @@
+export const WalletIcon = () => (
+    <svg xmlns="http://www.w3.org/2000/svg" className="w-6 h-6 mr-3  " viewBox="0 0 24 24" fill="none">
+    <path d="M6 8H10" stroke="#9ca3af" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M20.8333 9H18.2308C16.4465 9 15 10.3431 15 12C15 13.6569 16.4465 15 18.2308 15H20.8333C20.9167 15 20.9583 15 20.9935 14.9979C21.5328 14.965 21.9623 14.5662 21.9977 14.0654C22 14.0327 22 13.994 22 13.9167V10.0833C22 10.006 22 9.96726 21.9977 9.9346C21.9623 9.43384 21.5328 9.03496 20.9935 9.00214C20.9583 9 20.9167 9 20.8333 9Z" stroke="#9ca3af" stroke-width="1.5"/>
+    <path d="M20.965 9C20.8873 7.1277 20.6366 5.97975 19.8284 5.17157C18.6569 4 16.7712 4 13 4L10 4C6.22876 4 4.34315 4 3.17157 5.17157C2 6.34315 2 8.22876 2 12C2 15.7712 2 17.6569 3.17157 18.8284C4.34315 20 6.22876 20 10 20H13C16.7712 20 18.6569 20 19.8284 18.8284C20.6366 18.0203 20.8873 16.8723 20.965 15" stroke="#9ca3af" stroke-width="1.5"/>
+    <path d="M17.9912 12H18.0002" stroke="#9ca3af" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+    </svg>
+    );
+
diff --git a/src/assets/logos/SeniorBlockchainLogo.jsx b/src/assets/logos/SeniorBlockchainLogo.jsx
diff --git a/src/components/Navbar.jsx b/src/components/Navbar.jsx
@@ -3,6 +3,7 @@ import { motion, AnimatePresence } from "framer-motion";
 
 import { SeniorBlockchainLogo } from "../assets/logos/SeniorBlockchainLogo";
 import { GithubIcon } from "../assets/icons/GithubIcon";
+import { WalletIcon } from "../assets/icons/WalletIcon";
 
 const navbarLinks = [
   { label: "Home", href: "/#home", ariaLabel: "Home" },
@@ -67,12 +68,11 @@ export const Navbar = () => {
             <a
               className="text-white main-border-gray rounded-xl
            bg-bgDark2 hover:bg-bgDark3  border-gray-700 pl-6 pr-8 pt-2 pb-2 text-sm flex"
-              href="https://github.com/seniorblockchain"
-              target="_blank"
-              aria-label="source code"
+              href="#"
+              aria-label="Connect Wallet"
             >
-              <GithubIcon />
-              <span className="pt-px">Source code</span>
+              <WalletIcon />
+              <span className="pt-px">Connect Wallet</span>
             </a>
           </div>
         </motion.div>
@@ -112,11 +112,10 @@ export const Navbar = () => {
               ))}
               <a
                 className="outlined-button pl-6 pr-8 pt-2 pb-2  flex"
-                href="https://github.com/matt765/Tidestream"
-                target="_blank"
+                href="#"
               >
-                <GithubIcon />
-                Source code
+                <WalletIcon />
+                Connect Wallet
               </a>
             </div>
           </motion.div>

diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -4,20 +4,20 @@ module.exports = {
   theme: {
     extend: {
       colors: {
-        primaryColor: "rgb(99, 102, 241)",
-        secondaryColor: "rgb(161, 163, 247)",
-        primaryText: "rgb(255,255,255)",
-        secondaryText: "rgb(174, 178, 183)",
-        bgDark1: "rgb(31, 32, 35)",
-        bgDark2: "rgb(38, 39, 43)",
-        bgDark3: "rgb(48, 49, 54)",
-        bgDark3Hover: "rgb(55, 56, 62)",
-        bgDarkTransparent: "rgb(31, 32, 35, 0.7)",
-        bgDarkTransparentDarker: "rgb(0,0,0,0.5)",
-        bgDarkTransparentLighter: "rgb(48, 49, 54, 0.7)",
-        mainBorder: "rgb(255,255,255,0.15)",
-        mainBorderDarker: "rgb(255,255,255,0.07)",
-        quoteIconColor: "rgb(178, 184, 205)"
+        primaryColor: "rgb(0, 136, 204)", 
+        secondaryColor: "rgb(48, 105, 152)", 
+        primaryText: "rgb(255, 255, 255)", 
+        secondaryText: "rgb(136, 153, 166)", 
+        bgDark1: "rgb(29, 34, 39)", 
+        bgDark2: "rgb(33, 43, 54)", 
+        bgDark3: "rgb(38, 50, 61)", 
+        bgDark3Hover: "rgb(45, 55, 70)", 
+        bgDarkTransparent: "rgba(29, 34, 39, 0.7)", 
+        bgDarkTransparentDarker: "rgba(0, 0, 0, 0.5)", 
+        bgDarkTransparentLighter: "rgba(38, 50, 61, 0.7)", 
+        mainBorder: "rgba(255, 255, 255, 0.15)", 
+        mainBorderDarker: "rgba(255, 255, 255, 0.07)", 
+        quoteIconColor: "rgb(153, 170, 181)" 
       },
       fontFamily: {
         Inter: "Inter",
@@ -33,4 +33,3 @@ module.exports = {
     },
   },
 };
-