From ac5ba433d4ae3ade066d6bb3083b1220d5b76e95 Mon Sep 17 00:00:00 2001
From: Anton Livaja <anton@livaja.me>
Date: Mon, 17 Mar 2025 19:50:13 -0700
Subject: [PATCH] more minor adjustments

---
 _layouts/roadmap.html | 18 ++++++++++--------
 _sass/base.scss       |  9 ++++++++-
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/_layouts/roadmap.html b/_layouts/roadmap.html
index 1518818..4fa35d4 100644
--- a/_layouts/roadmap.html
+++ b/_layouts/roadmap.html
@@ -438,30 +438,32 @@
 					</section>
 				</span>
 
-				<section>
-					<h4 style="filter: brightness(50%)">❝Our mission is to use our knowledge to bring open source solutions to the world that improve the security, privacy and freedom of as many individuals as possible. We believe having verifiable foundations that technologies can be built upon are a fundamental step towards improving the well being of our species, and solving the coordination problem.❞<h4>
+				<section class="flex-container">
+					<div class="flex-container-inner"></div>
+					<div class="flex-container-inner">
+						<h4 style="filter: brightness(50%)">❝Our mission is to use our knowledge to improve the security, privacy, and freedom of as many individuals as possible. We believe having verifiable foundations on which technologies can be built is a fundamental step toward improving the wellbeing of our species and solving the coordination problem.❝ — Distrust team</h4>
+					</div>
 				</section>
 
 				<section style="margin-bottom: 0px;" class="flex-container">
 					<div class="flex-container-inner">
-						<h2 style="height: 180px" class="gradient-text">powered by distrust</h2>
-						<p class="hero-p">Companies are already choosing to adopt our methodologies to help secure their systems.<p>
+						<h2 class="powered-header gradient-text center">powered by distrust</h2>
+						<p class="hero-p center" style="margin-top: 20px; max-width: 700px">Companies are already choosing to adopt our methodologies and tooling to help secure their systems.<p>
 					</div>
-					<div class="flex-container-inner"></div>
 				</section>
 
 				<section style="margin-top: 40px;" class="flex-container powered-by">
 					<div class="flex-container-inner">
 						<a href="https://whitepaper.turnkey.com/foundations#abstract" target="_blank" rel="noopener noreferrer">
 							<div class="text-well card">
-								<h3>Turnkey</h3><p>Using StageX and ReprOS to improve their supply chain security story.</p>
+								<h4>Turnkey</h4><p>Using StageX and ReprOS to improve their supply chain security story.</p>
 							</div>
 						</a>
 					</div>
 					<div class="flex-container-inner">
 						<a href="https://github.com/MystenLabs/sui/issues/13476" target="_blank" rel="noopener noreferrer">
 							<div class="text-well card">
-								<h3>Mysten Labs</h3>
+								<h4>Mysten Labs</h4>
 								<p>The SUI cryptocurrency is leveraging StageX to build their nodes in a deterministic manner in order to eliminate single points of failure.</p>
 							</div>
 						</a>
@@ -469,7 +471,7 @@
 					<div class="flex-container-inner">
 						<a href="Talos Linux" target="_blank" rel="noopener noreferrer">
 							<div class="text-well card">
-								<h3>Sidero</h3>
+								<h4>Sidero</h4>
 								<p>Using StageX to build their widely used Linux distribution specialized in delivering kubernetes features.</p>
 							</div>
 						</a>
diff --git a/_sass/base.scss b/_sass/base.scss
index 686dee3..53d52d2 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -309,7 +309,6 @@ a:hover {
 	color: white !important;
 }
 
-
 .arrow-link:hover {
 	background: none !important;
 	background-color: var(--base-color);
@@ -404,6 +403,10 @@ a:hover {
 	padding: 2rem;
 }
 
+.powered-header {
+	height: 100px;
+}
+
 @media only screen and (max-device-width: 500px) {
 	* {
 		font-size: $mobile-font-size;
@@ -436,6 +439,7 @@ footer {
 	padding: 40px 0px;
 	text-align: right;
 	margin-top: 80px;
+	font-size: 1.1rem;
 }
 
 .footer-link {
@@ -1691,5 +1695,8 @@ pre {
 		font-size: 1rem !important;
 		margin-bottom: 10px;
 	}
+	.powered-header {
+		height: 50px;
+	}
 }