Added: No-header layout, signup/signin link enhancements, and header design updates

public/css/dashboard.css

@@ -1,7 +1,6 @@
 .dashboard {
   display: flex;
   flex-direction: column;
-  width: 100vw;
   align-items: center;
 }
 

public/css/form.css

@@ -3,7 +3,6 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  width: 100vw;
 }
 
 body {
@@ -59,3 +58,21 @@ select {
 .form small.error {
   width: 15rem;
 }
+
+.form .bordered {
+  border-radius: var(--border-radious);
+  border: var(--borderWidth-thin) solid var(--clr-border);
+  width: 17rem;
+  padding: 1rem;
+  margin-top: 1rem;
+  text-align: center;
+}
+
+.form .bordered a {
+  text-decoration: none;
+  color: var(--clr-link-blue);
+}
+
+.form .bordered a:hover {
+  text-decoration: underline;
+}

public/css/header.css

@@ -0,0 +1,26 @@
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 2rem;
+  width: 100vw;
+  height: 3rem;
+  background: var(--clr-secondary);
+  border-radius: var(--border-radious);
+  border-bottom: var(--borderWidth-thin) solid var(--clr-border);
+}
+
+#hd-left,
+#hd-right {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+header a img {
+  height: 2rem;
+}
+
+header a {
+  text-decoration: none;
+}

public/css/main.css

@@ -6,7 +6,7 @@
 
 main {
   display: flex;
-  gap: 2rem;
+  flex-direction: column;
   margin-top: 2rem;
   margin-bottom: 2rem;
   padding: 0 var(--container-size);

public/css/vars.css

@@ -6,6 +6,8 @@
   --clr-green: #238636;
   --clr-danger-muted: #f851491a;
 
+  --clr-link-blue: #4493f8;
+
   --border-radious: 5px;
   --borderWidth-thin: max(1px, 0.0625rem);
   --clr-border: #3d444db3;