public
/
website
5
0
Fork 0
Code Issues 8 Pull Requests 5 Packages Projects Releases Wiki Activity

big redesign

This commit is contained in:
Anton Livaja 2025-03-14 19:45:15 -07:00
parent 1bc67ea96a
commit 1aaf8b248f
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
22 changed files with 1274 additions and 737 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
.editorconfig Normal file
View File

@ -0,0 +1,9 @@
root = true
[*]
indent_style = tab
indent_size = 2
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true

8
_config.yml
View File

@ -21,22 +21,22 @@
title: Distrust
email: lance@distrust.co
description: >- # this means to ignore newlines until "baseurl:"
Understand and mitigate security threats others won't see coming.
Understand and mitigate security threats others won't see coming.
baseurl: "" # the subpath of your site, e.g. /blog
url: "https://distrust.co" # the base hostname & protocol for your site, e.g. http://example.com
banner: "https://distrust.co/assets/base/distrust-logo.png"
header_pages:
- index.md
- about.md
- services.md
- tools.md
- roadmap.md
- company.md
- contact.md
style: dark # dark (default), light or hacker
listen_for_clients_preferred_style: false # false (default) or true
footer: '2024 Distrust, LLC'
footer: '2025 Distrust, LLC'
# Build settings
theme: jekyll-theme-console

16
_includes/footer.html
View File

@ -1,4 +1,14 @@
<footer style="height: 40px">
<span><img src="assets/base/distrust-white.svg" width="20px" alt="copyleft"/></span> {{ site.footer }}
<script type="text/javascript" src="/assets/js/main.js"></script>
<footer style="padding: 30px 0px; filter: brightness(50%)">
<div style="display: flex; justify-content: space-between">
<div>
{{ site.footer }}
</div>
<div>
<a class="footer-link" href="/services.html">Services</a>
<a class="footer-link" href="/roadmap.html">Roadmap</a>
<a class="footer-link" href="/company.html">Company</a>
<a class="footer-link" href="/contact.html">Contact</a>
</div>
</div>
<script type="text/javascript" src="/assets/js/main.js"></script>
</footer>

2
_includes/head.html
View File

@ -89,7 +89,7 @@
<a href="/services.html">Services</a>
</div>
<div>
<a href="/tools.html">Tools</a>
<a href="/projects.html">Projects</a>
</div>
<div>
<a href="/contact.html">Contact</a>

2
_includes/header.html
View File

@ -18,7 +18,7 @@
{%- endif -%}
{%- endfor -%}
<li class="show">
<a href="/contact.html" class="mega button">Free Consultation</a>
<a href="/contact.html" class="mega button">Work with us</a>
</li>
</ul>
<div id="hamburger-menu" class="hide menu-button-container" for="menu-toggle">

102
_layouts/about.html
View File

@ -1,102 +0,0 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main>
<section>
<h2>About Distrust</h2>
<p>Distrust was founded in order to improve the security, privacy and freedom of individuals and organizations and promote principles of Open Source software worldwide. We specialize in helping organizations reduce risk through a holistic first principles approach rather than simply checking boxes according to often outdated "best practices".
</p>
<p>Close collaboration with our clients allows us to attain a deep understanding of technology stacks which we use to help teams refine threat models and ensure that the mitigating controls being used establish a reasonable level of security accordingly. We do this by offering variety of services which are tailored to fit the client needs, ranging across penetration tests, secure code review, threat modelling, system architecture design, supply chain security, infrastructure hardening, and more. One of our specialties is designing secure systems for management of cryptographic material, especially in the context of blockchains.
</p>
<p>Our clients are varied, many of them from high risk areas such as financial institutions, blockchain companies managing large quantities of cryptocurrency and electrical grid operators to name a few. We proudly continue to support such organizations, and use the knowledge we have attained to aid all our clients in achieving a better security posture.</p>
</section>
<section>
<h2>Approach</h2>
<p>Like most security firms, we often start relationships with full stack audits. We also have enough experience in this industry to admit another firm will find bugs we missed, and vice versa. Our true goal in audits is to understand your threat model and find a path to fundamentally remove entire classes of relevant attack surface.</p>
<p>We tend to start with a consultation where try to help you understand your true attack surface by answering tough questions:</p>
<ul>
<li>Can your Google Authenticator codes be phished?</li>
<li>Can your SMS 2FA solution be SIM Swapped?</li>
<li>Can someone tamper with your Git repos or CI/CD systems?</li>
<li>Would it be profitable for someone to buy a $50,000 0day to compromise an employee devices?</li>
<li>What happens when the FedEx guy leaves a tampered USB C cable on a conference table?</li>
<li>Who reviews the code of your third party dependencies?</li>
<li>What happens when your IT administrator is compromised? Or a production engineer?</li>
<li>Can a change in local political landscape fundamentally halt your business?</li>
<li>Can someone buy a server next to yours and steal your secrets via a side channel attack?</li>
<li>How do you know the offline laptop with the keys to the kingdom has not been tampered with?</li>
<li>Do you have a plan for <i>when</i> your production systems are compromised?</li>
</ul>
<div class="button-container">
<a href="/contact.html" class="mega button">Free Consultation</a>
</div>
</section>
<section>
<h2>Values</h2>
<br />
<h4>Distrust</h4>
<ul>
<li>We will never ask you to give us access to production systems or have any power over your org.</li>
<li>Anyone with access to significant value is at personal risk. We teach distrust to protect people.</li>
<li>We will always provide a way for you to build and verify any binaries we provide.</li>
<li>We are happy to provide you any background research we legally can so you can make your own conclusions.</li>
</ul>
<br />
<h4>Transparency</h4>
<ul>
<li>We regularly open source our research and common advice to get input and corrections from others in our industry.</li>
<li>Prices are always the same. We will sometimes adjust based on demand, but everyone is offered the same rates.</li>
<li>With the exception of fully Open Source projects, which we offer a universal 15% discount on.</li>
</ul>
<br />
<h4>Security</h4>
<ul>
<li>Our internal threat model assumes well funded entities are interested in our clients and our work.</li>
<li>All client work is performed in dedicated local virtual machines under an offline host OS.</li>
<li>All authentication, and password management is done via dedicated pin+touch controlled personal HSMs.</li>
<li>We exclusively use End-To-End cross-verified encrypted chat internally.</li>
</ul>
<br />
<h4>Privacy</h4>
<ul>
<li>Your data and IP are always stored with AES256 encryption unlockable only with our personal HSMs.</li>
<li>Your data and IP are never exposed in plain text except on your systems or systems we physically control.</li>
<li>Everyone on our team has hardware-backed PGP keys to encrypt documents and emails if you prefer.</li>
</ul>
<br />
<h4>Freedom</h4>
<ul>
<li>We feel every customer has a path to not need us anymore, and we will encourage it.</li>
<li>We exclusively use Open Source internally and help make improvements when needed.</li>
<li>All general purpose security tools and research we create is Open Source by default.</li>
<li>We ensure you have a free path to replicate any of our findings yourself.</li>
<li>We will always favor solutions that minimize lock-in with third parties.</li>
</ul>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
</html>

104
_layouts/company.html Normal file
View File

