clean up a bunch of small issues

_includes/blog-about-distrust.html

@@ -0,0 +1,10 @@
+<h2>About Distrust</h2>
+
+<p>The Distrust team has helped build and secure some of the highest-risk systems in the world. This includes vaulting infrastructure at BitGo, Unit410, and Turnkey, as well as security work with electrical grid operators, industrial control systems, and other mission-critical systems.</p>
+
+<p>We've conducted deep security due diligence across most major custodians. Through our experience with organizations that operate under constant threat—where **every class of attack is viable**—we've developed a methodology and set of open source tools designed to defend against even the most sophisticated adversaries.</p>
+
+<p>Today, we're taking the hard-earned lessons from that work and sharing them with the broader community. Our goal is to help others strengthen their security posture by making what we've learned—and the open source tools we've built—available to everyone.</p>
+
+<p><b>Looking for help analyzing and mitigating security risks in your own organization? <a href="/contact.html">Talk to us.</a></b></p>
+

_includes/footer.html

@@ -1,17 +1,15 @@
 <footer>
 	<div class="footer-container">
-		<div>
+		<div style="font-size: 1rem">
 			{{ site.footer }}
 		</div>
+		<div class="footer-link">
+			{% include nav-links.html %}
 			<div>
-			<a class="footer-link" href="/services.html">Services</a>
+				<a href="/feed.xml" style="vertical-align: middle;">
-			<a class="footer-link" href="/software.html">Software</a>
-			<a class="footer-link" href="/company.html">Company</a>
-			<a class="footer-link" href="/contact.html">Contact</a>
-			<a class="footer-link" href="/feed.xml" style="vertical-align: middle;">
 					<img style="filter: grayscale(100%); width: 22px; vertical-align: sub" src="/assets/base/rss.png" />
 				</a>
-
+			</div>
 		</div>
 	</div>
 	<script type="text/javascript" src="/assets/js/main.js"></script>

_includes/head.html

@@ -96,24 +96,4 @@
 	<!-- https://git.distrust.co/public/stack -->
 	<!-- https://git.distrust.co/public/website -->
 	<!-- mobile menu content -->
-
-  <div class="menu-content" style="display: none">
-    <div class="inner-menu-content">
-      <div>
-        <a href="/services.html">Services</a>
-      </div>
-      <div>
-        <a href="/software.html">Software</a>
-      </div>
-      <div>
-        <a href="/company.html">Company</a>
-      </div>
-			<div>
-				<a href="/blog.html">Blog</a>
-			</div>
-      <div>
-        <a href="/contact.html">Contact</a>
-			</div>
-    </div>
-  </div>
 </head>

_includes/header.html

@@ -22,11 +22,18 @@
         </li>
 
       </ul>
-      <div id="hamburger-menu" class="hide menu-button-container" for="menu-toggle">
+			<input type="checkbox" id="menu-toggle" />
-        <input id="menu-toggle" type="checkbox" />
+
-        <label style="display: inline-block">
+			<label for="menu-toggle" class="hamburger-menu">
-          <div class='menu-button'></div>
+				<span></span>
+				<span></span>
+				<span></span>
 			</label>
+
+			<div class="menu-content">
+				<div class="inner-menu-content">
+					{% include nav-links.html %}
+				</div>
 			</div>
     </div>
   </div>
@@ -56,10 +63,11 @@
 			const currentScrollPos = window.scrollY;
 
 			if (currentScrollPos > prevScrollPos) {
-				hamburgerMenu.style.display = 'none';
+				document.getElementById('menu-toggle').checked = false;
 			}
 			prevScrollPos = currentScrollPos;
 		});
 
 	</script>
+
 </header>

_includes/nav-links.html

@@ -0,0 +1,10 @@
+{%- for path in page_paths -%}
+	{%- assign my_page = site.pages | where: "path", path | first -%}
+	{%- if my_page.title -%}
+		{%- if my_page.title != 'Home' -%}
+			<div>
+				<a href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+			</div>
+		{%- endif -%}
+	{%- endif -%}
+{%- endfor -%}

_includes/values.html

@@ -4,11 +4,11 @@
 		<p class="hero-p">Every day, we apply these guiding principles to how we think, build, and secure systems.</p>
 	</div>
 	<div class="flex-container-inner">
