WIP: Puts the website as under construction

Author: ggteixeira

src/components/BaseHead.astro

@@ -15,7 +15,8 @@ const { title, description, image = "/open-graph.jpg" } = Astro.props
 <!-- Global Metadata -->
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width,initial-scale=1" />
-<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+<!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
+<link rel="icon" type="image/svg+xml" href="/memoji-macbook.png" />
 <meta name="generator" content={Astro.generator} />
 
 <link rel="preload" href="/fonts/atkinson-regular.woff" as="font" type="font/woff" crossorigin>

src/components/Header.astro

@@ -11,9 +11,10 @@ import Container from "@components/Container.astro"
     <div class="relative h-full w-full">
       <div class="absolute left-0 top-1/2 -translate-y-1/2 flex gap-1 font-semibold">
         <a href="/" class="flex gap-1 text-current hover:text-black dark:hover:text-white transition-colors duration-300 ease-in-out">
-          <svg class="size-6 fill-current">
-            <use href="/brand.svg#brand"></use>
-          </svg>
+          <!-- <svg class="size-6 fill-current"> -->
+            <!-- <use href="/brand.svg#brand"></use> -->
+            <!-- <use href="/memoji-macbook.svg#brand"></use> -->
+          <!-- </svg> -->
           <div>
             {SITE.TITLE}
           </div>

src/consts.ts

@@ -33,22 +33,22 @@ export const SEARCH: Page = {
 
 // Links
 export const LINKS: Links = [
-  {
-    TEXT: "Home",
-    HREF: "/",
-  },
-  {
-    TEXT: "Work",
-    HREF: "/work",
-  },
-  {
-    TEXT: "Blog",
-    HREF: "/blog",
-  },
-  {
-    TEXT: "Projects",
-    HREF: "/projects",
-  },
+  // {
+  //   TEXT: "Home",
+  //   HREF: "/",
+  // },
+  // {
+  //   TEXT: "Work",
+  //   HREF: "/work",
+  // },
+  // {
+  //   TEXT: "Blog",
+  //   HREF: "/blog",
+  // },
+  // {
+  //   TEXT: "Projects",
+  //   HREF: "/projects",
+  // },
 ];
 
 // Socials

src/pages/index.astro

@@ -80,23 +80,26 @@ const stack = [
       <div class='relative w-full h-full flex items-center justify-center'>
         <div class='p-5 text-center'>
           <p class='animated text-lg md:text-xl lg:text-2xl font-semibold opacity-75'>
-            Hello, my name is 
+            <!-- Hello, my name is  -->
           </p>
-          <p class='animated text-2xl md:text-3xl lg:text-4xl font-bold uppercase text-black dark:text-white'>
-            Guilherme Teixeira
-          </p>
-          <p class='animated text-sm md:text-base lg:text-lg opacity-75'>
+          <!-- <p class='animated text-2xl md:text-3xl lg:text-4xl font-bold uppercase text-black dark:text-white'> -->
+          <!--   Guilherme Teixeira -->
+          <!-- </p> -->
+          <del class='animated text-2xl md:text-3xl lg:text-4xl font-bold uppercase text-black dark:text-white'>
+            UNDER CONSTRUCTION
+          </del>
+          <!-- <p class='animated text-sm md:text-base lg:text-lg opacity-75'> -->
             <!-- Currently designing products for humans. -->
-           and I am a software developer 
-          </p>
-          <div id="ctaButtons" class='animated flex flex-wrap gap-4 justify-center mt-5'>
-            <a href='/blog' class='py-2 px-4 rounded truncate text-xs md:text-sm lg:text-base bg-black dark:bg-white text-white dark:text-black hover:opacity-75 blend'>
-              Read my blog
-            </a>
-            <a href='/work' class='py-2 px-4 truncate rounded text-xs md:text-sm lg:text-base border border-black/25 dark:border-white/25 hover:bg-black/5 hover:dark:bg-white/15 blend'>
-              View my work
-            </a>
-          </div>
+           <!-- and I am a software developer  -->
+          <!-- </p> -->
+          <!-- <div id="ctaButtons" class='animated flex flex-wrap gap-4 justify-center mt-5'> -->
+          <!--   <a href='/blog' class='py-2 px-4 rounded truncate text-xs md:text-sm lg:text-base bg-black dark:bg-white text-white dark:text-black hover:opacity-75 blend'> -->
+          <!--     Read my blog -->
+          <!--   </a> -->
+          <!--   <a href='/work' class='py-2 px-4 truncate rounded text-xs md:text-sm lg:text-base border border-black/25 dark:border-white/25 hover:bg-black/5 hover:dark:bg-white/15 blend'> -->
+          <!--     View my work -->
+          <!--   </a> -->
+          <!-- </div> -->
         </div>
       </div>
     </div>