Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

🔧refactor: sld home and logo #231

Merged
merged 2 commits into from
Jan 10, 2024
Merged

🔧refactor: sld home and logo #231

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fac720d
🔧refactor: sld home and logo
D10S0VSkY-OSS Jan 9, 2024
157c112
🔧refactor: icon setting user
D10S0VSkY-OSS Jan 10, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 0 additions & 2 deletions play-with-sld/docker/docker-compose.dev.yml
View file
Open in desktop
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
Open in desktop
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
17 changes: 7 additions & 10 deletions sld-dashboard/app/base/static/assets/css/volt.css
View file
Open in desktop
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);
border-color: #595769;
}

.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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
Open in desktop
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
7 changes: 5 additions & 2 deletions sld-dashboard/app/home/templates/stacks-cards.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,10 @@

<!-- Specific Page CSS goes HERE -->
{% block stylesheets %}
<style>
<style>
.card-row.card-columns {
justify-content: flex-start;
}
</style>
{% endblock stylesheets %}

Expand All @@ -14,7 +17,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
Loading