-		<ol dir="rtl" style="font-size: 30px; text-align: right">
+		<ol class="values-container">
 			<li>eliminate centralized trust</li>
 			<li>open source everything</li>
 			<li>security beyond compliance</li>
-			<li>move thoughtfully and improve things</li>
+			<li>move thoughtfully &#38; improve things</li>
 			<li>impact over profit</li>
 		</ol>
 	</div>

_layouts/post.html

@@ -10,11 +10,12 @@
 						<div class="blog-details-date">{{ page.date | date: "%b %e, %Y" }}</div>
 						<div class="blog-details-read-time">{{ page.content | number_of_words | divided_by: 200 }} min read</div>
 					</div>
-					<h1>{{page.title}}</h1>
+					<h1 style="margin-bottom: 40px">{{page.title}}</h1>
-
 					<div class="entry">
 						{{ content }}
 					</div>
+					<hr>
+					{% include blog-about-distrust.html %}
 
 					<p>
 						{% for author in page.authors %}

_posts/2025-04-02-bybit-safe-report.md

@@ -162,14 +162,3 @@ Implementing these strategies can be technically demanding. They represent two e
 
 This high-level overview is meant to illustrate the kinds of problems we focus on at Distrust. Depending on the chosen strategy and organizational context, implementation can take anywhere from a few weeks to several years, especially as tooling continues to mature.
 
----
-
-## About Distrust
-
-The Distrust team has helped build and secure some of the highest-risk systems in the world. This includes vaulting infrastructure at BitGo, Unit410, and Turnkey, as well as security work with electrical grid operators, industrial control systems, and other mission-critical systems.
-
-We've conducted deep security due diligence across most major custodians. Through our experience with organizations that operate under constant threat—where **every class of attack is viable**—we've developed a methodology and set of open source tools designed to defend against even the most sophisticated adversaries.
-
-Today, we're taking the hard-earned lessons from that work and sharing them with the broader community. Our goal is to help others strengthen their security posture by making what we've learned—and the open source tools we've built—available to everyone.
-
-**Looking for help analyzing and mitigating security risks in your own organization? [Talk to us](https://distrust.co/contact.html)**.

_sass/base.scss

@@ -606,13 +606,21 @@ footer {
 }
 
 .footer-link {
-	color: var(--light-grey);
+	display: flex;
-	display: inline-block;
+	flex-direction: row;
-	text-decoration: none;
+}
+
+.footer-link div {
+	display: flex;
 	margin-left: 20px;
 }
 
-.footer-link:hover {
+.footer-link div a {
+	text-decoration: none;
+	color: var(--light-grey);
+}
+
+.footer-link div a:hover {
 	background: transparent;
 	color: white;
 }
@@ -699,78 +707,82 @@ hr {
 	align-items: center;
 }
 
-.menu-button-container {
-	display: none;
-	width: 50px;
-	height: 50px;
-	cursor: pointer;
-	flex-direction: column;
-	justify-content: center;
-	align-items: center;
-}
-
 #menu-toggle {
   display: none;
 }
 
-.menu-button,
+.hamburger-wrapper {
-.menu-button::before,
+  position: relative;
-.menu-button::after {
+  z-index: 100;
-	display: block;
+  width: 50px;
-	background-color: #fff;
+  height: 50px;
-	position: absolute;
+}
-	height: 4px;
+
+.hamburger-menu {
+  display: inline-block;
+  cursor: pointer;
+  position: relative;
   width: 30px;
-	transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
+  height: 22px;
-	border-radius: 2px;
-}
-
-.menu-button::before {
-	content: '';
-	margin-top: -8px;
-}
-
-.menu-button::after {
-	content: '';
-	margin-top: 8px;
-}
-
-#menu-toggle:checked+.menu-button-container .menu-button::before {
-	margin-top: 0px;
-	transform: rotate(405deg);
-}
-
-#menu-toggle:checked+.menu-button-container .menu-button {
-	background: rgba(255, 255, 255, 0);
-}
-
-#menu-toggle:checked+.menu-button-container .menu-button::after {
-	margin-top: 0px;
-	transform: rotate(-405deg);
-}
-
-.menu-content {
-	position: absolute;
-	display: none;
-	background: var(--background-color);
-	text-align: right;
-	margin-top: 100px;
-	width: 100%;
   z-index: 2;
 }
 
