fix ctas and improve roadmap item copy

This commit is contained in:
Anton Livaja 2025-03-17 11:34:40 -07:00
parent 6008b5c6c9
commit ad3dc87277
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
5 changed files with 197 additions and 199 deletions

View File

@ -87,17 +87,14 @@
</div>
</section>
<section class="flex-container center tall-section" style="margin-bottom: 0px">
<div class="flex-container-inner">
<h3 class="gradient-text">ready to take security seriously?</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>
<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>
<p class="hero-p center" style="max-width: 600px; margin-top: 10px">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 center">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
</section>
</main>
{%- include footer.html -%}
</div>
</body>

View File

@ -56,7 +56,7 @@
</div>
</section>
<section class="mid-tall-section">
<section>
<div class="center">
<div class="capsule">what we do</div>
</div>
@ -88,13 +88,12 @@
</a>
</div>
</section>
<section class="flex-container center">
<div class="flex-container-inner">
<h3 class="gradient-text">ready to take security seriously?</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">Work with us</a>
</div>
<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>
<p class="hero-p center" style="max-width: 600px; margin-top: 10px">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 center">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
</section>

View File

@ -59,229 +59,209 @@
<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-title-container">
<div class="roadmap-item-name">SourceId</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">source code integrity</div>
</div>
<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>
<p>SourceId ensures that source code integrity is verifiable. It prevents tampering of archives and other formats used for delivering source code by standardizing code and generating a hash-based fingerprint of the tree which includes all essential files.</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>
<a href="#roadmap" class="arrow-link">
<a href="https://git.distrust.co/public/sourceid" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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-title-container">
<div class="roadmap-item-name">SigRev</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">crowdsourced code review</div>
</div>
<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>
<p>SigRev is a crowdsourcing framework for signed code reviews. It enhances open-source security by making comprehensive manual reviews discoverable, overcoming the limitations of static analysis tools.</p>
<br>
<h5>Solution</h5>
<p>Create a crowdsourcing framework which makes it easy to publish signed review of code</p>
<br>
<a href="#roadmap" class="arrow-link">
<a href="https://git.distrust.co/public/sigrev" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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-title-container">
<div class="roadmap-item-name">StageX</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">deterministic reproducibility</div>
</div>
<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>
<p>StageX is a build toolchain which provides minimalist, reproducible, and multi-signed OCI images for popular software. Bootstrapped fully from source (Stage 0), it ensures your builds are hermetic, deterministic, and reproducible.</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>
<a href="#roadmap" class="arrow-link">
<a href="https://codeberg.org/stagex/stagex" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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-title-container">
<div class="roadmap-item-name">ReprOS</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">ephemeral build environments</div>
</div>
<div class="roadmap-header-capsule">
<div class="capsule-grey">in-progress</div>
</div>
</div>
<p>ReprOS is a bare-bones unikernel OS designed for maximal isolation and reproducibility. Each build is executed in a temporary VM that is discarded afterward, eliminating persistent risks.</p>
<br>
<a href="https://codeberg.org/stagex/repros" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</div>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<div class="roadmap-header">
<div class="roadmap-title-container">
<div class="roadmap-item-name">Keyfork</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">deterministic key management</div>
</div>
<div class="roadmap-header-capsule">
<div class="capsule-green">ready</div>
</div>
</div>
<p>Keyfork simplifies cryptographic material management by deriving for different cryptographic algorithms from a single entropy source. This eliminates manual key handling complexity while maintaining security.</p>
<br>
<a href="https://git.distrust.co/public/keyfork" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</div>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<div class="roadmap-header">
<div class="roadmap-title-container">
<div class="roadmap-item-name">Icepick</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">cryptographic operations</div>
</div>
<div class="roadmap-header-capsule">
<div class="capsule-green">ready</div>
</div>
</div>
<p>Icepick provides a framework for cryptographic operations while preserving memory boundaries. It enables secure and efficient crypto transactions, including transfers and staking, in a platform-agnostic way.</p>
<br>
<a href="https://git.distrust.co/public/keyfork" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</div>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<div class="roadmap-header">
<div class="roadmap-title-container">
<div class="roadmap-item-name">AirgapOS</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">air-gapped OS</div>
</div>
<div class="roadmap-header-capsule">
<div class="capsule-green">ready</div>
</div>
</div>
<p>AirgapOS is a minimal, deterministic Linux unikernel built for secure offline operations. It reduces the attack surface for managing sensitive secrets in an air-gapped environment.</p>
<br>
<a href="https://git.distrust.co/public/airgap" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</div>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<div class="roadmap-header">
<div class="roadmap-title-container">
<div class="roadmap-item-name">Bootproof</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">remote attestation</div>
</div>
<div class="roadmap-header-capsule">
<div class="capsule-grey">backlog</div>
</div>
</div>
<p>Bootproof cryptographically attests that a server is running the software it claims to be running by leveraging TPM2.</p>
<br>
<a href="https://git.distrust.co/public/bootproof" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</div>
</div>
</section>
<section class="flex-container">
<div class="flex-container-inner">
<div class="text-well">
<div class="roadmap-header">
<div class="roadmap-title-container">
<div class="roadmap-item-name">EnclaveOS</div>
<div class="roadmap-tagline-line">&nbsp;|&nbsp;</div>
<div class="roadmap-tagline">trusted execution environments</div>
</div>
<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>
<p>EnclaveOS is a minimal, immutable, and deterministic Linux unikernel tailored for Trusted Execution Environments (TEEs). It enables high-security, verifiable computing for sensitive workloads.</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>
<a href="#roadmap" class="arrow-link">
<a href="https://git.distrust.co/public/enclaveos" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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>
<a href="#roadmap" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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>
<a href="#roadmap" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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>
<a href="#roadmap" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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>
<a href="#roadmap" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</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>
<a href="#roadmap" class="arrow-link">
Learn more
<span class="arrow">&#x2192;</span>
</a>
</div>
</a>
</div>
</section>
</span>
@ -325,6 +305,7 @@
</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>
<p class="hero-p center" style="max-width: 600px; margin-top: 10px">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 center">
<a href="/contact.html" class="mega button">Work with us</a>
</div>

