website updates

jaiwoods · Jan 8, 2024 · 984cbf5 · 984cbf5
1 parent a9c6e0b
commit 984cbf5
Show file tree

Hide file tree

Showing 10 changed files with 36 additions and 29 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -2499,8 +2499,8 @@ input, select, textarea {
 	}
 
 		select option {
-			background-color: #ffffff;
-			color: #212931;
+			background-color: #ed1c1c;
+			color: #34393e;
 		}
 
 	.select-wrapper:before {
@@ -3234,14 +3234,17 @@ input, select, textarea {
 			width: 100%;
 			height: 100%;
 			background-color: #212931;
-			background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/bg.jpg");
+			background-image: url("../../images/overlay.png"), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("../../images/old_map.jpg");
 			background-size: auto,								auto,														100% auto;
 			background-position: center,								center,														top center;
 			background-repeat: repeat,								no-repeat,													no-repeat;
 			background-attachment: scroll,								scroll,														scroll;
-			z-index: -1;
+			z-index: -1;	
+
+			 /* Add brightness filter to adjust exposure */
+			filter: brightness(60%);
 		}
-
+		
 			#wrapper > .bg.fixed {
 				position: fixed;
 				width: 100vw;
@@ -3615,7 +3618,7 @@ input, select, textarea {
 		-webkit-transition: -webkit-transform 1s ease, opacity 1s ease;
 		-ms-transition: -ms-transform 1s ease, opacity 1s ease;
 		transition: transform 1s ease, opacity 1s ease;
-		background: rgba(255, 255, 255, 0.175);
+		background: rgba(111, 111, 111, 0.8);
 		height: 4rem;
 		line-height: 4rem;
 		margin: -4rem auto 0 auto;

diff --git a/blogpost.html b/blogpost.html
@@ -7,7 +7,7 @@
   /* Set dark blue background */
   body {
     font-family: Arial, sans-serif;
-    background-color: #000033; /* Dark Blue Background */
+    background-color: #2a6eff; /* Light Blue Background */
     color: #ffffff; /* White Text */
     margin: 0 2in; /* Two-inch margin on the sides */
     padding: 20px; /* Add padding for better layout */

diff --git a/images/.DS_Store b/images/.DS_Store
diff --git a/images/Kilauea_Eruption_Big_Island_Hawaii_2018.jpg b/images/Kilauea_Eruption_Big_Island_Hawaii_2018.jpg
diff --git a/images/old_map.jpg b/images/old_map.jpg
diff --git a/images/swipe app ed unemp.png b/images/swipe app ed unemp.png
diff --git a/images/swipe app v2 .png b/images/swipe app v2 .png
diff --git a/index.html b/index.html
@@ -2,7 +2,6 @@
 
 <html>
 	<head>
-		<title>Maps N' Such by HTML5 UP</title>
 		<meta charset="utf-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
 		<link rel="stylesheet" href="assets/css/main.css" />
@@ -15,8 +14,22 @@
 
 				<!-- Intro -->
 					<div id="intro">
-						<h1>Jai<br />
-						Woods</h1>
+						<h1>Jai <br/> Woods</h1>
+						<style>
+						#intro {
+							/* Add additional styles to center the content vertically and horizontally */
+							display: flex;
+							justify-content: center; /* Horizontally center the content */
+							align-items: center;     /* Vertically center the content */
+							height: 100vh;           /* Set a height to take up the full viewport height */
+						}
+
+						#intro h1 {
+							/* Adjust the margin or padding to move the text slightly upward */
+							margin-top: -20px;       /* Adjust the value as needed to move the text upward */
+							text-align: center;      /* Center-align the text within the h1 element */
+						}
+						</style>
 						<p>My Portfolio</p>
 						<ul class="actions">
 							<li><a href="#header" class="button icon solid solo fa-arrow-down scrolly">Continue</a></li>
@@ -26,50 +39,41 @@ <h1>Jai<br />
 
 
 				<!-- Nav -->
+
 					<nav id="nav">
 						<ul class="links">
 						</ul>
+						<!-- links to socials, resume -->
 						<ul class="icons">
-							<li><a href="#" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
-							<li><a href="#" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
+							<li><a href="https://www.linkedin.com/in/jai-woods-3402a1229/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
+							<li><a href="https://github.com/codecre8tor01" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
 						</ul>
 					</nav>
 
 				<!-- Main -->
 					<div id="main"
 						<!-- Posts -->
-							<section class="posts">
-								<article>
-									<header>
-										<span class="date">April 24, 2017</span>
-										<h2><a href="blogpost.html">Sed magna<br />ipsum faucibus</a></h2>
-									</header>
-									<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
-									<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis magna etiam.</p>
-									<ul class="actions special">
-										<li><a href="#" class="button">Full Story</a></li>
-									</ul>
-								</article>							
+							<section class="posts">			
 								<article>
 									<header>
 										<span class="date">January 6th, 2024</span>
 										<h2><a href="https://ucsb.maps.arcgis.com/apps/mapviewer/index.html?webmap=eb0b19f20bc243698d46dc25f5d508f5">Volcanic<br />Eruption</a></h2>
 									</header>
-									<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
+									<a href="https://ucsb.maps.arcgis.com/apps/mapviewer/index.html?webmap=eb0b19f20bc243698d46dc25f5d508f5" class="image fit"><img src="images/Kilauea_Eruption_Big_Island_Hawaii_2018.jpg" alt="" /></a>
 									<p>Storymap exploring the impact of the Kilauea eruption event in 2018 on the Big Island of Hawaii.</p>
 									<ul class="actions special">
-										<li><a href="#" class="button">Full Story</a></li>
+										<li><a href="https://ucsb.maps.arcgis.com/apps/mapviewer/index.html?webmap=eb0b19f20bc243698d46dc25f5d508f5" class="button">Full Story</a></li>
 									</ul>
 								</article>
 								<article>
 									<header>
 										<span class="date">January 6th, 2024</span>
 										<h2><a href="https://ucsb.maps.arcgis.com/apps/instant/media/index.html?appid=1b23ed5e0df84f74816f7af80e6896cb">Swipe App Comparing Education and Unemployment<br</h2>
 									</header>
-									<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" /></a>
-									<p>Storymap </p>
+									<a href="https://ucsb.maps.arcgis.com/apps/instant/media/index.html?appid=1b23ed5e0df84f74816f7af80e6896cb" class="image fit"><img src="images/swipe app v2 .png" alt="" /></a>
+									<p>Storymap exploring the correlation between education levels and unemployment in the United States.</p>
 									<ul class="actions special">
-										<li><a href="#" class="button">Full Story</a></li>
+										<li><a href="https://ucsb.maps.arcgis.com/apps/instant/media/index.html?appid=1b23ed5e0df84f74816f7af80e6896cb" class="button">Full Story</a></li>
 									</ul>
 								</article>
 

diff --git a/resume_2024.pdf b/resume_2024.pdf