M hugo-site/layouts/index.html → hugo-site/layouts/index.html

@@ -7,34 +7,29 @@ 
   <section id="intro" class="page-section">
     <div class="container">
       <div class="shadow-box">
-        <svg id="stripes-green" width="237" xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 237 209" preserveAspectRatio="xMidYMid meet">
-          <rect x="21" y="16" width="162" height="13" rx="6" transform="rotate(39 21 16)" fill="#8BEF89"/>
-          <rect x="52" y="68" width="205" height="13" rx="6" transform="rotate(39 52 68)" fill="#8BEF89"/>
-          <rect x="44" y="8" width="189" height="13" rx="6" transform="rotate(39 44 8)" fill="#8BEF89"/>
-          <circle cx="152" cy="132" r="6" transform="rotate(39 152 132)" fill="#8BEF89"/>
-          <circle cx="38" cy="65" r="6" transform="rotate(39 38 65)" fill="#8BEF89"/>
+        <svg id="stripes-green" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 193.629 194.247">
+          <rect fill="#8bef89" transform="rotate(39)" rx="6" height="13" width="162" y=".709" x="7.97"/>
+          <rect fill="#8bef89" transform="rotate(39)" rx="6" height="13" width="205" y="21.612" x="64.786"/>
+          <rect fill="#8bef89" transform="rotate(39)" rx="6" height="13" width="189" y="-19.983" x="20.81"/>
+          <circle fill="#8bef89" transform="rotate(39)" r="6" cy="8.417" cx="182.777"/>
+          <circle fill="#8bef89" transform="rotate(39)" r="6" cy="28.091" cx="52.018"/>
         </svg>
-        <svg id="stripes-purp"width="204" xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 204 182" preserveAspectRatio="xMidYMid meet">
-          <rect x="21" y="16" width="162" height="13" rx="6" transform="rotate(39 21 16)" fill="#B554E3"/>
-          <rect x="52" y="68" width="162" height="13" rx="6" transform="rotate(39 52 68)" fill="#B554E3"/>
-          <rect x="44" y="8" width="162" height="13" rx="6" transform="rotate(39 44 8)" fill="#B554E3"/>
-          <circle cx="152" cy="132" r="6" transform="rotate(39 152 132)" fill="#B554E3"/>
-          <circle cx="38" cy="65" r="6" transform="rotate(39 38 65)" fill="#B554E3"/>
+        <svg id="stripes-purp" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160.212 167.186">
+          <rect fill="#b554e3" transform="rotate(39)" rx="6" height="13" width="162" y=".709" x="7.97"/>
+          <rect fill="#b554e3" transform="rotate(39)" rx="6" height="13" width="162" y="21.612" x="64.786"/>
+          <rect fill="#b554e3" transform="rotate(39)" rx="6" height="13" width="162" y="-19.983" x="20.81"/>
+          <circle fill="#b554e3" transform="rotate(39)" r="6" cy="8.417" cx="182.777"/>
+          <circle fill="#b554e3" transform="rotate(39)" r="6" cy="28.091" cx="52.018"/>
         </svg>
-
         <svg id="triangle" xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 128 59" preserveAspectRatio="xMidYMid meet">
           <path d="M34 0l47 9 47 10L0 59z" />
         </svg>
-
         <svg id="circle" xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 74 74" preserveAspectRatio="xMidYMid meet">
           <circle cx="37" cy="37" r="37" />
         </svg>
         <h1>Prithu Goswami</h1>
-
         <div id="intro-text">
           <p>
           Hey there, I am Prithu Goswami. I am currently studying at PES
@@ -47,11 +42,7 @@ I have been fascinated by computers and technology since a very
           young age.
           </p>
         </div>
-        <!-- #b554e3 -->
-
         <img id="profile-pic" src="./img/duotone-profile-small.jpeg">
-
-
         <div id="socials">
           <a href="mailto:prithugoswami524@gmail.com">
             <div class="sb mail">
@@ -139,12 +130,5 @@ <a href="/posts/"><div class=btn id=writeup-cta>View All</div></a>
       </div>
     </div>
   </section>
-
-  <section id=write>
-    <div class=container>
-
-    </div>
-  </section>
-
 </body>
 </html>

M hugo-site/static/css/main.css → hugo-site/static/css/main.css

@@ -71,6 +71,7 @@ margin-left: 0;
         width: 80%;
     }
 
+    /* just keep one nav child for smaller screens */
     nav > *:not(:first-child) {
         display: none;
     }
@@ -104,7 +105,7 @@ /* } */
 
 
 #intro{
-    margin-top: 5rem;
+    margin-top: 4rem;
 }
 
 .container{
@@ -190,18 +191,18 @@ filter: drop-shadow(0px -7px 7px rgba(0,0,0,0.15));
 }
 
 #stripes-green{
-    width: 237px;
+    width: 190px;
     position: absolute;
-    top: -4rem;
-    right: -8rem;
+    top: -3.4rem;
+    right: -6.2rem;
     z-index: -1;
 }
 
 #stripes-purp{
-    width: 204px;
+    width: 160px;
     position: absolute;
     bottom: -5rem;
-    left: -5rem;
+    left: -4.5rem;
     z-index: -1;
 }