assignment 1

2024-09-20 20:10:37 -04:00
commit 52202eeb6f
42 changed files with 4838 additions and 0 deletions
--- a/assignments/a1/css/shared.css
+++ b/assignments/a1/css/shared.css
@@ -0,0 +1,77 @@
+@import 'common.css';
+
+html,
+body {
+  height: 100%;
+  background-color: var(--color-gray-800);
+  color: var(--color-white);
+  font-family: InterVariable, Arial, Helvetica, sans-serif;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+
+  & > main {
+    flex: 1;
+  }
+}
+
+header {
+  padding: 1rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: var(--color-gray-700);
+  border-bottom: 1px solid var(--color-gray-500);
+
+  & > p {
+    font-size: 1.5rem;
+  }
+
+  & > nav {
+    padding: 1rem, 0;
+
+    ul {
+      display: flex;
+      gap: 1rem;
+    }
+
+    a {
+      color: var(--color-white);
+      text-decoration: underline 1px var(--color-white);
+      text-underline-offset: 2px;
+      transition:
+        text-decoration-color 300ms,
+        text-underline-offset 300ms,
+        font-size 300ms;
+
+      &:hover {
+        color: var(--color-gray-200);
+        text-decoration-color: var(--color-gray-200);
+        text-underline-offset: 4px;
+        font-size: 1.1rem;
+      }
+    }
+  }
+}
+
+footer {
+  padding: 1rem;
+  background-color: var(--color-gray-700);
+  border-top: 1px solid var(--color-gray-500);
+  text-align: center;
+}
+
+.title {
+  margin-top: 2rem;
+  text-align: center;
+
+  & > h1 {
+    font-size: 2.5rem;
+  }
+
+  & > h2 {
+    font-size: 1.25rem;
+  }
+}