fixed carousel, added new sections, updated styling and copy
This commit is contained in:
parent
aaa72e5907
commit
d9182528be
GPG Key ID:
812A8E51AD475267
|
|
@ -1,4 +1,4 @@
|
|||
<section class="mid-tall-section">
|
||||
<section class="mid-tall-section carousel">
|
||||
{% unless include.hide_title == 'true' %}
|
||||
<div class="flex-container-inner">
|
||||
<div class="text-well center">
|
||||
|
|
@ -11,6 +11,8 @@
|
|||
<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="height: 70px" src="assets/base/companies/etherfi_logo-white.svg" alt="Ether Fi">
|
||||
<img style="height: 70px" src="assets/base/companies/optimism-white.svg" alt="Optimism">
|
||||
<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">
|
||||
|
|
|
|||
|
|
@ -18,7 +18,7 @@
|
|||
{%- endif -%}
|
||||
{%- endfor -%}
|
||||
<li class="show">
|
||||
<a href="/contact.html" class="mega-inverted button">Work with us</a>
|
||||
<a href="/contact.html" class="mega-inverted button work-button">Work with us</a>
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<section style="margin-bottom: 0px;" class="flex-container" id="ready-to-use">
|
||||
<div class="flex-container-inner">
|
||||
<div class="flex-container-inner live-tools">
|
||||
<h2 class="hero-header gradient-text center">ready to use</h2>
|
||||
<p class="hero-p center" style="margin-top: 20px; max-width: 700px">Production-ready, verifiable open source tools.<p>
|
||||
<p class="hero-p center live-tools" style="margin-top: 20px; max-width: 700px">Production-ready, verifiable open source tools.<p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -50,7 +50,7 @@
|
|||
<div class="live-tool-name">
|
||||
Icepick
|
||||
</div>
|
||||
<p>Framework for rapidly developing applications to perform transfer and staking cryptocurrency operations..</p>
|
||||
<p>Framework for rapidly developing applications to perform transfer and staking cryptocurrency operations.</p>
|
||||
<a href="https://git.distrust.co/public/icepick" rel=”noopener noreferrer” target="_blank" class="arrow-link">
|
||||
View git repository
|
||||
<span class="arrow">→</span>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<section>
|
||||
<h4 class="gradient-text center" style="line-height: 50px; max-width: 600px; margin: auto;">can't afford a breach?</h4>
|
||||
<p class="hero-p center" style="max-width: 650px; margin-top: 10px">Let's talk. We help teams where security is mission-critical.</p>
|
||||
<p class="hero-p center cta" style="max-width: 650px; margin-top: 10px">Let's talk. We help teams where security is mission-critical.</p>
|
||||
<div class="button-container center">
|
||||
<a href="/contact.html" class="mega button center">Work with us</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="threatmodel-cta-bottom">
|
||||
<div class="button-container" style="font-size: clamp(1rem, 10vw, 1.3rem)">
|
||||
<div class="button-container threatmodel-cta-bottom" style="font-size: clamp(1rem, 10vw, 1.3rem)">
|
||||
<a href="/threatmodel.html" class="mega button">Explore threat model</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@
|
|||
<body>
|
||||
{%- include header.html -%}
|
||||
|
||||
<section class="flex-container contact-section" style="margin-top: 80px">
|
||||
<section class="flex-container contact-section" style="margin-top: 80px; margin-bottom: 20px">
|
||||
<div class="contact-page container">
|
||||
<div class="flex-container-inner two-column-layout">
|
||||
<!-- Left Column: Text content -->
|
||||
|
|
@ -17,18 +17,16 @@
|
|||
<ul class="logo-grid">
|
||||
<li><img style="height: 40px" src="assets/base/companies/bitgo-logo-white.svg" alt="BitGo"></li>
|
||||
<li><img src="assets/base/companies/ledn-white.svg" alt="Ledn"></li>
|
||||
<li><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"></li>
|
||||
<li><img style="filter: invert(100)" src="assets/base/companies/turnkey-black.svg" alt="Turnkey"></li>
|
||||
<li><img style="height: 40px" src="assets/base/companies/falconx-white.svg" alt="FalconX"></li>
|
||||
<li><img src="assets/base/companies/mysten-labs-white.svg" alt="Mysten Labs"></li>
|
||||
<li><img style="width: 150px" src="assets/base/companies/optimism-white.svg" alt="Optimism"></li>
|
||||
<li><img style="height: 40px" src="assets/base/companies/falconx-white.svg" alt="FalconX"></li>
|
||||
<li><img src="assets/base/companies/sidero-labs-white.png" alt="Sidero Labs"></li>
|
||||
<li><img src="assets/base/companies/zoom-white.png" alt="Zoom"></li>
|
||||
<li><img style="margin-left: -6px; height: 60px !important; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(200%) contrast(102%);"
|
||||
src="assets/base/companies/ankr.png" alt="Ankr"></li>
|
||||
<li><img style="height: 110px" src="assets/base/companies/zoom-white.png" alt="Zoom"></li>
|
||||
<li><img src="assets/base/companies/etherfi_logo-white.svg" alt="Ether Fi"></li>
|
||||
<li><img src="assets/base/companies/exodus-white.svg" alt="Exodus"></li>
|
||||
<li><img style="height: 60px" src="assets/base/companies/hashicorp-white.png" alt="HashiCorp"></li>
|
||||
<li><img src="assets/base/companies/fitbit-white.png" alt="Fitbit"></li>
|
||||
<li><img style="width: 90px" src="assets/base/companies/fitbit-white.png" alt="Fitbit"></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
|
@ -57,6 +55,7 @@
|
|||
<option value="retained">Retainer / Fractional CISO</option>
|
||||
<option value="engineering">Software engineering</option>
|
||||
<option value="digital-asset-custody">Digital asset custody</option>
|
||||
<option value="smart-contract-audit">Smart contract audit</option>
|
||||
<option value="general-inquiry">General inquiry</option>
|
||||
</select>
|
||||
|
||||
|
|
@ -77,10 +76,7 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{% include testimonials.html %}
|
||||
|
||||
</main>
|
||||
<br />
|
||||
</div>
|
||||
{%- include footer.html -%}
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@
|
|||
<div class="flex-container-inner">
|
||||
<div class="text-well">
|
||||
<h1 class="gradient-text hero-header landing-header">security without blind trust</h1>
|
||||
<p class="hero-p" style="margin-top: 0px">Distrust secures mission-critical infrastructure by applying a first principles approach. No guessing, only verifiable security.</p>
|
||||
<p class="hero-p landing-page-header" style="margin: 0px">Distrust secures mission-critical infrastructure by applying a first principles approach. No guessing, only verifiable security.</p>
|
||||
<br />
|
||||
<a href="/contact.html" class="mega button">Work with us</a>
|
||||
<br />
|
||||
|
|
@ -43,8 +43,8 @@
|
|||
<div class="flex-container-inner card landing-offerings">
|
||||
<div class="text-well">
|
||||
<h4>services</h4>
|
||||
<p class="text-description-desktop">Our threat model approach stems from working with high-risk organizations, uniquely positioning us to offer advice and support others can't. We specialize in system architecture design, security assessments, penetration tests, code reviews, and infrastructure hardening.</p>
|
||||
<p class="text-description-mobile">We specialize in system architecture design, security assessments, penetration tests, code reviews, and infrastructure hardening. Hire Distrust to solve your hardest security challenges. </p>
|
||||
<p class="text-description-desktop">Our threat model approach stems from working with high-risk orgs, uniquely positioning us to offer advice and support others can't. We specialize in system architecture design, security assessments, penetration tests, smart contract audits, and infrastructure hardening.</p>
|
||||
<p class="text-description-mobile">We specialize in system architecture design, security assessments, penetration tests, smart contract audits, and infrastructure hardening. Hire Distrust to solve your hardest security challenges. </p>
|
||||
<br>
|
||||
Explore services
|
||||
<span class="arrow">→</span>
|
||||
|
|
@ -65,6 +65,8 @@
|
|||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{%include divider.html %}
|
||||
|
||||
{% include powered-by.html %}
|
||||
|
||||
|
|
|
|||
|
|
@ -32,6 +32,8 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
{%include divider.html %}
|
||||
|
||||
<section class="mid-tall-section">
|
||||
<div style="max-width: 800px; margin: auto; text-align: center; margin-bottom: 60px;">
|
||||
<h2 class="gradient-text">our services</h2>
|
||||
|
|
@ -49,7 +51,7 @@
|
|||
<li>Vetting security talent</li>
|
||||
</ul>
|
||||
<br>
|
||||
<div class="button-container">
|
||||
<div class="button-container services">
|
||||
<a href="/contact.html" class="mega button">Work with us</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -62,10 +64,10 @@
|
|||
<li>Secure architecture review</li>
|
||||
<li>Security audits</li>
|
||||
<li>Penetration testing</li>
|
||||
<li>Secure code review</li>
|
||||
<li>Smart contract audits</li>
|
||||
</ul>
|
||||
<br>
|
||||
<div class="button-container">
|
||||
<div class="button-container services">
|
||||
<a href="/contact.html" class="mega button">Book an assessment</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -62,7 +62,8 @@
|
|||
</div>
|
||||
<div id="kanban" class="flex-container">
|
||||
<div class="flex-container-inner flex-container kanban-column column-backlog">
|
||||
<h4 style="color: var(--light-grey)">backlog (fundraising)</h4>
|
||||
<h4 class="backlog-desktop" style="color: var(--light-grey)">backlog (fundraising)</h4>
|
||||
<h4 class="backlog-mobile" style="color: var(--light-grey)">backlog</h4>
|
||||
<a target="_blank" rel=”noopener noreferrer” class="flex-container-inner mini-card" href="https://git.distrust.co/public/bootproof">
|
||||
<p><b>Bootproof</b></p>
|
||||
<p>Prove what software booted on a system via remote attestation technologies.</p>
|
||||
|
|
@ -162,7 +163,7 @@
|
|||
<section class="flex-container">
|
||||
<div class="flex-container-inner"></div>
|
||||
<div class="flex-container-inner">
|
||||
<h4 class="quote" style="filter: brightness(80%)">❝We want to use our knowledge to improve security, privacy, and freedom for as many people as possible. We believe that verifiable foundations for building technology are essential to human wellbeing and solving the coordination problem.❝ — Distrust team</h4>
|
||||
<h4 class="quote" style="filter: brightness(80%); margin-bottom: 5rem">❝We want to use our knowledge to improve security, privacy, and freedom for as many people as possible. We believe that verifiable foundations for building technology are essential to human wellbeing and solving the coordination problem.❝ — Distrust team</h4>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
|
@ -172,7 +173,7 @@
|
|||
<h4 class="gradient-text center" style="line-height: 50px; max-width: 650px; margin: auto;">fund open source development</h4>
|
||||
<p class="hero-p center text-description-desktop" style="max-width: 650px; margin-top: 10px">Your support funds the tools. Your forks spread the mission. Help us build transparent, verifiable security tools — together.</p>
|
||||
<p class="hero-p center text-description-mobile" style="max-width: 650px; margin-top: 10px">Your support funds the tools. Help us build transparent, verifiable security tools — together.</p>
|
||||
<div class="button-container center">
|
||||
<div class="button-container center software-cta" style="margin-bottom: 3rem">
|
||||
<a href="/contact.html" class="mega-teal button center">Get in touch</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,9 +8,8 @@
|
|||
<main>
|
||||
<section class="flex-container threat model" style="margin-top: 80px; margin-bottom: 10px !important;">
|
||||
<div class="flex-container-inner">
|
||||
<h1>Distrust threat model</h1>
|
||||
<h1 class="threat-model-header" style="font-size: clamp(2.5rem, 10vw, 3.8rem) !important; margin-bottom: 3rem !important">Distrust threat model</h1>
|
||||
<p>Distrust's threat model aids organizations in methodically eliminating surface area for attack, making entire classes of attacks impossible.
|
||||
<br>
|
||||
<br>Unlike conventional frameworks (e.g., STRIDE, PASTA) that focus on identifying and preventing specific risks, our threat model assumes that at some level <b>systems are already compromised</b>. This pessimistic set of assumptions allows organizations to build systems that can remain secure even when up against their worst case adversary.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -23,6 +22,8 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="divider-line">
|
||||
|
||||
<section class="flex-container threat model" style="margin-top: 50px; margin-bottom: 10px !important">
|
||||
<div class="flex-container-inner">
|
||||
<h3 id="level-1">Level 1</h3>
|
||||
|
|
@ -40,6 +41,8 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="divider-line">
|
||||
|
||||
<section class="flex-container threat model" style="margin-top: 50px; margin-bottom: 10px !important">
|
||||
<div class="flex-container-inner">
|
||||
<h3 id="level-2">Level 2</h3>
|
||||
|
|
@ -60,6 +63,8 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="divider-line">
|
||||
|
||||
<section class="flex-container threat model" style="margin-top: 50px; margin-bottom: 10px !important">
|
||||
<div class="flex-container-inner">
|
||||
<h3 id="level-3">Level 3</h3>
|
||||
|
|
@ -78,6 +83,8 @@
|
|||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="divider-line">
|
||||
|
||||
<section class="flex-container threat model" style="margin-top: 50px; margin-bottom: 10px !important">
|
||||
<div class="flex-container-inner">
|
||||
<h3 id="level-4">Level 4</h3>
|
||||
|
|
@ -96,7 +103,27 @@
|
|||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<hr class="divider-line">
|
||||
|
||||
<section class="flex-container threat model" style="margin-top: 50px; margin-bottom: 10px !important">
|
||||
<div class="flex-container-inner">
|
||||
<h2>Applying the Threat Model</h2>
|
||||
<p>The Distrust Threat Model challenges organizations to examine their systems through the lens of failure: not if things go wrong, but when. It provides a structured way to evaluate your current posture and identify which parts of your infrastructure need to withstand which kinds of adversaries — from opportunistic attackers to state-backed campaigns.</p>
|
||||
<p>Security isn’t one-size-fits-all. Different systems protect different kinds of value, and not every component needs Level 4 defenses. But understanding which ones do — and designing accordingly — is where resilience begins.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</main>
|
||||
|
||||
<div class="threat">
|
||||
<h4 class="gradient-text center" style="line-height: 50px; max-width: 650px; margin: auto;">ready to assess your risk?</h4>
|
||||
<p class="hero-p center" style="max-width: 650px; margin-top: 10px">We help teams apply the Distrust Threat Model — mapping assets to adversaries and designing systems that stay secure, even when things go wrong.</p>
|
||||
<div class="button-container center software-cta" style="margin-bottom: 6rem">
|
||||
<a href="/contact.html" class="mega button center">Get in touch</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{%- include footer.html -%}
|
||||
</body>
|
||||
|
|
|
|||
169
_sass/base.scss
169
_sass/base.scss
|
|
@ -55,7 +55,7 @@ h2 {
|
|||
}
|
||||
|
||||
h3 {
|
||||
font-size: clamp(1.5rem, 10vw, 3.5rem) !important;
|
||||
font-size: clamp(1.5rem, 10vw, 3.3rem) !important;
|
||||
line-height: 0.9 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
|
@ -89,7 +89,7 @@ h6 {
|
|||
|
||||
p {
|
||||
//font-size: $base-font-size;//
|
||||
font-size: clamp(1.25rem, 2.5vw, 1.4rem);
|
||||
font-size: clamp(1.20rem, 2.5vw, 1.3rem);
|
||||
}
|
||||
|
||||
p,
|
||||
|
|
@ -139,6 +139,11 @@ a:hover {
|
|||
|
||||
.hero-p {
|
||||
max-width: 800px;
|
||||
font-size: clamp(1.25rem, 2.5vw, 1.3rem);
|
||||
}
|
||||
|
||||
.landing-page-header .hero-p {
|
||||
font-size: clamp(1.25rem, 2.5vw, 1.4rem);
|
||||
}
|
||||
|
||||
.hero-header {
|
||||
|
|
@ -267,6 +272,7 @@ h3.gradient-text.center {
|
|||
margin-bottom: 20px;
|
||||
padding: 20px 30px;
|
||||
min-height: 150px;
|
||||
max-height: 150px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
|
|
@ -347,6 +353,14 @@ h3.gradient-text.center {
|
|||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.backlog-mobile {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.backlog-desktop {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.roadmap-title-container {
|
||||
display: flex;
|
||||
}
|
||||
|
|
@ -385,6 +399,13 @@ h3.gradient-text.center {
|
|||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.divider-line {
|
||||
border: none;
|
||||
height: 1px;
|
||||
background-color: var(--light-grey);
|
||||
margin: 30px 0 !important;
|
||||
}
|
||||
|
||||
.narrow-list > li > p {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
|
@ -470,6 +491,20 @@ h3.gradient-text.center {
|
|||
margin-bottom: 50px;
|
||||
}
|
||||
|
||||
.flex-container.powered-by {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 1rem;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.flex-container.powered-by .flex-container-inner {
|
||||
margin-right: min(1em,8%);
|
||||
}
|
||||
|
||||
.powered-by .card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -504,7 +539,7 @@ h3.gradient-text.center {
|
|||
.live-tools-cards .card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 360px;
|
||||
min-height: 330px;
|
||||
padding: 35px;
|
||||
background: none;
|
||||
border: 1px solid var(--light-teal);
|
||||
|
|
@ -735,6 +770,12 @@ h3.gradient-text.center {
|
|||
background-color: var(--pink);
|
||||
}
|
||||
|
||||
.threat h4.gradient-text {
|
||||
font-size: 48px !important;
|
||||
font-weight: bold !important;
|
||||
padding-bottom: 7px !important;
|
||||
margin-top: 6rem !important;
|
||||
}
|
||||
|
||||
.button-container.center {
|
||||
display: flex;
|
||||
|
|
@ -1119,8 +1160,10 @@ hr {
|
|||
}
|
||||
|
||||
.powered-by .card {
|
||||
min-height: 360px;
|
||||
min-height: 250px;
|
||||
padding: min(1.5em, 8%)
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1020px) {
|
||||
|
|
@ -1279,13 +1322,13 @@ hr {
|
|||
}
|
||||
|
||||
.logo-grid-container {
|
||||
margin-top: 40px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.logo-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
|
||||
gap: 35px 70px;
|
||||
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
|
||||
gap: 20px 85px;
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
|
|
@ -1297,7 +1340,7 @@ hr {
|
|||
|
||||
.logo-grid img {
|
||||
max-width: 100%;
|
||||
max-height: 30px;
|
||||
max-height: 50px;
|
||||
object-fit: contain;
|
||||
filter: grayscale(100%);
|
||||
transition: filter 0.3s ease;
|
||||
|
|
@ -1433,7 +1476,7 @@ textarea {
|
|||
.form-container {
|
||||
max-width: 700px;
|
||||
margin: auto;
|
||||
margin-left: 8rem;
|
||||
margin-left: 9rem;
|
||||
}
|
||||
|
||||
.form-container.card {
|
||||
|
|
@ -1997,6 +2040,10 @@ pre {
|
|||
margin-top: 80px;
|
||||
}
|
||||
|
||||
.mid-tall-section.carousel {
|
||||
margin: 250px 0px 200px 0px;
|
||||
}
|
||||
|
||||
/** end carousel */
|
||||
|
||||
/**
|
||||
|
|
@ -2083,7 +2130,7 @@ pre {
|
|||
}
|
||||
|
||||
.post a {
|
||||
color: var(--light-teal);
|
||||
color: var(--pink);
|
||||
}
|
||||
|
||||
.post a:hover {
|
||||
|
|
@ -2107,7 +2154,7 @@ pre {
|
|||
.blog-details-read-time {
|
||||
padding: 2px 10px;
|
||||
margin-left: 15px;
|
||||
color: white;
|
||||
color: var(--pink);
|
||||
}
|
||||
|
||||
/** end blog */
|
||||
|
|
@ -2224,6 +2271,24 @@ pre {
|
|||
}
|
||||
|
||||
@media (max-width: 1150px) {
|
||||
|
||||
.flex-container-inner.card.roadmap-card.roadmap-card-teal {
|
||||
min-height: 485px !important;
|
||||
}
|
||||
|
||||
.backlog-mobile {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.backlog-desktop {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mini-card {
|
||||
padding: 15px 15px;
|
||||
max-height: 200px;
|
||||
}
|
||||
|
||||
.roadmap-title-container {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
|
@ -2237,6 +2302,10 @@ pre {
|
|||
max-width: 100%;
|
||||
}
|
||||
|
||||
.mid-tall-section.carousel {
|
||||
margin: 90px 0px 100px 0px;
|
||||
}
|
||||
|
||||
footer {
|
||||
padding: 50px 0px 30px 0px;
|
||||
}
|
||||
|
|
@ -2290,9 +2359,19 @@ pre {
|
|||
width: 20px;
|
||||
}
|
||||
|
||||
.live-tools-cards .card {
|
||||
min-height: 350px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (max-width: 1020px) {
|
||||
|
||||
.flex-container.powered-by {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.flex-container-inner {
|
||||
width: 100% !important;
|
||||
min-height: auto;
|
||||
|
|
@ -2350,6 +2429,55 @@ pre {
|
|||
|
||||
@media (max-width: 850px) {
|
||||
|
||||
.hero-header {
|
||||
padding-bottom: 7px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.hero-header.landing-header {
|
||||
padding-bottom: 25px;
|
||||
font-size: 48px !important;
|
||||
line-height: 48px !important;
|
||||
}
|
||||
|
||||
.button-container.threatmodel-cta-bottom {
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
|
||||
.button-container.services {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
.capsule-header {
|
||||
margin-bottom: 80px;
|
||||
}
|
||||
|
||||
.powered-by .card {
|
||||
min-width: 0rem;
|
||||
min-height: 330px;
|
||||
}
|
||||
|
||||
.flex-container-inner.live-tools, .quote {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
h4.quote {
|
||||
margin-bottom: 1rem !important;
|
||||
}
|
||||
|
||||
|
||||
.hero-p.center.live-tools {
|
||||
max-width: 300px !important;
|
||||
}
|
||||
|
||||
.who-we-are .gradient-text {
|
||||
margin-top: 3rem !important;
|
||||
}
|
||||
|
||||
.flex-container.powered-by .flex-container-inner {
|
||||
margin-right: 0em;
|
||||
}
|
||||
|
||||
.flex-container.properties .flex-container-inner {
|
||||
max-width: 40%;
|
||||
}
|
||||
|
|
@ -2376,12 +2504,12 @@ pre {
|
|||
|
||||
.flex-container.properties .flex-container-inner {
|
||||
max-width: 100%;
|
||||
max-height: 9rem;
|
||||
max-height: 12rem;
|
||||
}
|
||||
|
||||
.why-choose-distrust .flex-container.properties .flex-container-inner {
|
||||
max-width: 100%;
|
||||
padding-bottom: 12rem !important;
|
||||
padding-bottom: 15rem !important;
|
||||
}
|
||||
|
||||
.card {
|
||||
|
|
@ -2439,11 +2567,6 @@ pre {
|
|||
min-height: 300px;
|
||||
}
|
||||
|
||||
.mini-card {
|
||||
padding: 20px 20px !important;
|
||||
filter: brightness(100%) !important;
|
||||
}
|
||||
|
||||
.kanban-column {
|
||||
border: none !important;
|
||||
padding: 0px !important;
|
||||
|
|
@ -2570,7 +2693,7 @@ pre {
|
|||
}
|
||||
|
||||
.mid-tall-section {
|
||||
margin: 20px 0px;
|
||||
margin: 30px 0px;
|
||||
}
|
||||
|
||||
.about-special {
|
||||
|
|
@ -2578,12 +2701,10 @@ pre {
|
|||
}
|
||||
|
||||
p {
|
||||
//font-size: 1.1rem !important;//
|
||||
margin-bottom: 0px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
//font-size: 55px !important;//
|
||||
line-height: 50px !important;
|
||||
}
|
||||
|
||||
|
|
@ -2617,6 +2738,10 @@ pre {
|
|||
font-size: 1.1rem;
|
||||
}
|
||||
|
||||
.hero-p.center.cta {
|
||||
max-width: 340px !important;
|
||||
}
|
||||
|
||||
.landing-page-header {
|
||||
margin-top: 20vh;
|
||||
margin-bottom: 20vh;
|
||||
|
|
|
|||
|
|
@ -0,0 +1,17 @@
|
|||
<svg width="1282" height="442" viewBox="0 0 1282 442" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_20870_19126)">
|
||||
<path d="M363.932 244.011L350.111 190.138C349.715 188.553 348.439 187.321 346.854 186.925L293.466 173.765C293.069 173.677 292.629 173.633 292.233 173.633C290.957 173.501 289.636 173.897 288.668 174.865L198.572 264.962L186.644 218.395C186.248 216.81 184.971 215.578 183.387 215.182L137.524 203.87L227.577 113.818C228.105 113.29 228.413 112.629 228.633 111.969C229.029 111.089 229.161 110.077 228.897 109.108L215.077 55.2353C214.681 53.6508 213.404 52.4184 211.82 52.0223L158.431 38.8621C157.375 38.5981 156.318 38.7741 155.394 39.2143H155.35C155.086 39.3463 154.866 39.5224 154.602 39.6984C154.382 39.8745 154.074 39.9625 153.898 40.1826L0.201123 193.791C0.201123 193.791 -0.0629539 194.231 -0.239009 194.451C-1.20731 195.596 -1.55943 197.092 -1.11929 198.545L13.8014 250.613C14.2416 252.109 15.3859 253.254 16.8384 253.65L66.8381 267.999L81.1867 317.954C81.6268 319.451 82.7712 320.595 84.2236 320.991L134.399 335.384L148.792 385.56C149.232 387.056 150.376 388.2 151.829 388.597L204.117 403.605C204.514 403.737 204.954 403.781 205.35 403.781C205.438 403.781 205.526 403.737 205.658 403.737C205.658 403.737 205.702 403.737 205.746 403.737C206.89 403.737 208.035 403.297 208.915 402.417L362.655 248.676C363.184 248.148 363.492 247.488 363.712 246.828C364.108 245.948 364.24 244.935 363.976 243.967L363.932 244.011ZM295.006 303.738L283.783 259.944L308.65 235.12L351.388 247.4L295.05 303.782L295.006 303.738ZM207.815 390.929L196.591 347.135L241.573 302.153L284.311 314.433L207.815 390.929ZM242.497 288.641L231.758 251.229L270.358 260.736L242.497 288.597V288.641ZM276.476 267.25L286.335 305.674L248.791 294.891L276.476 267.206V267.25ZM277.753 253.386L234.003 242.602L290.209 186.397L302.356 228.782L277.753 253.386ZM223.131 253.43L235.279 295.815L190.517 340.577L146.767 329.794L223.131 253.43ZM342.145 194.847L353.368 238.641L310.939 226.449L298.791 184.152L342.145 194.847ZM140.165 323.28L128.942 279.486L145.139 263.289L187.876 275.569L140.165 323.28ZM146.063 249.777L135.324 212.365L173.924 221.872L146.063 249.733V249.777ZM189.901 266.854L152.357 256.071L180.042 228.386L189.901 266.81V266.854ZM138.889 256.995L122.912 272.972L79.162 262.189L126.741 214.61L138.889 256.995ZM88.537 118.043L100.685 160.429L55.5266 205.587L11.7768 194.803L88.537 118.043ZM155.218 51.3621L167.366 93.7475L143.158 117.955L99.4084 107.172L155.218 51.3621ZM160.412 168.307L149.188 124.557L173.66 100.085L216.397 112.321L160.412 168.307ZM107.903 153.254L97.1637 115.842L135.764 125.349L107.903 153.21V153.254ZM141.882 131.864L151.741 170.288L114.241 159.504L141.926 131.82L141.882 131.864ZM107.023 166.723L149.76 178.958L72.868 255.851L61.6445 212.101L107.023 166.723ZM207.154 59.9008L218.378 103.695L175.949 91.5028L163.801 49.2054L207.154 59.9008ZM9.57608 203.474L48.1763 212.981L20.3155 240.842L9.57608 203.43V203.474ZM26.6094 247.18L54.2942 219.495L64.1533 257.919L26.6535 247.136L26.6094 247.18ZM89.0651 313.157L76.9173 270.859L120.271 281.555L131.495 325.349L89.0651 313.157ZM144.567 338.465L183.167 347.972L155.306 375.833L144.567 338.421V338.465ZM161.6 382.171L189.285 354.486L199.144 392.91L161.6 382.127V382.171Z" fill="white"/>
|
||||
<path d="M495.231 309.239C481.103 309.239 468.823 306.422 458.26 300.788C447.74 295.155 439.554 287.496 433.788 277.725C427.978 267.998 425.117 256.775 425.117 244.099C425.117 231.423 427.934 220.199 433.568 210.472C439.202 200.745 446.948 193.042 456.851 187.409C466.754 181.775 478.022 178.958 490.742 178.958C503.462 178.958 514.113 181.687 523.796 187.145C533.479 192.602 541.05 200.261 546.595 210.076C552.141 219.891 554.914 231.555 554.914 245.023C554.914 246.123 554.914 247.532 554.782 249.204C554.694 250.877 554.606 252.329 554.43 253.606H448.665V233.887H538.761L526.877 240.049C527.053 232.919 525.557 226.537 522.476 220.903C519.395 215.269 515.126 210.912 509.756 207.831C504.386 204.75 498.004 203.21 490.742 203.21C483.48 203.21 477.23 204.75 471.596 207.831C465.962 210.912 461.649 215.313 458.656 221.035C455.663 226.757 454.122 233.315 454.122 240.753V245.507C454.122 253.121 455.839 259.855 459.228 265.709C462.617 271.563 467.503 276.141 473.841 279.354C480.179 282.611 487.529 284.239 495.936 284.239C503.066 284.239 509.492 283.051 515.17 280.674C520.891 278.297 525.953 274.82 530.398 270.199L546.551 288.729C540.698 295.375 533.435 300.48 524.809 303.957C516.182 307.435 506.323 309.195 495.231 309.195V309.239Z" fill="white"/>
|
||||
<path d="M554.652 205.368V181.601H639.247V205.368H554.652ZM619.309 309.241C605.356 309.241 594.573 305.632 587.002 298.414C579.388 291.195 575.603 280.632 575.603 266.679V152.595H605.092V265.711C605.092 271.741 606.677 276.407 609.846 279.752C613.015 283.097 617.46 284.725 623.138 284.725C629.652 284.725 635.022 282.965 639.291 279.488L647.83 300.658C644.177 303.519 639.819 305.632 634.758 307.084C629.696 308.493 624.546 309.241 619.309 309.241Z" fill="white"/>
|
||||
<path d="M730.055 179.002C740.354 179.002 749.421 180.983 757.256 184.944C765.09 188.906 771.34 195.023 776.05 203.254C780.715 211.485 783.048 222.048 783.048 234.856V307.567H753.339V238.641C753.339 227.374 750.742 219.011 745.504 213.465C740.266 207.92 732.828 205.147 723.145 205.147C716.191 205.147 709.985 206.555 704.615 209.416C699.245 212.277 695.064 216.502 692.159 222.136C689.21 227.77 687.758 234.856 687.758 243.395V307.567H658.269V131.203H687.758V215.094L681.596 204.398C685.865 196.3 692.247 190.05 700.742 185.604C709.237 181.159 719.008 178.958 730.099 178.958L730.055 179.002Z" fill="white"/>
|
||||
<path d="M863.896 309.24C849.768 309.24 837.488 306.423 826.925 300.789C816.405 295.155 808.219 287.497 802.453 277.726C796.643 267.999 793.782 256.775 793.782 244.099C793.782 231.423 796.599 220.199 802.233 210.472C807.867 200.745 815.613 193.043 825.516 187.409C835.419 181.775 846.687 178.958 859.407 178.958C872.127 178.958 882.778 181.687 892.461 187.145C902.144 192.603 909.715 200.261 915.26 210.076C920.806 219.891 923.579 231.555 923.579 245.023C923.579 246.124 923.579 247.532 923.447 249.205C923.359 250.877 923.271 252.33 923.095 253.606H817.33V233.888H907.426L895.542 240.05C895.718 232.92 894.222 226.537 891.141 220.904C888.06 215.27 883.791 210.913 878.421 207.832C873.051 204.751 866.669 203.21 859.407 203.21C852.145 203.21 845.895 204.751 840.261 207.832C834.627 210.913 830.314 215.314 827.321 221.036C824.328 226.758 822.787 233.316 822.787 240.754V245.507C822.787 253.122 824.504 259.856 827.893 265.71C831.282 271.564 836.168 276.141 842.506 279.354C848.844 282.611 856.194 284.24 864.601 284.24C871.731 284.24 878.157 283.051 883.835 280.675C889.556 278.298 894.618 274.821 899.063 270.199L915.216 288.729C909.363 295.375 902.1 300.481 893.474 303.958C884.847 307.435 874.988 309.196 863.896 309.196V309.24Z" fill="white"/>
|
||||
<path d="M936.82 307.565V180.629H965.121V215.576L961.776 205.365C965.429 196.826 971.371 190.268 979.602 185.778C987.833 181.245 997.912 179 1009.8 179V207.301C1008.7 207.125 1007.59 207.037 1006.45 206.949C1005.35 206.861 1004.29 206.817 1003.37 206.817C991.97 206.817 982.947 210.074 976.257 216.544C969.611 223.058 966.266 232.961 966.266 246.253V307.565H936.776H936.82Z" fill="white"/>
|
||||
<path d="M1065.64 205.366V181.599H1150.24V205.366H1065.64ZM1086.55 307.567V173.764C1086.55 160.296 1090.47 149.557 1098.3 141.546C1106.14 133.536 1117.36 129.53 1131.93 129.53C1137.17 129.53 1142.1 130.102 1146.81 131.203C1151.47 132.303 1155.39 134.064 1158.56 136.44L1150.24 158.535C1148.17 157.127 1145.7 155.939 1142.89 154.97C1140.03 154.002 1137.12 153.562 1134.09 153.562C1127.92 153.562 1123.21 155.278 1120.04 158.668C1116.88 162.057 1115.29 167.118 1115.29 173.764V188.509L1116 201.581V307.567H1086.51H1086.55ZM1186.15 159.724C1180.61 159.724 1176.07 157.963 1172.51 154.486C1168.94 151.009 1167.18 146.74 1167.18 141.634C1167.18 136.881 1168.94 132.743 1172.51 129.266C1176.07 125.789 1180.61 124.029 1186.15 124.029C1191.7 124.029 1196.23 125.657 1199.84 128.914C1203.41 132.171 1205.17 136.308 1205.17 141.37C1205.17 146.432 1203.41 150.745 1199.93 154.31C1196.45 157.875 1191.83 159.68 1186.15 159.68V159.724ZM1171.41 307.567V180.63H1200.9V307.567H1171.41Z" fill="white"/>
|
||||
<path d="M1045.11 302.68L1033.31 283.181C1032.43 281.773 1030.89 280.893 1029.26 280.893H1029.18C1027.5 280.893 1025.92 281.861 1025.08 283.357L1014.12 303.164C1012.63 305.893 1012.63 309.194 1014.12 311.923L1025.13 331.773C1025.96 333.269 1027.5 334.194 1029.22 334.238H1029.26C1030.94 334.238 1032.52 333.357 1033.36 331.905L1045.11 312.011C1046.83 309.15 1046.78 305.584 1045.11 302.724V302.68Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_20870_19126">
|
||||
<rect width="1281.44" height="441.386" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 8.5 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Symbol" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250.5 250.5">
|
||||
<defs>
|
||||
<style>
|
||||
.cls-1 {
|
||||
fill: #fff;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="cls-1" d="M125.25,57c37.6934341,0,68.25,30.5565659,68.25,68.25s-30.5565659,68.25-68.25,68.25-68.25-30.5565659-68.25-68.25,30.5565659-68.25,68.25-68.25ZM117.1391682,139.9576782c2.9369614-2.3221859,5.003054-5.8225662,6.1982731-10.501136.7172108-2.8687141,1.3318474-5.8227001,1.8441776-8.8619728.1706924-1.0927788.2561031-1.9978405.2561031-2.7149174,0-2.390572-.597612-4.4395012-1.79296-6.1470505-1.195224-1.7417423-2.8343922-3.0394016-4.9175144-3.8931118-2.0832462-.8878983-4.4394962-1.3318474-7.0691368-1.3318474-9.6644604,0-15.6578505,4.6955994-17.9800413,14.086927-.8195196,3.4491627-1.4513197,6.4031487-1.8952688,8.8619728-.1708214,1.0927788-.2561007,2.0148701-.2561007,2.76614,0,3.5857861,1.2806297,6.351926,3.8418892,8.29842,2.5953211,1.9124298,5.925009,2.8685753,9.9888132,2.8685753,4.9176384,0,8.8449383-1.1439964,11.7817657-3.4319992ZM101.1569698,131.3005909c0-.7512699.0682522-1.4684807.2048805-2.1515034.6147705-3.3125294,1.2294121-6.1128574,1.8441776-8.4008553.5804535-2.3221909,1.5367329-4.0467747,2.8685802-5.1737415,1.3660404-1.1269718,3.0052135-1.6903908,4.9176434-1.6903908,3.2442772,0,4.8662868,1.5537624,4.8662868,4.6614113,0,.7512699-.0682472,1.4855103-.2048805,2.202721-.4097561,2.3904381-1.0073681,5.1907661-1.7928261,8.4008553-.5805824,2.3223248-1.5538914,4.0469036-2.9198029,5.1737415-1.3318474,1.1269718-2.9539909,1.6905197-4.8664207,1.6905197-3.2784702,0-4.9176384-1.5709209-4.9176384-4.7127579ZM134.75625,142.8774811c.3415089,0,.6659882-.1194748.9733089-.3585434s.4951717-.5463844.563419-.9220863l2.3563839-11.2183517h6.9154789c4.4735603,0,7.9911041-.9391209,10.5523636-2.8173576,2.5954475-1.8782417,4.3200264-4.7810101,5.1737366-8.7083099.2048805-.9219624.3073158-1.8098606.3073158-2.6636997,0-2.9710205-1.1611549-5.2419937-3.4833458-6.8129147-2.2880028-1.570916-5.3273994-2.3563789-9.118071-2.3563789h-13.6258194c-.3415089,0-.6659882.1196037-.9733089.3585434-.3073208.2390686-.4951717.5465183-.5634239.9220863l-7.0691368,33.2963829c-.0682522.3415039-.0170296.6488297.1536579.9220863.2048805.2390686.4951717.3585434.8708736.3585434h6.9665676ZM140.0324318,123.3094917l1.9466179-9.1692936h6.1470505c1.4001045,0,2.3904381.2731327,2.9710205.8195221.5805824.5123302.8708687,1.2636002.8708687,2.2539387,0,.4439491-.0512177.9562794-.1536629,1.5367329-.3415039,1.4684807-1.0587196,2.5954475-2.1514984,3.3809105-1.0587196.785458-2.3051613,1.1781895-3.739444,1.1781895h-5.8909523Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
|
|
@ -0,0 +1,12 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg id="Wordmark" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 458.4 160">
|
||||
<!-- Generator: Adobe Illustrator 29.5.1, SVG Export Plug-In . SVG Version: 2.1.0 Build 141) -->
|
||||
<defs>
|
||||
<style>
|
||||
.st0 {
|
||||
fill: #fff;
|
||||
}
|
||||
</style>
|
||||
</defs>
|
||||
<path class="st0" d="M49.4,52.25c-3.4-1.44-7.25-2.15-11.54-2.15-15.78,0-25.56,7.59-29.35,22.78-1.34,5.58-2.37,10.35-3.09,14.33-.28,1.77-.42,3.26-.42,4.47,0,5.8,2.09,10.27,6.27,13.42,4.24,3.09,9.67,4.64,16.3,4.64,8.03,0,14.44-1.85,19.23-5.55,4.79-3.76,8.17-9.42,10.12-16.98,1.17-4.64,2.17-9.42,3.01-14.33.28-1.77.42-3.23.42-4.39,0-3.87-.97-7.18-2.93-9.94-1.95-2.82-4.63-4.91-8.03-6.3ZM44.38,73.12c-.67,3.87-1.64,8.39-2.93,13.58-.95,3.75-2.54,6.54-4.77,8.37-2.17,1.82-4.82,2.73-7.94,2.73-5.35,0-8.03-2.54-8.03-7.62,0-1.21.11-2.37.33-3.48,1-5.36,2.01-9.88,3.01-13.58.95-3.76,2.51-6.54,4.68-8.37,2.23-1.82,4.9-2.73,8.03-2.73,5.3,0,7.94,2.51,7.94,7.54,0,1.21-.11,2.4-.33,3.56ZM118.34,54.73c-3.73-2.54-8.7-3.81-14.88-3.81h-22.24c-.56,0-1.09.19-1.59.58-.5.39-.81.88-.92,1.49l-11.54,53.84c-.11.55-.03,1.05.25,1.49.33.39.81.58,1.42.58h11.37c.56,0,1.09-.19,1.59-.58.5-.39.81-.88.92-1.49l3.85-18.14h11.29c7.3,0,13.04-1.52,17.22-4.56,4.24-3.04,7.05-7.73,8.45-14.08.33-1.49.5-2.93.5-4.31,0-4.8-1.9-8.48-5.69-11.02ZM108.05,69.89c-.56,2.37-1.73,4.2-3.51,5.47-1.73,1.27-3.76,1.91-6.1,1.91h-9.62l3.18-14.83h10.03c2.28,0,3.9.44,4.85,1.33.95.83,1.42,2.04,1.42,3.64,0,.72-.08,1.55-.25,2.49h0ZM184.67,51.5c.22.33.33.66.33.99,0,.17-.03.33-.08.5l-1.92,8.86c-.11.61-.42,1.1-.92,1.49-.45.39-.98.58-1.59.58h-14.8l-9.28,42.91c-.11.61-.42,1.1-.92,1.49-.5.39-1.03.58-1.59.58h-11.04c-.61,0-1.09-.19-1.42-.58-.33-.44-.45-.94-.33-1.49l9.28-42.91h-14.88c-.61,0-1.09-.19-1.42-.58-.28-.44-.36-.94-.25-1.49l1.92-8.86c.11-.61.42-1.1.92-1.49.5-.39,1.03-.58,1.59-.58h44.98c.61,0,1.09.19,1.42.58h0ZM212.22,51.5c.22.33.33.66.33.99,0,.17-.03.33-.08.5l-11.54,53.84c-.11.61-.42,1.1-.92,1.49-.5.39-1.03.58-1.59.58h-11.29c-.61,0-1.09-.19-1.42-.58-.33-.44-.45-.94-.33-1.49l11.62-53.84c.11-.61.42-1.1.92-1.49.5-.39,1.03-.58,1.59-.58h11.29c.61,0,1.09.19,1.42.58ZM286.12,51.5c.22.33.33.66.33.99,0,.17-.03.33-.08.5l-11.54,53.84c-.11.61-.42,1.1-.92,1.49-.5.39-1.03.58-1.59.58h-10.12c-.61,0-1.09-.19-1.42-.58-.28-.44-.36-.94-.25-1.49l6.52-30.57-12.79,16.81c-.56.61-1.09,1.08-1.59,1.41s-1.09.5-1.76.5h-4.35c-1.17,0-1.98-.63-2.42-1.91l-5.94-17.56-6.69,31.31c-.11.61-.42,1.1-.92,1.49-.5.39-1.03.58-1.59.58h-10.03c-.61,0-1.09-.19-1.42-.58-.33-.39-.45-.88-.33-1.49l11.54-53.84c.11-.61.42-1.1.92-1.49.5-.39,1.06-.58,1.67-.58h9.03c1.34,0,2.2.61,2.59,1.82l9.11,26.09,20.32-26.09c.28-.44.67-.86,1.17-1.24.56-.39,1.23-.58,2.01-.58h9.11c.61,0,1.09.19,1.42.58h0ZM317.86,51.5c.23.33.34.66.34.99,0,.17-.03.33-.08.5l-11.54,53.84c-.11.61-.42,1.1-.92,1.49-.5.39-1.03.58-1.59.58h-11.29c-.61,0-1.09-.19-1.42-.58-.33-.44-.45-.94-.33-1.49l11.62-53.84c.11-.61.42-1.1.92-1.49.5-.39,1.03-.58,1.59-.58h11.29c.61,0,1.09.19,1.42.58ZM373.95,58.05c1.84,2.26,2.76,4.53,2.76,6.79,0,.66-.03,1.13-.08,1.41-.11.5-.36.91-.75,1.24-.34.33-.75.5-1.26.5h-11.2c-1.23,0-2.06-.47-2.51-1.41-.06-1.27-.73-2.35-2.01-3.23-1.28-.88-2.95-1.33-5.01-1.33-2.45,0-4.49.44-6.11,1.33-1.56.88-2.53,2.18-2.92,3.89-.06.28-.08.64-.08,1.08,0,1.33.78,2.43,2.34,3.31,1.62.83,4.43,1.68,8.44,2.57,6.24,1.21,10.78,2.95,13.63,5.22,2.9,2.26,4.35,5.27,4.35,9.03,0,1.27-.17,2.65-.5,4.14-1.23,5.63-4.21,9.91-8.95,12.84-4.68,2.87-10.95,4.31-18.81,4.31-4.91,0-9.11-.66-12.63-1.99-3.46-1.33-6.08-3.09-7.86-5.3-1.73-2.21-2.59-4.67-2.59-7.37,0-.44.06-1.1.17-1.99.11-.5.33-.91.67-1.24.39-.33.84-.5,1.34-.5h10.7c.67,0,1.17.11,1.51.33.39.22.78.61,1.17,1.16.39,1.44,1.28,2.62,2.68,3.56,1.45.94,3.43,1.41,5.94,1.41,3.18,0,5.74-.5,7.69-1.49,1.95-.99,3.12-2.35,3.51-4.06.06-.22.08-.55.08-.99,0-1.38-.87-2.46-2.59-3.23-1.73-.83-4.91-1.79-9.53-2.9-5.41-1.16-9.5-2.9-12.29-5.22-2.79-2.37-4.18-5.47-4.18-9.28,0-1.33.17-2.68.5-4.06,1.12-5.14,3.87-9.17,8.28-12.09,4.46-2.93,10.2-4.39,17.23-4.39,4.23,0,8,.75,11.29,2.24,3.29,1.49,5.82,3.4,7.61,5.72h0ZM452.1,52.5c0,.17-.03.33-.08.5l-11.54,53.84c-.11.61-.42,1.1-.92,1.49-.5.39-1.03.58-1.59.58h-10.12c-.61,0-1.09-.19-1.42-.58-.28-.44-.36-.94-.25-1.49l6.52-30.57-12.79,16.81c-.56.61-1.09,1.08-1.59,1.41-.5.33-1.09.5-1.76.5h-4.35c-1.17,0-1.98-.63-2.42-1.91l-5.94-17.56-6.69,31.31c-.11.61-.42,1.1-.92,1.49-.5.39-1.03.58-1.59.58h-10.03c-.61,0-1.09-.19-1.42-.58-.34-.39-.45-.88-.34-1.49l11.54-53.84c.11-.61.42-1.1.92-1.49.5-.39,1.06-.58,1.67-.58h9.03c1.34,0,2.2.61,2.59,1.82l9.11,26.09,20.32-26.09c.28-.44.67-.86,1.17-1.24.56-.39,1.23-.58,2.01-.58h9.11c.61,0,1.09.19,1.42.58.22.33.34.66.34.99h0Z"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.5 KiB |
|
|
@ -99,6 +99,13 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
'/blog.html': '2px solid var(--pink)',
|
||||
};
|
||||
|
||||
if (path.startsWith('/blog/') && path !== '/blog.html') {
|
||||
footer.style.borderTop = '2px solid var(--pink)';
|
||||
} else if (borderStyles[path]) {
|
||||
footer.style.borderTop = borderStyles[path];
|
||||
}
|
||||
|
||||
|
||||
if (borderStyles[path]) {
|
||||
footer.style.borderTop = borderStyles[path];
|
||||
}
|
||||
|
|
@ -109,13 +116,46 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
'/blog.html': 'var(--pink)',
|
||||
};
|
||||
|
||||
if (hoverColors[path]) {
|
||||
let hoverColor = hoverColors[path];
|
||||
|
||||
if (path.startsWith('/blog/') && path !== '/blog.html') {
|
||||
hoverColor = 'var(--pink)';
|
||||
}
|
||||
|
||||
if (hoverColor) {
|
||||
const style = document.createElement('style');
|
||||
style.innerHTML = `
|
||||
.footer-links a:hover {
|
||||
color: ${hoverColors[path]};
|
||||
color: ${hoverColor};
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
const path = window.location.pathname;
|
||||
const workButton = document.querySelector('.work-button');
|
||||
|
||||
if (!workButton) return;
|
||||
|
||||
let hoverColor;
|
||||
|
||||
if (path === '/software.html') {
|
||||
hoverColor = 'var(--light-teal)';
|
||||
} else if (path === '/blog.html' || (path.startsWith('/blog/') && path !== '/blog.html')) {
|
||||
hoverColor = 'var(--pink)';
|
||||
}
|
||||
|
||||
if (hoverColor) {
|
||||
const style = document.createElement('style');
|
||||
style.innerHTML = `
|
||||
a.mega-inverted.button.work-button:hover {
|
||||
background-color: ${hoverColor} !important;
|
||||
color: white; !important;
|
||||
}
|
||||
`;
|
||||
document.head.appendChild(style);
|
||||
}
|
||||
});
|
||||
|
||||
Loading…
Reference in New Issue