Skip to content

Commit

Permalink
🔧refactor: sld home and logo
Browse files Browse the repository at this point in the history
  • Loading branch information
@D10S0VSkY-OSS
D10S0VSkY-OSS committed Jan 9, 2024
1 parent a3599ba commit fac720d
Show file tree
Hide file tree
Showing 29 changed files with 65 additions and 103 deletions.
2 changes: 0 additions & 2 deletions play-with-sld/docker/docker-compose.dev.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,6 @@ services:
- SYS_NICE
volumes:
- sld-db_dev:/var/lib/mysql
restart: always
ports:
- 3306:3306
# command: --init-file init.sql
Expand Down Expand Up @@ -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"
Expand Down
2 changes: 0 additions & 2 deletions play-with-sld/docker/docker-compose.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,6 @@ services:
- SYS_NICE
volumes:
- sld-db:/var/lib/mysql
restart: always
ports:
- 3306:3306
environment:
Expand Down Expand Up @@ -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"
Expand Down
15 changes: 6 additions & 9 deletions sld-dashboard/app/base/static/assets/css/volt.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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 {
Expand Down Expand Up @@ -13751,7 +13749,7 @@ progress {
}

.bg-primary {
background-color: #262B40 !important;
background: linear-gradient(to top left, #262b40, #262b40)
}

.bg-secondary {
Expand Down Expand Up @@ -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,
Expand Down Expand Up @@ -32891,7 +32888,7 @@ label {

.sidebar .nav-item.active > .nav-link {
color: #eaedf2;
background-color: #2e3650;
background-color: #361f6b;
}

.sidebar .nav-item .nav-link {
Expand All @@ -32900,7 +32897,7 @@ label {

.sidebar .nav-item .nav-link:hover {
color: #eaedf2;
background-color: #2e3650;
background-color: #361f6b;
}

.sidebar .nav-link + .multi-level {
Expand Down Expand Up @@ -40350,7 +40347,7 @@ label {
}

.table .thead-dark th {
background-color: #262B40;
background-color: #0e1133;
color: #ffffff;
}

Expand Down Expand Up @@ -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%;
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/base/static/assets/img/brand/dark.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
70 changes: 12 additions & 58 deletions sld-dashboard/app/base/static/assets/img/brand/light.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 5 additions & 3 deletions sld-dashboard/app/base/templates/includes/sidebar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>

Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/activity-logs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/aws-edit.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/aws-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/aws-new.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/azure-edit.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/azure-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/azure-new.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/custom-provider-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/custom-provider-new.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
4 changes: 2 additions & 2 deletions sld-dashboard/app/home/templates/dashboard.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand All @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/deploy-stream.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/gcp-edit.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/gcp-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/gcp-new.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
18 changes: 13 additions & 5 deletions sld-dashboard/app/home/templates/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down Expand Up @@ -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
Expand Down
4 changes: 4 additions & 0 deletions sld-dashboard/app/home/templates/stack-details.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/stacks-cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
2 changes: 1 addition & 1 deletion sld-dashboard/app/home/templates/stacks-list.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -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">
Expand Down
Loading

0 comments on commit fac720d

Please sign in to comment.