Start9/start9.com
2
0
Fork 0
mirror of https://github.com/Start9Labs/start9.com.git synced 2026-03-26 18:31:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

landing almost complete

Browse Source
This commit is contained in:
Spencer Flagg
2022-07-28 13:55:52 +02:00
parent c669ef8409
commit beb8508e40
111 changed files with 1174 additions and 252 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/_includes/components/landing/be-your-own.njk Normal file
View File

@@ -0,0 +1,20 @@
<section id="why">
<h1>be <em>your own</em> everything</h1>
<p>Anything you can do in the permissioned, subscription-based, privacy-invading, insecure model of cloud computing, you can also do in the open, free, private, secure model of sovereign computing</p>
<div id='ticker'>
<div id="ticker__selected-frame">
<span>be your own</span>
<div id="services">
</div>
</div>
<div id="ticker__window">
<ul class='pseudoservices'>
{% for pseudoservice in pseudoservices %}
<li class="pseudoservice">{{pseudoservice.name}}</li>
{% endfor %}
</ul>
</div>
</div>
<a href="https://marketplace.start9.com/" class="btn">browse the start9 marketplace</a>
</section>

14
src/_includes/components/landing/bitcoin.njk Normal file
View File

@@ -0,0 +1,14 @@
<section id="bitcoin">
{% include "components/svg/grid_blend_top.svg" %}
<div class="subsection">
<h1>Become Bitcoin</h1>
<p><em>Don't trust, verify.</em><br>Run a full Bitcoin node to verify transactions and enforce the consensus rules you choose.</p>
<a class="btn" href="">why host a bitcoin node?</a>
</div>
<div class="subsection">
<h1>Become Lightning</h1>
<p><em>Not your keys, not your coins.</em><br>Run a Lightning node to take full control and custody over your Bitcoin on Lightning.</p>
<a class="btn" href="">why host a lightning node?</a>
</div>
{% include "components/svg/grid_blend_bottom.svg" %}
</section>

11
src/_includes/components/landing/community.njk
View File

@@ -1,5 +1,10 @@
<section id="community">
<h2>Join the Party</h2>
<input type="email" name="" id="" placeholder="email">
<div></div>
<h1>Join the <em>Community</em></h1>
<input type="email" name="" id="" placeholder="email address">
<ul class="">
<li>{% include "components/svg/matrix.njk" %}</li>
<li>{% include "components/svg/youtube.njk" %}</li>
<li>{% include "components/svg/telegram.njk" %}</li>
<li>{% include "components/svg/twitter.njk" %}</li>
</ul>
</section>

7
src/_includes/components/landing/dev.njk
View File

@@ -1,18 +1,19 @@
<section id="dev">
<h2>Looking to Contribute?</h2>
<h1>Package a service</h1>
<div class="cols">
<div class="col">
<div class="wrapper">
<div class="content">
<h3>Interested in packaging a service?</h3>
<h3>Our community runs on devs like <em>you</em>.</h3>
</div>
<div class="footer">
<a href="">learn more</a>
<a class="btn" href="">learn more</a>
</div>
</div>
</div>
<div class="col">
<img src="assets/images/dockerfile.png" alt="">
<div class="code-wrapper"><img src="assets/images/dockerfile.png" alt=""></div>
</div>
</div>
</section>

3
src/_includes/components/landing/hero.njk
View File

@@ -6,7 +6,4 @@
<img src="assets/images/start9_logo.png" alt="">
<span>sovereign computing</span>
</div>
<div id="hero-to-pitch_1">
{% include "components/landing/lines/hero-to-pitch_1.njk" %}
</div>
</section>

14
src/_includes/components/landing/infographics.njk Normal file
View File

@@ -0,0 +1,14 @@
<section id="infographics">
<div class="subsection">
<h1>The problem is <em>trust</em></h1>
<p><em>Whoever controls your data, controls you.</em> App companies can see your pictures, read your documents, listen to your conversations, track your location, sell your private information, permanently delete your data, or cut you off at any time. Even if the companies behind these apps are not malicious, they are prime targets for hackers and are vulnerable to political winds.</p>
{% include "components/svg/problem-with-internet.svg" %}
</div>
<div class="subsection inverse">
<h1>Take back <em>control</em></h1>
<p>The only way to be free is to cut out the middle men and take control of your data by running a personal server.
<br><br>
In the past, running a server was only possible for highly technical people or those who could afford to hire them; namely software developers, corporations, wealthy individuals, and politicians. <em>Start9 levels the playing field</em> by making it possible for the rest of us.</p>
{% include "components/svg/embassy-fixes-it.svg" %}
</div>
</section>

