updates

jmlavigne1 · Oct 4, 2024 · fe5adb9 · fe5adb9
1 parent 3de99ee
commit fe5adb9
Show file tree

Hide file tree

Showing 4 changed files with 111 additions and 45 deletions.
diff --git a/blank.html b/blank.html
@@ -1,5 +1,5 @@
 head>
-<title>Bio</title>
+<title>blank</title>
 	<link rel="stylesheet" href="style_2.css">
 	<link rel="preconnect" href="https://fonts.googleapis.com">
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -16,23 +16,25 @@
 </head>
 
 <body>
-<section class="banner">
-	<nav>
-		<div class="navbar">
+	<section class="banner">
+		<nav class="navbar">
 				<ul>
-                    <li><a href="Joe LaVigne">Joe LaVigne</a></li>
-                    <li><a href="Bio.html">Bio</a></li>
-                    <li><a href="https://github.com/jmlavigne1/joseph-lavigne.github.io/blob/main/CV02AUG2024.pdf">CV</a></li>
-                    <li><a href="Service.html">Service</a></li>
+					<li>
+						<a href="Home">Home</a>
+					</li>
+					<li>
+						<a href="Bio.html">blank</a>
+					</li>
+					<li>
+						<a href="https://www.dropbox.com/scl/fi/4s0zjrhi5g3ajciczmg3b/CV04oct2024.pdf?rlkey=gnfqdl5co09yttk142z3gngr8&st=4zf7rmik&dl=0">CV</a>
+					</li>
+					<li>
+						<a href="Service.html">Service</a>
+					</li>
 				</ul>
-		</div>
-	</nav>
-		<div class ="content">
-			<h1>blank</h1>
-			<p></p>
-		</div>
-
-	</div>
-
+		</nav>
+	<div class="portrait">
+		<img src="Joseph_LaVigne.JPG", alt="Portrait Image", title="portrait image"></a>
+	</div>		
 </body>
 </html>
diff --git a/index.html b/index.html
@@ -17,17 +17,26 @@
 <html>
 <body>
 <section class="banner">
-	<nav>
-		<div class="navbar">
+	<nav class="navbar">
             <ul>
-				<li><a href="Home">Home</a></li>
-				<li><a href="Bio.html">blank</a></li>
-				<li><a href="https://github.com/jmlavigne1/joseph-lavigne.github.io/blob/main/CV02AUG2024.pdf">CV</a></li>
-				<li><a href="Service.html">Service</a></li>
+				<li>
+					<a href="index.html">Joe LaVigne</a>
+				</li>
+				<li>
+					<a href="blank.html">blank</a>
+				</li>
+				<li>
+					<a href="https://www.dropbox.com/scl/fi/4s0zjrhi5g3ajciczmg3b/CV04oct2024.pdf?rlkey=gnfqdl5co09yttk142z3gngr8&st=4zf7rmik&dl=0">CV</a>
+				</li>
+				<li>
+					<a href="Service.html">Service</a>
+				</li>
 			</ul>
 	</nav>
+<div class="portrait">
+	<img src="Joseph_LaVigne.JPG", alt="Portrait Image", title="portrait image"></a>
+</div>
 	<div class ="content">
-		<a href="joseph-lavigne.github.io"><img src="Joseph_LaVigne.JPG" class="logo"></a>
 		<h1>About Joe</h1>
 		<p>Self taught data scientist.</p><!----><p> Medical school 2025 cycle applicant.</p><!----> <p>Establishing a career at the intersection of healthcare and data science.<b></p> <!----><p>I enjoy triathlons, art museums, and bread.</b></p>
 	</div>

diff --git a/service.html b/service.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<head>
+	<title>Service</title>
+	<link rel="stylesheet" href="style.css">
+	<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=Roboto+Slab:wght@200;300;400;600;700&display=swap" rel="stylesheet">
+	<link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/@fortawesome/[email protected]/css/fontawesome.min.css">
+	<style>
+	body {
+	  background-image: url('linville_gorge.jpg');
+	  background-repeat: no-repeat;
+	  background-attachment:fixed;
+	  background-size: cover;
+	  }
+	</style>
+<html>
+<body>
+<section class="banner">
+	<nav>
+		<div class="navbar">
+            <ul>
+				<li><a href="Home">Home</a></li>
+				<li><a href="Bio.html">blank</a></li>
+				<li><a href="https://github.com/jmlavigne1/joseph-lavigne.github.io/blob/main/CV02AUG2024.pdf">CV</a></li>
+				<li><a href="Service.html">Service</a></li>
+			</ul>
+	</nav>
+    <div class="portrait">
+        <img src="Joseph_LaVigne.JPG", alt="Portrait Image", title="portrait image"></a>
+    </div>
+	<div class ="content">
+		<a href="joseph-lavigne.github.io"><img src="Joseph_LaVigne.JPG" class="logo"></a>
+		<h1>service</h1>
+		<p></p><!----><p></p><!----> <p><b></p> <!----><p></b></p>
+	</div>
+	</div>
+	</div>
+
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -1,49 +1,61 @@
 *{
+	overflow:hidden;
 	margin:0;
 	padding:0;
 	font-family: 'Roboto Slab', serif;
 }
+h1{
+	text-align:center;
+}
 .banner{ 
 	width: 100%;
 	min-height: 100vh;
 	background-image: linear-gradient(rgba(0,0,0,0,.75),rgba(0,0,0,0,.75));
 	background-size:cover;
 	background-position: right;
 }
-.logo{
-	width: 200px;
-	cursor:pointer;
-	position: absolute;
-	top: 10px;
-	left:200px;
-	border-radius:50%;
-	z-index: 1;
+.portrait{
+	overflow:hidden;
+	height: 300px;
+	margin-left: 400px;
+	margin-top: 200px;
+	text-align: left;
+}
+.portrait img{
+	height:300px;
+	border-radius: 50%;
 }
-.navbar{
-	float: right;
-	width:85%;
-	margin:auto;
-	padding: 35px 0;
+.navbar ul{
+	overflow: hidden;
+	width:100%;
+	margin:0;
+	padding: 0;
 	display:flex;
-	align-items:center;
+	align-items: center;
 	justify-content:space-between;
-	z-index: 1;
 }
 
 .navbar ul li{
+	overflow:hidden;
 	list-style:none;
 	display:inline-block;
-	margin: 0 20px;
-	position: relative;
-	z-index: 1;
+	margin-top: 20px;
+	margin-left: 100px;
+	margin-right: 100px;
+	display: flex;
+	top: 10px;
+	right: 10px;
 }
 .navbar ul li a{
+	overflow:hidden;
+	font-size: 25px;
 	text-decoration:none;
 	color: #161515;
 	text-transform: uppercase;
 	z-index: 1;
 }
 .navbar ul li::after{
+	overflow:hidden;
 	content: '';
 	height: 3px;
 	width: 0;
@@ -57,13 +69,15 @@
 	z-index: 1;
 }
 .navbar ul li:hover::after{
-		width:100%;
-		z-index: 1;
+	overflow:hidden;
+	width:100%;
+	z-index: 1;
 }		
 div{
 	column-count: 1;
 }
-.content{ 
+.content{
+	overflow:hidden; 
 	width: 100%;
 	position: absolute;
 	top: 50%;