fixed

mehulgoel873 · May 14, 2024 · a0b3048 · a0b3048
1 parent d975b7c
commit a0b3048
Show file tree

Hide file tree

Showing 44 changed files with 94 additions and 26 deletions.
diff --git a/Attribution Info.txt → archive/Attribution Info.txt b/Attribution Info.txt → archive/Attribution Info.txt
diff --git a/ColorPalette.png → archive/ColorPalette.png b/ColorPalette.png → archive/ColorPalette.png
diff --git a/Images/EMONITOR-Opening Freepik.jpg → archive/Images/EMONITOR-Opening Freepik.jpg b/Images/EMONITOR-Opening Freepik.jpg → archive/Images/EMONITOR-Opening Freepik.jpg
diff --git a/Images/EMONITOR.png → archive/Images/EMONITOR.png b/Images/EMONITOR.png → archive/Images/EMONITOR.png
diff --git a/Images/Hands - Typing.png → archive/Images/Hands - Typing.png b/Images/Hands - Typing.png → archive/Images/Hands - Typing.png
diff --git a/Images/Icons/facebook.png → archive/Images/Icons/facebook.png b/Images/Icons/facebook.png → archive/Images/Icons/facebook.png
diff --git a/Images/Icons/github.png → archive/Images/Icons/github.png b/Images/Icons/github.png → archive/Images/Icons/github.png
diff --git a/Images/Icons/instagram.png → archive/Images/Icons/instagram.png b/Images/Icons/instagram.png → archive/Images/Icons/instagram.png
diff --git a/Images/Icons/linkedin.png → archive/Images/Icons/linkedin.png b/Images/Icons/linkedin.png → archive/Images/Icons/linkedin.png
diff --git a/Images/Icons/pdf.png → archive/Images/Icons/pdf.png b/Images/Icons/pdf.png → archive/Images/Icons/pdf.png
diff --git a/Images/Icons/twitter.png → archive/Images/Icons/twitter.png b/Images/Icons/twitter.png → archive/Images/Icons/twitter.png
diff --git a/Images/Icons/youtube.png → archive/Images/Icons/youtube.png b/Images/Icons/youtube.png → archive/Images/Icons/youtube.png
diff --git a/Images/MBR-Sim.png → archive/Images/MBR-Sim.png b/Images/MBR-Sim.png → archive/Images/MBR-Sim.png
diff --git a/Images/Mehul.jpg → archive/Images/Mehul.jpg b/Images/Mehul.jpg → archive/Images/Mehul.jpg
diff --git a/Images/Mountain_Range.webp → archive/Images/Mountain Range.webp b/Images/Mountain_Range.webp → archive/Images/Mountain Range.webp
diff --git a/archive/Images/Mountain_Range.webp b/archive/Images/Mountain_Range.webp
diff --git a/Images/PacmanShowcase.png → archive/Images/PacmanShowcase.png b/Images/PacmanShowcase.png → archive/Images/PacmanShowcase.png
diff --git a/Images/Person-Coding.png → archive/Images/Person-Coding.png b/Images/Person-Coding.png → archive/Images/Person-Coding.png
diff --git a/Images/Person-Coding.svg → archive/Images/Person-Coding.svg b/Images/Person-Coding.svg → archive/Images/Person-Coding.svg
diff --git a/Images/ProfessionalPhoto.jpg → archive/Images/ProfessionalPhoto.jpg b/Images/ProfessionalPhoto.jpg → archive/Images/ProfessionalPhoto.jpg
diff --git a/...-logo-white-on-transparent-background.png → ...-logo-white-on-transparent-background.png b/...-logo-white-on-transparent-background.png → ...-logo-white-on-transparent-background.png
diff --git a/css/style.css → archive/css/style.css b/css/style.css → archive/css/style.css
@@ -21,7 +21,7 @@ nav {
 
 nav .logo-container {
     margin-right: auto; /* Set margin-right to auto to push the nav links to the right */
-    margin-left: 60px;
+    margin-left: 20px;
 }
 
 nav .logo-container img {
@@ -32,7 +32,7 @@ nav .nav-links {
     display: flex;
     justify-content: flex-end;
     align-items: center;
-    margin-right: 60px;
+    margin-right: 20px;
 }
 
 nav .nav-links a {
@@ -85,11 +85,11 @@ nav .nav-links a:last-child:hover::before {
 /* Styling for the welcome text and image */
 .welcome-section {
     text-align: center;
-    background: url('../Images/Mountain_Range.webp'), #32373B;
+    background: url('../Images/Mountain_Range.png'), #32373B;
     background-repeat: no-repeat;
     background-size: cover;
-    background-blend-mode: multiply;
     padding:200px 0;
+    background-blend-mode: multiply;
     height: 100%;
 }
 .image-wrapper {
@@ -102,16 +102,16 @@ nav .nav-links a:last-child:hover::before {
 .image-wrapper img {
     display: block;
     max-width: 100%;
-    height: 80%;
+    height: 100%;
 }
 
 .text-wrapper {
     display: inline-block;
-    width: 60%;
+    width: 40%;
     vertical-align: middle;
     max-width: 800px;
     margin: 0 auto;
-    height: 80%;
+    height: 100%;
     color: #fff;
 }
 .text-wrapper h1 {

diff --git a/css/utlities.css → archive/css/utlities.css b/css/utlities.css → archive/css/utlities.css
diff --git a/archive/home.html b/archive/home.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>Mehul Goel's Portfolio</title>
+	<!-- Current Fonts: https://fonts.google.com/share?selection.family=Righteous%7CSource%20Sans%20Pro-->
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Righteous&family=Source+Sans+Pro:wght@400;600&display=swap" rel="stylesheet">
+	<link rel="stylesheet" type="text/css" href="css/utlities.css">
+	<link rel="stylesheet" type="text/css" href="css/style.css">
+</head>
+<body>
+	<!-- Navigation bar -->
+	<nav>
+        <div class="logo-container">
+          <img src="logos\png\logo-no-background.png" alt="Mehul Goel's logo">
+        </div>
+        <div class="nav-links">
+          <a href="#">Home</a>
+          <a href="#about">About Me</a>
+          <a href="#portfolio">Portfolio</a>
+          <a href="mailto:[email protected]">Email Me</a>
+        </div>
+    </nav>
+
+
+	<!-- Home page -->
+	<section class="welcome-section">
+		<div class="image-wrapper">
+			<img src="Images\Person-Coding.png" alt="Mehul Goel">
+		</div>
+		<div class="text-wrapper">
+			<h1>Hello, <br>I'm Mehul.</h1>
+		</div>
+	</section>
+
+	<!-- About Me section -->
+	<section class="about-section">
+		<div class = "text-wrapper">
+			<p>I'm an undergraduate freshman within the School of Computer Science at Carnegie Mellon University. I am always looking at new ways to develop my skills in CS and life in general. 
+				In my free time, I am constantly working with robots, playing board games with my friends, or building new hobbies. I am always interested in trying new things, so feel free 
+			to contact me at any time with fresh opportunities!</p>
+			<div class = "Image Button">
+				<img src="Images/Icons/pdf.png" alt = "PDF Icon">
+				<a href="files/Mehul Goel - Resume.pdf">My Resume</a>
+			</div>
+			<a href="#">Learn more about me</a> <!-- TODO: Fix this section to include a full blown about page at one point-->
+		</div>
+	</section>
+
+	<!-- Projects section -->
+	<section id="projects">
+		<!-- Add content for the Projects section here -->
+	</section>
+</body>
+</html>
diff --git a/logos/eps/logo-black.eps → archive/logos/eps/logo-black.eps b/logos/eps/logo-black.eps → archive/logos/eps/logo-black.eps
diff --git a/logos/eps/logo-color.eps → archive/logos/eps/logo-color.eps b/logos/eps/logo-color.eps → archive/logos/eps/logo-color.eps
diff --git a/logos/eps/logo-no-background.eps → archive/logos/eps/logo-no-background.eps b/logos/eps/logo-no-background.eps → archive/logos/eps/logo-no-background.eps
diff --git a/logos/eps/logo-white.eps → archive/logos/eps/logo-white.eps b/logos/eps/logo-white.eps → archive/logos/eps/logo-white.eps
diff --git a/logos/logo-orange.svg → archive/logos/logo-orange.svg b/logos/logo-orange.svg → archive/logos/logo-orange.svg
diff --git a/logos/pdf/logo-black.pdf → archive/logos/pdf/logo-black.pdf b/logos/pdf/logo-black.pdf → archive/logos/pdf/logo-black.pdf
diff --git a/logos/pdf/logo-color.pdf → archive/logos/pdf/logo-color.pdf b/logos/pdf/logo-color.pdf → archive/logos/pdf/logo-color.pdf
diff --git a/logos/pdf/logo-no-background.pdf → archive/logos/pdf/logo-no-background.pdf b/logos/pdf/logo-no-background.pdf → archive/logos/pdf/logo-no-background.pdf
diff --git a/logos/pdf/logo-white.pdf → archive/logos/pdf/logo-white.pdf b/logos/pdf/logo-white.pdf → archive/logos/pdf/logo-white.pdf
diff --git a/logos/png/logo-black.png → archive/logos/png/logo-black.png b/logos/png/logo-black.png → archive/logos/png/logo-black.png
diff --git a/logos/png/logo-color.png → archive/logos/png/logo-color.png b/logos/png/logo-color.png → archive/logos/png/logo-color.png
diff --git a/logos/png/logo-no-background.png → archive/logos/png/logo-no-background.png b/logos/png/logo-no-background.png → archive/logos/png/logo-no-background.png
diff --git a/logos/png/logo-white.png → archive/logos/png/logo-white.png b/logos/png/logo-white.png → archive/logos/png/logo-white.png
diff --git a/logos/svg/logo-black.svg → archive/logos/svg/logo-black.svg b/logos/svg/logo-black.svg → archive/logos/svg/logo-black.svg
diff --git a/logos/svg/logo-color.svg → archive/logos/svg/logo-color.svg b/logos/svg/logo-color.svg → archive/logos/svg/logo-color.svg
diff --git a/logos/svg/logo-no-background.svg → archive/logos/svg/logo-no-background.svg b/logos/svg/logo-no-background.svg → archive/logos/svg/logo-no-background.svg
diff --git a/logos/svg/logo-white.svg → archive/logos/svg/logo-white.svg b/logos/svg/logo-white.svg → archive/logos/svg/logo-white.svg
diff --git a/css/home.css b/css/home.css
@@ -0,0 +1,20 @@
+body {
+    margin: 0;
+    background-color: #233D4D;
+}
+
+.welcome-section {
+}
+
+.text-wrapper {
+    max-width: fit-content;
+    margin-left: auto;
+    margin-right: auto;
+    align-self: center;
+}
+
+.text-wrapper h3 {
+    max-width: 0;
+    margin-left: auto;
+    margin-right: auto;
+}
diff --git a/files/Mehul Goel - Resume.pdf b/files/Mehul Goel - Resume.pdf
diff --git a/home.html b/home.html
@@ -1,28 +1,29 @@
 <!DOCTYPE html>
 <html>
 <head>
-	<title>Mehul Goel's Portfolio</title>
+	<title>Mehul Goel</title>
 	<!-- Current Fonts: https://fonts.google.com/share?selection.family=Righteous%7CSource%20Sans%20Pro-->
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 	<link href="https://fonts.googleapis.com/css2?family=Righteous&family=Source+Sans+Pro:wght@400;600&display=swap" rel="stylesheet">
-	<link rel="stylesheet" type="text/css" href="css/utlities.css">
-	<link rel="stylesheet" type="text/css" href="css/style.css">
+	<link rel="stylesheet" type="text/css" href="css/home.css">
 </head>
 <body>
 	<!-- Navigation bar -->
-	<nav>
+	<!-- <nav>
         <div class="logo-container">
-          <img src="logos\png\logo-no-background.png" alt="Mehul Goel's logo">
+          <img src="logos\png\logo-no-background.png" alt="Logo">
         </div>
         <div class="nav-links">
           <a href="#">Home</a>
           <a href="#about">About Me</a>
+          <a href="#portfolio">Professinal Experience</a>
           <a href="#portfolio">Portfolio</a>
-          <a href="mailto:[email protected]">Email Me</a>
+          <a href="#portfolio">Hobbies</a>
+          <a href="mailto:[email protected]">GitHub</a>
+          <a href="mailto:[email protected]">Linkedin</a>
         </div>
-    </nav>
-
+    </nav>       -->
 
 	<!-- Home page -->
 	<section class="welcome-section">
@@ -35,17 +36,8 @@ <h1>Hello, <br>I'm Mehul.</h1>
 	</section>
 
 	<!-- About Me section -->
-	<section class="about-section">
-		<div class = "text-wrapper">
-			<p>I'm an undergraduate freshman within the School of Computer Science at Carnegie Mellon University. I am always looking at new ways to develop my skills in CS and life in general. 
-				In my free time, I am constantly working with robots, playing board games with my friends, or building new hobbies. I am always interested in trying new things, so feel free 
-			to contact me at any time with fresh opportunities!</p>
-			<div class = "Image Button">
-				<img src="Images/Icons/pdf.png" alt = "PDF Icon">
-				<a href="files/Mehul Goel - Resume.pdf">My Resume</a>
-			</div>
-			<a href="#">Learn more about me</a> <!-- TODO: Fix this section to include a full blown about page at one point-->
-		</div>
+	<section id="about">
+		<!-- Add content for the About Me section here -->
 	</section>
 
 	<!-- Projects section -->