implemented admin control panel with the ability to delete articles/users in bulk, and open user panels with the standard options to reset passwords, change email/usernames, or delete. additionally, updated SQL schema, created dummy data, and fixed some bugs.

css/base.css

@@ -25,7 +25,9 @@ label,
 input,
 textarea,
 a,
-.modal_button {
+.modal_button,
+th,
+td {
   font-family: 'HackNerdFontMono', Hack, sans-serif;
   padding: 0;
   margin: 0;
@@ -165,7 +167,8 @@ code {
 }
 
 .article_card,
-.form_card {
+.form_card,
+.view_card {
   margin: 0 auto;
   margin-top: 50px;
   padding: 18px;
@@ -189,6 +192,36 @@ code {
   width: 80%;
 }
 
+.view_card form {
+  width: 95%;
+  padding: 15px;
+}
+
+form table {
+  border-collapse: separate;
+  border-spacing: 5px;
+  width: 100%;
+}
+
+tbody tr {
+  transition-duration: 1s;
+}
+
+tbody tr:hover {
+  outline: solid 3px orange;
+}
+
+tbody tr td {
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  padding: 15px 0px 15px 5px;
+}
+
+table tr td label {
+  width: max-content;
+}
+
 .card_info_box {
   display: flex;
 }
@@ -218,6 +251,14 @@ code {
   border: 3px solid orange;
 }
 
+.button:hover {
+  box-shadow: 0 2px 4px 0 rgba(255, 165, 0, 0.3), 0 3px 8px 0 rgba(255, 165, 0, 0.7);
+}
+
+.narrow {
+  width: 40%;
+}
+
 .tag {
   margin: 15px;
   padding: 10px;
@@ -226,6 +267,10 @@ code {
   text-decoration: none;
 }
 
+.tag:hover {
+  box-shadow: 0 2px 4px 0 rgba(255, 165, 0, 0.3), 0 3px 8px 0 rgba(255, 165, 0, 0.7);
+}
+
 .tag_row {}
 
 .tag_box {
@@ -295,6 +340,7 @@ textarea:focus,
 input:hover,
 textarea:hover {
   border: 3px solid orange;
+  box-shadow: 0 2px 4px 0 rgba(255, 165, 0, 0.3), 0 3px 8px 0 rgba(255, 165, 0, 0.7);
   outline: none;
 }
 
@@ -305,6 +351,10 @@ textarea {
 
 .checkboxes {}
 
+input[type="radio"] {
+  display: none;
+}
+
 .form_checkbox_container {
   display: flex;
   align-items: center;
@@ -414,7 +464,9 @@ input[type="file"] {
 }
 
 .form_card h3,
-.form_card h5 {
+.form_card h5,
+.view_card h3,
+.view_card h5 {
   padding-bottom: 15px;
 }
 
@@ -533,3 +585,7 @@ input[type="file"] {
   right: -5px;
   cursor: se-resize;
 }
+
+[data-href] {
+  cursor: pointer;
+}

css/dark.css

@@ -40,11 +40,16 @@ code {
 }
 
 .article_card,
-.form_card {
+.form_card,
+.view_card {
   border: 5px solid white;
   background-color: black;
 }
 
+table tr {
+  outline: solid 3px white;
+}
+
 .button {
   color: white;
 }

css/light.css

@@ -40,11 +40,16 @@ code {
 }
 
 .article_card,
-.form_card {
+.form_card,
+.view_card {
   border: 5px solid black;
   background-color: white;
 }
 
+table tr {
+  outline: solid 3px black;
+}
+
 .button {
   color: black;
 }