3
src/_includes/components/landing/lines/bitcoin-to-be.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg width="158" height="600" viewBox="0 0 158 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 0V302.19H156.737V600" stroke="var(--c-line-primary)" stroke-width="1" vector-effect="non-scaling-stroke"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 226 B

3
src/_includes/components/landing/lines/hero-to-pitch.svg Normal file
View File

@@ -0,0 +1,3 @@
<svg viewBox="0 0 210 511" width="210" height="511" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M209 0V336.811H1V511" stroke="var(--c-line" stroke-width="1px" vector-effect="non-scaling-stroke" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 217 B

3
src/_includes/components/landing/lines/hero-to-pitch_1.njk
View File

@@ -1,3 +0,0 @@
<svg width="210" height="511" viewBox="0 0 210 511" fill="none" xmlns="http://www.w3.org/2000/svg">
<path id="xyz" d="M209 0V336.811H1V511" stroke="#FFF" stroke-opacity="0.8"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 184 B

4
src/_includes/components/landing/lines/products-to-info.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg viewBox="0 0 525 600" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 0V142H524V0" stroke="white" stroke-width="1px" vector-effect="non-scaling-stroke"/>
<path d="M268 143V442.55H140V600" stroke="white" stroke-width="1px" vector-effect="non-scaling-stroke"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 283 B

6
src/_includes/components/landing/pitch.njk
View File

@@ -1,5 +1,9 @@
<section id="pitch">
<h1>
We make personal servers <img class="img-inline" src="assets/images/embassy_one.png" alt=""> to make you <em>unstoppable</em>.
We make personal servers to make you <em>unstoppable</em>.
</h1>
<p>
We make a personal server called an <em>Embassy</em> that puts you in control of your data, your money, and your digital life.
</p>
<a class="btn" href="">learn more</a>
</section>

14
src/_includes/components/landing/powered-by.njk Normal file
View File

@@ -0,0 +1,14 @@
<section id="powered-by">
<h1>Powered by <em>EmbassyOS</em></h1>
<p>
In the past, running a server was only possible for highly technical people or those who could afford to hire them;
namely software developers, corporations, wealthy individuals, and politicians. Start9 levels the playing field by
making it possible for the rest of us.
</p>
<p>
EmbassyOS (EOS) is a browser-based, graphical operating system for a personal server, designed to turn anyone into a
system’s administrator capable of managing their own server.
</p>
<img src="" alt="">
<a href=""><img src="" alt="">check out the <span>source code</span></a>
</section>

71
src/_includes/components/landing/products copy.njk Normal file
View File

@@ -0,0 +1,71 @@
<section id="products">
<div class="product-group">
<div class="product">
<div class="product__box">
<div class="front">
<h1>Embassy ONE</h1>
</div>
<div class="back">
Back
</div>
<div class="top">
Top
</div>
<div class="bottom">
Bottom
</div>
<div class="left">
Left
</div>
<div class="right">
You assemble the hardware. You download the OS or build from source.
</div>
</div>
</div>
<div class="product product--pro">
<div class="product__box">
<div class="front">
<h1>Embassy PRO</h1>
</div>
<div class="back">
Back
</div>
<div class="top">
Top
</div>
<div class="bottom">
Bottom
</div>
<div class="left">
Left
</div>
<div class="right">
You assemble the hardware. You download the OS or build from source.
</div>
</div>
</div>
<div class="product">
<div class="product__box">
<div class="front">
<h1>Do it yourself</h1>
</div>
<div class="back">
Back
</div>
<div class="top">
Top
</div>
<div class="bottom">
Bottom
</div>
<div class="left">
Left
</div>
<div class="right">
You assemble the hardware. You download the OS or build from source.
</div>
</div>
</div>
</div>
<aside><h3>Welcome to the <em>revolution</em>.</h3></aside>
</section>

79
src/_includes/components/landing/products.njk
View File

@@ -1,71 +1,20 @@
<section id="products">
<div class="product-group">
<div class="product">
<div class="product__box">
<div class="front">
<h1>Embassy ONE</h1>
<div class="subsection">
<a class="product" href="">
<img src="../assets/images/buy.png" alt="">
<div class="heading">
<h1 class="product__header">buy</h1>
<span class="product__subheader">your embassy</span>
</div>
<div class="back">
Back
</div>
<div class="top">
Top
</div>
<div class="bottom">
Bottom
</div>
<div class="left">
Left
</div>
<div class="right">
You assemble the hardware. You download the OS or build from source.
</div>
</div>
</a>
</div>
<div class="product product--pro">
<div class="product__box">
<div class="front">
<h1>Embassy PRO</h1>
<div class="subsection">
<a class="product" href="">
<img src="../assets/images/diy.png" alt="">
<div class="heading">
<h1 class="product__header">diy</h1>
<span class="product__subheader">your embassy</span>
</div>
<div class="back">
Back
</div>
<div class="top">
Top
</div>
<div class="bottom">
Bottom
</div>
<div class="left">
Left
</div>
<div class="right">
You assemble the hardware. You download the OS or build from source.
</div>
</div>
</a>
</div>
<div class="product">
<div class="product__box">
<div class="front">
<h1>Do it yourself</h1>
</div>
<div class="back">
Back
</div>
<div class="top">
Top
</div>
<div class="bottom">
Bottom
</div>
<div class="left">
Left
</div>
<div class="right">
You assemble the hardware. You download the OS or build from source.
</div>
</div>
</div>
</div>
<aside><h3>Welcome to the <em>revolution</em>.</h3></aside>
</section>

9
src/_includes/components/landing/support.njk Normal file
View File

@@ -0,0 +1,9 @@
<section id="support" class="inverse">
<h1>get <em>help</em></h1>
<p>
Even though we've made it easy, running a personal server can still be intimidating or confusing at times.
</p><p>
At Start9, we pride ourselves on providing the best customer support in the world. We offer a comprehensive and detailed user manual, an extensive FAQ, written and video tutorials, and direct access to our wonderful community and team of technical experts.
</p>
<a class="btn" href="/about#team">meet the team</a>
</section>

24
src/_includes/components/svg/embassy-fixes-it.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB

94
src/_includes/components/svg/grid_blend_bottom.svg Normal file
View File

@@ -0,0 +1,94 @@
<svg id="grid-blend-bottom" viewBox="0 0 1366 819" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="91" width="91" height="91" />
<rect width="91" height="91" />
<rect y="182" width="91" height="91" />
<rect x="911" y="182" width="91" height="91" />
<rect y="273" width="91" height="91" />
<rect x="911" y="273" width="91" height="91" />
<rect y="364" width="91" height="91" />
<rect x="911" y="364" width="91" height="91" />
<rect y="455" width="91" height="91" />
<rect x="911" y="455" width="91" height="91" />
<rect y="546" width="91" height="91" />
<rect x="911" y="546" width="91" height="91" />
<rect y="637" width="91" height="91" />
<rect x="911" y="637" width="91" height="91" />
<rect y="728" width="91" height="91" />
<rect x="911" y="728" width="91" height="91" />
<rect x="91" y="91" width="91" height="91" />
<rect x="1002" y="91" width="91" height="91" />
<rect x="91" y="182" width="91" height="91" />
<rect x="1002" y="273" width="91" height="91" />
<rect x="91" y="364" width="91" height="91" />
<rect x="1002" y="364" width="91" height="91" />
<rect x="91" y="455" width="91" height="91" />
<rect x="1002" y="455" width="91" height="91" />
<rect x="91" y="546" width="91" height="91" />
<rect x="1002" y="546" width="91" height="91" />
<rect x="91" y="637" width="91" height="91" />
<rect x="1002" y="637" width="91" height="91" />
<rect x="91" y="728" width="91" height="91" />
<rect x="1002" y="728" width="91" height="91" />
<rect x="1093" y="182" width="91" height="91" />
<rect x="182" y="273" width="91" height="91" />
<rect x="1093" y="273" width="91" height="91" />
<rect x="182" y="364" width="91" height="91" />
<rect x="1093" y="364" width="91" height="91" />
<rect x="182" y="455" width="91" height="91" />
<rect x="182" y="546" width="91" height="91" />
<rect x="1093" y="546" width="91" height="91" />
<rect x="182" y="637" width="91" height="91" />
<rect x="1093" y="637" width="91" height="91" />
<rect x="182" y="728" width="91" height="91" />
<rect x="1093" y="728" width="91" height="91" />
<rect x="1184" y="91" width="91" height="91" />
<rect x="273" y="182" width="91" height="91" />
<rect x="1184" y="182" width="91" height="91" />
<rect x="1275" width="91" height="91" />
<rect x="273" y="273" width="91" height="91" />
<rect x="1184" y="273" width="91" height="91" />
<rect x="1184" y="364" width="91" height="91" />
<rect x="273" y="455" width="91" height="91" />
<rect x="1184" y="455" width="91" height="91" />
<rect x="273" y="546" width="91" height="91" />
<rect x="1184" y="546" width="91" height="91" />
<rect x="273" y="637" width="91" height="91" />
<rect x="1184" y="637" width="91" height="91" />
<rect x="273" y="728" width="91" height="91" />
<rect x="1184" y="728" width="91" height="91" />
<rect x="1275" y="182" width="91" height="91" />
<rect x="364" y="273" width="91" height="91" />
<rect x="364" y="364" width="91" height="91" />
<rect x="1275" y="364" width="91" height="91" />
<rect x="364" y="455" width="91" height="91" />
<rect x="1275" y="455" width="91" height="91" />
<rect x="364" y="546" width="91" height="91" />
<rect x="1275" y="546" width="91" height="91" />
<rect x="364" y="637" width="91" height="91" />
<rect x="1275" y="637" width="91" height="91" />
<rect x="364" y="728" width="91" height="91" />
<rect x="1275" y="728" width="91" height="91" />
<rect x="455" y="182" width="91" height="91" />
<rect x="455" y="455" width="91" height="91" />
<rect x="455" y="546" width="91" height="91" />
<rect x="455" y="637" width="91" height="91" />
<rect x="455" y="728" width="91" height="91" />
<rect x="546" y="273" width="91" height="91" />
<rect x="546" y="546" width="91" height="91" />
<rect x="546" y="637" width="91" height="91" />
<rect x="546" y="728" width="91" height="91" />
<rect x="637" y="364" width="92" height="91" />
<rect x="637" y="455" width="92" height="91" />
<rect x="637" y="637" width="92" height="91" />
<rect x="637" y="728" width="92" height="91" />
<rect x="729" y="273" width="91" height="91" />
<rect x="729" y="364" width="91" height="91" />
<rect x="729" y="455" width="91" height="91" />
<rect x="729" y="546" width="91" height="91" />
<rect x="729" y="637" width="91" height="91" />
<rect x="729" y="728" width="91" height="91" />
<rect x="820" y="364" width="91" height="91" />
<rect x="820" y="546" width="91" height="91" />
<rect x="820" y="637" width="91" height="91" />
<rect x="820" y="728" width="91" height="91" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

92
src/_includes/components/svg/grid_blend_top.svg Normal file
View File

@@ -0,0 +1,92 @@
<svg id="grid-blend-top" viewBox="0 0 1366 819" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="91" height="91" />
<rect x="911" width="91" height="91" />
<rect y="91" width="91" height="91" />
<rect x="911" y="91" width="91" height="91" />
<rect y="182" width="91" height="91" />
<rect x="911" y="182" width="91" height="91" />
<rect y="273" width="91" height="91" />
<rect x="911" y="273" width="91" height="91" />
<rect y="364" width="91" height="91" />
<rect x="911" y="364" width="91" height="91" />
<rect y="455" width="91" height="91" />
<rect y="546" width="91" height="91" />
<rect x="911" y="546" width="91" height="91" />
<rect y="637" width="91" height="91" />
<rect y="728" width="91" height="91" />
<rect x="1275" y="728" width="91" height="91" />
<rect x="1184" y="637" width="91" height="91" />
<rect x="91" width="91" height="91" />
<rect x="1002" width="91" height="91" />
<rect x="91" y="91" width="91" height="91" />
<rect x="1002" y="91" width="91" height="91" />
<rect x="91" y="182" width="91" height="91" />
<rect x="1002" y="182" width="91" height="91" />
<rect x="1002" y="273" width="91" height="91" />
<rect x="91" y="364" width="91" height="91" />
<rect x="91" y="455" width="91" height="91" />
<rect x="1002" y="455" width="91" height="91" />
<rect x="91" y="546" width="91" height="91" />
<rect x="91" y="637" width="91" height="91" />
<rect x="182" width="91" height="91" />
<rect x="1093" width="91" height="91" />
<rect x="182" y="91" width="91" height="91" />
<rect x="1093" y="91" width="91" height="91" />
<rect x="182" y="182" width="91" height="91" />
<rect x="1093" y="182" width="91" height="91" />
<rect x="182" y="273" width="91" height="91" />
<rect x="1093" y="273" width="91" height="91" />
<rect x="182" y="364" width="91" height="91" />
<rect x="1093" y="364" width="91" height="91" />
<rect x="182" y="546" width="91" height="91" />
<rect x="273" width="91" height="91" />
<rect x="1184" width="91" height="91" />
<rect x="273" y="91" width="91" height="91" />
<rect x="1184" y="91" width="91" height="91" />
<rect x="273" y="182" width="91" height="91" />
<rect x="273" y="273" width="91" height="91" />
<rect x="1184" y="273" width="91" height="91" />
<rect x="273" y="364" width="91" height="91" />
<rect x="1184" y="364" width="91" height="91" />
<rect x="273" y="455" width="91" height="91" />
<rect x="1184" y="455" width="91" height="91" />
<rect x="273" y="546" width="91" height="91" />
<rect x="364" width="91" height="91" />
<rect x="1275" width="91" height="91" />
<rect x="1275" y="91" width="91" height="91" />
<rect x="364" y="182" width="91" height="91" />
<rect x="1275" y="182" width="91" height="91" />
<rect x="364" y="273" width="91" height="91" />
<rect x="1275" y="273" width="91" height="91" />
<rect x="1275" y="364" width="91" height="91" />
<rect x="364" y="455" width="91" height="91" />
<rect x="1275" y="455" width="91" height="91" />
<rect x="1275" y="546" width="91" height="91" />
<rect x="1275" y="637" width="91" height="91" />
<rect x="455" width="91" height="91" />
<rect x="455" y="91" width="91" height="91" />
<rect x="455" y="182" width="91" height="91" />
<rect x="455" y="364" width="91" height="91" />
<rect x="455" y="455" width="91" height="91" />
<rect x="546" width="91" height="91" />
<rect x="546" y="91" width="91" height="91" />
<rect x="546" y="182" width="91" height="91" />
<rect x="546" y="273" width="91" height="91" />
<rect x="546" y="364" width="91" height="91" />
<rect x="637" width="92" height="91" />
<rect x="637" y="91" width="92" height="91" />
<rect x="637" y="182" width="92" height="91" />
<rect x="637" y="273" width="92" height="91" />
<rect x="637" y="364" width="92" height="91" />
<rect x="637" y="455" width="92" height="91" />
<rect x="729" width="91" height="91" />
<rect x="729" y="91" width="91" height="91" />
<rect x="729" y="182" width="91" height="91" />
<rect x="729" y="273" width="91" height="91" />
<rect x="729" y="455" width="91" height="91" />
<rect x="729" y="546" width="91" height="91" />
<rect x="820" width="91" height="91" />
<rect x="820" y="91" width="91" height="91" />
<rect x="820" y="273" width="91" height="91" />
<rect x="820" y="364" width="91" height="91" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

14
src/_includes/components/svg/problem-with-internet.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

9
src/_includes/components/svg/support.njk
View File

@@ -1,9 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-lifebuoy" width="100" height="100" viewBox="0 0 24 24" stroke-width="var(--s-primary)" stroke="var(--c-line-accent)" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<circle cx="12" cy="12" r="4" />
<circle cx="12" cy="12" r="9" />
<line x1="15" y1="15" x2="18.35" y2="18.35" />
<line x1="9" y1="15" x2="5.65" y2="18.35" />
<line x1="5.65" y1="5.65" x2="9" y2="9" />
<line x1="18.35" y1="5.65" x2="15" y2="9" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 571 B

7
src/_includes/layouts/base.njk
View File

@@ -1,7 +1,8 @@
{# https://11ty.rocks/posts/create-your-first-basic-11ty-website/ #}
<!DOCTYPE html>
<html lang="en" style="--scrollbarWidth: 0px; --viewportWidth: calc(100vw - var(--scrollbarWidth));">
{# <html lang="en" style="--scrollbarWidth: 0px; --viewportWidth: calc(100vw - var(--scrollbarWidth));"> #}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
@@ -21,7 +22,7 @@
{% include "components/footer.njk" %}
<script>
{# <script>
window.onload = setScrollbarVariable;
document.onload = setScrollbarVariable;
window.onresize = setScrollbarVariable;
@@ -36,7 +37,7 @@
console.log(scrollbarWidth);
}
</script>
</script> #}
<style>
:root{