Added: favicon, Dashboard, Habits list, some styles, dashboard redirect

public/css/dashboard.css

@@ -0,0 +1,22 @@
+.dashboard {
+  display: flex;
+  flex-direction: column;
+  width: 100vw;
+  align-items: center;
+}
+
+.card-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  justify-content: center;
+  margin-top: 2rem;
+}
+
+.card {
+  background-color: var(--clr-secondary);
+  border-radius: var(--border-radious);
+  border: var(--borderWidth-thin) solid var(--clr-border);
+  min-width: 17rem;
+  padding: 1rem;
+}

public/css/form.css

@@ -1,4 +1,4 @@
-.signin {
+.form {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -10,19 +10,17 @@ body {
   background-color: var(--clr-secondary);
 }
 
-.signin .header-form {
+.form .header-form {
   display: flex;
   align-items: center;
   flex-direction: column;
-  margin-bottom: 2rem;
 }
 
-.signin .header-form img {
+.form .header-form img {
   height: 5rem;
-  margin-bottom: 2rem;
 }
 
-.signin form {
+.form form {
   display: flex;
   flex-direction: column;
   padding: 1rem;
@@ -32,7 +30,8 @@ body {
   border: var(--borderWidth-thin) solid var(--clr-border);
 }
 
-.signin form input {
+.form form input,
+select {
   background-color: var(--clr-secondary);
   caret-color: white;
   color: white;
@@ -42,12 +41,12 @@ body {
   width: 15rem;
 }
 
-.signin form input[type="submit"] {
+.form form input[type="submit"] {
   background-color: var(--clr-green);
   color: white;
 }
 
-.signin .error {
+.form .error {
   width: 17rem;
   padding: 1rem;
   background-color: var(--clr-danger-muted);
@@ -57,6 +56,6 @@ body {
   color: white;
 }
 
-.signin small.error {
+.form small.error {
   width: 15rem;
 }

public/css/global.css

@@ -3,18 +3,30 @@
 body {
   font-family: "Open Sans", serif;
   background-color: var(--clr-primary);
+  color: white;
+  font-size: 14px;
 }
 
-a,
-p,
-label,
-h1 {
+a {
   color: white;
 }
 
-a,
-p,
-label,
-div {
-  font-size: 14px;
+h1 {
+  margin-top: .5rem;
+  margin-bottom: 1rem;
+}
+
+.btn-primary,
+.btn-danger {
+  background-color: var(--clr-green);
+  padding: .5rem;
+  text-decoration: none;
+  cursor: pointer;
+  border-radius: var(--border-radious);
+  border: var(--borderWidth-thin) solid var(--clr-border);
+}
+
+.btn-danger {
+  background-color: var(--clr-danger-muted) !important;
+  border: var(--borderWidth-thin) solid var(--clr-border-danger);
 }

public/css/habits_create.css

@@ -0,0 +1,21 @@
+.form form .dow_chb_wrapper input[type="checkbox"] {
+  width: 1rem;
+}
+
+.form form .dow_chb_wrapper {
+  display: flex;
+  justify-content: space-between;
+}
+
+#lbl_dow {
+  margin-bottom: .5rem;
+}
+
+#lbl_dom {
+  margin-top: .5rem;
+}
+
+#custom-frequency {
+  flex-direction: column;
+  justify-content: space-between;
+}

public/css/habits_dashboard.css

@@ -0,0 +1,26 @@
+.habits h1 {
+  font-size: 2rem;
+  margin-bottom: 1rem;
+}
+
+.habits table {
+  width: 100%;
+  border-collapse: collapse;
+  margin-top: 1rem;
+}
+
+.habits table th,
+.habits table td {
+  border: 1px solid #ccc;
+  padding: 8px;
+  text-align: left;
+}
+
+.habits a {
+  color: #007bff;
+  text-decoration: none;
+}
+
+.habits a:hover {
+  text-decoration: underline;
+}