Fix inter-page links. Fix nav bar. Add organization to index.

This commit is contained in:
2022-10-01 21:10:11 -04:00
parent ed0ee09dfb
commit b5d385a96f
5 changed files with 62 additions and 43 deletions

View File

@@ -2,16 +2,16 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>My website</title> <title>Jadon Yack - Contact</title>
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="topnav"> <div class="topnav">
<ul> <ul>
<li><a href="/resume.html">Resume</a></li> <li><a href="resume.html">Resume</a></li>
<li><a class="active" href="/contact.html">Contact</a></li> <li><a class="active" href="contact.html">Contact</a></li>
<li><a href="/projects.html">Projects</a></li> <li><a href="projects.html">Projects</a></li>
<li><a href="/index.html">Home</a></li> <li><a href="index.html">Home</a></li>
</ul> </ul>
</div> </div>
</body> </body>

View File

@@ -2,25 +2,39 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>My website</title> <title>Jadon Yack - Home</title>
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
</head> </head>
<body> <body>
<!----====MAIN CONTAINER START====---->
<div>
<!----====NAVIGATION BAR START====---->
<div class="topnav"> <div class="topnav">
<ul> <ul>
<li><a href="/resume.html">Resume</a></li> <li><a href="resume.html">Resume</a></li>
<li><a href="/contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
<li><a href="/projects.html">Projects</a></li> <li><a href="projects.html">Projects</a></li>
<li><a class="active" href="/index.html">Home</a></li> <li><a class="active" href="index.html">Home</a></li>
</ul> </ul>
</div> </div>
<!----====NAVIGATION BAR END====---->
<!----====MAIN CONTENT START====---->
<div class="main-content">
<!----====INTRO START====---->
<section class="intro">
<h1>ABOUT ME</h1> <h1>ABOUT ME</h1>
<p> <p>
I'm an undergraduate Computer Science student at the I'm an undergraduate Computer Science student at the
University of Michigan in Ann Arbor, with a passion for University of Michigan in Ann Arbor, with a passion for
software engineering and networking. I particularly software engineering and computer networking. I particularly
enjoy the problem solving aspects, especially after enjoy the problem solving aspects, especially after
solving an issue that has been giving me trouble. solving an issue that has been giving me trouble.
</p> </p>
</section>
<!----====INTRO END====---->
</div>
<!----====MAIN CONTENT END====---->
</div>
<!----====MAIN CONTATINER END====---->
</body> </body>
</html> </html>

View File

@@ -2,16 +2,16 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>My website</title> <title>Jadon Yack - Projects</title>
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="topnav"> <div class="topnav">
<ul> <ul>
<li><a href="/resume.html">Resume</a></li> <li><a href="resume.html">Resume</a></li>
<li><a href="/contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
<li><a class="active" href="/projects.html">Projects</a></li> <li><a class="active" href="projects.html">Projects</a></li>
<li><a href="/index.html">Home</a></li> <li><a href="index.html">Home</a></li>
</ul> </ul>
</div> </div>
</body> </body>

View File

@@ -2,16 +2,16 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>My website</title> <title>Jadon Yack - Resume</title>
<link href="style.css" rel="stylesheet"> <link href="style.css" rel="stylesheet">
</head> </head>
<body> <body>
<div class="topnav"> <div class="topnav">
<ul> <ul>
<li><a class="active" href="/resume.html">Resume</a></li> <li><a class="active" href="resume.html">Resume</a></li>
<li><a href="/contact.html">Contact</a></li> <li><a href="contact.html">Contact</a></li>
<li><a href="/projects.html">Projects</a></li> <li><a href="projects.html">Projects</a></li>
<li><a href="/index.html">Home</a></li> <li><a href="index.html">Home</a></li>
</ul> </ul>
</div> </div>
</body> </body>

View File

@@ -14,9 +14,9 @@ body {
margin: 0; margin: 0;
position: sticky; position: sticky;
top: 0; top: 0;
height: 6vh; height: 5vh;
width: 100%; width: 100%;
line-height: 6vh; line-height: 5vh;
} }
.topnav ul { .topnav ul {
@@ -34,7 +34,7 @@ body {
float: right; float: right;
color: aliceblue; color: aliceblue;
text-align: center; text-align: center;
padding: 1.75vh 1.5vw; padding: 0vh 1.5vw;
text-decoration: none; text-decoration: none;
font-size: medium; font-size: medium;
margin: 0; margin: 0;
@@ -42,9 +42,14 @@ body {
} }
.topnav a:hover { .topnav a:hover {
background-color: black; background-color: #191970;
} }
.active { .active {
background-color: royalblue; background-color: #2727af;
}
.main-content {
width: 100%;
padding: 15vh, 30vw;
} }