From 33f55a04a2887074404b5902ebd1dd196e8a4ec0 Mon Sep 17 00:00:00 2001
From: Franklin <franklinblanco@tutanota.com>
Date: Sat, 15 Apr 2023 10:36:47 -0400
Subject: [PATCH] Start page, no functionality

---
 css/admin-common.css     |  7 +++++++
 css/admin-start.css      | 26 ++++++++++++++++++++++++++
 css/body.css             |  2 +-
 index.html               |  1 +
 src/pages/admin/start.rs | 15 ++++++++++++++-
 5 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 css/admin-common.css

diff --git a/css/admin-common.css b/css/admin-common.css
new file mode 100644
index 0000000..172a110
--- /dev/null
+++ b/css/admin-common.css
@@ -0,0 +1,7 @@
+.admin-panel-page-title {
+    font-size: 28px;
+    text-align: center;
+    font-family: Source Sans Pro;
+    font-weight: 700;
+    letter-spacing: 0.1rem;
+}
\ No newline at end of file
diff --git a/css/admin-start.css b/css/admin-start.css
index 885d5bf..8a2d905 100644
--- a/css/admin-start.css
+++ b/css/admin-start.css
@@ -7,4 +7,30 @@
 
     width: 100%;
     height: 50vh;
+}
+.admin-start-welcome-message {
+    font-size: 18px;
+    text-align: start;
+    width: 90%;
+    font-family: Source Sans Pro;
+}
+.admin-start-page-loads-container {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    width: 90%;
+}
+
+.admin-start-page-loads-label {
+    font-family: Source Sans Pro;
+    font-size: 16px;
+    text-align: start;
+    font-weight: 200;
+}
+.admin-start-page-loads-amount {
+    font-family: Source Sans Pro;
+    font-size: 22px;
+    text-align: end;
+    font-weight: 800;
 }
\ No newline at end of file
diff --git a/css/body.css b/css/body.css
index c93c364..c600ae2 100644
--- a/css/body.css
+++ b/css/body.css
@@ -12,7 +12,7 @@ body {
 }
 
 .admin-page-container {
-    padding-top: 110px;
+    padding-top: 40px;
     padding-left: 200px;
     display: flex;
     flex-direction: column;
diff --git a/index.html b/index.html
index 2b5cb43..a26d2c5 100644
--- a/index.html
+++ b/index.html
@@ -14,6 +14,7 @@
         <link data-trunk type="text/css" href="css/contact.css" rel="css" />
         <link data-trunk type="text/css" href="css/admin-login.css" rel="css" />
         <link data-trunk type="text/css" href="css/admin-start.css" rel="css" />
+        <link data-trunk type="text/css" href="css/admin-common.css" rel="css" />
 
         
         <link data-trunk type="text/css" href="css/components/loading.css" rel="css" />
diff --git a/src/pages/admin/start.rs b/src/pages/admin/start.rs
index da0b5a4..adace10 100644
--- a/src/pages/admin/start.rs
+++ b/src/pages/admin/start.rs
@@ -9,7 +9,20 @@ pub fn admin_start() -> Html {
             <AdminNavigationBar/>
             <div class={"admin-page-container"}>
                 <div class={"admin-start-container"}>
-                    {"a"}
+                    <div class={"admin-panel-page-title"}>{"Inicio"}</div>
+                    <div class={"admin-start-welcome-message"}>{"Bienvenido Jorge, este es tu panel de administración."}</div>
+                    <div class={"admin-start-page-loads-container"}>
+                        <div class={"admin-start-page-loads-label"}>{"Cargas: "}</div>
+                        <div class={"admin-start-page-loads-amount"}>{"201"}</div>
+                    </div>
+                    <div class={"admin-start-page-loads-container"}>
+                        <div class={"admin-start-page-loads-label"}>{"Solicitudes de Contacto: "}</div>
+                        <div class={"admin-start-page-loads-amount"}>{"10"}</div>
+                    </div>
+                    <div class={"admin-start-page-loads-container"}>
+                        <div class={"admin-start-page-loads-label"}>{"Whatsapp Clicks"}</div>
+                        <div class={"admin-start-page-loads-amount"}>{"28"}</div>
+                    </div>
                 </div>
             </div>
         </>