+.hamburger-menu span {
+  display: block;
+  position: absolute;
+  height: 4px;
+  width: 100%;
+  background-color: #fff;
+  border-radius: 2px;
+  left: 0;
+  transition: transform 0.4s, top 0.4s, opacity 0.4s;
+}
+
+.hamburger-menu span:nth-child(1) { top: 0; }
+.hamburger-menu span:nth-child(2) { top: 9px; }
+.hamburger-menu span:nth-child(3) { top: 18px; }
+
+#menu-toggle:checked + .hamburger-menu span:nth-child(1) {
+  transform: rotate(45deg);
+  top: 9px;
+}
+#menu-toggle:checked + .hamburger-menu span:nth-child(2) {
+  opacity: 0;
+}
+#menu-toggle:checked + .hamburger-menu span:nth-child(3) {
+  transform: rotate(-45deg);
+  top: 9px;
+}
+
+.menu-content {
+  border-bottom: 1px solid var(--light-grey);
+  position: absolute;
+  top: 100px;
+  left: 0;
+  width: 100%;
+  background: var(--background-color, #222);
+  z-index: 50;
+  padding: 20px 0;
+	display: none;
+}
+
+#menu-toggle:checked ~ .menu-content {
+	display: block;
+}
+
 .inner-menu-content {
-	border-bottom: 1px solid white;
+  margin: 20px 30px;
-	margin-top: 50px;
+}
+
+.inner-menu-content a {
+  color: white;
+  text-decoration: none;
+  display: block;
+  padding: 10px 0;
 }
 
 .inner-menu-content a:hover {
-	background: unset;
+  color: #ccc;
-	color: white;
-}
-
-.menu-content div {
-	margin: 30px;
 }
 
 /**
@@ -809,10 +821,6 @@ hr {
 	0px 10px 30px rgba(0, 0, 0, 0.3);
 }
 
-.team .card:hover {
-	border: 1px solid var(--mid-grey);
-}
-
 .team .title {
 	text-transform: unset;
 }
@@ -824,9 +832,13 @@ hr {
 	color: var(--light-grey);
 }
 
+.team a {
+	color: var(--light-purple);
+}
+
 .team a:hover {
 	background: unset;
-	color: white;
+	text-decoration: underline;
 }
 
 .team img {
@@ -1221,6 +1233,12 @@ section {
 	text-decoration: none;
 }
 
+.values-container {
+	font-size: 30px;
+	text-align: right;
+	direction: rtl;
+}
+
 .text-well {
 	max-width: 100%;
 }
@@ -1707,8 +1725,8 @@ pre {
 }
 
 .blog h1 {
-	font-size: 2.5rem !important;
+	font-size: 2rem !important;
-	line-height: 2.2rem !important;
+	line-height: 2rem !important;
 	font-weight: 600 !important;
 }
 
@@ -1919,8 +1937,13 @@ pre {
 	}
 
 	.footer-link {
+		flex-direction: column !important;
+	}
+
+	.footer-link div {
 		margin-bottom: 20px;
 		min-width: 200px;
+		display: inline;
 	}
 
 	.tall-section {
@@ -1995,9 +2018,12 @@ pre {
 		flex-direction: column-reverse;
 	}
 
-	.footer-link {
+	.footer-link div {
+		margin-bottom: 20px;
+	}
+
+	.footer-link div a {
 		font-size: 1rem !important;
-		margin-bottom: 10px;
 	}
 
 	.quote {
@@ -2005,6 +2031,11 @@ pre {
 		line-height: 1.5rem;
 	}
 
+	.values-container {
+		text-align: left;
+		direction: ltr;
+	}
+
 /**
  * Services Page
  */

assets/js/main.js

@@ -68,7 +68,6 @@ function initializeCarousel() {
 function initializeCompaniesCarousel() {
 	const slider = document.getElementById('logoSlider');
 
-	// Duplicate the existing logos by appending the same HTML again:
 	slider.innerHTML += slider.innerHTML;
 
 	let offset = 0;
@@ -78,7 +77,6 @@ function initializeCompaniesCarousel() {
 		offset -= speed;
 		slider.style.transform = `translateX(${offset}px)`;
 
-		// After half of the total (2 sets) is scrolled, reset
 		if (Math.abs(offset) >= slider.scrollWidth / 2) {
 			offset = 0;
 		}