@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main>
<section style="margin-top: 170px">
<div class="video-background-container">
<video autoplay muted loop playsinline class="video-background">
<source src="assets/videos/globe.mp4" type="video/mp4" />
</video>
<div class="gradient-overlay"></div>
</div>
<br>
<br>
<div class="about-special video-content" style="width: 700px">
<br>
<h2>the world is built on blind trust. we are here to change that.</h2>
<br>
<br>
<br>
<p class="hero-p">Too often, security is an afterthought—based on dogma, checklists, and outdated best practices. Distrust was founded to redefine security by developing new methods to eliminate single points of failure, and build systems in a manner where they don't need to be blindly trusted.
</p>
<p class="hero-p">We don’t just advise on security. We build it. We open-source it. And we teach organizations how to think critically about risk—because security isn’t about checking boxes.
</p>
<a href="/services.html" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</div>
</section>
<section class="flex-container">
<div class="team flex-container-inner">
<div class="team flex-container" style="margin-bottom: 0px">
<div class="flex-container-inner card">
<h5>Lance Vick</h5>
<p>Co-Founder</p>
<p>Security Engineer</p>
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/6B61ECD76088748C70590D55E90A401336C8AAA9">PGP: 36C8AAA9</a>
</div>
<div class="flex-container-inner card">
<h5>Anton Livaja</h5>
<p>Co-Founder</p>
<p>Security Engineer</p>
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F4BF5C81EC78A5DD341C91EEDC4B7D1F52E0BA4D">PGP: 52E0BA4D</a>
</div>
</div>
<div class="flex-container">
<div class="flex-container-inner card">
<h5>Ryan Heywood</h5>
<p>Security Engineer</p>
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/88823A75ECAA786B0FF38B148E401478A3FBEF72">PGP: A3FBEF72</a></p>
</div>
<div class="flex-container-inner card">
<h5>Danny Grove</h5>
<p>Security Engineer</p>
<a href="https://keys.openpgp.org/vks/v1/by-fingerprint/C92FE5A3FBD58DD3EC5AA26BB10116B8193F2DBD">PGP: 193F2DBD</a>
</div>
</div>
</div>
<div class="flex-container-inner" style="margin-left: 70px">
<h2 class="gradient-text">who we are</h2>
<p class="hero-p">Distrust is made up of engineers behind some of the most security-critical projects in the world—including BitGo, Turnkey, and Unit410.</p>
<p class="hero-p">We’ve helped hundreds of companies by conducting security reviews, building out their security infrastructure, and aiding them in launching products which can withstand the modern threat landscape. We don’t just secure systems. We build them.</p>
<div class="button-container">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
</div>
</section>
<section class="flex-container" style="margin: 300px 0px;">
<div class="flex-container-inner">
<h2 class="gradient-text">our manifesto</h2>
<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">
<li>don't trust, verify</li>
<li>move thoughtfully and improve things</li>
<li>open source everything</li>
<li>challenge the status quo</li>
<li>insist on higest standards</li>
</ol>
</div>
</section>
<section class="flex-container center" style="margin: 250px 0px 100px 0px;">
<div class="flex-container-inner">
<h3 class="gradient-text">ready to take security serously?</h3>
<p class="hero-p center" style="max-width: 700px">We help organizations that can't afford to fail. If security is mission-critical for your company, let's talk.</p>
<div class="button-container">
<a href="/contact.html" class="mega button">Get in touch</a>
</div>
</div>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
</html>

215
_layouts/contact.html
View File

