From fac720d2827de7c522790322b93b5854a182f927 Mon Sep 17 00:00:00 2001
From: d10s <79284025+D10S0VSkY-OSS@users.noreply.github.com>
Date: Wed, 10 Jan 2024 00:50:13 +0100
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=94=A7refactor:=20sld=20home=20and=20?=
 =?UTF-8?q?logo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 play-with-sld/docker/docker-compose.dev.yml   |  2 -
 play-with-sld/docker/docker-compose.yml       |  2 -
 .../app/base/static/assets/css/volt.css       | 15 ++--
 .../app/base/static/assets/img/brand/dark.svg |  2 +-
 .../base/static/assets/img/brand/light.svg    | 70 ++++---------------
 .../app/base/templates/includes/sidebar.html  |  8 ++-
 .../app/home/templates/activity-logs.html     |  2 +-
 .../app/home/templates/aws-edit.html          |  2 +-
 .../app/home/templates/aws-list.html          |  2 +-
 sld-dashboard/app/home/templates/aws-new.html |  2 +-
 .../app/home/templates/azure-edit.html        |  2 +-
 .../app/home/templates/azure-list.html        |  2 +-
 .../app/home/templates/azure-new.html         |  2 +-
 .../home/templates/custom-provider-list.html  |  2 +-
 .../home/templates/custom-provider-new.html   |  2 +-
 .../app/home/templates/dashboard.html         |  4 +-
 .../app/home/templates/deploy-stream.html     |  2 +-
 .../app/home/templates/gcp-edit.html          |  2 +-
 .../app/home/templates/gcp-list.html          |  2 +-
 sld-dashboard/app/home/templates/gcp-new.html |  2 +-
 sld-dashboard/app/home/templates/index.html   | 18 +++--
 .../app/home/templates/stack-details.html     |  4 ++
 .../app/home/templates/stacks-cards.html      |  2 +-
 .../app/home/templates/stacks-list.html       |  2 +-
 .../app/home/templates/stacks-new.html        |  2 +-
 .../app/home/templates/tasks-logs.html        |  5 +-
 .../app/home/templates/tasks-output.html      |  2 +-
 .../app/home/templates/users-list.html        |  2 +-
 .../app/home/templates/users-new.html         |  2 +-
 29 files changed, 65 insertions(+), 103 deletions(-)

diff --git a/play-with-sld/docker/docker-compose.dev.yml b/play-with-sld/docker/docker-compose.dev.yml
index 95143b0f..f79cae1e 100644
--- a/play-with-sld/docker/docker-compose.dev.yml
+++ b/play-with-sld/docker/docker-compose.dev.yml
@@ -9,7 +9,6 @@ services:
       - SYS_NICE 
     volumes:
       - sld-db_dev:/var/lib/mysql
-    restart: always
     ports:
       - 3306:3306
         #    command: --init-file init.sql
@@ -103,7 +102,6 @@ services:
     #image: d10s0vsky/sld-dashboard:latest
     hostname: sld-dashboard
     entrypoint: gunicorn --config gunicorn-cfg.py run:app
-    restart: always
     env_file: ../../sld-dashboard/.env
     ports:
       - "5000:5000"
diff --git a/play-with-sld/docker/docker-compose.yml b/play-with-sld/docker/docker-compose.yml
index 289867b2..d9f23eaa 100644
--- a/play-with-sld/docker/docker-compose.yml
+++ b/play-with-sld/docker/docker-compose.yml
@@ -8,7 +8,6 @@ services:
       - SYS_NICE 
     volumes:
       - sld-db:/var/lib/mysql
-    restart: always
     ports:
       - 3306:3306
     environment:
@@ -86,7 +85,6 @@ services:
     environment:
       PATH: "/home/sld/.asdf/shims:/home/sld/.asdf/bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin"
     entrypoint: python -m gunicorn --config gunicorn-cfg.py run:app
-    restart: always
     env_file: ../../sld-dashboard/.env
     ports:
       - "5000:5000"
