feat: users

7 files changed, 59 insertions, 29 deletions

diff --git a/public/static/img/icons/clock.png b/public/static/img/icons/clock.png
new file mode 100644
index 0000000..e2672c2
--- /dev/null
+++ b/public/static/img/icons/clock.png
diff --git a/public/static/img/icons/door_in.png b/public/static/img/icons/door_in.png
new file mode 100644
index 0000000..41676a0
--- /dev/null
+++ b/public/static/img/icons/door_in.png
diff --git a/public/static/img/icons/emoticon_happy.png b/public/static/img/icons/emoticon_happy.png
new file mode 100644
index 0000000..6b7336e
--- /dev/null
+++ b/public/static/img/icons/emoticon_happy.png
diff --git a/public/static/img/icons/heart.png b/public/static/img/icons/heart.png
new file mode 100644
index 0000000..d9ee53e
--- /dev/null
+++ b/public/static/img/icons/heart.png
diff --git a/public/static/img/icons/star.png b/public/static/img/icons/star.png
new file mode 100644
index 0000000..b88c857
--- /dev/null
+++ b/public/static/img/icons/star.png
diff --git a/public/static/img/icons/user.png b/public/static/img/icons/user.png
new file mode 100644
index 0000000..79f35cc
--- /dev/null
+++ b/public/static/img/icons/user.png
diff --git a/public/static/style.css b/public/static/style.css
index 86013be..cb9a996 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -1,11 +1,14 @@
 :root {
-    --background-color: #d7dfcd;
+    --background-color: #c4d1b5;
     --background-color-hover: #e4eed8;
     --background-color-disabled: #bec6b3;
-    --border-color: #b0b9a5;
+    --border-color: #95a186;
 
-    --foreground-color: #7f9c3c;
-    --foreground-color-hover: #4b5632;
+    --background-color-2: #cfdfbd;
+    --border-color-2: #849275;
+
+    --foreground-color: #425514;
+    --foreground-color-hover: #1c220c;
 }
 
 * {
@@ -15,14 +18,34 @@
     font-family: Arial, Helvetica, sans-serif;
 }
 
+h1 {
+    font-size: 26px;
+}
+
+h2 {
+    font-size: 20px;
+}
+
+h3 {
+    font-size: 16px;
+}
+
 div {
     display: unset;
 }
 
+table {
+    text-align: left;
+}
+
 table.vertical th {
     text-align: right;
 }
 
+table.vertical.left th {
+    text-align: left;
+}
+
 table.vertical th,
 table.vertical td {
     padding: 2px;
@@ -50,9 +73,6 @@ form {
     gap: 4px;
 }
 
-.row {
-    flex-direction: row;
-}
 
 .container {
     width: 100%;
@@ -66,7 +86,7 @@ form {
     flex-direction: column;
 }
 
-section.content {
+.content {
     flex-grow: 1;
     display: flex;
     flex-direction: column;
@@ -79,15 +99,6 @@ section.content {
     flex-direction: row;
 }
 
-.big-gap {
-    gap: 32px;
-}
-
-.center {
-    justify-content: center;
-    align-items: center;
-}
-
 /** 
 ------------
    COUNTER
@@ -236,12 +247,6 @@ button.purple:hover,
     flex-grow: 1;
 }
 
-.row {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
 .right {
     justify-content: flex-end;
 }
@@ -282,6 +287,16 @@ button.purple:hover,
     padding: 16px;
 }
 
+.box .content .box {
+    background: var(--background-color-2);
+    border-color: var(--border-color-2);
+}
+
+.box .content a.box:hover {
+    background: linear-gradient(0deg, var(--background-color-hover), var(--background-color-2));
+    cursor: pointer;
+}
+
 .box hr {
     border-color: var(--border-color);
     border-width: 1px;
@@ -358,14 +373,29 @@ a.box:hover {
     gap: 16px;
 }
 
-.accman h1 {
-    font-size: 26px;
+.row {
+    display: flex;
+    flex-direction: row;
 }
 
-.accman h2 {
-    font-size: 20px;
+.column {
+    display: flex;
+    flex-direction: column;
 }
 
-.accman h3 {
-    font-size: 16px;
+.flex {
+    flex-grow: 1;
+}
+
+.small-gap {
+    gap: 8px;
+}
+
+.big-gap {
+    gap: 32px;
+}
+
+.center {
+    justify-content: center;
+    align-items: center;
 }
\ No newline at end of file