_config.yml

@@ -21,10 +21,9 @@
 title: Distrust
 email: lance@distrust.co
 description: >- # this means to ignore newlines until "baseurl:"
-  Understand and mitigate security threats others won't see coming. 
+  Trust Nothing
 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
@@ -36,7 +35,7 @@ header_pages:
 style: dark # dark (default), light or hacker
 listen_for_clients_preferred_style: false # false (default) or true
 
-footer: '2024 Distrust, LLC'
+footer: '2023 Distrust, LLC'
 
 # Build settings
 theme: jekyll-theme-console

_includes/head.html

@@ -6,94 +6,38 @@
   <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.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 %}
-
-  {% 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 %}
-
 
   {% if page.robots %}
-  <meta name="robots" content="{{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.css" | relative_url }}">
-  <link rel="stylesheet" type="text/css" href="{{ "/assets/main-dark.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. -->
+    <!-- "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. -->
+    <!-- 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!" -->
+    <!-- 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/stack -->
-  <!-- https://git.distrust.co/public/website -->
+    <!-- https://git.distrust.co/public/website -->
-  <!-- mobile menu content -->
 
-  <div class="menu-content" style="display: none">
+    <!-- mobile menu content -->
-    <div class="inner-menu-content">
+    <div class="menu-content" style="display: none">
-      <div>
+      <div class="inner-menu-content">
-        <a href="/index.html">Home</a>
+        <div>
-      </div>
+          <a href="/index.html">Home</a>
-      <div>
+        </div>
-        <a href="/about.html">About</a>
+        <div>
-      </div>
+          <a href="/about.html">About</a>
-      <div>
+        </div>
-        <a href="/services.html">Services</a>
+        <div>
-      </div>
+          <a href="/services.html">Services</a>
-      <div>
+        </div>
-        <a href="/tools.html">Tools</a>
+        <div>
-      </div>
+          <a href="/tools.html">Tools</a>
-      <div>
+        </div>
-        <a href="/contact.html">Contact</a>
+        <div>
+          <a href="/contact.html">Contact</a>
+        </div>
       </div>
     </div>
-  </div>
 </head>

_includes/header.html

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

_layouts/about.html

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

_layouts/contact.html

@@ -23,7 +23,7 @@
 				</div>
 				<div class="flex-container-inner">
 					<div class="form-container">
-						<form onsubmit="return validateForm()" action="/submit-email" method="post">
+						<form onsubmit="return validateForm()">
 							<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="service" class="form-label required">Service You Are Interested In</label>
+							<label for="inquiry-type" class="form-label required">Inquiry Type</label>
-							<select id="service" name="service" class="form-select" required>
+							<select id="inquiry-type" name="inquiry-type" class="form-select" required>
 								<option value="" disabled selected>Select option</option>
 								<option value="digital-asset-custody">Digital Asset Custody (threat modelling, design,
 									tooling,
@@ -55,6 +55,17 @@
 								</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>
 

_layouts/landing.html

@@ -3,9 +3,10 @@
 {%- include head.html -%}
 
 <body>
-    {%- include header.html -%}
-
     <div class="container">
+
+        {%- include header.html -%}
+
         <main>
             <section class="flex-container">
                 <div class="flex-container-inner">
@@ -13,7 +14,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="mega button">Free Consultation</a>
+                        <a href="/contact.html" class="action-button">Free Consultation</a>
                         <br />
                     </div>
                 </div>
@@ -26,6 +27,8 @@
                 </div>
             </section>
 
+            <hr />
+
             <section class="">
                 <div class="flex-container-inner">
                     <div class="text-well">
@@ -126,14 +129,16 @@
                 </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="button" href="/services.html">Learn more</a>
+                            <a class="action-button" href="/services.html">Learn more</a>
-                            <a href="/contact.html" class="mega button">Free Consultation</a>
+                            <a href="/contact.html" class="action-button">Free Consultation</a>
                         </div>
                     </div>
                 </div>
@@ -179,11 +184,11 @@
 
                 <br />
                 <br />
-                <a href="/contact.html" class="mega button">Free Consultation</a>
+                <a href="/contact.html" class="action-button">Free Consultation</a>
             </section>
         </main>
         {%- include footer.html -%}
     </div>
 </body>
 
-</html>
+</html>

_layouts/services.html

@@ -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="mega button">Free Consultation</a>
+                        <a href="/contact.html" class="action-button">Free Consultation</a>
                         <br />
                     </div>
                 </div>
@@ -101,4 +101,4 @@
     </div>
 </body>
 
-</html>
+</html>

_layouts/tools.html

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

_sass/_dark.scss

@@ -3,17 +3,14 @@
  */
 
 :root {
-  --base-color: rgba(255, 255, 255, 0.87);
+  --base-color: #FFFFFF;
-  --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: #141414;
+  --background-color: #282828;
   --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;

_sass/_light.scss

@@ -3,8 +3,7 @@
  */
 
 :root {
-  --base-color: rgba(0, 0, 0, 0.87);
+  --base-color: #000;
-  --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;

_sass/base.scss

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