Pricing page draft, and other dev
This commit is contained in:
parent
1e2ac05be9
commit
c32694f92f
GPG Key ID:
ABAFE7A50A15D386
|
|
@ -0,0 +1,405 @@
|
|||
<!-- FAQ section uses <details> for native accessibility and keyboard support -->
|
||||
<section class="faq" aria-labelledby="faq-title">
|
||||
<div class="faq-wrap">
|
||||
<h2 id="faq-title" class="faq-title">Frequently asked questions</h2>
|
||||
<p class="subtext faq-description">
|
||||
We’re here to help with any questions about plans, pricing, or what’s
|
||||
included.
|
||||
</p>
|
||||
|
||||
<!-- Category group -->
|
||||
<section class="faq-group" aria-labelledby="faq-plans">
|
||||
<h3 id="faq-plans" class="faq-group-title">Plans & prices</h3>
|
||||
|
||||
<div class="faq-list">
|
||||
<details class="faq-item" open>
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text">Which plan is best for me?</span>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
The right plan depends on your operating model: how you balance
|
||||
control, effort, and recovery assurances.
|
||||
</p>
|
||||
<!-- <p>Start with your context: what you’re protecting, how often you expect to recover, and how much operational work you want to own.</p> -->
|
||||
<!-- <p>Match your situation to the level of control and support you need.</p> -->
|
||||
|
||||
<ul class="plans-list">
|
||||
<li>
|
||||
<a href="#open-source"
|
||||
><strong>Self-hosted open source</strong></a
|
||||
>
|
||||
is for organizations with dedicated technical resources and
|
||||
operational maturity to manage everything themselves — from
|
||||
infrastructure and encrypted storage to quorum coordination
|
||||
and recovery ceremonies. It gives maximum control at zero
|
||||
cost, but requires significant ongoing effort.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#paidplans"><strong>On-demand</strong></a> is for
|
||||
individuals, family offices, or small teams who need a safety
|
||||
net for critical data without frequent recoveries. For
|
||||
example, safeguarding high-value keys, estate records, or
|
||||
sensitive archives. You store your own data and pay only if
|
||||
recovery is triggered.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#paidplans"><strong>Enterprise</strong></a>
|
||||
is for companies that want to reduce operational load and
|
||||
increase confidence in their recovery process without adding
|
||||
headcount. It includes managed storage, scheduled recoveries,
|
||||
guided onboarding, premium support, and predictable timelines
|
||||
— making recovery part of your operations without creating
|
||||
extra work for your team.
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a href="#paidplans"><strong>Dedicated</strong></a> is for
|
||||
organizations with nuanced requirements — such as strict
|
||||
compliance, jurisdictional controls, or complete isolation. It
|
||||
provides a fully private deployment with tailored
|
||||
infrastructure and a recovery policy designed specifically for
|
||||
your organization.
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text">Can I self-host?</span>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
Yes. Caution is fully open source, and you can run it yourself
|
||||
at no cost. This option is best for organizations with dedicated
|
||||
technical resources who are willing to handle everything
|
||||
themselves — from setting up infrastructure and managing
|
||||
encrypted storage to coordinating quorum members and running
|
||||
recovery ceremonies. It offers maximum control, but requires
|
||||
significant ongoing effort.
|
||||
</p>
|
||||
<p>
|
||||
<a href="#paidplans">Enterprise</a> and
|
||||
<a href="#paidplans">Dedicated</a>
|
||||
plans remove that operational burden by providing managed
|
||||
storage, guaranteed recovery timelines, and support.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>What’s included in the On-demand plan?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
<a href="#paidplans">On-demand</a> lets you store your own
|
||||
encrypted backups and only pay if you need a recovery. It’s the
|
||||
leanest option, with minimal overhead. For teams that want
|
||||
proactive support or guaranteed timelines,
|
||||
<a href="#paidplans">Enterprise</a> is a better fit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>Does the On-demand plan include support?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
Free support through our open-source Community is available with
|
||||
every plan, including
|
||||
<a href="#paidplans">On-demand</a>.
|
||||
</p>
|
||||
<p>
|
||||
<a href="#paidplans">On-demand</a> itself is designed as a
|
||||
self-service tier, but limited paid support can be added if
|
||||
needed. For teams that want ongoing guidance, guaranteed
|
||||
response times, and recovery assistance,
|
||||
<a href="#paidplans">Enterprise</a> or
|
||||
<a href="#paidplans">Dedicated</a> plans are a better fit.
|
||||
</p>
|
||||
<p>
|
||||
<a href="contact.html">Talk to our Sales team</a>
|
||||
to explore the right level of support for your needs.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>How does the Enterprise plan differ from On-demand?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
<a href="#paidplans">Enterprise</a> includes 10 TB of managed
|
||||
encrypted storage, geo-replication, two scheduled recoveries per
|
||||
year, and premium support. It’s designed to reduce your
|
||||
operational risk without needing to self-manage.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>Why does On-demand recovery cost more?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
Each <a href="#paidplans">On-demand</a> recovery mobilizes a
|
||||
full recovery ceremony from scratch, with quorum approvals and
|
||||
offline security checks.
|
||||
<a href="#paidplans">Enterprise</a> customers benefit from lower
|
||||
recovery costs because their environments are provisioned in
|
||||
advance.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text">How does pricing work for Dedicated?</span>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
<a href="#paidplans">Dedicated</a> deployments start at $300K
|
||||
and are tailored for organizations that need fully isolated
|
||||
environments. This includes private infrastructure, custom
|
||||
recovery policies, compliance-driven infrastructure, and
|
||||
expanded storage capacity.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text">Can I switch plans later?</span>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>Yes. You can move between plans as your needs evolve.</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text">Are there any hidden fees?</span>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
No. All storage, recovery, and support costs are published.
|
||||
Optional add-ons (like additional storage and priority
|
||||
recoveries) are
|
||||
<a href="#compare">billed separately</a>. For predictable
|
||||
budgeting, most organizations choose
|
||||
<a href="#paidplans">Enterprise</a> or
|
||||
<a href="#paidplans">Dedicated</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Category: Security & infrastructure -->
|
||||
<section class="faq-group" aria-labelledby="faq-security">
|
||||
<h3 id="faq-security" class="faq-group-title">
|
||||
Security & infrastructure
|
||||
</h3>
|
||||
|
||||
<div class="faq-list">
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>How does Caution ensure recoveries are secure?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
Our recoveries are quorum-based, end-to-end encrypted, and are
|
||||
run fully offline to prevent outside interference. No single
|
||||
person, system, or service can trigger a recovery on their own —
|
||||
multi-party approval is always required. Every step is
|
||||
cryptographically logged and verifiable, so you can audit the
|
||||
process independently.
|
||||
</p>
|
||||
<p>
|
||||
Learn more about our threat model, design principles, and
|
||||
security architecture in
|
||||
<a href="#">our documentation</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>What does “open source transparency” mean?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>
|
||||
We believe that true security requires transparency and
|
||||
verifiability — you should never have to trust what you can’t
|
||||
see. Open source means our software’s code is public and freely
|
||||
available to inspect, audit, and even run yourself.
|
||||
</p>
|
||||
<p>
|
||||
Caution is and will always remain fully open source. We don’t
|
||||
sell source code. What we offer commercially is hosting,
|
||||
automation, and support for organizations that want the
|
||||
assurance of managed operations without giving up control.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text">Who has access to my data?</span>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>Only you. Caution never sees plaintext data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>What happens if something happens to Caution?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>Only you. Caution never sees plaintext data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>What type of data can I back up and secure with Caution?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>Only you. Caution never sees plaintext data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Category: Data storage -->
|
||||
<section class="faq-group" aria-labelledby="faq-storage">
|
||||
<h3 id="faq-storage" class="faq-group-title">Data storage</h3>
|
||||
|
||||
<div class="faq-list">
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>How much data is included in each plan?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<p>Lorem ipsum</p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>What happens if I exceed my 10TB storage limit?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>Lorem ipsum</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Category: Recovery -->
|
||||
<section class="faq-group" aria-labelledby="faq-recovery">
|
||||
<h3 id="faq-recovery" class="faq-group-title">Recovery</h3>
|
||||
|
||||
<div class="faq-list">
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text">How do scheduled recoveries work?</span>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<p>Lorem ipsum</p>
|
||||
</div>
|
||||
</details>
|
||||
|
||||
<details class="faq-item">
|
||||
<summary class="faq-q">
|
||||
<span class="faq-q-text"
|
||||
>How is a <48h priority recovery different from standard?</span
|
||||
>
|
||||
<span class="faq-toggle" aria-hidden="true"></span>
|
||||
</summary>
|
||||
<div class="faq-a">
|
||||
<div class="faq-a-inner">
|
||||
<p>Lorem ipsum</p>
|
||||
</div>
|
||||
</div>
|
||||
</details>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</section>
|
||||
|
|
@ -1,30 +1,70 @@
|
|||
<footer class="site-footer">
|
||||
<div class="container footer-top">
|
||||
<div class="footer-top container">
|
||||
<div class="footer-logo">
|
||||
<img
|
||||
src="/assets/base/caution-logo/caution-logo-png/caution-logo-text-white.png"
|
||||
alt="Caution logo"
|
||||
/>
|
||||
<a href="/index.html" class="footer-logo">
|
||||
<img
|
||||
src="/assets/base/caution-logo/caution-logo-png/caution-logo-text-white.png"
|
||||
alt="Caution logo"
|
||||
/>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<p class="footer-subheading footer-mobile">
|
||||
Sleep better knowing your encrypted data is always recoverable.
|
||||
</p>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="footer-column">
|
||||
<div class="footer-column footer-product">
|
||||
<h4>Product</h4>
|
||||
<a href="#">Overview</a>
|
||||
<a href="#">Features</a>
|
||||
<a href="#">Pricing</a>
|
||||
<a href="/dr.html" rel="noopener noreferrer">Overview</a>
|
||||
<a href="/pricing.html" rel="noopener noreferrer">Pricing</a>
|
||||
<a href="#" rel="noopener noreferrer">Docs</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<div class="footer-column footer-resources">
|
||||
<h4>Resources</h4>
|
||||
<a href="#">Docs</a>
|
||||
<a href="#">FAQs</a>
|
||||
<a href="#">Contact</a>
|
||||
<a href="/faq.html" rel="noopener noreferrer">FAQs</a>
|
||||
<a href="#" rel="noopener noreferrer">Brand</a>
|
||||
<a href="#" rel="noopener noreferrer">Contact</a>
|
||||
</div>
|
||||
<div class="footer-column">
|
||||
<div class="footer-column footer-company">
|
||||
<h4>Company</h4>
|
||||
<a href="#">About</a>
|
||||
<a href="#">Privacy</a>
|
||||
<a href="#">Brand</a>
|
||||
<a href="#" rel="noopener noreferrer">About</a>
|
||||
<a href="/research-and-development.html" rel="noopener noreferrer"
|
||||
>R&D</a
|
||||
>
|
||||
<a href="#" rel="noopener noreferrer">Privacy</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-middle container">
|
||||
<p class="footer-heading footer-desktop">
|
||||
Secure what matters most with Caution.
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a
|
||||
href="https://git.distrust.co/public/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Forgejo"
|
||||
>
|
||||
<img src="/assets/base/social/forgejo-logo.svg" alt="Forgejo logo" />
|
||||
</a>
|
||||
<a
|
||||
href="#"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Mastodon"
|
||||
>
|
||||
<img src="/assets/base/social/Mastodon-logo.svg" alt="Mastodon logo" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom container">
|
||||
<p class="footer-subheading footer-desktop">
|
||||
Sleep better knowing your encrypted data is always recoverable.
|
||||
</p>
|
||||
<p class="copyright">© 2025 Caution. All rights reserved.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -2,7 +2,7 @@
|
|||
|
||||
<header class="header-navbar">
|
||||
<div class="nav-container container">
|
||||
<a href="/_layouts/landing.html" class="nav-logo">
|
||||
<a href="/index.html" class="nav-logo">
|
||||
<img
|
||||
src="/assets/base/caution-logo/caution-icon-black.svg"
|
||||
alt="Caution logo"
|
||||
|
|
@ -20,20 +20,31 @@
|
|||
/>
|
||||
</button>
|
||||
<ul class="nav-dropdown-menu">
|
||||
<li><a href="#">About</a></li>
|
||||
<li><a href="#">Team</a></li>
|
||||
<li><a href="#">R&D</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
<li>
|
||||
<a href="/company.html" rel="noopener noreferrer">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/research-and-development.html" rel="noopener noreferrer"
|
||||
>R&D</a
|
||||
>
|
||||
</li>
|
||||
<li><a href="#" rel="noopener noreferrer">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<a class="nav-link" href="#">Disaster Recovery</a>
|
||||
<a class="nav-link" href="/_layouts/Pricing.html">Pricing</a>
|
||||
<a class="nav-link" href="/dr.html" rel="noopener noreferrer"
|
||||
>Disaster Recovery</a
|
||||
>
|
||||
<a class="nav-link" href="/pricing.html" rel="noopener noreferrer"
|
||||
>Pricing</a
|
||||
>
|
||||
<a class="nav-link" href="#">Docs</a>
|
||||
</nav>
|
||||
|
||||
<div class="nav-cta">
|
||||
<a href="#" class="btn btn-primary">Get started →</a>
|
||||
<a href="#" class="btn btn-primary" rel="noopener noreferrer"
|
||||
>Get started →</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
|
|
|||
|
|
@ -5,94 +5,223 @@
|
|||
{%- 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; codecs="avc1.42E01E, mp4a.40.2"' />
|
||||
<source src="assets/videos/globe.webm" type='video/webm; codecs="vp8, vorbis"' />
|
||||
</video>
|
||||
<div class="gradient-overlay"></div>
|
||||
</div>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<div class="about-special video-content" style="max-width: 700px">
|
||||
<br>
|
||||
<h2>the world is built on blind trust. we are here to change that.</h2>
|
||||
<br>
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">Transparent, flexible pricing.</h1>
|
||||
<p class="subtext">
|
||||
Choose the control level and recovery guarantees that match your
|
||||
risk profile.
|
||||
</p>
|
||||
<div class="hero-landing-cta">
|
||||
<a href="#" class="btn">Get started →</a>
|
||||
<a href="/contact.html" class="btn btn-secondary"
|
||||
>Contact sales →</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="flex-container who-we-are-section">
|
||||
<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 rel=”noopener noreferrer” target="_blank" href="https://keyoxide.org/6B61ECD76088748C70590D55E90A401336C8AAA9">Keyoxide</a>
|
||||
<span>|</span>
|
||||
<a rel=”noopener noreferrer” target="_blank" href="https://lance.dev/">Website</a>
|
||||
</div>
|
||||
<div class="flex-container-inner card">
|
||||
<h5>Anton Livaja</h5>
|
||||
<p>Co-Founder</p>
|
||||
<p>Security Engineer</p>
|
||||
<a rel=”noopener noreferrer” target="_blank" href="https://keyoxide.org/F4BF5C81EC78A5DD341C91EEDC4B7D1F52E0BA4D">Keyoxide</a>
|
||||
<span>|</span>
|
||||
<a rel=”noopener noreferrer” target="_blank" href="https://antonlivaja.com">Website</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="team flex-container">
|
||||
<div class="flex-container-inner card">
|
||||
<h5>Ryan Heywood</h5>
|
||||
<p>Security Engineer</p>
|
||||
<a rel=”noopener noreferrer” target="_blank" href="https://keyoxide.org/88823A75ECAA786B0FF38B148E401478A3FBEF72">Keyoxide</a>
|
||||
<span>|</span>
|
||||
<a rel=”noopener noreferrer” target="_blank" href="https://ryansquared.pub">Website</a>
|
||||
</div>
|
||||
<div class="flex-container-inner card">
|
||||
<h5>Danny Grove</h5>
|
||||
<p>Security Engineer</p>
|
||||
<a rel=”noopener noreferrer” target="_blank" href="https://keyoxide.org/C92FE5A3FBD58DD3EC5AA26BB10116B8193F2DBD">Keyoxide</a>
|
||||
<span>|</span>
|
||||
<a rel=”noopener noreferrer” target="_blank" href="https://dannygrove.com/">Website</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<section class="pricing-options section">
|
||||
<div class="pricing-grid">
|
||||
<!-- Card 1: Open source -->
|
||||
<a class="pricing-card" href="#" aria-label="open-source pricing">
|
||||
<h3 class="card-title">Open source</h3>
|
||||
<p class="card-body">
|
||||
Self-host with full control. Deploy, run, and audit every line
|
||||
of code. Free forever with optional paid support.
|
||||
</p>
|
||||
<!-- corner arrow -->
|
||||
<span class="card-corner" aria-hidden="true">
|
||||
<!-- tiny NE arrow -->
|
||||
<svg
|
||||
viewBox="0 0 20 20"
|
||||
class="corner-icon"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6 6h8v8"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M6 14L14 6"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<div class="flex-container-inner who-we-are">
|
||||
<h2 class="gradient-text">who we are</h2>
|
||||
<p class="hero-p" style="max-width: 550px">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" style="max-width: 550px">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>
|
||||
<!-- Card 2: Managed by Caution -->
|
||||
<a
|
||||
class="pricing-card"
|
||||
href="#"
|
||||
aria-label="managed-by-caution pricing"
|
||||
>
|
||||
<h3 class="card-title">Managed by Caution</h3>
|
||||
<p class="card-body">
|
||||
Choose a hosted recovery service. Pick from paid plans with
|
||||
verifiable guarantees.
|
||||
</p>
|
||||
<span class="card-corner" aria-hidden="true">
|
||||
<svg
|
||||
viewBox="0 0 20 20"
|
||||
class="corner-icon"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6 6h8v8"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M6 14L14 6"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include values.html %}
|
||||
|
||||
<div class="video-background-container-our-approach">
|
||||
<video autoplay muted loop playsinline class="video-background-our-approach">
|
||||
<source src="assets/videos/swirly-lines.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
|
||||
<source src="assets/videos/swirly-lines.webm" type='video/webm; codecs="vp8, vorbis"' />
|
||||
</video>
|
||||
<div class="gradient-overlay-our-approach"></div>
|
||||
</div>
|
||||
<section class="flex-container video-content-our-approach">
|
||||
<div class="flex-container-inner"></div>
|
||||
<div class="flex-container-inner">
|
||||
<h2 class="gradient-text why-distrust">our approach</h2>
|
||||
<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 building systems in a manner where they don't need to be blindly trusted.</p>
|
||||
<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>
|
||||
<div class="button-container">
|
||||
<a href="/contact.html" class="mega button">Work with us</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="open-source">
|
||||
<div class="open-source-container">
|
||||
<img class="open-source-img" src="/assets/base/bubble.svg" alt="" />
|
||||
|
||||
{% include why-choose-distrust.html %}
|
||||
<div class="open-source-content">
|
||||
<span class="tag-pill">Open source</span>
|
||||
<h2 class="open-source-title">Self‑host<br />for free</h2>
|
||||
<p class="subtext oss">
|
||||
Open source at the core. Audit, customize, and self‑host Caution
|
||||
Disaster Recovery — transparent, free, and fully under your
|
||||
control.
|
||||
</p>
|
||||
<div class="hero-landing-cta">
|
||||
<a href="#" class="btn">Read the docs →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{% include primary-cta.html %}
|
||||
|
||||
<!-- PAID PLANS -->
|
||||
|
||||
<section class="plans">
|
||||
<header class="plans__head">
|
||||
<span class="tag-pill">Paid plans</span>
|
||||
<h2 class="plans__title">Managed by Caution</h2>
|
||||
<p class="subtext pricing-plans">
|
||||
Prefer not to self‑host? Choose one of our managed recovery plans.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="plans__grid">
|
||||
<!-- On‑demand -->
|
||||
<article class="plan-card">
|
||||
<h3 class="plan-card__name">On‑demand</h3>
|
||||
<p class="plan-card__desc">
|
||||
Store your own data and pay only when you need to recover. No
|
||||
recurring fees.
|
||||
</p>
|
||||
|
||||
<div class="price">
|
||||
<span class="price__currency">$</span>
|
||||
<span class="price__amount">0</span>
|
||||
<span class="price__unit">/year</span>
|
||||
</div>
|
||||
<p class="plan-card__note">Pay per recovery, no recurring fees</p>
|
||||
|
||||
<a href="/get-started" class="btn">Get started →</a>
|
||||
|
||||
<div class="plan-card__includes">
|
||||
<h4>Includes:</h4>
|
||||
<ul class="list-check-included">
|
||||
<li>Self‑store your encrypted backups</li>
|
||||
<li>$100K per each on‑schedule recovery</li>
|
||||
<li>Email support</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Enterprise -->
|
||||
<article class="plan-card plan-card--primary">
|
||||
<h3 class="plan-card__name">Enterprise</h3>
|
||||
<p class="plan-card__desc">
|
||||
Enterprise-grade data storage and recovery with premium support.
|
||||
</p>
|
||||
|
||||
<div class="price">
|
||||
<span class="price__currency">$</span>
|
||||
<span class="price__amount">15K</span>
|
||||
<span class="price__unit">/year</span>
|
||||
</div>
|
||||
<p class="plan-card__note">Billed annually</p>
|
||||
|
||||
<a href="/get-started" class="btn btn-primary">Get started →</a>
|
||||
|
||||
<div class="plan-card__includes">
|
||||
<h4>Includes:</h4>
|
||||
<ul class="list-check-included">
|
||||
<li>10 TB of data storage, then $X/TB/year</li>
|
||||
<li>2 scheduled recoveries per year</li>
|
||||
<li>$10K per each extra on‑schedule recovery</li>
|
||||
<li>Guided onboarding + premium support</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Dedicated -->
|
||||
<article class="plan-card">
|
||||
<h3 class="plan-card__name">Dedicated</h3>
|
||||
<p class="plan-card__desc">
|
||||
Private infrastructure with full isolation and custom
|
||||
governance.
|
||||
</p>
|
||||
|
||||
<div class="price">
|
||||
<span class="price__amount">Custom</span>
|
||||
</div>
|
||||
<p class="plan-card__note">Bespoke implementation, from $300K</p>
|
||||
|
||||
<a href="/contact" class="btn">Contact sales →</a>
|
||||
|
||||
<div class="plan-card__includes">
|
||||
<h4>Includes:</h4>
|
||||
<ul class="list-check-included">
|
||||
<li>Fully isolated environment</li>
|
||||
<li>Private recovery infrastructure</li>
|
||||
<li>Custom governance controls</li>
|
||||
<li>Dedicated support team</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricing: Included with every plan -->
|
||||
<section class="included">
|
||||
<h3 class="included__title">Included with every plan:</h3>
|
||||
|
||||
<ul class="included__grid list-check">
|
||||
<li>Open source transparency</li>
|
||||
<li>Verifiable, quorum‑based recovery</li>
|
||||
<li>Full‑source bootstrapped binaries</li>
|
||||
<li>Air‑gapped recovery ceremonies</li>
|
||||
<li>Policy‑based recovery engine</li>
|
||||
<li>Cryptographic audit logs</li>
|
||||
<li>Guided policy creation</li>
|
||||
<li>Built-in threat modeling logic</li>
|
||||
<li>Ongoing community support</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
{%- include footer.html -%}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,231 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ page.lang | default: site.lang | default: en }}">
|
||||
{%- include head.html -%}
|
||||
<body>
|
||||
{%- include header.html -%}
|
||||
<div class="container">
|
||||
<main>
|
||||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">Transparent, flexible pricing.</h1>
|
||||
<p class="subtext">
|
||||
Choose the control level and recovery guarantees that match your
|
||||
risk profile.
|
||||
</p>
|
||||
<div class="hero-landing-cta">
|
||||
<a href="#" class="btn">Get started →</a>
|
||||
<a href="/contact.html" class="btn btn-secondary"
|
||||
>Contact sales →</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="pricing-options section">
|
||||
<div class="pricing-grid">
|
||||
<!-- Card 1: Open source -->
|
||||
<a class="pricing-card" href="#" aria-label="open-source pricing">
|
||||
<h3 class="card-title">Open source</h3>
|
||||
<p class="card-body">
|
||||
Self-host with full control. Deploy, run, and audit every line
|
||||
of code. Free forever with optional paid support.
|
||||
</p>
|
||||
<!-- corner arrow -->
|
||||
<span class="card-corner" aria-hidden="true">
|
||||
<!-- tiny NE arrow -->
|
||||
<svg
|
||||
viewBox="0 0 20 20"
|
||||
class="corner-icon"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6 6h8v8"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M6 14L14 6"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
|
||||
<!-- Card 2: Managed by Caution -->
|
||||
<a
|
||||
class="pricing-card"
|
||||
href="#"
|
||||
aria-label="managed-by-caution pricing"
|
||||
>
|
||||
<h3 class="card-title">Managed by Caution</h3>
|
||||
<p class="card-body">
|
||||
Choose a hosted recovery service. Pick from paid plans with
|
||||
verifiable guarantees.
|
||||
</p>
|
||||
<span class="card-corner" aria-hidden="true">
|
||||
<svg
|
||||
viewBox="0 0 20 20"
|
||||
class="corner-icon"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M6 6h8v8"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
<path
|
||||
d="M6 14L14 6"
|
||||
fill="none"
|
||||
stroke="currentColor"
|
||||
stroke-width="1.75"
|
||||
stroke-linecap="round"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="open-source">
|
||||
<div class="open-source-container">
|
||||
<img class="open-source-img" src="/assets/base/bubble.svg" alt="" />
|
||||
|
||||
<div class="open-source-content">
|
||||
<span class="tag-pill">Open source</span>
|
||||
<h2 class="open-source-title">Self‑host<br />for free</h2>
|
||||
<p class="subtext oss">
|
||||
Open source at the core. Audit, customize, and self‑host Caution
|
||||
Disaster Recovery — transparent, free, and fully under your
|
||||
control.
|
||||
</p>
|
||||
<div class="hero-landing-cta">
|
||||
<a href="#" class="btn">Read the docs →</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- PAID PLANS -->
|
||||
|
||||
<section class="plans">
|
||||
<header class="plans__head">
|
||||
<span class="tag-pill">Paid plans</span>
|
||||
<h2 class="plans__title">Managed by Caution</h2>
|
||||
<p class="subtext pricing-plans">
|
||||
Prefer not to self‑host? Choose one of our managed recovery plans.
|
||||
</p>
|
||||
</header>
|
||||
|
||||
<div class="plans__grid">
|
||||
<!-- On‑demand -->
|
||||
<article class="plan-card">
|
||||
<h3 class="plan-card__name">On‑demand</h3>
|
||||
<p class="plan-card__desc">
|
||||
Store your own data and pay only when you need to recover. No
|
||||
recurring fees.
|
||||
</p>
|
||||
|
||||
<div class="plan-card__price">
|
||||
<div class="price" aria-label="$0 per year">
|
||||
<span class="price-amount">0</span>
|
||||
<span class="price-currency" aria-hidden="true">$</span>
|
||||
<span class="price-per" aria-hidden="true">/year</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/get-started" class="btn">Get started →</a>
|
||||
|
||||
<div class="plan-card__includes">
|
||||
<h4>Includes:</h4>
|
||||
<ul class="list-check-included">
|
||||
<li>Self‑store your encrypted backups</li>
|
||||
<li>$100K per each on‑schedule recovery</li>
|
||||
<li>Email support</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Enterprise -->
|
||||
<article class="plan-card plan-card--primary">
|
||||
<h3 class="plan-card__name">Enterprise</h3>
|
||||
<p class="plan-card__desc">
|
||||
Enterprise-grade data storage and recovery with premium support.
|
||||
</p>
|
||||
|
||||
<div class="plan-card__price">
|
||||
<div class="price" aria-label="$15K per year">
|
||||
<span class="price-amount">15K</span>
|
||||
<span class="price-currency" aria-hidden="true">$</span>
|
||||
<span class="price-per" aria-hidden="true">/year</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<a href="/get-started" class="btn btn-primary">Get started →</a>
|
||||
|
||||
<div class="plan-card__includes">
|
||||
<h4>Includes:</h4>
|
||||
<ul class="list-check-included">
|
||||
<li>10 TB of data storage, then $X/TB/year</li>
|
||||
<li>2 scheduled recoveries per year</li>
|
||||
<li>$10K per each extra on‑schedule recovery</li>
|
||||
<li>Guided onboarding + premium support</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Dedicated -->
|
||||
<article class="plan-card">
|
||||
<h3 class="plan-card__name">Dedicated</h3>
|
||||
<p class="plan-card__desc">
|
||||
Private infrastructure with full isolation and custom
|
||||
governance.
|
||||
</p>
|
||||
|
||||
<div class="plan-card__price">
|
||||
<div class="price price--word" aria-hidden="true">Custom</div>
|
||||
<span class="sr-only">Custom pricing — contact sales</span>
|
||||
</div>
|
||||
|
||||
<a href="/contact" class="btn">Contact sales →</a>
|
||||
|
||||
<div class="plan-card__includes">
|
||||
<h4>Includes:</h4>
|
||||
<ul class="list-check-included">
|
||||
<li>Fully isolated environment</li>
|
||||
<li>Private recovery infrastructure</li>
|
||||
<li>Custom governance controls</li>
|
||||
<li>Dedicated support team</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Pricing: Included with every plan -->
|
||||
<section class="included">
|
||||
<h3 class="included__title">Included with every plan:</h3>
|
||||
|
||||
<ul class="included__grid list-check">
|
||||
<li>Open source transparency</li>
|
||||
<li>Verifiable, quorum‑based recovery</li>
|
||||
<li>Full‑source bootstrapped binaries</li>
|
||||
<li>Air‑gapped recovery ceremonies</li>
|
||||
<li>Policy‑based recovery engine</li>
|
||||
<li>Cryptographic audit logs</li>
|
||||
<li>Guided policy creation</li>
|
||||
<li>Built-in threat modeling logic</li>
|
||||
<li>Ongoing community support</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
</div>
|
||||
{%- include footer.html -%}
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -3,19 +3,24 @@
|
|||
{%- include head.html -%}
|
||||
<body>
|
||||
{%- include header.html -%}
|
||||
<section class="hero-landing">
|
||||
<div class="hero-lading-content container">
|
||||
<h1 class="hero-landing-title">Secure what matters most.</h1>
|
||||
<p class="hero-landing-subtext">
|
||||
Recover any encrypted data without relying on blind trust. Open
|
||||
source, verifiable, and trustless by design.
|
||||
</p>
|
||||
<div class="hero-landing-cta">
|
||||
<a href="#" class="btn btn-primary">Get started →</a>
|
||||
<a href="/contact.html" class="btn btn-secondary">Contact sales →</a>
|
||||
|
||||
<main>
|
||||
<section class="hero landing">
|
||||
<div class="hero-content landing container">
|
||||
<h1 class="hero-title landing">Secure what matters most.</h1>
|
||||
<p class="subtext">
|
||||
Recover any encrypted data without relying on blind trust. Open
|
||||
source, verifiable, and trustless by design.
|
||||
</p>
|
||||
<div class="hero-cta">
|
||||
<a href="#" class="btn">Get started →</a>
|
||||
<a href="/contact.html" class="btn btn-secondary"
|
||||
>Contact sales →</a
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</main>
|
||||
{%- include footer.html -%}
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,13 @@
|
|||
<section class="hero">
|
||||
<div class="hero-content">
|
||||
<h1 class="hero-title">Transparent, flexible pricing</h1>
|
||||
<p class="hero-subtext">
|
||||
Choose the control level and recovery guarantees that match your risk
|
||||
pofile.
|
||||
</p>
|
||||
<div class="hero-landing-cta">
|
||||
<a href="#" class="btn btn-primary">Get started →</a>
|
||||
<a href="/contact.html" class="btn btn-secondary">Contact sales →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
3535
_sass/base.scss
3535
_sass/base.scss
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1 @@
|
|||
*.js
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M13.5 2.75C11.275 2.75 9.09989 3.4098 7.24984 4.64597C5.39979 5.88213 3.95785 7.63914 3.10636 9.69481C2.25487 11.7505 2.03209 14.0125 2.46617 16.1948C2.90025 18.3771 3.97171 20.3816 5.54505 21.955C7.11839 23.5283 9.12295 24.5998 11.3052 25.0338C13.4875 25.4679 15.7495 25.2451 17.8052 24.3936C19.8609 23.5422 21.6179 22.1002 22.854 20.2502C24.0902 18.4001 24.75 16.225 24.75 14C24.75 12.5226 24.459 11.0597 23.8937 9.69481C23.3283 8.3299 22.4996 7.08971 21.455 6.04505C20.4103 5.00039 19.1701 4.17172 17.8052 3.60636C16.4403 3.04099 14.9774 2.75 13.5 2.75ZM18.3375 11.3112L13.1963 18.0612C13.0915 18.1974 12.9569 18.3077 12.8028 18.3838C12.6487 18.4598 12.4793 18.4996 12.3075 18.5C12.1366 18.5009 11.9678 18.4629 11.8138 18.3888C11.6598 18.3148 11.5247 18.2066 11.4188 18.0725L8.67375 14.5738C8.5829 14.457 8.51592 14.3236 8.47664 14.181C8.43736 14.0384 8.42655 13.8894 8.44483 13.7427C8.46312 13.5959 8.51013 13.4542 8.58319 13.3255C8.65624 13.1969 8.75392 13.084 8.87063 12.9931C9.10634 12.8096 9.40529 12.7273 9.70172 12.7642C9.84849 12.7825 9.99023 12.8295 10.1188 12.9026C10.2474 12.9756 10.3604 13.0733 10.4513 13.19L12.285 15.53L16.5375 9.905C16.6276 9.78681 16.7401 9.68753 16.8686 9.61282C16.9971 9.53812 17.1391 9.48945 17.2864 9.4696C17.4337 9.44975 17.5834 9.45911 17.7271 9.49714C17.8708 9.53517 18.0056 9.60113 18.1238 9.69125C18.2419 9.78137 18.3412 9.89389 18.4159 10.0224C18.4906 10.1509 18.5393 10.2928 18.5592 10.4401C18.579 10.5874 18.5696 10.7372 18.5316 10.8808C18.4936 11.0245 18.4276 11.1593 18.3375 11.2775V11.3112Z" fill="black"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.2 MiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.5 2.25L3.375 6.375L1.5 4.5" stroke="#181D27" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 205 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M8.5 11.5L8.5 8.5M8.5 5.5H8.4925M1 8.5C1 4.35786 4.35786 1 8.5 1C12.6421 1 16 4.35786 16 8.5C16 12.6421 12.6421 16 8.5 16C4.35786 16 1 12.6421 1 8.5Z" stroke="#8CBDE0" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 346 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="27" height="28" viewBox="0 0 27 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M7.98075 21.11C9.71232 22.4561 11.8758 23.1236 14.0648 22.987C16.2538 22.8505 18.3176 21.9193 19.8684 20.3684C21.4193 18.8176 22.3505 16.7538 22.487 14.5648C22.6236 12.3758 21.9561 10.2123 20.61 8.48075L7.98075 21.11ZM6.39 19.5193L19.0193 6.89C17.2877 5.5439 15.1242 4.87643 12.9352 5.01298C10.7462 5.14953 8.68241 6.0807 7.13156 7.63156C5.5807 9.18241 4.64953 11.2462 4.51298 13.4352C4.37643 15.6242 5.0439 17.7877 6.39 19.5193ZM13.5 25.25C7.28663 25.25 2.25 20.2134 2.25 14C2.25 7.78663 7.28663 2.75 13.5 2.75C19.7134 2.75 24.75 7.78663 24.75 14C24.75 20.2134 19.7134 25.25 13.5 25.25Z" fill="#0F0F0F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 718 B |
Binary file not shown.
|
After Width: | Height: | Size: 856 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="17" height="20" viewBox="0 0 17 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.9314 4.42782C16.6696 2.2789 14.9732 0.585406 12.9623 0.257251C12.623 0.201802 11.3376 0 8.35989 0H8.33765C5.35916 0 4.72014 0.201802 4.38088 0.257251C2.42595 0.576314 0.640663 2.098 0.207516 4.27238C-0.000822073 5.34319 -0.0230559 6.53037 0.0156474 7.61935C0.0708199 9.18104 0.0815251 10.74 0.209987 12.2953C0.298796 13.3285 0.453721 14.3534 0.673602 15.3623C1.08534 17.2258 2.75205 18.7766 4.38499 19.4093C6.1333 20.0691 8.01345 20.1786 9.81497 19.7256C10.0131 19.6747 10.2091 19.6156 10.4029 19.5483C10.8402 19.3947 11.3532 19.2229 11.7304 18.9211C11.7355 18.9169 11.7398 18.9114 11.7428 18.9051C11.7458 18.8988 11.7474 18.8919 11.7476 18.8848V17.3776C11.7475 17.371 11.7461 17.3644 11.7434 17.3585C11.7408 17.3525 11.7369 17.3473 11.7322 17.3432C11.7274 17.3391 11.7219 17.3363 11.7161 17.3348C11.7102 17.3334 11.7041 17.3334 11.6982 17.3349C10.544 17.6393 9.36128 17.7918 8.17461 17.7894C6.1324 17.7894 5.58314 16.7195 5.42585 16.2741C5.29943 15.8891 5.21914 15.4876 5.18704 15.0796C5.18672 15.0728 5.18787 15.0659 5.19037 15.0597C5.19288 15.0534 5.19672 15.0479 5.20152 15.0435C5.20634 15.0392 5.21202 15.0362 5.21808 15.0347C5.22415 15.0332 5.23044 15.0334 5.23646 15.0351C6.37144 15.3374 7.5349 15.4899 8.70246 15.4896C8.98326 15.4896 9.26323 15.4896 9.54405 15.4814C10.7183 15.4451 11.956 15.3787 13.1113 15.1296C13.1401 15.1233 13.169 15.1178 13.1937 15.1096C15.016 14.7233 16.7502 13.5107 16.9265 10.44C16.9331 10.3191 16.9495 9.17377 16.9495 9.04832C16.9504 8.62201 17.0739 6.02404 16.9314 4.42782ZM14.1267 12.0899H12.2105V6.90851C12.2105 5.8177 11.7987 5.26138 10.9612 5.26138C10.0406 5.26138 9.57945 5.91949 9.57945 7.2194V10.0555H7.67476V7.2194C7.67476 5.91949 7.2128 5.26138 6.29216 5.26138C5.45962 5.26138 5.04376 5.8177 5.04293 6.90851V12.0899H3.12837V6.75124C3.12837 5.66042 3.38063 4.79383 3.88514 4.15146C4.40557 3.51062 5.08824 3.18156 5.93559 3.18156C6.91633 3.18156 7.65747 3.59787 8.15154 4.42962L8.62835 5.3132L9.10596 4.42962C9.60004 3.59787 10.3412 3.18156 11.3203 3.18156C12.1668 3.18156 12.8494 3.51062 13.3715 4.15146C13.8761 4.79324 14.1283 5.65983 14.1283 6.75124L14.1267 12.0899Z" fill="#6F6F6F"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 878 B |
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="16" height="24" viewBox="0 0 16 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M3.59155 18.9401V8.93871C3.59155 7.58537 4.1291 6.28746 5.08593 5.3305C6.04276 4.37355 7.34051 3.83594 8.69367 3.83594H10.7345" stroke="#6F6F6F" stroke-width="2.5"/>
|
||||
<path d="M3.59155 18.9418V15.8801C3.59155 14.5268 4.1291 13.2289 5.08593 12.2719C6.04276 11.315 7.34051 10.7773 8.69367 10.7773H10.7345" stroke="#6F6F6F" stroke-width="2.5"/>
|
||||
<path d="M12.1632 5.674C13.1776 5.674 13.9999 4.85154 13.9999 3.837C13.9999 2.82245 13.1776 2 12.1632 2C11.1488 2 10.3264 2.82245 10.3264 3.837C10.3264 4.85154 11.1488 5.674 12.1632 5.674Z" stroke="#6F6F6F" stroke-width="2.5"/>
|
||||
<path d="M12.1632 12.6154C13.1776 12.6154 13.9999 11.7929 13.9999 10.7784C13.9999 9.76386 13.1776 8.94141 12.1632 8.94141C11.1488 8.94141 10.3264 9.76386 10.3264 10.7784C10.3264 11.7929 11.1488 12.6154 12.1632 12.6154Z" stroke="#6F6F6F" stroke-width="2.5"/>
|
||||
<path d="M3.59165 22.0002C4.60606 22.0002 5.42841 21.1777 5.42841 20.1632C5.42841 19.1486 4.60606 18.3262 3.59165 18.3262C2.57723 18.3262 1.75488 19.1486 1.75488 20.1632C1.75488 21.1777 2.57723 22.0002 3.59165 22.0002Z" stroke="#6F6F6F" stroke-width="2.5"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
|
|
@ -19,7 +19,20 @@ document.addEventListener("DOMContentLoaded", function () {
|
|||
});
|
||||
});
|
||||
|
||||
// === Navbar dropdown toggle ===
|
||||
// === Navbar dropdown toggle ENDS === //
|
||||
|
||||
// === NAVBAR SCROLL STARTS === //
|
||||
|
||||
window.addEventListener("scroll", function () {
|
||||
const header = document.querySelector(".header-navbar");
|
||||
if (this.window.scrollY > 20) {
|
||||
header.classList.add("scrolled");
|
||||
} else {
|
||||
header.classList.remove("scrolled");
|
||||
}
|
||||
});
|
||||
|
||||
// === NAVBAR SCROLL ENDS === //
|
||||
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
const collapsibleButton = document.querySelector(".hamburger-menu");
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: Caution
|
||||
tagline: Open source disaster recovery for encrypted data
|
||||
layout: disaster-recovery
|
||||
permalink: /dr.html
|
||||
thumbnail: /assets/base/caution-logo/caution-logo-png/caution-icon-white-box.png
|
||||
---
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: FAQs
|
||||
tagline: Caution | Frequently asked questions
|
||||
layout: faq
|
||||
permalink: /faq.html
|
||||
thumbnail: /assets/base/caution-thumbnail.png
|
||||
---
|
||||
4
index.md
4
index.md
|
|
@ -1,6 +1,6 @@
|
|||
---
|
||||
title: Caution
|
||||
tagline: Open source disaster recovery for encrypted data
|
||||
title: Caution
|
||||
tagline: Open source disaster recovery for encrypted data
|
||||
layout: landing
|
||||
permalink: /index.html
|
||||
thumbnail: /assets/base/caution-logo/caution-logo-png/caution-icon-white-box.png
|
||||
|
|
|
|||
|
|
@ -0,0 +1,7 @@
|
|||
---
|
||||
title: Pricing
|
||||
tagline: Caution | Pricing
|
||||
layout: pricing
|
||||
permalink: /pricing.html
|
||||
thumbnail: /assets/base/caution-thumbnail.png
|
||||
---
|
||||
Loading…
Reference in New Issue