Update landing page style

Cai-Lab-at-University-of-Michigan · Sep 5, 2024 · 4d134b9 · 4d134b9
1 parent 5c4915f
commit 4d134b9
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 10 deletions.
diff --git a/landing/img/Spectral_Connectomics_Logo.png b/landing/img/Spectral_Connectomics_Logo.png
diff --git a/landing/index.html b/landing/index.html
@@ -13,21 +13,19 @@
 <body>
     <header>
         <nav>
-            <!--<a href="javascript:void(0);" onclick="resetView()">-->
-                <img src="./img/Spectral_Connectomics_Logo_crop.png" alt="Your Logo" class="logo">
-            <!--</a>-->
+            <img src="./img/Spectral_Connectomics_Logo_crop.png" alt="Your Logo" class="logo">
 
             <a id="dashboardButton" class="nav-button" target="_blank">Open Dashboard</a>
 
             <!--<button id="aboutButton" class="nav-button">About</button>-->
-
         </nav>
     </header>
 
     <!--<main>-->
         <section class="hero" id="heroSection">
+            <!--
             <h1>Explore the Brain!</h1>
-            <p>Discover by Spectral Connectomics.</p>
+            <p>Discover by Spectral Connectomics.</p>-->
 
             <iframe id="datasetFrame" style="width:100%; height:100%; display:none;"></iframe>
         </section>

diff --git a/landing/script.js b/landing/script.js
@@ -36,7 +36,6 @@ let newWindow = null; // This will hold the reference to your new window
     heroSection.style.backgroundImage = 'none';
 });*/
 
-// onload
 window.addEventListener('DOMContentLoaded', function() {
     console.log("DOMContentLoaded")
     var queryString = window.location.search;

diff --git a/landing/style.css b/landing/style.css
@@ -43,7 +43,7 @@ main {
 }
 
 .logo {
-    height: 80px;
+    height: 40px;
     /* Adjust the size as needed */
     width: auto;
     /* This will maintain the aspect ratio */
@@ -70,7 +70,8 @@ main {
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    height: 90vh;
+    /*height: 90vh;*/
+    flex: auto;
     text-align: center;
     /* background-color: #282626; */
     color: #ffffff;
@@ -82,6 +83,7 @@ main {
     z-index: 1;
 }
 
+/*
 .hero::before {
     content: '';
     position: absolute;
@@ -93,7 +95,7 @@ main {
     /* Adjust the color and opacity to your liking */
     z-index: -1;
     /* Ensures the overlay is behind the content */
-}
+}*/
 
 /* Add to your existing style.css */
 /* Dropdown Button */
@@ -263,7 +265,7 @@ button#googleSignIn:hover {
 }
 
 .nav-button {
-    padding: 10px 20px;
+    padding: 5px 10px;
     background-color: transparent;
     /* Makes the background transparent */
     color: #000;