mirror of
https://github.com/Start9Labs/start9.com.git
synced 2026-03-26 18:31:54 +00:00
105 lines
3.1 KiB
Plaintext
105 lines
3.1 KiB
Plaintext
---
|
|
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">
|
|
<link rel="preload" as="image" href="assets/images/explosion.png">
|
|
|
|
<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 defer src="{{ '/assets/js/gsap.min.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/ScrollTrigger.min.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/ScrollSmoother.min.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/DrawSVGPlugin.min.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/CustomEase.min.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/list.min.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/_header.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/_menu.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/_hero.js' | url }}"></script>
|
|
<script defer src="{{ '/assets/js/main.js' | url }}"></script> |