Style changes including minor footer changes

- Remove '|' list items in footer
kellyky · Oct 27, 2024 · 97246a4 · 97246a4
1 parent 0e13f8c
commit 97246a4
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 13 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -1,12 +1,12 @@
 html, body {
   height: 100%;
-  color: yellow;
+  color: white;
 }
 
 body {
-  background-image: url("../images/keem_achill.jpg");
+  background-position: center center;
+  background-attachment: fixed;
   background-repeat:no-repeat;
-  background-color: black;
   background-size: cover;
   overflow: scroll;
   font-family: courier, mono;
@@ -15,13 +15,13 @@ body {
 
 h1 {
   text-align: right;
+  color: yellow;
   text-transform: uppercase;
 }
 
 /* Lists */
 
 ul {
-  color: white;
   text-align: right;
 }
 
@@ -73,3 +73,12 @@ hr {
   float: right;
   width: 200px;
 }
+
+footer li {
+  padding: 10px;
+}
+
+footer hr {
+  color: white;
+  margin: 10px;
+}
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
   <title>Kelly's Site</title>
   <meta name='viewport' content='width=device-width, initial-scale=1'>
   <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
+  <link rel='stylesheet' type='text/css' media='screen' href='css/index.css'>
 </head>
 <body>
 <header>
@@ -27,13 +28,9 @@
     <br>
     <ul>
       <li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
     </ul>
 </footer>

diff --git a/today_i_learned.html b/today_i_learned.html
@@ -6,6 +6,7 @@
   <title>Today I Learned...</title>
   <meta name='viewport' content='width=device-width, initial-scale=1'>
   <link rel='stylesheet' type='text/css' media='screen' href='css/styles.css'>
+  <link rel='stylesheet' type='text/css' media='screen' href='css/today_i_learned.css'>
 </head>
 <body>
 <header>
@@ -14,7 +15,7 @@
       <li class="header">|</li>
       <li class="header"><a href="./index.html">My Home</a></li>
     </ul>
-    <!-- <hr> -->
+    <hr>
     <br>
   </header>
 
@@ -30,13 +31,9 @@ <h1>Posts</h1>
     <br>
     <ul>
       <li class="footer"><a href="https://github.com/kellyky" target="_blank">GitHub</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://medium.com/@kelpopko" target="_blank">Medium</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://exercism.org/profiles/kellyky" target="_blank">Exercism</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://www.codewars.com/users/kellyky" target="_blank">CodeWars</a></li>
-      <li class="footer">|</li>
       <li class="footer"><a href="https://www.linkedin.com/in/kelly-popko/" target="_blank">LinkedIn</a></li>
     </ul>
 </footer>