diff --git a/sld-dashboard/app/base/static/assets/css/volt.css b/sld-dashboard/app/base/static/assets/css/volt.css
index b77dfec9..c46a0216 100644
--- a/sld-dashboard/app/base/static/assets/css/volt.css
+++ b/sld-dashboard/app/base/static/assets/css/volt.css
@@ -3766,10 +3766,8 @@ progress {
 }
 
 .btn-secondary {
-    color: #f12e58;
-    background-color: #f12e58;
-    border-color: #f12e58;
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(46, 54, 80, 0.075);
+    background-image: linear-gradient(to right, #a8b3df, #6d5d9f)
 }
 
 .btn-secondary:hover {
@@ -13751,7 +13749,7 @@ progress {
 }
 
 .bg-primary {
-    background-color: #262B40 !important;
+    background: linear-gradient(to top left, #262b40, #262b40)
 }
 
 .bg-secondary {
@@ -28696,7 +28694,6 @@ label {
 }
 
 .navbar-theme-primary:not(.headroom) {
-    background-color: #262B40;
 }
 
 .navbar-theme-primary.navbar-light:not(.headroom) .navbar-nav .dropdown-item.active, .navbar-theme-primary.navbar-light:not(.headroom) .navbar-nav .dropdown-item:hover,
@@ -32891,7 +32888,7 @@ label {
 
 .sidebar .nav-item.active > .nav-link {
     color: #eaedf2;
-    background-color: #2e3650;
+    background-color: #361f6b;
 }
 
 .sidebar .nav-item .nav-link {
@@ -32900,7 +32897,7 @@ label {
 
 .sidebar .nav-item .nav-link:hover {
     color: #eaedf2;
-    background-color: #2e3650;
+    background-color: #361f6b;
 }
 
 .sidebar .nav-link + .multi-level {
@@ -40350,7 +40347,7 @@ label {
 }
 
 .table .thead-dark th {
-    background-color: #262B40;
+    background-color: #0e1133;
     color: #ffffff;
 }
 
@@ -41859,7 +41856,7 @@ pre {
 }
 
 #particles-js{
-  background-color: #262B40;
+  background: linear-gradient(to bottom left, #09223d, #080308, #282629, #7132a9, #0b0716);
   position: static;
   width: 100%;
   height: 100%;
diff --git a/sld-dashboard/app/base/static/assets/img/brand/dark.svg b/sld-dashboard/app/base/static/assets/img/brand/dark.svg
index 47b9c220..bea4310c 100644
--- a/sld-dashboard/app/base/static/assets/img/brand/dark.svg
+++ b/sld-dashboard/app/base/static/assets/img/brand/dark.svg
@@ -1 +1 @@
-<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cubes" class="svg-inline--fa fa-cubes fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M488.6 250.2L392 214V105.5c0-15-9.3-28.4-23.4-33.7l-100-37.5c-8.1-3.1-17.1-3.1-25.3 0l-100 37.5c-14.1 5.3-23.4 18.7-23.4 33.7V214l-96.6 36.2C9.3 255.5 0 268.9 0 283.9V394c0 13.6 7.7 26.1 19.9 32.2l100 50c10.1 5.1 22.1 5.1 32.2 0l103.9-52 103.9 52c10.1 5.1 22.1 5.1 32.2 0l100-50c12.2-6.1 19.9-18.6 19.9-32.2V283.9c0-15-9.3-28.4-23.4-33.7zM358 214.8l-85 31.9v-68.2l85-37v73.3zM154 104.1l102-38.2 102 38.2v.6l-102 41.4-102-41.4v-.6zm84 291.1l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6zm240 112l-85 42.5v-79.1l85-38.8v75.4zm0-112l-102 41.4-102-41.4v-.6l102-38.2 102 38.2v.6z"></path></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" height="16" width="18" viewBox="0 0 576 512"><!--!Font Awesome Free 6.5.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M264.5 5.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 149.8C37.4 145.8 32 137.3 32 128s5.4-17.9 13.9-21.8L264.5 5.2zM476.9 209.6l53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 277.8C37.4 273.8 32 265.3 32 256s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0l152-70.2zm-152 198.2l152-70.2 53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 405.8C37.4 401.8 32 393.3 32 384s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0z"/></svg>
\ No newline at end of file
diff --git a/sld-dashboard/app/base/static/assets/img/brand/light.svg b/sld-dashboard/app/base/static/assets/img/brand/light.svg
index 666cb767..8564daa9 100644
--- a/sld-dashboard/app/base/static/assets/img/brand/light.svg
+++ b/sld-dashboard/app/base/static/assets/img/brand/light.svg
@@ -1,59 +1,13 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   aria-hidden="true"
-   focusable="false"
-   data-prefix="fas"
-   data-icon="cubes"
-   class="svg-inline--fa fa-cubes fa-w-16"
-   role="img"
-   viewBox="0 0 512 512"
-   version="1.1"
-   id="svg92"
-   sodipodi:docname="light.svg"
-   inkscape:version="1.0.1 (0767f8302a, 2020-10-17)">
-  <metadata
-     id="metadata98">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <defs
-     id="defs96" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1280"
-     inkscape:window-height="710"
-     id="namedview94"
-     showgrid="false"
-     inkscape:zoom="1.5019531"
-     inkscape:cx="155.46424"
-     inkscape:cy="256"
-     inkscape:window-x="1512"
-     inkscape:window-y="179"
-     inkscape:window-maximized="0"
-     inkscape:current-layer="svg92" />
-  <path
-     fill="currentColor"
-     d="M 488.6,250.2 392,214 V 105.5 c 0,-15 -9.3,-28.4 -23.4,-33.7 l -100,-37.5 c -8.1,-3.1 -17.1,-3.1 -25.3,0 l -100,37.5 c -14.1,5.3 -23.4,18.7 -23.4,33.7 V 214 L 23.3,250.2 C 9.3,255.5 0,268.9 0,283.9 V 394 c 0,13.6 7.7,26.1 19.9,32.2 l 100,50 c 10.1,5.1 22.1,5.1 32.2,0 l 103.9,-52 103.9,52 c 10.1,5.1 22.1,5.1 32.2,0 l 100,-50 C 504.3,420.1 512,407.6 512,394 V 283.9 c 0,-15 -9.3,-28.4 -23.4,-33.7 z M 358,214.8 273,246.7 v -68.2 l 85,-37 z M 154,104.1 256,65.9 358,104.1 v 0.6 L 256,146.1 154,104.7 Z m 84,291.1 -85,42.5 v -79.1 l 85,-38.8 z m 0,-112 -102,41.4 -102,-41.4 v -0.6 l 102,-38.2 102,38.2 z m 240,112 -85,42.5 v -79.1 l 85,-38.8 z m 0,-112 -102,41.4 -102,-41.4 v -0.6 l 102,-38.2 102,38.2 z"
-     id="path90"
-     style="fill:#f12e58;image-rendering:optimizeQuality" />
+<svg xmlns="http://www.w3.org/2000/svg" height="160" width="180" viewBox="0 0 576 512">
+    <!-- Definir el gradiente -->
+    <defs>
+        <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
+            <stop offset="0%" style="stop-color: #7f1f99; stop-opacity: 1" />
+            <stop offset="50%" style="stop-color: #fa5252; stop-opacity: 1" />
+            <stop offset="100%" style="stop-color: #3300ff; stop-opacity: 1" />
+        </linearGradient>
+    </defs>
+
+    <!-- Aplicar el gradiente al relleno del path -->
+    <path d="M264.5 5.2c14.9-6.9 32.1-6.9 47 0l218.6 101c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 149.8C37.4 145.8 32 137.3 32 128s5.4-17.9 13.9-21.8L264.5 5.2zM476.9 209.6l53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 277.8C37.4 273.8 32 265.3 32 256s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0l152-70.2zm-152 198.2l152-70.2 53.2 24.6c8.5 3.9 13.9 12.4 13.9 21.8s-5.4 17.9-13.9 21.8l-218.6 101c-14.9 6.9-32.1 6.9-47 0L45.9 405.8C37.4 401.8 32 393.3 32 384s5.4-17.9 13.9-21.8l53.2-24.6 152 70.2c23.4 10.8 50.4 10.8 73.8 0z" fill="url(#gradient)" />
 </svg>
diff --git a/sld-dashboard/app/base/templates/includes/sidebar.html b/sld-dashboard/app/base/templates/includes/sidebar.html
index 91746a38..647957ba 100644
--- a/sld-dashboard/app/base/templates/includes/sidebar.html
+++ b/sld-dashboard/app/base/templates/includes/sidebar.html
@@ -216,15 +216,17 @@ <h2 class="h6">
             <li class="nav-item">
                 <a href="/" class="nav-link d-flex align-items-center">
                     <span class="sidebar-icon">
-                        <img src="/static/assets/img/brand/light.svg" height="20" width="20" alt="satck Logo">
+                    <span class="sidebar-icon"><span class="fas fa-layer-group text-danger"></span></span>
                     </span>
-                    <span class="mt-1">Presentation</span>
+                    <strong>
+                    <span class="mt-1">SLD</span>
+                    </strong>
                 </a>
             </li>
             <li class="nav-item">
                 <a href="https://github.com/D10S0VSkY-OSS/Stack-Lifecycle-Deployment" class="nav-link d-flex align-items-center">
                     <span class="sidebar-icon"><span class="fas fa-book"></span></span>
-                    <span>UI Docs</span>
+                    <span>Tech Docs</span>
                 </a>
             </li>
 
diff --git a/sld-dashboard/app/home/templates/activity-logs.html b/sld-dashboard/app/home/templates/activity-logs.html
index 94d23100..7381f7f1 100644
--- a/sld-dashboard/app/home/templates/activity-logs.html
+++ b/sld-dashboard/app/home/templates/activity-logs.html
@@ -11,7 +11,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="SLD logo">
     </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/aws-edit.html b/sld-dashboard/app/home/templates/aws-edit.html
index ac7a8a2a..4d0a7633 100644
--- a/sld-dashboard/app/home/templates/aws-edit.html
+++ b/sld-dashboard/app/home/templates/aws-edit.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/aws-list.html b/sld-dashboard/app/home/templates/aws-list.html
index e506933a..2e56e493 100644
--- a/sld-dashboard/app/home/templates/aws-list.html
+++ b/sld-dashboard/app/home/templates/aws-list.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/aws-new.html b/sld-dashboard/app/home/templates/aws-new.html
index f2328ece..30d8400f 100644
--- a/sld-dashboard/app/home/templates/aws-new.html
+++ b/sld-dashboard/app/home/templates/aws-new.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/azure-edit.html b/sld-dashboard/app/home/templates/azure-edit.html
index b73e4433..43f21a91 100644
--- a/sld-dashboard/app/home/templates/azure-edit.html
+++ b/sld-dashboard/app/home/templates/azure-edit.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/azure-list.html b/sld-dashboard/app/home/templates/azure-list.html
index 78494650..ad030257 100644
--- a/sld-dashboard/app/home/templates/azure-list.html
+++ b/sld-dashboard/app/home/templates/azure-list.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/azure-new.html b/sld-dashboard/app/home/templates/azure-new.html
index e860f5a5..7016e5a9 100644
--- a/sld-dashboard/app/home/templates/azure-new.html
+++ b/sld-dashboard/app/home/templates/azure-new.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/custom-provider-list.html b/sld-dashboard/app/home/templates/custom-provider-list.html
index 0c727c76..948ac21b 100644
--- a/sld-dashboard/app/home/templates/custom-provider-list.html
+++ b/sld-dashboard/app/home/templates/custom-provider-list.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/custom-provider-new.html b/sld-dashboard/app/home/templates/custom-provider-new.html
index 69dfb4d8..01c3206a 100644
--- a/sld-dashboard/app/home/templates/custom-provider-new.html
+++ b/sld-dashboard/app/home/templates/custom-provider-new.html
@@ -11,7 +11,7 @@
 
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/dashboard.html b/sld-dashboard/app/home/templates/dashboard.html
index 03768f19..5759503e 100644
--- a/sld-dashboard/app/home/templates/dashboard.html
+++ b/sld-dashboard/app/home/templates/dashboard.html
@@ -46,7 +46,7 @@
                         <div
                             class="col-12 col-xl-5 text-xl-center mb-3 mb-xl-0 d-flex align-items-center justify-content-xl-center">
                             <div class="icon icon-shape icon-md icon-shape-blue rounded mr-4 mr-sm-0"><span
-                                    class="fas fa-box-open"></span></div>
+                                    class="fas fa-layer-group"></span></div>
                         </div>
                         <div class="col-12 col-xl-7 px-xl-0">
                             <div class="d-none d-sm-block">
@@ -70,7 +70,7 @@ <h3 class="mb-1">{{ stacks|length }}</h3>
                         <div
                             class="col-12 col-xl-5 text-xl-center mb-3 mb-xl-0 d-flex align-items-center justify-content-xl-center">
                             <div class="icon icon-shape icon-md icon-shape-blue rounded mr-4"><span
-                                    class="fas fa-layer-group"></span></div>
+                                    class="fas fa-box-open"></span></div>
                         </div>
                         <div class="col-12 col-xl-7 px-xl-0">
                             <div class="d-none d-sm-block">
diff --git a/sld-dashboard/app/home/templates/deploy-stream.html b/sld-dashboard/app/home/templates/deploy-stream.html
index 75183836..cb9b9bfb 100644
--- a/sld-dashboard/app/home/templates/deploy-stream.html
+++ b/sld-dashboard/app/home/templates/deploy-stream.html
@@ -59,7 +59,7 @@
     <p>This is a beta version of the feature. Feedback is welcome!</p>
 </div>
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/gcp-edit.html b/sld-dashboard/app/home/templates/gcp-edit.html
index fcb07944..15b75baa 100644
--- a/sld-dashboard/app/home/templates/gcp-edit.html
+++ b/sld-dashboard/app/home/templates/gcp-edit.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/gcp-list.html b/sld-dashboard/app/home/templates/gcp-list.html
index 3e9d8787..f59cec5a 100644
--- a/sld-dashboard/app/home/templates/gcp-list.html
+++ b/sld-dashboard/app/home/templates/gcp-list.html
@@ -12,7 +12,7 @@
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
         <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg"
-            height="60" alt="Volt logo">
+            height="90" alt="Volt logo">
     </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/gcp-new.html b/sld-dashboard/app/home/templates/gcp-new.html
index 053c227c..1144c2a5 100644
--- a/sld-dashboard/app/home/templates/gcp-new.html
+++ b/sld-dashboard/app/home/templates/gcp-new.html
@@ -11,7 +11,7 @@
 
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/index.html b/sld-dashboard/app/home/templates/index.html
index 67da23e4..445f52fd 100644
--- a/sld-dashboard/app/home/templates/index.html
+++ b/sld-dashboard/app/home/templates/index.html
@@ -52,13 +52,19 @@
                     </div>
                     <ul class="navbar-nav navbar-nav-hover align-items-lg-center">
                         <li class="nav-item mr-2">
-                            <a href="/dashboard" class="nav-link">Dashboard</a>
+                        <strong>
+                            <a href="/dashboard" class="nav-link" style="font-size: 1.2em;">Dashboard</a>
+                        </strong>
                         </li>
                         <li class="nav-item mr-2">
-                            <a href="/stacks-list" class="nav-link">Stacks</a>
+                        <strong>
+                            <a href="/stacks-list" class="nav-link" style="font-size: 1.2em;">Stacks</a>
+                        </strong>
                         </li>
                         <li class="nav-item mr-2">
-                            <a href="/deploys-list" class="nav-link">Deploy</a>
+                        <strong>
+                            <a href="/deploys-list" class="nav-link" style="font-size: 1.2em;">Deploy</a>
+                        </strong>
                         </li>
                     </ul>
                 </div>
@@ -87,8 +93,10 @@
         <!-- Hero -->
         <section id="particles-js" class="section-header  text-white">
                     <div class="col-12 text-center">
-                        <img class="navbar-brand-dark mb-1" src="/static/assets/img/brand/light.svg" height="80"
-                            alt="Logo light">
+                        <i class="fas fa-layer-group navbar-brand-dark mb-1" style="font-size: 8rem; background: linear-gradient(99deg, #7f1f99, #fa5252, #3300ff); -webkit-background-clip: text; color: transparent;"></i>
+
+
+
                         <h1 class="display-1">Stack Lifecycle Deployment </h1>
                         <div class="mb-5">
                             <h2 class="h4 text-muted mr-4">Defines and manages the complete lifecycle of resources used
diff --git a/sld-dashboard/app/home/templates/stack-details.html b/sld-dashboard/app/home/templates/stack-details.html
index 14bc1ad7..5854ae7a 100644
--- a/sld-dashboard/app/home/templates/stack-details.html
+++ b/sld-dashboard/app/home/templates/stack-details.html
@@ -61,6 +61,10 @@ <h2>Details</h2>
             <td style="border: 1px solid #000; text-align: left; padding: 8px;">IaC Version</td>
             <td style="border: 1px solid #000; text-align: left; padding: 8px;">{{ stack.tf_version }}</td>
         </tr>
+        <tr>
+            <td style="border: 1px solid #000; text-align: left; padding: 8px;">Git Repository</td>
+            <td style="border: 1px solid #000; text-align: left; padding: 8px;">{{ stack.git_repo }}</td>
+        </tr>
     </thead>
     <tbody>
         <tr>
diff --git a/sld-dashboard/app/home/templates/stacks-cards.html b/sld-dashboard/app/home/templates/stacks-cards.html
index 412b89cb..4c6c216f 100644
--- a/sld-dashboard/app/home/templates/stacks-cards.html
+++ b/sld-dashboard/app/home/templates/stacks-cards.html
@@ -14,7 +14,7 @@
 
     {% include 'includes/navigation.html' %}
         <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-            <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+            <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
         </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/stacks-list.html b/sld-dashboard/app/home/templates/stacks-list.html
index 2e5b52c8..ac8c7ac5 100644
--- a/sld-dashboard/app/home/templates/stacks-list.html
+++ b/sld-dashboard/app/home/templates/stacks-list.html
@@ -11,7 +11,7 @@
 
     {% include 'includes/navigation.html' %}
         <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-            <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+            <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
         </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/stacks-new.html b/sld-dashboard/app/home/templates/stacks-new.html
index 40867283..2e1a841f 100644
--- a/sld-dashboard/app/home/templates/stacks-new.html
+++ b/sld-dashboard/app/home/templates/stacks-new.html
@@ -10,7 +10,7 @@
 
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">
diff --git a/sld-dashboard/app/home/templates/tasks-logs.html b/sld-dashboard/app/home/templates/tasks-logs.html
index 3d62617d..c15d2e01 100644
--- a/sld-dashboard/app/home/templates/tasks-logs.html
+++ b/sld-dashboard/app/home/templates/tasks-logs.html
@@ -3,7 +3,8 @@
 {% block title %} Tasks {% endblock %}
 
 <!-- Specific Page CSS goes HERE  -->
-{% block stylesheets %}{% endblock stylesheets %}
+{% block stylesheets %}
+{% endblock stylesheets %}
 
 {% block content %}
 
@@ -11,7 +12,7 @@
 
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="SLD logo">
     </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/tasks-output.html b/sld-dashboard/app/home/templates/tasks-output.html
index 4743abeb..ed4d5a6c 100644
--- a/sld-dashboard/app/home/templates/tasks-output.html
+++ b/sld-dashboard/app/home/templates/tasks-output.html
@@ -12,7 +12,7 @@
 
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
     </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/users-list.html b/sld-dashboard/app/home/templates/users-list.html
index d8bcff29..8595d8ae 100644
--- a/sld-dashboard/app/home/templates/users-list.html
+++ b/sld-dashboard/app/home/templates/users-list.html
@@ -11,7 +11,7 @@
 
     {% include 'includes/navigation.html' %}
         <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-            <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+            <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
         </div>
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
diff --git a/sld-dashboard/app/home/templates/users-new.html b/sld-dashboard/app/home/templates/users-new.html
index 1b644006..6ceae576 100644
--- a/sld-dashboard/app/home/templates/users-new.html
+++ b/sld-dashboard/app/home/templates/users-new.html
@@ -11,7 +11,7 @@
 
     {% include 'includes/navigation.html' %}
     <div class="preloader bg-soft flex-column justify-content-center align-items-center">
-        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="60" alt="Volt logo">
+        <img class="loader-element animate__animated animate__jackInTheBox" src="/static/assets/img/brand/light.svg" height="90" alt="Volt logo">
     </div>
 
     <div class="py-4">

From 157c11251f50f4bdba49daee9a594abeec30fd27 Mon Sep 17 00:00:00 2001
From: d10s <79284025+D10S0VSkY-OSS@users.noreply.github.com>
Date: Wed, 10 Jan 2024 01:57:15 +0100
Subject: [PATCH 2/2] =?UTF-8?q?=F0=9F=94=A7refactor:=20icon=20setting=20us?=
 =?UTF-8?q?er?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sld-dashboard/app/base/static/assets/css/volt.css  | 4 ++--
 sld-dashboard/app/home/templates/stacks-cards.html | 5 ++++-
 sld-dashboard/app/home/templates/user-setting.html | 4 ++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/sld-dashboard/app/base/static/assets/css/volt.css b/sld-dashboard/app/base/static/assets/css/volt.css
index c46a0216..a14468d9 100644
--- a/sld-dashboard/app/base/static/assets/css/volt.css
+++ b/sld-dashboard/app/base/static/assets/css/volt.css
@@ -3766,8 +3766,8 @@ progress {
 }
 
 .btn-secondary {
-    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(46, 54, 80, 0.075);
-    background-image: linear-gradient(to right, #a8b3df, #6d5d9f)
+    background-image: linear-gradient(to right, #a8b3df, #6d5d9f);
+    border-color: #595769;
 }
 
 .btn-secondary:hover {
diff --git a/sld-dashboard/app/home/templates/stacks-cards.html b/sld-dashboard/app/home/templates/stacks-cards.html
index 4c6c216f..1cc133c1 100644
--- a/sld-dashboard/app/home/templates/stacks-cards.html
+++ b/sld-dashboard/app/home/templates/stacks-cards.html
@@ -4,7 +4,10 @@
 
 <!-- Specific Page CSS goes HERE  -->
 {% block stylesheets %}
-<style>
+    <style>
+.card-row.card-columns {
+    justify-content: flex-start;
+}
 </style>
 {% endblock stylesheets %}
 
diff --git a/sld-dashboard/app/home/templates/user-setting.html b/sld-dashboard/app/home/templates/user-setting.html
index 9f3020bf..4bc520d6 100644
--- a/sld-dashboard/app/home/templates/user-setting.html
+++ b/sld-dashboard/app/home/templates/user-setting.html
@@ -13,7 +13,7 @@
 
     <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center py-4">
         <div>
-            <button class="btn btn-secondary text-dark mr-2 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <button class="btn btn-primary mr-2 dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                 <span class="fas fa-plus mr-2"></span>New
             </button>
             <div class="dropdown-menu dashboard-dropdown dropdown-menu-left mt-2">
@@ -98,7 +98,7 @@ <h2 class="h5 my-4">Password</h2>
                         </div>
                     </div>
                     <div class="mt-3">
-                        <button type="submit" class="btn btn-secondary text-dark " name="button" action="{{url_for('.setting_user')}}">
+                        <button type="submit" class="btn btn-primary " name="button" action="{{url_for('.setting_user')}}">
                             Save
                         </button>
                     </div>