Fri, Jul 5, 2024, 3:47 AM -07:00

1 files changed, 56 insertions, 44 deletions

diff --git a/wk8/pset/homepage/styles.css b/wk8/pset/homepage/styles.css
index 7301f44..0dfe4ab 100644
--- a/wk8/pset/homepage/styles.css
+++ b/wk8/pset/homepage/styles.css
@@ -14,8 +14,8 @@
     --banner: url("/miau.gif");
     --titleBars: #551251;
     --text-color: white;
-    --border:1px solid black;
-    --arrows:url('/arrow.png');
+    --border: 1px solid black;
+    --arrows: url('/arrow.png');
 }
 
 .centered {
@@ -34,12 +34,14 @@ body {
     color: var(--text-color);
     background-attachment: fixed;
 }
+
 .topbar {
     background-image: var(--banner);
-    height:150px;
-    margin-bottom:var(--content-spacing);
-    border:var(--border);
+    height: 150px;
+    margin-bottom: var(--content-spacing);
+    border: var(--border);
 }
+
 #container,
 .topbar img {
     max-width: 850px;
@@ -58,16 +60,17 @@ body {
 
 aside {
     width: 30%;
-    margin-left:var(--content-spacing);
-    border-left:var(--border);
+    margin-left: var(--content-spacing);
+    border-left: var(--border);
     background-color: var(--background);
 }
 
-.title, .sidebar-title {
-    background-image:var(--titleBars);
-    font-weight:bold;
-    border:var(--border);
-    font-size:20px;
+.title,
+.sidebar-title {
+    background-image: var(--titleBars);
+    font-weight: bold;
+    border: var(--border);
+    font-size: 20px;
 }
 
 main {
@@ -76,63 +79,72 @@ main {
 }
 
 nav {
-    position:sticky;
-    top:20px;
+    position: sticky;
+    top: 20px;
 }
+
 nav ul {
-    list-style-image:var(--arrows);
-    margin-left:0;
-    padding-left:30px;
+    list-style-image: var(--arrows);
+    margin-left: 0;
+    padding-left: 30px;
 }
+
 nav ul li a {
-    color:var(--accent-1);
+    color: var(--accent-1);
 }
 
 .content {
-    padding:25px;
+    padding: 25px;
 }
 
 footer {
-    border:var(--border);
+    border: var(--border);
     color: red;
-    font-weight:bold;
-    height:25px;
-    margin-top:var(--content-spacing);
-    background-color:var(--titleBars);
-    text-align:center;
+    font-weight: bold;
+    height: 25px;
+    margin-top: var(--content-spacing);
+    background-color: var(--titleBars);
+    text-align: center;
 }
 
 @media only screen and (max-width: 640px) {
     nav ul {
-        list-style-image:none;
-        list-style-type:none;
+        list-style-image: none;
+        list-style-type: none;
     }
+
     #flex {
-        flex-wrap:wrap;
+        flex-wrap: wrap;
     }
+
     main {
-        width:100%;
-        order:2;
+        width: 100%;
+        order: 2;
     }
+
     aside {
-        display:block;
-        width:100%;
-        order:1;
-        margin-left:0;
+        display: block;
+        width: 100%;
+        order: 1;
+        margin-left: 0;
     }
+
     nav ul {
-        display:flex;
-        flex-wrap:wrap;
+        display: flex;
+        flex-wrap: wrap;
     }
+
     nav ul li {
-        padding-right:10px;
-    }
-    nav ul > ul {
-        display:none;
+        padding-right: 10px;
     }
+
+    nav ul>ul {
+        display: none;
     }
-    @media only screen and (max-height: 640px) {
-        nav ul > ul {
-            display:none;
-        }
+}
+
+@media only screen and (max-height: 640px) {
+    nav ul>ul {
+        display: none;
     }
+}