Merge pull request #1 from benweese/feature

Feature
benweese · Oct 4, 2019 · 0cc894c · 0cc894c
2 parents 8623785 + 25f54c0
commit 0cc894c
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 44 deletions.
diff --git a/StyleSheet.css b/StyleSheet.css
@@ -1,64 +1,40 @@
-.sidenav {
-  height: 100%; /* Full-height: remove this if you want "auto" height */
-  width: 160px; /* Set the width of the sidebar */
-  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
-  z-index: 1; /* Stay on top */
-  top: 0; /* Stay at the top */
-  left: 0;
-  background-color: #1d1e22;
-  overflow-x: hidden; /* Disable horizontal scroll */
-  padding-top: 20px;
-  margin-top: 5.5em;
-  z-index: 1;
-}
-
 .sidenav a {
-  padding: 6px 8px 6px 16px;
-  text-decoration: none;
-  font-size: 16px;
+  padding: 10px;
+  font-size: 20px;
   font-weight: bold;
   color: white;
-  display: block;
 }
 
 .sidenav a:hover {
-  color: blue;
+  color: red;
 }
 
 .content {
-  margin-left: 160px; /* Same as the width of the sidebar */
-  margin-top: 100px;
   padding: 25px;
   color: white;
   font-family: sans-serif;
   line-height: 1.5;
 }
 body {
-  background-color: #393939;
+  background-color: #003366;
 }
-h1 {
+header {
   text-align: center;
   background-color: black;
-  position: absolute;
-  top: 0;
   padding: 1em;
-  width: 100%;
   margin: -10px;
   color: white;
-  z-index: 2;
+  position: sticky;
+  top: 0;
+  width: 100%;
 }
 footer {
   text-align: center;
   background-color: black;
   padding: 0.5em;
   margin: -10px;
   color: white;
-  position: absolute;
+  position: fixed;
   bottom: 0;
   width: 100%;
-  z-index: 2;
-}
-@media screen and (max-height: 450px) {
-  .sidenav {padding-top: 15px;}
-  .sidenav a {font-size: 18px;}
 }
diff --git a/index.html b/index.html
@@ -5,10 +5,10 @@
 
 <head>
   <title>Ben Weese.Dev</title>
-  <h1>Welcome to Ben Weese.Dev</h1>
 </head>
 
-<body>
+<header>
+  <h1>Welcome to Ben Weese.Dev</h1>
   <div class="sidenav">
     <nav role="navigation">
         <a href="#" class="navigation-list-item">Home</a>
@@ -17,6 +17,9 @@ <h1>Welcome to Ben Weese.Dev</h1>
         <a href="podcast.html" class="navigation-list-item">Podcasting 101</a>
     </nav>
   </div>
+</header>
+
+<body>
   <div class="content">
   <p>My name is Ben Weese and I am a Senior Quality Analyst. For those who don’t know what that is I look for the cracks in creation. When a Software Developer develops something they need someone to test it and make sure that it works as expected.
     If someone does something not expected that the software won’t break and do something unexpected.</p>

diff --git a/podcast.html b/podcast.html
@@ -6,8 +6,8 @@
 <head>
   <title id="title">Podcasting 101</title>
 </head>
-
-<body>
+<header>
+  <h1>Podcasting 101</h1>
   <div class="sidenav">
     <nav role="navigation">
         <a href="index.html" class="navigation-list-item">Home</a>
@@ -16,7 +16,8 @@
         <a href="#" class="navigation-list-item">Podcasting 101</a>
     </nav>
   </div>
-  <h1>Webmaster</h1>
+</header>
+<body>
   <div class="content">
   <p>This section will cover a lot of knowledge I have based on having many years podcasting. There will be several other pages covering a variety of things such as:</p>
   <ul>

diff --git a/softwareTesting.html b/softwareTesting.html
@@ -5,8 +5,8 @@
 <head>
   <title id="title">Software Testing</title>
 </head>
-
-<body>
+<header>
+  <h1>Software Testing</h1>
   <div class="sidenav">
     <nav role="navigation">
         <a href="index.html" class="navigation-list-item">Home</a>
@@ -15,7 +15,8 @@
         <a href="podcast.html" class="navigation-list-item">Podcasting 101</a>
     </nav>
   </div>
-  <h1>Software Testing</h1>
+</header>
+<body>
   <div class="content">
   <p>This section will cover a lot of knowledge I have based on my job and testing software. There will be several other pages covering a variety of things such as:</p>
   <ul>

diff --git a/webmaster.html b/webmaster.html
@@ -5,8 +5,8 @@
 <head>
   <title id="title">Webmaster</title>
 </head>
-
-<body>
+<header>
+  <h1>Webmaster</h1>
   <div class="sidenav">
     <nav role="navigation">
         <a href="index.html" class="navigation-list-item">Home</a>
@@ -15,7 +15,8 @@
         <a href="podcast.html" class="navigation-list-item">Podcasting 101</a>
     </nav>
   </div>
-  <h1>Webmaster</h1>
+</header>
+<body>
   <div class="content">
   <p>This section will cover a lot of knowledge I have based on having many websites over the years. There will be several other pages covering a variety of things such as:</p>
   <ul>