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>
<div class="topnav"> <!----====MAIN CONTAINER START====---->
<ul> <div>
<li><a href="/resume.html">Resume</a></li> <!----====NAVIGATION BAR START====---->
<li><a href="/contact.html">Contact</a></li> <div class="topnav">
<li><a href="/projects.html">Projects</a></li> <ul>
<li><a class="active" href="/index.html">Home</a></li> <li><a href="resume.html">Resume</a></li>
</ul> <li><a href="contact.html">Contact</a></li>
</div> <li><a href="projects.html">Projects</a></li>
<h1>ABOUT ME</h1> <li><a class="active" href="index.html">Home</a></li>
<p> </ul>
I'm an undergraduate Computer Science student at the </div>
University of Michigan in Ann Arbor, with a passion for <!----====NAVIGATION BAR END====---->
software engineering and networking. I particularly <!----====MAIN CONTENT START====---->
enjoy the problem solving aspects, especially after <div class="main-content">
solving an issue that has been giving me trouble. <!----====INTRO START====---->
</p> <section class="intro">
</body> <h1>ABOUT ME</h1>
<p>
I'm an undergraduate Computer Science student at the
University of Michigan in Ann Arbor, with a passion for
software engineering and computer networking. I particularly
enjoy the problem solving aspects, especially after
solving an issue that has been giving me trouble.
</p>
</section>
<!----====INTRO END====---->
</div>
<!----====MAIN CONTENT END====---->
</div>
<!----====MAIN CONTATINER END====---->
</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;
} }