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

View File

@@ -2,25 +2,39 @@
<html>
<head>
<meta charset="utf-8">
<title>My website</title>
<title>Jadon Yack - Home</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="topnav">
<ul>
<li><a href="/resume.html">Resume</a></li>
<li><a href="/contact.html">Contact</a></li>
<li><a href="/projects.html">Projects</a></li>
<li><a class="active" href="/index.html">Home</a></li>
</ul>
</div>
<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 networking. I particularly
enjoy the problem solving aspects, especially after
solving an issue that has been giving me trouble.
</p>
</body>
</html>
<!----====MAIN CONTAINER START====---->
<div>
<!----====NAVIGATION BAR START====---->
<div class="topnav">
<ul>
<li><a href="resume.html">Resume</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a class="active" href="index.html">Home</a></li>
</ul>
</div>
<!----====NAVIGATION BAR END====---->
<!----====MAIN CONTENT START====---->
<div class="main-content">
<!----====INTRO START====---->
<section class="intro">
<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>

View File

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

View File

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

View File

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