@ -1,119 +1,118 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main>
<h2>What are your biggest security challenges?</h2>
<hr />
<section class="flex-container">
<div class="flex-container-inner">
<h3>Contact us to take your security posture to the next level.</h3>
<p>We look forward to learning about your project and helping you bolster your security program.</p>
<h4>Meet The Team</h4>
<p>Lance Vick | <a mailto="lance@distrust.co">lance@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/6B61ECD76088748C70590D55E90A401336C8AAA9">PGP</a></p>
<p>Ryan Heywood | <a mailto="ryan@distrust.co">ryan@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/88823A75ECAA786B0FF38B148E401478A3FBEF72">PGP</a></p>
<p>Danny Grove | <a mailto="danny@distrust.co">danny@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/C92FE5A3FBD58DD3EC5AA26BB10116B8193F2DBD">PGP</a></p>
<p>Anton Livaja | <a mailto="anton@distrust.co">anton@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/F4BF5C81EC78A5DD341C91EEDC4B7D1F52E0BA4D">PGP</a></p>
<p>Shane Engleman | <a mailto="shane@distrust.co">shane@distrust.co</a> | <a href="https://keys.openpgp.org/vks/v1/by-fingerprint/3D7C8D39E8C4DF771583D3F0A8A091FD346001CA">PGP</a></p>
</div>
<div class="flex-container-inner">
<div class="form-container">
<form onsubmit="return validateForm()" action="/submit-email" method="post">
<div class="form-flex-container">
<div>
<label for="name" class="form-label">Name</label>
<input type="text" id="name" name="name" class="form-input">
</div>
</div>
<label for="email" class="form-label required">Email</label>
<input type="email" id="email" name="email" class="form-input" required>
<label for="company-name" class="form-label">Company Name</label>
<input type="text" id="company-name" name="company-name" class="form-input">
<label for="service" class="form-label required">Service You Are Interested In</label>
<select id="service" name="service" class="form-select" required>
<option value="" disabled selected>Select option</option>
<option value="digital-asset-custody">Digital Asset Custody (threat modelling, design,
tooling,
system architecture, security assessments)</option>
<option value="blockchain-security">Blockchain Security (smart contracts, system
architecture
design)</option>
<option value="software-security-assessment">Software Security Assessment (penetration
tests, code
reviews, threat modelling, system architecture design, infrastructure hardening,
operating
system etc.)</option>
<option value="engineering">Engineering (tooling development, devops engineering)
</option>
</select>
<label for="help" class="form-label required">How can we help?</label>
<textarea id="help" name="help" class="form-textarea" required></textarea>
<label for="hear-about" class="form-label">How did you hear about Distrust?</label>
<select id="hear-about" name="hear-about" class="form-select" onchange="toggleOtherField()">
<option value="" disabled selected>Select option</option>
<option value="referral">Referral</option>
<option value="social-media">Social Media</option>
<option value="audit-report">Audit Report</option>
<option value="other">Other</option>
</select>
<div id="other-field" style="display:none;">
<input type="text" id="other-source" name="other-source" class="form-input" placeholder="Please specify">
</div>
<!-- TODO: add captcha of some sort -->
<button type="submit" class="form-submit-button">Submit</button>
</form>
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main>
<section style="margin-bottom: 80px; margin-top: 100px">
<div class="center">
<div class="capsule">contact</div>
</div>
</div>
</section>
</main>
<br />
<br>
<br>
<h2 style="height: 180px; font-weight: 600 !important" class="gradient-text center">tell us about your biggest security challenges</h2>
<br>
<p class="hero-p center" style="filter: brightness(70%)">Fill out the form below to start the conversation about how we can help you eliminate single points of failure and build security that doesn't rely on blind trust.</p>
</section>
<section class="flex-container" style="margin-top: 80px">
<div class="flex-container-inner">
<div class="form-container card">
<form onsubmit="return validateForm()" action="/submit-email" method="post">
<div class="form-flex-container">
<div>
<label for="name" class="form-label">Your name</label>
<input type="text" id="name" name="name" class="form-input">
</div>
</div>
{%- include footer.html -%}
<label for="email" class="form-label required">Your email</label>
<input placeholder="Enter your business email..." type="email" id="email" name="email" class="form-input" required>
</div>
</body>
<label for="company-name" class="form-label">Company name</label>
<input type="text" id="company-name" name="company-name" class="form-input">
<script>
function toggleOtherField() {
var hearAbout = document.getElementById('hear-about').value;
var otherField = document.getElementById('other-field');
if (hearAbout === 'other') {
otherField.style.display = 'block';
document.getElementById('other-source').required = true;
} else {
otherField.style.display = 'none';
document.getElementById('other-source').required = false;
<label for="service" class="form-label required">What service are you interested in?</label>
<select id="service" name="service" class="form-select" required>
<option value="" disabled selected>Select option</option>
<option value="software-security-assessment">Security assessment</option>
<option value="retained">Retainer / Fractional CISO</option>
<option value="engineering">Software engineering</option>
<option value="digital-asset-custody">Digital asset custody</option>
<option value="general-inquiry">General inquiry</option>
</select>
<label for="help" class="form-label required">How can we help?</label>
<textarea id="help" name="help" class="form-textarea" required></textarea>
<div id="other-field" style="display:none;">
<input type="text" id="other-source" name="other-source" class="form-input" placeholder="Please specify">
</div>
<!-- TODO: add captcha of some sort -->
<button type="submit" class="contact-button">Submit</button>
<p class="center" style="max-width: 500px; margin-top: 9px; font-size: 12px; filter: brightness(80%)">We respect your privacy. The information you provide will only be used to respond to your inquiry and will never be shared externally.</p>
</form>
</div>
</div>
</section>
<section style="margin-bottom: 0px">
<div class="logo-section">
<div class="logo-slider" id="logoSlider">
<img src="assets/base/companies/coinbase-white.svg" alt="Coinbase">
<img src="assets/base/companies/bitgo-logo-white.svg" alt="BitGo">
<img style="filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);"
src="assets/base/companies/bishop-fox-dark.png" alt="Bishop Fox">
<img style="filter: invert(100)" src="assets/base/companies/turnkey-black.svg" alt="Turnkey">
<img style="height: 40px" src="assets/base/companies/falconx-white.svg" alt="FalconX">
<img src="assets/base/companies/exodus-white.svg" alt="Exodus">
<img src="assets/base/companies/sidero-labs-white.png" alt="Sidero Labs">
<img src="assets/base/companies/zoom-white.png" alt="Zoom">
<img src="assets/base/companies/mysten-labs-white.svg" alt="Mysten Labs">
<img style="height: 60px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);"
src="assets/base/companies/ankr.png" alt="Ankr">
<img style="height: 60px" src="assets/base/companies/hashicorp-white.png" alt="HashiCorp">
<img style="filter: invert(100)" src="assets/base/companies/block-one-dark.svg" alt="Block One">
<img src="assets/base/companies/ledn-white.svg" alt="Ledn">
<img src="assets/base/companies/fitbit-white.png" alt="Fitbit">
<img src="assets/base/companies/dfns-color.png" alt="Dfns">
</div>
</div>
</section>
</main>
<br />
{%- include footer.html -%}
</div>
</body>
<script>
function toggleOtherField() {
var hearAbout = document.getElementById('hear-about').value;
var otherField = document.getElementById('other-field');
if (hearAbout === 'other') {
otherField.style.display = 'block';
document.getElementById('other-source').required = true;
} else {
otherField.style.display = 'none';
document.getElementById('other-source').required = false;
}
}
}
function validateForm() {
var inquiryType = document.getElementById('inquiry-type');
var services = document.getElementById('services');
var hearAbout = document.getElementById('hear-about');
function validateForm() {
var inquiryType = document.getElementById('inquiry-type');
var services = document.getElementById('services');
var hearAbout = document.getElementById('hear-about');
if (inquiryType.value === "") {
alert("Please select a valid Inquiry Type");
return false;
if (inquiryType.value === "") {
alert("Please select a valid Inquiry Type");
return false;
}
if (services.value === "") {
alert("Please select a valid Service you are interested in");
return false;
}
return true;
}
if (services.value === "") {
alert("Please select a valid Service you are interested in");
return false;
}
return true;
}
</script>
</script>
</html>

260
_layouts/landing.html
View File

@ -1,189 +1,85 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h1 class="gradient-text" style="min-height: 320px">security without blind trust</h1>
<p class="hero-p">Eliminate single points of failure. Distrust applies a first principles approach to securing mission critical infrastructure. No guessing, no shortcuts, only verifiable security.</p>
<br />
<a href="/contact.html" class="mega button">Work with us</a>
<br />
</div>
</div>
<div class="flex-container-inner">
</div>
</section>
<body>
{%- include header.html -%}
<section class="">
<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>
</div>
</div>
<div class="container">
<main>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h2>Understand and mitigate security threats others won't see coming.</h2>
<p>We believe security compromises to your systems and personnel are <b>inevitable</b>. Allow our team of experienced security engineers to help you reduce the likelihood and impact of risks by thinking from first principles.</p>
<br />
<a href="/contact.html" class="mega button">Free Consultation</a>
<br />
</div>
</div>
<div class="flex-container-inner carousel-container">
<div id="carousel"></div>
<br>
<div style="margin-left: 10px; font-size: 14px">
<a style="color: rgb(73, 73, 73)" href="../assets/js/carousel-items.json">Full list of articles</a>
</div>
</div>
</section>
<div class="logo-section">
<div class="logo-slider" id="logoSlider">
<img src="assets/base/companies/coinbase-white.svg" alt="Coinbase">
<img src="assets/base/companies/bitgo-logo-white.svg" alt="BitGo">
<img style="filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);"
src="assets/base/companies/bishop-fox-dark.png" alt="Bishop Fox">
<img style="filter: invert(100)" src="assets/base/companies/turnkey-black.svg" alt="Turnkey">
<img style="height: 40px" src="assets/base/companies/falconx-white.svg" alt="FalconX">
<img src="assets/base/companies/exodus-white.svg" alt="Exodus">
<img src="assets/base/companies/sidero-labs-white.png" alt="Sidero Labs">
<img src="assets/base/companies/zoom-white.png" alt="Zoom">
<img src="assets/base/companies/mysten-labs-white.svg" alt="Mysten Labs">
<img style="height: 60px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);"
src="assets/base/companies/ankr.png" alt="Ankr">
<img style="height: 60px" src="assets/base/companies/hashicorp-white.png" alt="HashiCorp">
<img style="filter: invert(100)" src="assets/base/companies/block-one-dark.svg" alt="Block One">
<img src="assets/base/companies/ledn-white.svg" alt="Ledn">
<img src="assets/base/companies/fitbit-white.png" alt="Fitbit">
<img src="assets/base/companies/dfns-color.png" alt="Dfns">
</div>
</div>
</section>
<section class="">
<div class="flex-container-inner">
<div class="text-well">
<h2>We specialize in working with high risk clients.</h2>
<p>If you protect valuable assets or data, or provide software to others that do, your adversaries will not play fair. We want to help you protect your team and users, and remove single points of failure in your stack.</p>
</div>
</div>
<br />
<div class="flex-container-inner">
<div class="companies">
<div>
<a href="https://coinbase.com">
<img style="height: 30px" src="assets/base/companies/coinbase-white.svg" />
</a>
</div>
<div>
<a href="https://bitgo.com">
<img src="assets/base/companies/bitgo-logo-white.svg" />
</a>
</div>
<div>
<a href="https://bishopfox.com">
<img style="height: 30px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);" src="assets/base/companies/bishop-fox-dark.png" />
</a>
</div>
</div>
<div class="companies">
<div>
<a href="http://www.falconx.io/">
<img style="height: 20px" src="assets/base/companies/falconx-white.svg" />
</a>
</div>
<div>
<a href="http://www.turnkey.io/">
<img style="filter: invert(100)" src="assets/base/companies/turnkey-black.svg" />
</a>
</div>
<div>
<a href="https://exodus.com">
<img src="assets/base/companies/exodus-white.svg" />
</a>
</div>
</div>
<div class="companies">
<div>
<a href="https://siderolabs.com">
<img style="height: 60px" src="assets/base/companies/sidero-labs-white.png" />
</a>
</div>
<div>
<a href="https://zoom.com">
<img style="height: 35px;" src="assets/base/companies/zoom-white.png" />
</a>
</div>
<div>
<a href="https://mystenlabs.com">
<img style="height: 25px" src="assets/base/companies/mysten-labs-white.svg" />
</a>
</div>
</div>
<div class="companies">
<div>
<a href="http://www.ankr.com/">
<img style="height: 75px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);" src="assets/base/companies/ankr.png" />
</a>
</div>
<div>
<a href="http://www.hashicorp.io/">
<img style="height: 60px" src="assets/base/companies/hashicorp-white.png" />
</a>
</div>
<div>
<a href="http://www.b1.com/">
<img style="filter: invert(100)" src="assets/base/companies/block-one-dark.svg" />
</a>
</div>
</div>
<div class="companies">
<div>
<a href="http://www.ledn.io/">
<img src="assets/base/companies/ledn-white.svg" />
</a>
</div>
<div>
<a href="https://fitbit.com">
<img src="assets/base/companies/fitbit-white.png" />
</a>
</div>
<div>
<a href="https://dfns.co">
<img src="assets/base/companies/dfns-color.png" />
</a>
</div>
</div>
</div>
</section>
<section class="">
<div class="flex-container-inner" style="align-items: baseline">
<div class="text-well">
<h1>Services</h1>
<p>Distrust offers a wide range of services which are tailored to your organization. Whether you need a complete security assessment, want to create or improve an open source security tool, or want to focus on assessing a specific aspect of your organization or system - we are here to help. Our experienced staff will collaborate closely with you to understand your unique needs and create a tailor made solution that works for you.</p>
<div class="button-container">
<a class="button" href="/services.html">Learn more</a>
<a href="/contact.html" class="mega button">Free Consultation</a>
</div>
</div>
</div>
<div class="flex-container-inner">
<div class="">
<br />
<hr />
<br />
</div>
<div class="text-well">
<h3>Security Assessment</h3>
<p>We offer full stack security assessments, covering anything that is in scope for a sophisticated adversary, such as compromising a third party library, bribing a devops engineer, finding a oversight in your code, or otherwise. While we will point out specific flaws we find, we feel we offer the most value in helping you identify where you can make strategic improvements to your architecture to take entire classes of risk off the table.</p>
</div>
<br />
<hr />
<br />
<div class="text-well">
<h3>Security Engineering</h3>
<p>Our team is comprised of security engineers with past lives as full time system administrators and software engineers. We have extensive first hand experience in implementing custom security defenses for high risk organizations. We are happy to get as deep into the weeds planning new defense strategies as you like, from Linux kernel hardening, to supply chain signing, to code quality, library choices, and beyond.</p>
</div>
<br />
<hr />
<br />
<div class="text-well">
<h3>Retained Security Support</h3>
<p>We offer monthly retainer contracts to augment your existing security team with access to our combined experience as needed. You can drop questions to our team in a chat, or include us in security-relevant meetings. Almost anything an in-house security team might do to protect your organization is in scope for us as well, including qualifying candidates, conducting interviews, reviewing code, evaluating third party risks, or being a security voice in the room when you are planning new products.</p>
</div>
<br />
<hr />
<br />
<div class="text-well">
<h3>Research & Development</h3>
<p>Rather than write the same document or tool 10 times and bill each client for it, we focus our unused retainer hours on open sourcing every document and tool we legally can, so we can focus our time with clients on their unique situations. If we are doing public work you would like to see more of, or that -almost- meets your needs, we would love to hear that and figure out a path to see your needs met.</p>
</div>
</div>
<div class="button-container">
<a href="/contact.html" class="mega button">Free Consultation</a>
</div>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
<section>
<div class="center">
<div class="capsule">what we do</div>
</div>
<br>
<h3 class="gradient-text center">our services today, our vision for tomorrow</h3>
<br>
<div class="flex-container">
<div class="flex-container-inner card">
<div class="text-well">
<h4>services</h4>
<p>We don’t just assess risks—we eliminate them. Our first principles approach removes single points of failure, protects mission-critical systems, and ensures verifiable security. Whether you need a full audit, architecture review, incident response, or ongoing retained support we have you covered.</p>
<div class="button-container">
<a class="button" href="/services.html">Learn more</a>
</div>
</div>
</div>
<div class="flex-container-inner card">
<div class="text-well">
<h4>roadmap</h4>
<p>Security is always evolving—so are we. Distrust is building the next generation of security infrastructure that eliminates reliance on any single computer, person, or system. Using full-source bootstrapping, determinism, and quorum-based security, we ensure verifiable, trustless protection at every layer.</p>
<div class="button-container">
<a class="button" href="/roadmap.html">View roadmap</a>
</div>
</div>
</div>
</div>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
</html>

308
_layouts/roadmap.html Normal file
View File

@ -0,0 +1,308 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="vertical-line-container">
<div class="vertical-line"></div>
<div class="node"></div>
<div class="node"></div>
<div class="node"></div>
<div class="node"></div>
<div class="node"></div>
<div class="node"></div>
<div class="node"></div>
<div class="node"></div>
<div class="node"></div>
</div>
<div class="container">
<main>
<section class="flex-container" style="margin-top: 100px; margin-bottom: 30px">
<div class="flex-container-inner" style="padding-top: 0px">
<div class="text-well center">
<div class="capsule">roadmap</div>
<br>
<br>
<h1 style="height: 310px">building verifiable security without single points of failure</h1>
<br>
<br>
<p class="hero-p center">Most systems today still rely on single individuals or computers, unverifiable software, and opaque processes. We’re redesigning security from the ground up.</p>
<div class="button-container center">
<a href="#roadmap" class="mega button">View roadmap</a>
</div>
</div>
</div>
</section>
<section style="margin: 200px 0px" class="flex-container">
<div class="flex-container-inner">
<h3>creating the building blocks for provable security</h3>
<p class="hero-p">Modern software systems still rely on trust in individuals—maintainers, IT admins, or third-party providers. But what happens when they are compromised? How do you verify that the software running on your systems hasn’t been tampered with?</p>
<p class="hero-p">We’ve identified critical missing pieces needed to remove single points of failure at every level. Our approach starts with how source code is managed, how software is built, and the environments in which it runs.</p>
<p class="hero-p">By combining quorums, applied cryptography, and bit-for-bit reproducibility, we are methodically eliminating trust assumptions, ensuring security isn’t just a claim—it’s provable.</p>
<a href="#roadmap" class="arrow-link">
See what we're building
<span class="arrow">&#x2192;</span>
</a>
</div>
<div class="flex-container-inner"></div>
</section>
<span class="roadmap" id="roadmap">
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://git.distrust.co/public/sourceid" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>SourceId</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-grey">backlog</div>
</div>
</div>
<h5>Problem statement</h5>
<p>How does one verify that they are building from the source code they intend? What if someone tampered with code that goes into a .tar archive, or pre-compiled a blob of code and included it in the source code (ref to xz backdoor)</p>
<br>
<h5>Solution</h5>
<p>Standardize code to remove all version control system specific items, leaving only functionality related code and produce a hash based on the tree of all necessary files.</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://git.distrust.co/public/sigrev" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>SigRev</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-grey">backlog</div>
</div>
</div>
<h5>Problem statement</h5>
<p>There is a lot of code to review, so instead of manually reviewing all code, we rely on static analysis tools which are prone to missing novel exploits.</p>
<br>
<h5>Solution</h5>
<p>Create a crowdsourcing framework which makes it easy to publish signed review of code</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://codeberg.org/stagex/stagex" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>StageX</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-green">ready</div>
</div>
</div>
<h5>Problem statement</h5>
<p>How does one solve the "Reflections on Trusting Trust" (ref) problem?</p>
<br>
<h5>Solution</h5>
<p>Bootstrap a compiler in a detrministic manner, then use that compiler to build all packages, reproduce the work on different systems, and cryptoraphically sign resulting hashes.</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://codeberg.org/stagex/repros" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>ReprOS</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-blue">in-progress</div>
</div>
</div>
<h5>Problem statement</h5>
<p>How does one create a maximally isolated environment that's ephermeral and allows easy reproduction of software?</p>
<br>
<h5>Solution</h5>
<p>Create a bare-bones uni-kernel operating system which spins up a new VM for each build, and discards everything afterwards</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://git.distrust.co/public/keyfork" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>Keyfork</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-green">ready</div>
</div>
</div>
<h5>Problem statement</h5>
<p>Managing cryptographic material can be unwieldy and TODO</p>
<br>
<h5>Solution</h5>
<p>Create a tool for using a single source of entropy to derive all cryptographic algorithms required</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://git.distrust.co/public/icepick" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>Icepick</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-green">ready</div>
</div>
</div>
<h5>Problem statement</h5>
<p>How does one perform cryptographic operations in an agnostic fashion while preserving memory boundaries?</p>
<br>
<h5>Solution</h5>
<p>A framework for rapidly developing applications to perform transfer and staking cryptocurrency operations.</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://git.distrust.co/public/airgap" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>AirgapOS</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-green">ready</div>
</div>
</div>
<h5>Problem statement</h5>
<p>How does one minimize the surface area for attacks when performing operations in an air-gapped setting?</p>
<br>
<h5>Solution</h5>
<p>A minimal deterministic unikernel Linux distribution designed for managing secrets offline.</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://git.distrust.co/public/bootproof" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>Bootproof</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-grey">backlog</div>
</div>
</div>
<h5>Problem statement</h5>
<p>It's difficult to prove that server is running software it claims to</p>
<br>
<h5>Solution</h5>
<p>Leverage TPM2 to cryptoraphically attest to software that's running on a server</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<a href="https://git.distrust.co/public/enclaveos" target="_blank" rel="noopener noreferrer">
<div class="text-well">
<div class="roadmap-header">
<span><h3>EnclaveOS</h3></span>
<div class="roadmap-header-capsule">
<div class="capsule-blue">in-progress</div>
</div>
</div>
<h5>Problem statement</h5>
<p>Creating immutable, deterministic images for use in secure enclaves is challenging</p>
<br>
<h5>Solution</h5>
<p>A minimal, immutable, and deterministic Linux unikernel build system targeting various Trusted Execution Environments for use cases that require high security and accountability.</p>
<br>
<p class="learn-more">Learn more</p>
</div>
</a>
</div>
</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>
<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>
</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>
</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>
<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>
</div>
<div class="flex-container-inner">
<a href="Talos Linux" target="_blank" rel="noopener noreferrer">
<div class="text-well card">
<h3>Sidero</h3>
<p>Using StageX to build their widely used Linux distribution specialized in delivering kubernetes features</p>
</div>
</a>
</div>
</section>
<section>
<h4 class="gradient-text center" style="line-height: 50px; max-width: 600px; margin: auto;">ready to take your security to the next level?</h4>
<div class="button-container center">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
</html>

194
_layouts/services.html
View File

@ -1,95 +1,113 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main>
<section class="flex-container" style="margin-top: 100px">
<div class="flex-container-inner">
<div class="text-well center">
<div class="text-well" style="text-align: center; margin: auto">
<div class="capsule">services</div>
</div>
<br>
<br>
<h1 class="hero-title gradient-text" style="height: 320px">hire Distrust to solve your hardest security challenges</h1>
<br>
<br>
<p class="hero-p center">Built by the team behind BitGo, Unit410, and Turnkey, we appy hard-earned lessons from securing critical infrastructure to build transparent, resilient, and universally applicable security solutions.</p>
<div class="button-container">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
</div>
</div>
</section>
{%- include head.html -%}
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well card">
<h4>security assessments</h4>
<p>Our assessments go beyond identifying vulnerabilities—we strategically eliminate risks at their source. Using a first-principles methodology, we pinpoint single points of failure and deliver clear, actionable recommendations to secure your systems against sophisticated threats.</p>
<ul>
<li>Penetration testing</li>
<li>Secure code review</li>
<li>Cloud configuration review</li>
<li>Threat modeling</li>
</ul>
</div>
</div>
<div class="flex-container-inner">
<div class="text-well card">
<h4>retainer or fractional CISO</h4>
<p>Gain continuous, high-level security leadership tailored precisely to your organization's needs. We work closely with your teams, providing strategic security direction, eliminating blind trust, and protecting critical infrastructure from sophisticated threats.</p>
<ul>
<li>Security program development</li>
<li>Incident response</li>
<li>Due diligence</li>
<li>Vetting security talent</li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
</div>
<div class="flex-container-inner">
<h2 class="gradient-text" style="text-align: left; height: 95px">why Distrust?</h2>
<p>
Why choose Distrust? Because security shouldn't be based on blind trust, it should be based on <b>dis</b>trust, and verifiability. Most organizations treat cybersecurity like people once treated hygiene—poorly.
</p>
<p>At Distrust, we've identified fundamental methods to eliminate risks at their source. Similarly to how handwashing revolutionized public health by preventing unseen threats like bacteria, our first-principles security methodology brings new levels of security to our clients by eliminating single points of failure, and providing verifiable, resilient protection for your critical systems.
</p>
<ul class="narrow-list">
<li><b>First-principles security</b> 
<p>Comprehensive, strategic risk based on eliminating root causes.</p>
</li>
<li><b>Proven methodology</b>
<p>Security approaches tested in high-stakes, mission-critical environments.</p>
</li>
<li><b>Seamless collaboration</b>
<p>Clear, actionable engagement steps—start immediately.</p>
</li>
</ul>
</div>
</section>
<body>
{%- include header.html -%}
<section class="">
<div class="logo-section">
<div class="logo-slider" id="logoSlider">
<img src="assets/base/companies/coinbase-white.svg" alt="Coinbase">
<img src="assets/base/companies/bitgo-logo-white.svg" alt="BitGo">
<img style="filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);"
src="assets/base/companies/bishop-fox-dark.png" alt="Bishop Fox">
<img style="filter: invert(100)" src="assets/base/companies/turnkey-black.svg" alt="Turnkey">
<img style="height: 40px" src="assets/base/companies/falconx-white.svg" alt="FalconX">
<img src="assets/base/companies/exodus-white.svg" alt="Exodus">
<img src="assets/base/companies/sidero-labs-white.png" alt="Sidero Labs">
<img src="assets/base/companies/zoom-white.png" alt="Zoom">
<img src="assets/base/companies/mysten-labs-white.svg" alt="Mysten Labs">
<img style="height: 60px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);"
src="assets/base/companies/ankr.png" alt="Ankr">
<img style="height: 60px" src="assets/base/companies/hashicorp-white.png" alt="HashiCorp">
<img style="filter: invert(100)" src="assets/base/companies/block-one-dark.svg" alt="Block One">
<img src="assets/base/companies/ledn-white.svg" alt="Ledn">
<img src="assets/base/companies/fitbit-white.png" alt="Fitbit">
<img src="assets/base/companies/dfns-color.png" alt="Dfns">
</div>
</div>
</section>
<div class="container">
<main>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h2>How can we help you?</h2>
<p>Distrust offers a wide range of services which are tailored to your organization. Whether you need a complete security assessment, want to create or improve an open source security tool, or want to focus on assessing a specific aspect of your organization or system - we are here to help. Our experienced staff will collaborate closely with you to understand your unique needs and create a tailor made solution that works for you.</p>
<div class="button-container">
<a href="/contact.html" class="mega button">Free Consultation</a>
</div>
</div>
</div>
<div class="flex-container-inner">
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>Security Assessment</h3>
<p>We offer full stack security assessments, covering anything that is in scope for a sophisticated adversary, such as compromising a third party library, bribing a devops engineer, finding an oversight in your code, or otherwise. While we will point out specific flaws we find, we feel we offer the most value in helping you identify where you can make strategic improvements to your architecture to take entire classes of risk off the table.</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>Penetration Testing</li>
<li>Secure Code Review</li>
<li>Cloud Configuration Review</li>
<li>Threat Modeling</li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>Security Engineering</h3>
<p>Our team is comprised of security engineers with past lives as full time system administrators and software engineers. We have extensive first hand experience in implementing custom security defenses for high risk organizations. We are happy to get as deep into the weeds planning new defense strategies as you like, from Linux kernel hardening, to supply chain signing, to code quality, library choices, and beyond.</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>Secure Code Development</li>
<li>Cryptocurrency Custodial Solutions</li>
<li>Quorum Authentication Design and Implementation</li>
<li>Cryptographic Key Escrow / Signer</li>
<li>Reproducible / Deterministic Builds</li>
<li>Production Engineering Practice</li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>Retained Security Support</h3>
<p>We offer monthly retainer contracts to augment your existing security team with access to our combined experience as needed. You can drop questions to our team in a chat, or include us in security-relevant meetings. Almost anything an in-house security team might do to protect your organization is in scope for us as well, including qualifying candidates, conducting interviews, reviewing code, evaluating third party risks, or being a security voice in the room when you are planning new products.</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>Security Program Development</li>
<li>General Security Consulting</li>
<li>Assistance With Hiring Security Talent</li>
<li>Business Continuity Planning</li>
<li>Physical Security</li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>Research</h3>
<p>Rather than write the same document or tool 10 times and bill each client for it, we focus our unused retainer hours on open sourcing every document and tool we legally can, so we can focus our time with clients on their unique needs. If we are doing public work you would like to see more of, or that <i>almost</i> meets your needs, we would love to hear from you and figure out a path to see your needs met.</p>
</div>
</div>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
<section class="flex-container center">
<div class="flex-container-inner">
<h3 class="gradient-text">ready to take your security to the next level?</h3>
<p class="hero-p center">Schedule a complimentary introductory call to explore how Distrust can help secure your organization. Learn how we approach security, discuss your challenges, and see if we’re the right fit to work together.</p>
<div class="button-container">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
</div>
</section>
</main>
{%- include footer.html -%}
</body>
</html>

122
_layouts/tools.html
View File

@ -1,122 +0,0 @@
<!DOCTYPE html>
<html lang="{{ page.lang | default: site.lang | default: en }}">
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
<main>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h2>Tools</h2>
<p>Distrust develops open source tooling to help make the internet a safer place!</p>
<p>Rather than write the same document or tool 10 times and bill each client for it, we focus our unused retainer hours on open sourcing every document and tool we legally can, so we can focus our time with clients on their unique needs. If we are doing public work you would like to see more of, or that <i>almost</i> meets your needs, we would love to hear from you and figure out a path to see your needs met.</p>
</div>
</div>
<div class="flex-container-inner">
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>AirgapOS</h3>
<a href="https://git.distrust.co/public/airgap" target="_blank" rel="noopener noreferrer">https://git.distrust.co/public/airgap</a>
<p>A live buildroot based Linux distribution designed for managing secrets offline.</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>Deterministic binary verification</li>
<li>Small footprint (< 100MB)</li>
<li>Immutable and diskless</li>
<li>Network drivers removed</li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>Keyfork</h3>
<a href="https://git.distrust.co/public/keyfork" target="_blank" rel="noopener noreferrer">https://git.distrust.co/public/keyfork</a>
<p>An opinionated and modular toolchain for generating and managing a wide range of cryptographic keys offline and on smartcards from a shared bip39 mnemonic phrase..</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>BIP39 style key derivation from OS or hardware entropy</li>
<li>Sharding mechanism allows "M-of-N" recovery</li>
<li>Built deterministically</li>
<li>Intended for use with air-gapped systems</li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>StageX</h3>
<a href="https://codeberg.org/stagex/stagex" target="_blank" rel="noopener noreferrer">https://codeberg.org/stagex/stagex</a>
<p>Minimalism and security first repository of reproducible and multi-signed OCI images of common open source software toolchains full-source bootstrapped from Stage 0 all the way up.</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>Fully verifiable and deterministic build toolchain</li>
<li>Deterministic packages of commonly used software (rust, go, openssl, curl and many more)</li>
<li>Flexible drop in replacement for existing software</li>
<li>Available on <a href="https://hub.docker.com/u/stagex" target="_blank" rel="noopener noreferrer">dockerhub</a></li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>EnclaveOS</h3>
<a href="https://git.distrust.co/public/enclaveos" target="_blank" rel="noopener noreferrer">https://git.distrust.co/public/enclaveos</a>
<p>A minimal, immutable, and deterministic Linux unikernel build system targeting various Trusted Execution Environments for use cases that require high security and accountability.</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>Immutable: Root filesystem is a CPIO filesystem extracted to a RamFS at boot</li>
<li>Minimal: < 5MB footprint and nothing is included but a kernel and your target binary by default</li>
<li>Deterministic: multiple people can reproduce the build and verify its integrity</li>
<li>Hardened: No TCP/IP network support, most unnecessary kernel features disabled and follows <a href="https://kernsec.org/wiki/index.php/Kernel_Self_Protection_Project" target="_blank" rel="noopener noreferrer">Kernel Self Protection Project</a> recommendations</li>
</ul>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<h3>git-sig</h3>
<a href="https://git.distrust.co/public/git-sig" target="_blank" rel="noopener noreferrer">https://git.distrust.co/public/gitsig</a>
<p>The simple multisig toolchain for git repos.</p>
</div>
</div>
<div class="flex-container-inner">
<ul>
<li>Attach any number of signatures to any given git ref</li>
<li>Verify git history contains a minimum threshold of unique commit signatures</li>
<li>Verify signatures belong to a defined GPG alias group</li>
<li>Verify code changes made since last time minimum valid signatures were present</li>
</ul>
</div>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
</html>

61
_sass/_dark.scss
View File

@ -3,33 +3,36 @@
*/
:root {
--base-color: rgba(255, 255, 255, 0.87);
--header-color: #ffffff;
--border: solid 2px rgba(219, 219, 219, 0.9);
--selection-background: rgba(219, 219, 219, 0.99);
--selection-text: #000;
--background-color: #141414;
--text-color: var(--base-color);
--placeholder-color: rgba(0, 0, 0, 0.5);
--link-color: var(--base-color);
/* yoinkt from Material Design 2014, Deep Purple A200 */
--mega-color: #7c4dff;
--code-color-1: #aaaaaa;
--code-color-2: #ffffcc;
--code-color-3: #F00000;
--code-color-4: #F0A0A0;
--code-color-5: #b38aff;
--code-color-6: #5ba711;
--code-color-7: #e4e477;
--code-color-8: #000080;
--code-color-9: #05ca05;
--code-color-10: #888888;
--code-color-11: #555555;
--code-color-12: #800080;
--code-color-13: #00d4d4;
--code-color-14: #00c1c1;
--code-color-15: #ed9d13;
--code-color-16: #1e90ff;
--code-color-17: #800000;
--code-color-18: #bbbbbb;
--base-color: rgba(255, 255, 255, 0.87);
--header-color: #ffffff;
--border: solid 2px rgba(219, 219, 219, 0.9);
--selection-background: rgba(219, 219, 219, 0.99);
--selection-text: #000;
--background-color: #0F0F0F;
--text-color: var(--base-color);
--placeholder-color: rgba(0, 0, 0, 0.5);
--link-color: var(--base-color);
/* yoinkt from Material Design 2014, Deep Purple A200 */
--mega-color: #7C4DFF;
--dark-purple: #241846;
--light-purple: #7952EB;
--light-blue: #02CAF2;
--code-color-1: #aaaaaa;
--code-color-2: #ffffcc;
--code-color-3: #F00000;
--code-color-4: #F0A0A0;
--code-color-5: #b38aff;
--code-color-6: #5ba711;
--code-color-7: #e4e477;
--code-color-8: #000080;
--code-color-9: #05ca05;
--code-color-10: #888888;
--code-color-11: #555555;
--code-color-12: #800080;
--code-color-13: #00d4d4;
--code-color-14: #00c1c1;
--code-color-15: #ed9d13;
--code-color-16: #1e90ff;
--code-color-17: #800000;
--code-color-18: #bbbbbb;
}

56
_sass/_light.scss
View File

@ -3,31 +3,33 @@
*/
:root {
--base-color: rgba(0, 0, 0, 0.87);
--header-color: rgba(0, 0, 0, 0);
--border: dashed 1px rgba(0, 0, 0, 1);
--selection-background: rgba(0, 0, 0, 0.99);
--selection-text: #FFF;
--background-color: #FFF;
--text-color: var(--base-color);
--placeholder-color: var(--base-color);
--link-color: var(--base-color);
--code-color-1: #aaaaaa;
--code-color-2: #ffffcc;
--code-color-3: #F00000;
--code-color-4: #F0A0A0;
--code-color-5: #0000aa;
--code-color-6: #4c8317;
--code-color-7: #aa0000;
--code-color-8: #000080;
--code-color-9: #00aa00;
--code-color-10: #888888;
--code-color-11: #555555;
--code-color-12: #800080;
--code-color-13: #00aaaa;
--code-color-14: #009999;
--code-color-15: #aa5500;
--code-color-16: #1e90ff;
--code-color-17: #800000;
--code-color-18: #bbbbbb;
--base-color: rgba(0, 0, 0, 0.87);
--header-color: rgba(0, 0, 0, 0);
--border: dashed 1px rgba(0, 0, 0, 1);
--selection-background: rgba(0, 0, 0, 0.99);
--selection-text: #FFF;
--background-color: #FFF;
--text-color: var(--base-color);
--placeholder-color: var(--base-color);
--link-color: var(--base-color);
--dark-purple: #241846;
--light-purple: #7952EB;
--code-color-1: #aaaaaa;
--code-color-2: #ffffcc;
--code-color-3: #F00000;
--code-color-4: #F0A0A0;
--code-color-5: #0000aa;
--code-color-6: #4c8317;
--code-color-7: #aa0000;
--code-color-8: #000080;
--code-color-9: #00aa00;
--code-color-10: #888888;
--code-color-11: #555555;
--code-color-12: #800080;
--code-color-13: #00aaaa;
--code-color-14: #009999;
--code-color-15: #aa5500;
--code-color-16: #1e90ff;
--code-color-17: #800000;
--code-color-18: #bbbbbb;
}

503
_sass/base.scss
View File

@ -1,26 +1,28 @@
@charset "utf-8";
// @import url('https://fonts.googleapis.com/css?family=Rubik:400,700');
// @import url('Rubik-VariableFont_wght.ttf');
@font-face {
font-family: 'Rubik';
src: url('fonts/Rubik-VariableFont_wght.ttf') format('truetype');
font-family: 'Inter';
src: url('fonts/Inter-VariableFont_opsz,wght.ttf') format('truetype');
}
/**
* Style variables
*/
$base-font-family: 'Rubik', monospace !default;
$base-font-family: 'Inter', monospace !default;
$base-font-size: 1.125rem !default;
$mobile-font-size: 1.125rem !default;
$base-line-height: 1.5 !default;
$container-width: 90% !default;
$container-max-width: 1000px !default;
$container-max-width: 1280px !default;
/**
* Global
*/
html {
scroll-behavior: smooth;
}
body {
width: 100%;
background-color: var(--background-color);
margin: 0 auto;
padding: 0;
@ -32,26 +34,35 @@ body {
}
h1 {
font-size: 32px;
font-size: 120px !important;
line-height: 100px !important;
font-weight: 400 !important;
}
h2 {
font-size: 28px;
font-size: 90px !important;
line-height: 80px !important;
width: 100% !important;
font-weight: 400 !important;
}
h3 {
font-size: 24px;
font-size: 50px !important;
line-height: 50px !important;
width: 100% !important;
}
h4 {
font-size: 20px;
font-size: 32px;
}
h5 {
font-size: 18px;
font-weight: 400 !important;
font-size: 22px !important;
}
h6 {
font-weight: 400 !important;
font-size: 16px;
}
@ -64,10 +75,14 @@ h6 {
margin: 0px;
margin-top: 0px;
margin-bottom: 12px;
font-weight: bold;
font-weight: 400;
color: var(--header-color);
}
p {
font-size: 18px;
}
p,
ul,
ol {
@ -76,17 +91,284 @@ ol {
}
a {
text-decoration: underline;
color: var(--link-color);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: var(--background-color);
background-color: var(--base-color);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.center {
text-align: center;
margin: auto;
}
.gradient-text {
font-size: 48px;
font-weight: bold;
background: linear-gradient(100deg, white, #8a8d97);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.gradient-text-inverse {
font-size: 48px;
font-weight: bold;
background: linear-gradient(-100deg, white, #8a8d97);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
}
.hero-p {
font-size: 20px;
max-width: 800px;
}
.card {
border: 1px solid gainsboro;
border-radius: 20px;
padding: 45px;
margin: 20px;
min-height: 430px;
}
@mixin capsule {
font-weight: 400;
font-size: 16px;
border-radius: 30px;
padding: 1px;
width: 130px;
margin: auto;
text-align: center;
}
.capsule {
color: var(--light-purple);
background: var(--dark-purple);
border: 1px solid var(--dark-purple);
@include capsule;
}
.capsule-grey {
color: grey;
background: #262626;
border: 1px solid #262626;
@include capsule;
}
.capsule-blue {
color: #2b60d7;
background: #112759;
border: 1px solid #112759;
@include capsule;
}
.capsule-green {
color: #1e612b;
background: #0c2711;
border: 1px solid #0c2711;
@include capsule;
}
.roadmap-header {
display: flex;
justify-content: left;
margin-bottom: 20px;
}
.roadmap-header-capsule {
display: flex;
vertical-align: center;
margin-left: 20px;
}
.narrow-list > li > p {
margin-top: 0px;
}
.arrow-link {
display: inline-flex;
align-items: center;
color: #fff;
text-decoration: none;
padding: 8px 12px;
border-radius: 4px;
margin-left: 0px;
padding-left: 0px;
}
.arrow {
display: inline-block;
margin-left: 4px;
transition: transform 0.3s ease;
}
.arrow-link:hover .arrow {
transform: translateX(5px);
background: none !important;
background-color: var(--base-color);
color: white !important;
}
.arrow-link:hover {
background: none !important;
background-color: var(--base-color);
color: white !important;
}
/* roadmap line starts */
.vertical-line-container {
position: absolute;
top: 1980px;
right: 200px;
width: 60px;
height: 3220px;
}
.vertical-line {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 10px;
height: 100%;
background-color: #262626;
border-radius: 10px;
}
.node {
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 40px;
height: 40px;
background-color: #262626;
border-radius: 50%;
}
.node:nth-child(2) { top: 0; }
.node:nth-child(3) { top: 400px; }
.node:nth-child(4) { top: 800px; }
.node:nth-child(5) { top: 1200px; }
.node:nth-child(6) { top: 1600px; }
.node:nth-child(7) { top: 2000px; }
.node:nth-child(8) { top: 2400px; }
.node:nth-child(9) { top: 2800px; }
.node:nth-child(10) { top: 3200px; }
/* end roadmap lines styling */
.roadmap .flex-container .flex-container-inner .text-well {
border: 1px solid grey;
padding: 40px;
border-radius: 30px;
max-width: 1000px;
min-height: 360px;
transition: transform 0.7s ease, background-color 0.3s ease;
filter: brightness(50%);
}
.roadmap .flex-container .flex-container-inner .text-well:hover {
background: #1e1e1e;
transform: scale(1.01);
filter: unset;
}
.roadmap .flex-container .flex-container-inner .text-well:hover .learn-more {
color: #F048B5;
}
.learn-more {
font-weight: 600;
}
.roadmap .flex-container .flex-container-inner .text-well p {
margin-top: 0px;
margin-bottom: 0px;
}
.roadmap .flex-container .flex-container-inner .text-well h5 {
margin-top: 0px;
margin-bottom: 0px;
}
.roadmap .flex-container .flex-container-inner h3 {
margin-top: 0px;
margin-bottom: 0px;
}
.roadmap .flex-container {
margin-top: 50px;
margin-bottom: 50px;
}
.powered-by .card {
min-height: 265px;
padding: 35px;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.powered-by .card:hover {
background: #1e1e1e;
transform: scale(1.02);
}
.video-background-container {
position: absolute;
width: 100%;
height: 800px;
overflow: hidden;
top: 100px;
left: 0;
}
.gradient-overlay {
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,
rgba(15, 15, 15, 1) 0%,
rgba(15, 15, 15, 0) 50%
);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
pointer-events: none;
}
.video-background {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
z-index: -1;
object-fit: cover;
}
.video-content {
position: relative;
z-index: 1;
color: #fff;
padding: 2rem;
}
@media only screen and (max-device-width: 500px) {
* {
font-size: $mobile-font-size;
@ -121,6 +403,17 @@ footer {
text-align: right;
}
.footer-link {
text-decoration: none;
margin-left: 20px;
}
.footer-link:hover {
background: transparent;
color: white;
}
header {
padding: 24px;
margin-bottom: 24px;
@ -143,6 +436,11 @@ hr {
/**
* Navbar
*/
.menu {
max-width: 1280px;
margin: auto;
}
.menu-logo {
height: 48px;
}
@ -165,12 +463,16 @@ hr {
.header-page-links a:hover {
background-color: transparent;
color: lightgrey;
text-decoration: underline;
}
.left-menu {
display: flex;
align-items: center;
filter: brightness(60%);
}
.left-menu:hover {
filter: unset;
}
.left-menu img {
@ -252,6 +554,51 @@ hr {
margin: 50px 30px 50px 30px;
}
/**
* Company Page
*/
.about-special h2 {
font-weight: 600 !important;
margin: 0px;
height: 340px;
}
.about-special {
padding-left: 0px;
margin-top: 100px;
}
.team .card {
padding: 20px;
min-height: 120px;
min-width: unset;
height: 180px;
margin-left: 0px;
width: 220px;
}
.team .title {
text-transform: unset;
}
.team p, .team a {
font-size: 15px;
margin-top: 0px;
margin-bottom: 0px;
}
.team img {
height: 130px;
border: 1px solid teal;
}
.team .flex-container {
justify-content: flex-start;
}
/**
* End-Company Page
*/
@media (max-width: 1020px) {
.right-menu {
width: 40px;
@ -298,6 +645,7 @@ hr {
.button {
display: inline-block;
padding: 10px 20px 9px 20px;
border-radius: 30px;
margin-top: 10px;
color: var(--base-color);
background-color: var(--background-color);
@ -315,21 +663,40 @@ hr {
/* important button */
.mega.button {
background-color: var(--mega-color);
background-color: var(--dark-purple);
color: var(--base-color);
border: 2px solid var(--mega-color);
border: 2px solid var(--light-purple);
border-radius: 30px;
font-weight: 400;
box-shadow: 0 0 18px rgba(42,106,255,0.6);
}
.mega.button:hover {
/* invert */
background-color: color-mix(in srgb, var(--mega-color), white 10%);
color: var(--base-color);
background: var(--light-purple);
color: var(--base-color);
}
.button-container {
padding: 30px 0px;
}
.contact-button {
margin-top: 15px;
cursor: pointer;
font-size: 19px;
width: 100%;
border-radius: 10px;
height: 60px;
background: var(--light-purple);
color: white;
border: 1px solid var(--light-purple);
}
.contact-button:hover {
box-shadow: 0 0 18px rgba(42,106,255,0.6);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
/**
* Highlight/Markup
*/
@ -346,25 +713,12 @@ hr {
/**
* Lists
*/
:not(.menu)>ul {
list-style: none;
}
:not(.menu)>ul {
list-style-type: none;
}
:not(.menu)>ul>li:before {
content: "-";
margin-right: 9px;
}
.right-menu>ul>li:before {
content: "" !important;
margin-right: 4px;
}
/**
* Header/Navigation
*/
@ -386,7 +740,6 @@ hr {
margin-left: 10px;
}
/**
* Form
*/
@ -456,8 +809,23 @@ textarea {
* Contact Form
*/
.required:after {
content: "*";
color: red;
content: " (required)";
color: white;
}
.placeholder:after {
color: grey;
}
.form-container {
max-width: 700px;
margin: auto;
}
.form-container.card {
background: #222222;
border: 1px solid #222222;
padding-bottom: 25px;
}
.form-label {
@ -468,6 +836,13 @@ textarea {
.form-input,
.form-select,
.form-textarea {
border: 1px solid grey;
border-radius: 10px;
font-size: 16px;
caret-color: white !important;
color: white !important;
height: 60px !important;
background: var(--background-color) !important;
width: 100%;
padding: 8px;
margin-bottom: 10px;
@ -483,19 +858,6 @@ textarea {
flex-direction: column;
}
.form-submit-button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
height: 40px;
}
.form-submit-button:hover {
background-color: #45a049;
}
/**
* Homepage
*/
@ -519,8 +881,9 @@ textarea {
}
section {
margin-top: 48px;
margin-bottom: 96px;
width: 100%;
margin-top: 150px;
margin-bottom:150px;
}
.companies {
@ -554,7 +917,6 @@ section {
.text-well {
max-width: 100%;
padding-right: 35px;
}
/**
@ -882,7 +1244,6 @@ pre {
/* Literal.Number.Integer.Long */
.hide {
display: none;
width: 100%;
@ -892,6 +1253,37 @@ pre {
display: inline-block;
}
/**
* Companies Carousel
*/
.logo-section {
width: 100%;
overflow: hidden;
padding: 20px 0;
filter: brightness(50%);
mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
-webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%);
}
.logo-slider {
display: flex;
align-items: center;
flex-wrap: nowrap;
transform: translateX(0);
}
.logo-slider img {
height: 50px;
margin-right: 80px;
filter: grayscale(100%);
opacity: 0.8;
transition: opacity 0.3s;
}
.logo-slider img:hover {
opacity: 1;
}
/**
* Carousel
@ -972,12 +1364,6 @@ pre {
box-sizing: border-box;
}
body {
font-family: 'Work Sans', sans-serif;
font-weight: 400;
width: 100%;
}
.wrapper {
background: linear-gradient(60deg, #420285, #08BDBD);
height: 100%;
@ -1029,3 +1415,4 @@ body {
padding-left: 10px;
}
}

5
about.md
View File

@ -1,5 +0,0 @@
---
title: About
layout: about
permalink: /about.html
---

BIN
assets/fonts/Inter-VariableFont_opsz,wght.ttf Normal file
View File

Binary file not shown.

29
assets/js/main.js
View File

@ -10,11 +10,12 @@ collapsibleButton.addEventListener("click", function () {
});
document.addEventListener('DOMContentLoaded', function () {
initializeCompaniesCarousel();
fetch('../assets/js/carousel-items.json')
.then(response => response.json())
.then(data => {
createCarouselItems(data);
initializeCarousel();
initializeCarousel();
})
.catch(error => console.error('Error loading JSON:', error));
});
@ -62,4 +63,28 @@ function initializeCarousel() {
updateCarouselItems();
setInterval(cycleItems, 7000);
}
}
function initializeCompaniesCarousel() {
const slider = document.getElementById('logoSlider');
// Duplicate the existing logos by appending the same HTML again:
slider.innerHTML += slider.innerHTML;
let offset = 0;
const speed = 0.5;
function animate() {
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;
}
requestAnimationFrame(animate);
}
requestAnimationFrame(animate);
}

BIN
assets/videos/globe.mp4 Normal file
View File

Binary file not shown.

5
company.md Normal file
View File

@ -0,0 +1,5 @@
---
title: Company
layout: company
permalink: /company.html
---

5
roadmap.md Normal file
View File

@ -0,0 +1,5 @@
---
title: Roadmap
layout: roadmap
permalink: /roadmap.html
---

5
tools.md
View File

@ -1,5 +0,0 @@
---
title: Tools
layout: tools
permalink: /tools.html
---