made genral fixes, including to the footer, header, body padding, and…

… links
0xZeroLabs · Oct 2, 2024 · 2b52f9f · 2b52f9f
1 parent 3bb10e8
commit 2b52f9f
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 11 deletions.
diff --git a/apps/landing/assets/scss/main.scss b/apps/landing/assets/scss/main.scss
@@ -177,7 +177,7 @@
     scroll-behavior: smooth;
   }
   body {
-    @apply bg-background text-foreground font-SpaceMono font-light px-5 w-full;
+    @apply bg-background text-foreground font-SpaceMono font-light px-5 py-4 w-full;
     // font-family: "Space Grotesk";
   }
   a:hover {

diff --git a/apps/landing/components/Footer.vue b/apps/landing/components/Footer.vue
@@ -39,10 +39,10 @@
                 <li class=""><a href="https://t.me/zeroproto">
                         <Scramble content="Telegram" />
                     </a></li>
-                <li class=""><a href="/">
+                <li class=""><a href="https://www.linkedin.com/company/0xzero">
                         <Scramble content="LinkedIn" />
                     </a></li>
-                <li class=""><a href="/">
+                <li class=""><a href="https://youtube.com/@0xZeroOrg">
                         <Scramble content="YouTube" />
                     </a></li>
             </ul>
@@ -55,7 +55,7 @@
                 <li class=""><a href="/about">
                         <Scramble content="About Us" />
                     </a></li>
-                <li class=""><a href="/blog">
+                <li class=""><a href="https://paragraph.xyz/@0xzero">
                         <Scramble content="Blog" />
                     </a></li>
                 <li class=""><a href="/contact">
@@ -78,7 +78,7 @@ a {
 footer {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
-    grid-template-rows: repeat(5, auto);
+    grid-template-rows: repeat(3, auto);
 }
 
 .column-ends {
@@ -95,15 +95,18 @@ footer {
 
 @media (min-width: 1024px) {
     .logo {
-        grid-column-end: span calc(4/2);
+        grid-column-end: span 2;
+        grid-row-end: span 1;
     }
 
     .column-ends {
-        grid-column-end: span calc(4/3);
+        grid-column-end: span 1;
+        grid-row-end: span 2;
     }
 
     .row-ends {
-        grid-column-end: span calc(2);
+        grid-column-end: span 2;
+        grid-row-end: span 3;
     }
 }
 </style>
diff --git a/apps/landing/components/Hero.vue b/apps/landing/components/Hero.vue
@@ -1,6 +1,6 @@
 <template>
     <div
-        class="min-w-full min-h-[calc(100vh-252px)] rounded-3xl p-5 mt-[72px] relative overflow-hidden flex justify-start items-center text-black gap-3 bg-white">
+        class="min-w-full min-h-[calc(100vh-252px)] rounded-3xl p-5 mt-[56px] relative overflow-hidden flex justify-start items-center text-black gap-3 bg-white">
         <div class="">
             <img src="@/assets/statue-head.png" alt="" class="hidden absolute z-0 -scale-x-100 w-[400px] h-fit -bottom-[100px] right-0">
             <h1 class="negative font-normal text-[24px] md:text-[32px] text-left mb-4 z-10 relative">
@@ -11,7 +11,7 @@
             </h2>
             <div class="gap-2 flex justify-start items-center z-10 relative">
                 <ScrambleBtn content="Explore protocol" type="inverse-alt" />
-                <a href="https://docs.0xzero.org/developers/zero-sdk"
+                <a href="https://docsend.com/view/2fbpws5p2vsjnqqj"
                     class="negative text-sm"><Scramble content="Read whitepaper" /></a>
             </div>
         </div>

diff --git a/apps/landing/components/Navigation.vue b/apps/landing/components/Navigation.vue
@@ -4,7 +4,7 @@
             class="fixed z-[100] w-screen h-screen top-0 left-0 bg-[#00000080] backdrop-blur cursor-default"></span>
     </Transition>
     <div class="w-full py-4 flex justify-start items-center fixed top-0 z-[999]">
-        <div class="z-[999] flex flex-wrap gap-2 justify-start items-center text-white w-[calc(100%-10px)]"
+        <div class="z-[999] flex flex-wrap gap-2 justify-start items-center text-white"
             ref="menuContent">
             <router-link to="/" class="h-[40px] border-[0.5px] border-[#fff] btn">
                 <img src="@/assets/logo.svg" class="w-fit h-4">