Resume Uploaded

- Resume is now visible and displays my resume from the Google Doc
JacobSeto · Aug 15, 2024 · 736880d · 736880d
1 parent 5c7425e
commit 736880d
Show file tree

Hide file tree

Showing 2 changed files with 71 additions and 29 deletions.
diff --git a/index.html b/index.html
@@ -10,34 +10,38 @@
 
 <body>
   <!--Navigation Bar-->
-  <ul>
-    <li><a href="index.html">Home</a></li>
-    <li class="dropdown">
-      <a href="#projects" class="dropbtn">Projects</a>
-      <div class="dropdown-content">
-        <a href="#serve">SERVE</a>
-        <a href="#rabbeat">RabBeat</a>
-        <a href="#tilly">Tilly's Critter Command</a>
-        <a href="#polylect">Polylect</a>
-        <a href="#light">Light Up The Stage</a>
-        <a href="#rainbow">Rainbow Card Rumble</a>
-        <a href="#fury">Fury of The Lost Knight</a>
-        <a href="#flock-arena">Flock Arena</a>
-        <a href="#carbon">Carbon Footprint Calc</a>
-        <a href="#planetoids">Planetoids</a>
-        <a href="#castaways">Castaway</a>
-      </div>
-    </li>
-    <li><a href="#contact">Contact</a></li>
-  </ul>
+  <div class="navbar">
+    <ul>
+      <li><a class="active" href="#about">About</a></li>
+      <li class="dropdown">
+        <a href="#projects" class="dropbtn" class="active">Projects</a>
+        <div class="dropdown-content">
+          <a href="#serve">SERVE</a>
+          <a href="#rabbeat">RabBeat</a>
+          <a href="#tilly">Tilly's Critter Command</a>
+          <a href="#polylect">Polylect</a>
+          <a href="#light">Light Up The Stage</a>
+          <a href="#rainbow">Rainbow Card Rumble</a>
+          <a href="#fury">Fury of The Lost Knight</a>
+          <a href="#flock-arena">Flock Arena</a>
+          <a href="#carbon">Carbon Footprint Calc</a>
+          <a href="#planetoids">Planetoids</a>
+          <a href="#castaways">Castaway</a>
+        </div>
+      </li>
+      <li><a href="#resume">Resume</a></li>
+      <li><a href="#contact">Contact</a></li>
+    </ul>
+  </div>
 
   <!--About me-->
-  <h2>Jacob Seto</h2>
-  <p>Current undergraduate student at Cornell University. Interested in game design and project management. I'm
-    passionate when it comes to leading teams and organizing workflow. However, I equally enjoy being a team player to
-    achieve the vision of each my projects. Follow my journey and send me a message, always happy to meet new people!
-  </p>
-
+  <section id="about">
+    <h1>Jacob Seto</h1>
+    <p>Current undergraduate student at Cornell University. Interested in game design and project management. I'm
+      passionate when it comes to leading teams and organizing workflow. However, I equally enjoy being a team player to
+      achieve the vision of each my projects. Follow my journey and send me a message, always happy to meet new people!
+    </p>
+  </section>
 
   <!--Projects-->
   <section id="projects">
@@ -162,6 +166,17 @@ <h2>Castaway</h2>
     </div>
   </section>
 
+  <!--Resume-->
+  <section id="resume">
+    <div class="resume">
+      <h1>Resume</h1>
+      <iframe
+        src="https://docs.google.com/document/d/e/2PACX-1vSUMdMNC3qduzBpYzty222dLUUnvoSs7UF23RODohVyTrWJVTsOC5xBy5dMYdL3xSvCEB6wolkIb30b/pub?embedded=true"></iframe>
+    </div>
+  </section>
+
+
+  <!--Contact-->
   <section id="contact">
     <div class="contact-container">
       <form action="https://api.web3forms.com/submit" method="POST" class="contact-left">
@@ -190,6 +205,7 @@ <h2>Get in touch</h2>
         <img src="/images/github.png" alt="github">
       </a>
     </div>
+    <p>© 2024 Jacob Seto. All rights reserved.</p>
   </section>
 
 

diff --git a/style.css b/style.css
@@ -11,7 +11,8 @@ html {
 
 body {
   height: 100%;
-  margin: 0;
+  margin-right: 100px;
+  margin-left: 10px;
   background: linear-gradient(rgb(48, 48, 166), rgb(55, 71, 119));
   font-family: 'Outfit';
   padding: 2em;
@@ -21,7 +22,10 @@ body {
 
 h1 {
   color: white;
-  margin-left: 32px;
+  margin-bottom: 20px;
+  /* Adjust the spacing between the header and iframe */
+  text-align: center;
+
 }
 
 h2 {
@@ -42,7 +46,6 @@ ul {
   padding: 0;
   overflow: hidden;
   background-color: #38444d;
-  position: fixed;
   top: 0;
   width: 100%;
 }
@@ -60,11 +63,17 @@ li a,
   text-decoration: none;
 }
 
+
 li a:hover,
 .dropdown:hover .dropbtn {
   background-color: red;
 }
 
+/*Navbar*/
+.navbar {
+  padding-bottom: 50px;
+}
+
 li.dropdown {
   display: inline-block;
 }
@@ -94,6 +103,8 @@ li.dropdown {
   display: block;
 }
 
+
+
 /* Projects*/
 .title {
   text-align: center;
@@ -346,4 +357,19 @@ li.dropdown {
   .contact-right {
     display: none;
   }
+}
+
+.resume {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+}
+
+.resume iframe {
+  width: 800px;
+  height: 1100px;
+  border: none;
 }