Make some changes

homepage.css

@@ -11,22 +11,18 @@ body {
 h1#heading {
     margin: 0;
     height: 100vh;
-    width: 100vw;
+    width: 100%;
     background-color: #084152;
     color: lightgray;
     text-align: center;
     vertical-align: middle;
+    display: flex;
 }
 
 h1#heading img#image {
     display: inline;
-    object-fit: cover;
-    height: 100%;
-    width: 100%;
-}
-
-h1#heading span#alt {
-    display: none;
+    width: 80%;
+    margin: auto;
 }
 
 h2.subheading {
@@ -44,6 +40,7 @@ div#header {
     width: 100%;
     height: 4rem;
     background-color: rgba(255, 255, 255, 0.0);
+    z-index: 1000;
 }
 
 ul#header-list {
@@ -60,6 +57,8 @@ ul#header-list li {
 }
 
 ul.list {
+    display: flex;
+    flex-direction: column;
     list-style: none;
     text-align: center;
     vertical-align: top;
@@ -84,49 +83,14 @@ ul li img.ul-image {
     height: 5rem;
 }
 
-ul li p.ul-description {
-    width: 25vw;
-}
-
-p#about-description {
-    padding-left: 25%;
-    padding-right: 25%;
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-}
-
 div#contact {
     padding-top: 20vh;
 }
 
 @media (max-width: 800px) {
-    ul#header-list li {
-        font-size: 1rem;
-    }
-    ul.list li {
-        display: block;
-        text-align: center;
-    }
-    ul li p.ul-description {
-        width: 100%;
-    }
     div#header {
         display: none;
     }
-    p#about-description {
-        padding: 0;
-    }
-    h1#heading img#image {
-        display: none;
-    }
-    h1#heading span#alt {
-        display: inline-block;
-        text-align: center;
-        vertical-align: middle;
-        font-size: 5rem;
-        margin-top: 40vh;
-        font-weight: normal;
-    }
 }
 
 a {

index.html

@@ -22,13 +22,11 @@
                 <li><a href="#about">About</a></li>
                 <li><a href="#python">Python Projects</a></li>
                 <li><a href="#websites">Websites</a></li>
-                <li><a href="#contact">Contact me</a></li>
             </ul>
         </div>
 
         <h1 id="heading">
-            <img id="image" src="./logos/logo-colour.svg" />
-            <span id="alt">Rujul Nayak</span>
+            <img id="image" src="./logos/square.png" alt="Rujul Nayak" />
         </h1>
 
         <h2 id="about" class="subheading">About</h2>
@@ -92,12 +90,12 @@ <h2 id="websites" class="subheading">Websites</h2>
             </li>
             <li>
                 <strong class="ul-header"><a href="https://misc.rujulnayak.com/">Miscellaneous</a></strong> <br />
-                <a href="https://github.com/nayakrujul/misc"><img src="./logos/icon-black.png" class="ul-image" /></a>
+                <a href="https://github.com/nayakrujul/misc"><img src="./old-logos/icon-black.png" class="ul-image" /></a>
                 <p class="ul-description">The Miscellaneous site contains some other HTML projects that I have made, starting from 2024.</p>
             </li>
         </ul>
 
-        <div id="contact" data-aidaform-widget="form-2019-12" data-url="https://thethonnu.aidaform.com/free-basic-contact-form" data-width="100%" data-height="500px" data-do-resize></div><script>(function(){var r,d=document,gt=d.getElementById,cr=d.createElement,tg=d.getElementsByTagName,id="aidaform-embed";if(!gt.call(d,id)){r=cr.call(d,"script");r.id=id;r.src="https://embed.aidaform.com/embed.js";(d.head || tg.call(d,"head")[0]).appendChild(r);}})()</script>
+        <!-- <div id="contact" data-aidaform-widget="form-2019-12" data-url="https://thethonnu.aidaform.com/free-basic-contact-form" data-width="100%" data-height="500px" data-do-resize></div><script>(function(){var r,d=document,gt=d.getElementById,cr=d.createElement,tg=d.getElementsByTagName,id="aidaform-embed";if(!gt.call(d,id)){r=cr.call(d,"script");r.id=id;r.src="https://embed.aidaform.com/embed.js";(d.head || tg.call(d,"head")[0]).appendChild(r);}})()</script> -->
 
         <script src="./homepage.js"></script>