Compare commits

..

15 Commits

12 changed files with 140 additions and 88 deletions

View File

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

View File

@ -6,38 +6,94 @@
<link rel="icon" type="image/png" sizes="96x96" href="/assets/favicons/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/favicons/favicon-16x16.png">
<title>{{ page.title }}</title>
<meta content="{{ site.title }}" property="og:site_name" />
{% if page.robots %}
<meta name="robots" content="{{page.robots}}" />
{% if page.noindex %}
<meta name="robots" content="noindex" />
{% endif %} {% if page.title %}
<meta content="{{ page.title }}" property="og:title" />
<meta content="article" property="og:type" />
{% else %}
<meta content="{{ site.banner }}" property="og:image" />
<meta content="{{ site.title }}" property="og:title" />
<meta content="website" property="og:type" />
{% endif %} {% if page.summary %}
<meta content="{{ page.summary }}" property="og:description" />
{% else %}
<meta content="{{ site.description }}" property="og:description" />
{% endif %} {% if page.url %}
<meta content="{{ site.url }}{{ page.url }}" property="og:url" />
{% endif %} {% if page.date %}
<meta
content="{{ page.date | date_to_xmlschema }}"
property="article:published_time"
/>
<meta content="{{ site.url }}/about/" property="article:author" />
{% endif %} {% if page.thumbnail %}
<meta content="{{ site.url }}{{ page.thumbnail }}" property="og:image" />
{% endif %} {% if page.categories %} {% for category in page.categories
limit:1 %}
<meta content="{{ category }}" property="article:section" />
{% endfor %} {% endif %} {% if page.tags %} {% for tag in page.tags %}
<meta content="{{ tag }}" property="article:tag" />
{% endfor %} {% endif %}
<!-- Twitter Cards -->
<meta name="twitter:card" content="summary" />
<!--<meta name="twitter:site" content="@{{ site.share.twitter_username }}" />-->
<!--<meta name="twitter:creator" content="@{{ site.share.twitter_username }}" />-->
{% if page.title %}
<meta name="twitter:title" content="{{ page.title }}" />
{% else %}
<meta name="twitter:title" content="{{ site.title }}" />
{% endif %}
<link rel="stylesheet" type="text/css" href="{{ "/assets/main.css" | relative_url }}">
<link rel="stylesheet" type="text/css" href="{{ "/assets/main-dark.css" | relative_url }}">
{% if page.url %}
<meta name="twitter:url" content="{{ site.url }}{{ page.url }}" />
{% endif %} {% if page.summary %}
<meta name="twitter:description" content="{{ page.summary }}" />
{% else %}
<meta name="twitter:description" content="{{ site.description }}" />
{% endif %} {% if page.header-img %}
<meta
name="twitter:image:src"
content="{{ site.url }}{{ page.thumbnail }}"
/>
{% endif %}
<!-- "Really, there is nothing interesting to see here. It is a static website. -->
<!-- Here is the terraform code that deployed it, and here is the site source repo. -->
<!-- If you find anything interesting or want to talk to us, reach out via our /contact page!" -->
<!-- https://git.distrust.co/public/stack -->
<!-- https://git.distrust.co/public/website -->
<!-- mobile menu content -->
<div class="menu-content" style="display: none">
<div class="inner-menu-content">
<div>
<a href="/index.html">Home</a>
</div>
<div>
<a href="/about.html">About</a>
</div>
<div>
<a href="/services.html">Services</a>
</div>
<div>
<a href="/tools.html">Tools</a>
</div>
<div>
<a href="/contact.html">Contact</a>
</div>
{% if page.robots %}
<meta name="robots" content="{{page.robots}}" />
{% endif %}
<link rel="stylesheet" type="text/css" href="{{ "/assets/main.css" | relative_url }}">
<link rel="stylesheet" type="text/css" href="{{ "/assets/main-dark.css" | relative_url }}">
<!-- "Really, there is nothing interesting to see here. It is a static website. -->
<!-- Here is the terraform code that deployed it, and here is the site source repo. -->
<!-- If you find anything interesting or want to talk to us, reach out via our /contact page!" -->
<!-- https://git.distrust.co/public/stack -->
<!-- https://git.distrust.co/public/website -->
<!-- mobile menu content -->
<div class="menu-content" style="display: none">
<div class="inner-menu-content">
<div>
<a href="/index.html">Home</a>
</div>
<div>
<a href="/about.html">About</a>
</div>
<div>
<a href="/services.html">Services</a>
</div>
<div>
<a href="/tools.html">Tools</a>
</div>
<div>
<a href="/contact.html">Contact</a>
</div>
</div>
</div>
</head>