View File

@ -115,13 +115,11 @@
</div>
</section>
<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 were the right fit to work together.</p>
<div class="button-container">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
<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>
<p class="hero-p center" style="max-width: 600px; margin-top: 10px">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 center">
<a href="/contact.html" class="mega button">Work with us</a>
</div>
</section>

View File

@ -157,9 +157,6 @@ a:hover {
border: 1px solid var(--light-purple);
}
.roadmap-card:hover {
border: 1px solid var(--light-teal);
}
@mixin capsule {
font-weight: 400;
@ -201,15 +198,45 @@ a:hover {
.roadmap-header {
display: flex;
justify-content: left;
justify-content: space-between;
margin-bottom: 20px;
}
.roadmap-header-capsule {
display: flex;
vertical-align: center;
margin-left: 20px;
}
.roadmap-title-container {
display: flex;
}
.roadmap-card:hover {
border: 1px solid var(--light-teal);
}
.roadmap-item-name {
color: white !important;
font-size: 40px !important;
font-weight: 600;
}
.roadmap-tagline-line {
font-size: 30px !important;
line-height: 2.2;
color: var(--light-grey) !important;
}
.roadmap-tagline {
font-size: 40px !important;
color: var(--light-grey) !important;
}
.roadmap p {
max-width: 700px;
}
.narrow-list > li > p {
margin-top: 0px;
}
@ -254,7 +281,7 @@ a:hover {
.vertical-line-container {
position: absolute;
top: 1980px;
top: 2050px;
right: 200px;
width: 60px;
height: 3550px;
@ -300,13 +327,6 @@ a:hover {
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;
cursor: pointer;
}
.roadmap .flex-container .flex-container-inner .text-well:hover .learn-more {
@ -1579,5 +1599,8 @@ pre {
line-height: 50px !important;
}
.roadmap-header {
flex-direction: column;
}
}