add visuals to landing and roadmap

This commit is contained in:
Anton Livaja 2025-03-16 11:17:28 -07:00
parent 44c5e2cc67
commit 6a13fad03c
Signed by: anton
GPG Key ID: 44A86CFF1FDF0E85
7 changed files with 31 additions and 17 deletions

View File

@ -5,7 +5,7 @@
{%- include header.html -%}
<div class="container">
<main>
<section class="capsule-section">
<section class="capsule-header">
<div class="center">
<div class="capsule">contact</div>
</div>

View File

@ -5,11 +5,18 @@
{%- include header.html -%}
<div class="container">
<main>
<section class="flex-container">
<div class="video-background-container">
<video autoplay muted loop playsinline style="left: 85%; width: 200px !important" class="video-background">
<source src="assets/videos/landing-globe.mp4" type="video/mp4" />
</video>
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
</div>
<section class="flex-container video-content" style="margin-top: 50px">
<div class="flex-container-inner">
<div class="text-well">
<h1 class="gradient-text hero-header">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>
<p class="hero-p" style="margin-top: 0px">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 />
@ -19,7 +26,7 @@
</div>
</section>
<section class="">
<section class="mid-tall-section">
<div class="flex-container-inner">
<div class="text-well center">
<h4 style="font-weight: 400; font-size: 22px; color: #9a9a9a">the security partner of industry leaders</h4>
@ -49,7 +56,7 @@
</div>
</section>
<section>
<section class="mid-tall-section">
<div class="center">
<div class="capsule">what we do</div>
</div>

View File

@ -21,16 +21,21 @@
<div class="container">
<main>
<section class="flex-container capsule-header">
<div class="video-background-container">
<video autoplay muted loop playsinline class="video-background">
<source src="assets/videos/turq-blocks.mp4" type="video/mp4" />
</video>
<div class="gradient-overlay" style="background: linear-gradient(to bottom, #0f0f0f 0%, rgba(15, 15, 15, 0) 25%, rgba(15, 15, 15, 0) 75%, #0f0f0f 100%), linear-gradient(to right, rgb(15, 15, 15) 30%, rgba(15, 15, 15, 0) 100%)"></div>
</div>
<section class="flex-container capsule-header video-content">
<div class="flex-container-inner" style="padding-top: 0px">
<div class="text-well center">
<div class="capsule">roadmap</div>
<br>
<h1 class="hero-header">verifiable security without single points of failure</h1>
<br>
<h1 class="hero-header">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. Were redesigning security from the ground up.</p>
<p class="hero-p center">Most systems still rely on single individuals or computers, unverifiable software, and opaque processes. Were redesigning security for transparency from the ground up.</p>
<div class="button-container center">
<a href="#roadmap" class="mega button">View roadmap</a>
</div>

View File

@ -12,10 +12,8 @@
<div class="capsule">services</div>
</div>
<br>
<br>
<h1 class="hero-title gradient-text hero-header">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>

View File

@ -135,13 +135,12 @@ a:hover {
}
.capsule-header {
margin-top: 100px;
margin-top: 60px;
margin-bottom: 30px;
}
.contact-header {
height: 180px;
margin-top: 100px;
}
.card {
@ -592,9 +591,10 @@ hr {
margin: 0px;
height: 340px;
}
.about-special {
padding-left: 0px;
margin-top: 100px;
margin-top: 20px;
}
.team .card {
@ -911,8 +911,12 @@ textarea {
section {
width: 100%;
margin-top: 150px;
margin-bottom:150px;
margin-top: 100px;
margin-bottom:100px;
}
.mid-tall-section {
margin: 200px 0px;
}
.tall-section {

Binary file not shown.

Binary file not shown.