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 */
 
 /**