projectcrayon
diff --git a/‎crayonolith-banner.webp
171 KB b/‎crayonolith-banner.webp
171 KB
diff --git a/‎index.html
Lines changed: 7 additions & 11 deletions b/‎index.html
Lines changed: 7 additions & 11 deletions
@@ -15,7 +15,8 @@
     <link rel="stylesheet" href="assets/css/aos-3.0.0.css" />
 </head>
 
-<body id="page-top"><a class="menu-toggle rounded" href="#"><i class="fa fa-bars"></i></a>
+<body id="page-top">
+    <a class="menu-toggle rounded" href="#"><i class="fa fa-bars"></i></a>
     <nav class="navbar navbar-expand" id="sidebar-wrapper">
         <div class="container"><button data-bs-toggle="collapse" class="navbar-toggler d-none" data-bs-target="#"></button>
             <div class="collapse navbar-collapse">
@@ -34,23 +35,18 @@
             </div>
         </div>
     </nav>
-    <header class="d-flex masthead" style="background: url(&quot;assets/img/crayonolith.jpg&quot;) center / cover no-repeat, var(--bs-primary-border-subtle);">
+    <header class="" style="background: var(--bs-primary-border-subtle); background-color: rgb(200, 200, 200);">
+        <img src="/crayonolith-banner.webp" style="max-width: 100%;" />
         <div class="container my-auto text-center" style="transform: rotate(0deg);/*position: fixed;*//*right: 15px;*//*top: 15px;*//*width: 50px;*//*height: 50px;*/">
+            <div class="mb-3"><br/></div>
             <div 
                 data-aos="flip-down"
                 data-aos-delay="500"
                 data-aos-duration="2000"
             >
-                <h1 class="mb-1" style="color: rgb(255,255,255);text-shadow: 3px 3px rgb(106,9,115);">Project Crayon</h1>
-            </div>
-            <h3 class="mb-5"><br><br><br><br></h3>
-            <div
-                data-aos="flip-up"
-                data-aos-delay="500"
-                data-aos-duration="2000"
-            >
-            <a class="btn btn-primary btn-xl" role="button" href="#about">Show me more!</a>
+                <h1 class="mb-2" style="font-size:6vw; color: rgb(255, 255, 255); text-shadow: 3px 3px rgb(94, 22, 97);">Project Crayon</h1>
             </div>
+            <div class="mb-5"><br/><br/></div>
         </div>
     </header>