View File

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

View File

@ -37,7 +37,7 @@
</ul>
<br />
<br />
<a href="/contact.html" class="action-button">Free Consultation</a>
<a href="/contact.html" class="mega button">Free Consultation</a>
</section>
<hr />

View File

@ -23,7 +23,7 @@
</div>
<div class="flex-container-inner">
<div class="form-container">
<form onsubmit="return validateForm()">
<form onsubmit="return validateForm()" action="/submit-email" method="post">
<div class="form-flex-container">
<div>
<label for="name" class="form-label">Name</label>
@ -37,8 +37,8 @@
<label for="company-name" class="form-label">Company Name</label>
<input type="text" id="company-name" name="company-name" class="form-input">
<label for="inquiry-type" class="form-label required">Inquiry Type</label>
<select id="inquiry-type" name="inquiry-type" class="form-select" required>
<label for="service" class="form-label required">Service You Are Interested In</label>
<select id="service" name="service" class="form-select" required>
<option value="" disabled selected>Select option</option>
<option value="digital-asset-custody">Digital Asset Custody (threat modelling, design,
tooling,
@ -55,17 +55,6 @@
</option>
</select>
<label for="services" class="form-label required">Services You Are Interested In</label>
<select id="services" name="services" class="form-select" required>
<option value="" disabled selected>Select option</option>
<option value="digital-asset-custody">Digital Asset Custody</option>
<option value="blockchain-security">Blockchain Security</option>
<option value="software-security-assessment">Software Security Assessment (Penetration
Tests, Code
Reviews etc.)</option>
<option value="engineering">Engineering</option>
</select>
<label for="help" class="form-label required">How can we help?</label>
<textarea id="help" name="help" class="form-textarea" required></textarea>

View File

@ -3,10 +3,9 @@
{%- include head.html -%}
<body>
{%- include header.html -%}
<div class="container">
{%- include header.html -%}
<main>
<section class="flex-container">
<div class="flex-container-inner">
@ -14,7 +13,7 @@
<h2>Understand and mitigate security threats others won't see coming.</h2>
<p>We believe security compromises to your systems and personnel are <b>inevitable</b>. Allow our team of experienced security engineers to help you reduce the likelihood and impact of risks by thinking from first principles.</p>
<br />
<a href="/contact.html" class="action-button">Free Consultation</a>
<a href="/contact.html" class="mega button">Free Consultation</a>
<br />
</div>
</div>
@ -27,8 +26,6 @@
</div>
</section>
<hr />
<section class="">
<div class="flex-container-inner">
<div class="text-well">
@ -129,16 +126,14 @@
</div>
</section>
<hr/>
<section class="">
<div class="flex-container-inner" style="align-items: baseline">
<div class="text-well">
<h1>Services</h1>
<p>Distrust offers a wide range of services which are tailored to your organization. Whether you need a complete security assessment, want to create or improve an open source security tool, or want to focus on assessing a specific aspect of your organization or system - we are here to help. Our experienced staff will collaborate closely with you to understand your unique needs and create a tailor made solution that works for you.</p>
<div class="button-container">
<a class="action-button" href="/services.html">Learn more</a>
<a href="/contact.html" class="action-button">Free Consultation</a>
<a class="button" href="/services.html">Learn more</a>
<a href="/contact.html" class="mega button">Free Consultation</a>
</div>
</div>
</div>
@ -184,11 +179,11 @@
<br />
<br />
<a href="/contact.html" class="action-button">Free Consultation</a>
<a href="/contact.html" class="mega button">Free Consultation</a>
</section>
</main>
{%- include footer.html -%}
</div>
</body>
</html>
</html>

View File

@ -15,7 +15,7 @@
<h2>How can we help you?</h2>
<p>Distrust offers a wide range of services which are tailored to your organization. Whether you need a complete security assessment, want to create or improve an open source security tool, or want to focus on assessing a specific aspect of your organization or system - we are here to help. Our experienced staff will collaborate closely with you to understand your unique needs and create a tailor made solution that works for you.</p>
<br />
<a href="/contact.html" class="action-button">Free Consultation</a>
<a href="/contact.html" class="mega button">Free Consultation</a>
<br />
</div>
</div>
@ -101,4 +101,4 @@
</div>
</body>
</html>
</html>

View File

@ -110,7 +110,7 @@
<div class="flex-container-inner">
<div class="text-well">
<h3>git-sig</h3>
<a href="https://git.distrust.co/public/enclaveos" target="_blank" rel="noopener noreferrer">https://git.distrust.co/public/enclaveos</a>
<a href="https://git.distrust.co/public/git-sig" target="_blank" rel="noopener noreferrer">https://git.distrust.co/public/gitsig</a>
<p>The simple multisig toolchain for git repos.</p>
</div>
</div>
@ -130,4 +130,4 @@
</div>
</body>
</html>
</html>

View File

@ -3,14 +3,17 @@
*/
:root {
--base-color: #FFFFFF;
--base-color: rgba(255, 255, 255, 0.87);
--header-color: #ffffff;
--border: solid 2px rgba(219, 219, 219, 0.9);
--selection-background: rgba(219, 219, 219, 0.99);
--selection-text: #000;
--background-color: #282828;
--background-color: #141414;
--text-color: var(--base-color);
--placeholder-color: rgba(0, 0, 0, 0.5);
--link-color: var(--base-color);
/* yoinkt from Material Design 2014, Deep Purple A200 */
--mega-color: #7c4dff;
--code-color-1: #aaaaaa;
--code-color-2: #ffffcc;
--code-color-3: #F00000;

View File

@ -3,7 +3,8 @@
*/
:root {
--base-color: #000;
--base-color: rgba(0, 0, 0, 0.87);
--header-color: rgba(0, 0, 0, 0);
--border: dashed 1px rgba(0, 0, 0, 1);
--selection-background: rgba(0, 0, 0, 0.99);
--selection-text: #FFF;

View File

@ -65,7 +65,7 @@ h6 {
margin-top: 0px;
margin-bottom: 12px;
font-weight: bold;
color: var(--text-color);
color: var(--header-color);
}
p,
@ -78,6 +78,7 @@ ol {
a {
text-decoration: underline;
color: var(--link-color);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
a:hover {
@ -121,8 +122,7 @@ footer {
}
header {
margin-top: 24px;
margin-bottom: 24px;
margin: 24px;
}
header p {
@ -163,6 +163,7 @@ hr {
.header-page-links a:hover {
background-color: transparent;
color: lightgrey;
text-decoration: underline;
}
.right-menu {
@ -283,22 +284,35 @@ hr {
/**
* Buttons
*/
.action-button {
.button {
display: inline-block;
padding: 10px 20px 9px 20px;
margin-top: 10px;
border-color: white;
border: solid 1px;
color: black;
background-color: white;
color: var(--base-color);
background-color: var(--background-color);
border: 2px solid white;
text-decoration: none;
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.action-button:hover {
background-color: transparent;
border-color: white;
border: solid 1px;
color: white;
.button:hover {
/* invert */
background-color: var(--base-color);
color: var(--background-color);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
/* important button */
.mega.button {
background-color: var(--mega-color);
color: var(--base-color);
border: 2px solid var(--mega-color);
}
.mega.button:hover {
/* invert */
background-color: color-mix(in srgb, var(--mega-color), white 10%);
color: var(--base-color);
}
.button-container {
@ -344,12 +358,10 @@ hr {
* Header/Navigation
*/
.menu {
border-bottom: var(--border);
margin-bottom: 20px;
/* border-bottom: var(--border); */
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 25px;
}
.menu ul {
@ -498,13 +510,8 @@ textarea {
}
section {
margin-top: 24px;
margin-bottom: 24px;
}
.extra-spacing {
margin-top: 70px;
margin-bottom: 70px;
margin-top: 48px;
margin-bottom: 120px;
}
.companies {
@ -537,7 +544,7 @@ section {
}
.text-well {
max-width: 600px;
max-width: 100%;
padding-right: 35px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB