From 849c28d3c3ae910f9f98e9ae17afcf06f507000e Mon Sep 17 00:00:00 2001
From: Anton Livaja <anton@livaja.me>
Date: Sun, 16 Mar 2025 13:20:25 -0700
Subject: [PATCH] minor styling improvements
---
_config.yml | 2 +-
_includes/footer.html | 2 +-
_includes/header.html | 2 +-
_layouts/landing.html | 4 ++--
_layouts/roadmap.html | 2 +-
_sass/_dark.scss | 2 ++
_sass/base.scss | 49 +++++++++++++++++++++++++++++++------------
7 files changed, 44 insertions(+), 19 deletions(-)
diff --git a/_config.yml b/_config.yml
index 71c8595..7861eef 100644
--- a/_config.yml
+++ b/_config.yml
@@ -36,7 +36,7 @@ header_pages:
style: dark # dark (default), light or hacker
listen_for_clients_preferred_style: false # false (default) or true
-footer: '2025 Distrust, LLC'
+footer: '© 2025 Distrust LLC'
# Build settings
theme: jekyll-theme-console
diff --git a/_includes/footer.html b/_includes/footer.html
index 192f16f..d7f4d0e 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -1,4 +1,4 @@
-<footer style="padding: 30px 0px; filter: brightness(50%)">
+<footer>
<div style="display: flex; justify-content: space-between">
<div>
{{ site.footer }}
diff --git a/_includes/header.html b/_includes/header.html
index ae641bf..9f53310 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -18,7 +18,7 @@
{%- endif -%}
{%- endfor -%}
<li class="show">
- <a href="/contact.html" class="mega button">Work with us</a>
+ <a href="/contact.html" class="mega-inverted button">Work with us</a>
</li>
</ul>
<div id="hamburger-menu" class="hide menu-button-container" for="menu-toggle">
diff --git a/_layouts/landing.html b/_layouts/landing.html
index 3f78773..b30830c 100644
--- a/_layouts/landing.html
+++ b/_layouts/landing.html
@@ -12,7 +12,7 @@
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
</div>
- <section class="flex-container video-content" style="margin-top: 50px">
+ <section class="flex-container video-content">
<div class="flex-container-inner">
<div class="text-well">
<h1 class="gradient-text hero-header">security without blind trust</h1>
@@ -29,7 +29,7 @@
<section class="mid-tall-section">
<div class="flex-container-inner">
<div class="text-well center">
- <h4 style="font-weight: 400; font-size: 22px; color: #9a9a9a">the security partner of industry leaders</h4>
+ <h4 class="carousel-title" >the security partner of industry leaders</h4>
</div>
</div>
diff --git a/_layouts/roadmap.html b/_layouts/roadmap.html
index 7e4f3c4..0727126 100644
--- a/_layouts/roadmap.html
+++ b/_layouts/roadmap.html
@@ -28,7 +28,7 @@
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
</div>
- <section class="flex-container capsule-header video-content">
+ <section class="flex-container capsule-header video-content" style="margin-top: 80px">
<div class="flex-container-inner" style="padding-top: 0px">
<div class="text-well center">
<div class="capsule">roadmap</div>
diff --git a/_sass/_dark.scss b/_sass/_dark.scss
index 0cbbcd4..c77e879 100644
--- a/_sass/_dark.scss
+++ b/_sass/_dark.scss
@@ -17,6 +17,8 @@
--dark-purple: #241846;
--light-purple: #7952EB;
--light-blue: #02CAF2;
+ --light-grey: #9A9A9A;
+ --dark-grey: #292929;
--code-color-1: #aaaaaa;
--code-color-2: #ffffcc;
--code-color-3: #F00000;
diff --git a/_sass/base.scss b/_sass/base.scss
index bf62bd0..2b09e93 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -135,7 +135,7 @@ a:hover {
}
.capsule-header {
- margin-top: 60px;
+ margin-top: 110px;
margin-bottom: 30px;
}
@@ -417,14 +417,14 @@ p {
}
footer {
- color: var(--text-color);
- border-top: var(--border);
- margin-top: 24px;
- padding-top: 12px;
+ color: var(--light-grey);
+ border-top: 1px solid var(--light-grey);
+ padding: 40px 0px;
text-align: right;
}
.footer-link {
+ color: var(--light-grey);
display: inline-block;
text-decoration: none;
margin-left: 20px;
@@ -449,10 +449,6 @@ header p {
margin: 0;
}
-footer {
- margin-bottom: 20px;
-}
-
hr {
margin-top: 20px;
}
@@ -479,6 +475,7 @@ hr {
}
.header-page-links a {
+ color: var(--light-grey);
display: inline-block;
margin: 0px 4px;
font-size: 1.1rem;
@@ -489,7 +486,7 @@ hr {
.header-page-links a:hover {
transform: translateY(-2px);
background-color: transparent;
- color: var(--link-color);
+ color: white;
}
.left-menu {
@@ -594,7 +591,7 @@ hr {
.about-special {
padding-left: 0px;
- margin-top: 20px;
+ margin-top: 80px;
}
.team .card {
@@ -692,13 +689,32 @@ hr {
}
/* important button */
+
+@mixin mega {
+ border-radius: 30px;
+ font-weight: 400;
+}
+
+.mega-inverted.button {
+ border: 1px solid var(--dark-grey);
+ background: var(--dark-grey);
+ color: white;
+ @include mega;
+}
+
+.mega-inverted.button:hover {
+ transform: translateY(0px);
+ background: var(--light-purple);
+ color: var(--base-color);
+}
+
+
.mega.button {
background-color: var(--dark-purple);
color: var(--base-color);
border: 2px solid var(--light-purple);
- border-radius: 30px;
- font-weight: 400;
box-shadow: 0 0 18px rgba(42,106,255,0.6);
+ @include mega;
}
.mega.button:hover {
@@ -900,6 +916,7 @@ textarea {
}
.flex-container {
+ padding-left: 0px;
display: flex;
justify-content: space-between;
align-items: flex-start;
@@ -1380,6 +1397,12 @@ pre {
visibility: visible;
}
+.carousel-title {
+ font-weight: 400;
+ font-size: 22px;
+ color: var(--light-grey);
+}
+
/** end carousel */
/**