---
title: Start9 | Sovereign Computing
layout: layouts/base.njk
---
{# 
<script>
    
    // https://yewtu.be/watch?v=FJ44qmE5odc

    let path = document.querySelector('path');
    let pathLength = path.getTotalLength();

    path.style.strokeDasharray = pathLength + ' ' + pathLength;

    path.style.strokeDashoffset = pathLength;

    window.addEventListener('scroll', ()=> {

        // what percent down is it?
        var scrollPercentage = (document.documentElement.scrollTop + document.body.scrollTop) / (document.documentElement.scrollHeight - document.documentElement.clientHeight);

        // length to offset the dashes
        var drawLength = pathLength * scrollPercentage;

        // draw in reverse
        path.style.strokeDashoffset = pathLength - drawLength;



    }) 
    
</script> #}

<link rel="stylesheet" href="assets/styles/landing.css">

<div class="cube">
  <div class="cube__face"></div>
  <div class="cube__face"></div>
  <div class="cube__face"></div>
  <div class="cube__face"></div>
  <div class="cube__face"></div>
  <div class="cube__face"></div>
</div>

{% include "components/landing/hero.njk" %}

<div class="line" id="hero-to-pitch">
    {% include "components/landing/lines/hero-to-pitch.svg" %}
</div>

{% include "components/landing/pitch.njk" %}

{% include "components/landing/products.njk" %}

<div class="line" id="products-to-info">
    {% include "components/landing/lines/products-to-info.svg" %}
</div>


{% include "components/landing/infographics.njk" %}

{% include "components/landing/bitcoin.njk" %}

<div class="line" id="bitcoin-to-be">
    {% include "components/landing/lines/bitcoin-to-be.svg" %}
</div>

{% include "components/landing/be-your-own.njk" %}

<div class="line" id="be-to-powered">
    {% include "components/landing/lines/be-to-powered.svg" %}
</div>

{% include "components/landing/powered-by.njk" %}

<div class="line" id="powered-to-support">
    {% include "components/landing/lines/powered-to-support.svg" %}
</div>

{% include "components/landing/support.njk" %}

<div class="line" id="support-to-dev">
    {% include "components/landing/lines/support-to-dev.svg" %}
</div>

{% include "components/landing/dev.njk" %}

<div class="line" id="dev-to-contact">
    {% include "components/landing/lines/dev-to-contact.svg" %}
</div>

{% include "components/landing/community.njk" %}

  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.10.4/gsap.min.js"></script>
  <script src="{{ '/assets/js/gsap.min.js' | url }}"></script>
  <script src="{{ '/assets/js/ScrollTrigger.min.js' | url }}"></script>
  <script src="{{ '/assets/js/ScrollSmoother.min.js' | url }}"></script>
  <script src="{{ '/assets/js/DrawSVGPlugin.min.js' | url }}"></script>
  <script src="{{ '/assets/js/CustomEase.min.js' | url }}"></script>
  <script src="{{ '/assets/js/main.js' | url }}"></script>