mirror of
https://github.com/Start9Labs/start9.com.git
synced 2026-03-27 02:41:56 +00:00
turned off lazy loading, refactored js, image tweaks, css tweaks, be-your-own rennovation
This commit is contained in:
Spencer Flagg
@@ -1,7 +1,7 @@
|
||||
<footer>
|
||||
<div class="footer__content">
|
||||
<div class="header">
|
||||
<img src="../assets/images/start9_logo.png" alt="">
|
||||
{% include "components/svg/logo.svg" %}
|
||||
<div class="footer__copyright">{{ site.footer.copyright }}</div>
|
||||
<div class="footer__donate">[btcpay widget]</div>
|
||||
</div>
|
||||
|
||||
@@ -1,6 +1,8 @@
|
||||
<header>
|
||||
<nav>
|
||||
<a class="header__logo" href="/" aria-label="Return Home"><img src="../assets/images/start9_logo.png" alt=""></a>
|
||||
<a class="header__logo" href="/" aria-label="Return Home">
|
||||
{% include "components/svg/logo.svg" %}
|
||||
</a>
|
||||
<ul>
|
||||
{% for group in menu|selectattr("inHeader") %}
|
||||
{% for item in group.items %}
|
||||
|
||||
46
src/_includes/components/landing/be-your-own copy.njk
Normal file
46
src/_includes/components/landing/be-your-own copy.njk
Normal file
@@ -0,0 +1,46 @@
|
||||
<section id="be-your-own">
|
||||
<h1>be
|
||||
<em>your own</em>
|
||||
everything</h1>
|
||||
<p>Anything you can do in the <a href="https://en.wikipedia.org/wiki/Censorship_by_Apple#App_Store" target="_blank">permissioned</a>, <a href="https://www.computerworld.com/article/3634591/the-problem-with-the-subscription-economy.html" target="_blank">subscription-based</a>, <a href="https://en.wikipedia.org/wiki/Privacy_concerns_regarding_Google" target="_blank">privacy-invading</a>, <a target="_blank" href="https://dataprot.net/articles/biggest-data-breaches/">insecure</a> model of cloud computing, you
|
||||
can also do in the open, free, private, secure model of <em>sovereign computing</em>.</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 class="services">
|
||||
{% for pseudoservice in pseudoservices %}
|
||||
<div class="slides-container slides-container--{{ pseudoservice.slug }}">
|
||||
<ul class="slides-inner">
|
||||
{% for service in services %}
|
||||
{% if pseudoservice.slug in service.pseudoservices %}
|
||||
<li class="service slide">
|
||||
{# <a href="">{% include "components/svg/chevron-left.svg" %}</a> #}
|
||||
<a class="service__content" href="https://marketplace.start9.com/{{service.slug}}" target="_blank">
|
||||
<img class="service__image" src="../assets/images/service-icons/{{ service.slug }}.png" alt="{{ service.name }} emabssyos service icon" title="{{ service.name }} service icon"/>
|
||||
<div class="service__name">{{ service.name }}</div>
|
||||
{# <div class="service__desc">{{ service.description }}</div> #}
|
||||
</a>
|
||||
{# <a href="">{% include "components/svg/chevron-right.svg" %}</a> #}
|
||||
</li>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="slides-controls">
|
||||
<button id="prevButton">{% include "components/svg/chevron-left.svg" %}</button>
|
||||
<button id="nextButton">{% include "components/svg/chevron-right.svg" %}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="{{ site.beYourOwn.url }}" class="btn">browse the start9 marketplace</a>
|
||||
</section>
|
||||
@@ -2,8 +2,8 @@
|
||||
<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>
|
||||
<p>Anything you can do in the <a href="https://en.wikipedia.org/wiki/Censorship_by_Apple#App_Store" target="_blank">permissioned</a>, <a href="https://www.computerworld.com/article/3634591/the-problem-with-the-subscription-economy.html" target="_blank">subscription-based</a>, <a href="https://en.wikipedia.org/wiki/Privacy_concerns_regarding_Google" target="_blank">privacy-invading</a>, <a target="_blank" href="https://dataprot.net/articles/biggest-data-breaches/">insecure</a> model of cloud computing, you
|
||||
can also do in the open, free, private, secure model of <em>sovereign computing</em>.</p>
|
||||
<div id='ticker'>
|
||||
<div id="ticker__selected-frame">
|
||||
<span>be your own</span>
|
||||
@@ -18,28 +18,24 @@
|
||||
</div>
|
||||
<div class="services">
|
||||
{% for pseudoservice in pseudoservices %}
|
||||
<div class="slides-container slides-container--{{ pseudoservice.name.toLowerCase() }}">
|
||||
<ul class="slides-inner">
|
||||
<div class="service-container service-container--{{ pseudoservice.slug }}">
|
||||
{% for service in services %}
|
||||
{% if pseudoservice.name.toLowerCase() in service.pseudoservices %}
|
||||
<li class="service slide">
|
||||
{# <a href="">{% include "components/svg/chevron-left.svg" %}</a> #}
|
||||
<a class="service__link" href="https://marketplace.start9.com/{{service.slug}}" target="_blank">
|
||||
<img class="service__image" src="../assets/images/service-icons/{{ service.slug }}.png" alt=""/>
|
||||
<div class="service__name">{{ service.name }}</div>
|
||||
{# <div class="service__desc">{{ service.description }}</div> #}
|
||||
</a>
|
||||
{# <a href="">{% include "components/svg/chevron-right.svg" %}</a> #}
|
||||
</li>
|
||||
{% if pseudoservice.slug in service.pseudoservices %}
|
||||
<div class="service__content" >
|
||||
<a class="service__link" href="https://marketplace.start9.com/{{service.slug}}" target="_blank">
|
||||
<img class="service__image service__image--{{ service.slug }}" src="../assets/images/service-icons/{{ service.slug }}.png" alt="{{ service.name }} embassyos service icon" title="{{ service.name }} embassyos service icon"
|
||||
style="filter: drop-shadow(0px 0px 3rem {{ service.color }}C0)"/>
|
||||
<div class="service__info">
|
||||
<h3 class="service__name">{{ service.name }}</h3>
|
||||
<p class="service__desc">{{ service.description }}</p>
|
||||
</div>
|
||||
</a>
|
||||
<div class="service__bkg" style="background: linear-gradient(180deg, {{ service.color }}00 0%, {{ service.color }}C0 30%, {{ service.color }}FF 50%, {{ service.color }}C0 66%, {{ service.color }}00 100%);"></div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endfor %}
|
||||
<div class="slides-controls">
|
||||
<button id="prevButton">{% include "components/svg/chevron-left.svg" %}</button>
|
||||
<button id="nextButton">{% include "components/svg/chevron-right.svg" %}</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a href="{{ site.beYourOwn.url }}" class="btn">browse the start9 marketplace</a>
|
||||
|
||||
@@ -21,7 +21,8 @@
|
||||
<img
|
||||
class="service-icon service-icon--{{ service.slug }}"
|
||||
src="../assets/images/service-icons/{{ service.slug }}.png"
|
||||
alt=""/>
|
||||
alt="{{ service.name }} embassyos service icon"
|
||||
alt="{{ service.name }} embassyos service icon"/>
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% endfor %}
|
||||
|
||||
@@ -4,8 +4,9 @@
|
||||
<div class="col">
|
||||
<div class="wrapper">
|
||||
<div class="content">
|
||||
<p style="color: black;">Interested in packaging a service?</p>
|
||||
<p style="color: black;">Our community runs on devs like <em>you</em>.</p>
|
||||
<p>Interested in packaging a service?<br/><em>Our community runs on devs like you.</em></p>
|
||||
<p>There are <a href="https://github.com/awesome-selfhosted/awesome-selfhosted" target="_blank">thousands</a> of wonderful open-source services out there - just waiting to be added to the Embassy Marketplace.</p>
|
||||
<p>If you're familiar with Docker or Rust (or want to learn!), check out our step-by-step packaging tutorials.</p>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<a class="btn" href="{{ site.dev.url }}">learn more</a>
|
||||
@@ -13,7 +14,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="code-wrapper"><img src="assets/images/dockerfile.png" alt=""></div>
|
||||
<div class="code-wrapper"><img src="assets/images/dockerfile.png" alt="screenshot of dockerfile" title="screenshot of dockerfile"></div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -1,10 +1,10 @@
|
||||
<section id="hero">
|
||||
<div id="hero-image">
|
||||
<img rel="preload" as="image" src="assets/images/explosion.png" alt="">
|
||||
<img rel="preload" as="image" class="img-shadow" src="assets/images/explosion.png" alt="">
|
||||
<img src="assets/images/explosion.png" alt="voxel explosion" title="voxel explosion">
|
||||
<img as="image" class="img-shadow" src="assets/images/explosion.png" alt="">
|
||||
</div>
|
||||
<div id="logo">
|
||||
<img class="unlazy" src="assets/images/start9_logo.png" alt="">
|
||||
{% include "components/svg/logo.svg" %}
|
||||
<span>sovereign computing</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -8,11 +8,11 @@
|
||||
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>
|
||||
{# <div class="image-with-shadow">
|
||||
<div class="image-with-shadow">
|
||||
{% include "components/svg/big-tech-network-diagram.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/big-tech-network-diagram.svg" %}</div>
|
||||
</div> #}
|
||||
{% include "components/svg/big-tech-network-diagram.svg" %}
|
||||
</div>
|
||||
{# {% include "components/svg/big-tech-network-diagram.svg" %} #}
|
||||
</div>
|
||||
<div class="subsection">
|
||||
<h1>Take back
|
||||
@@ -25,10 +25,10 @@
|
||||
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>
|
||||
{# <div class="image-with-shadow">
|
||||
{% include "components/svg/embassyos-network-diagram.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/embassyos-network-diagram.svg" %}</div>
|
||||
</div> #}
|
||||
{% include "components/svg/embassyos-network-diagram_red_extended.svg" %}
|
||||
<div class="image-with-shadow">
|
||||
{% include "components/svg/embassyos-network-diagram_red_extended.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/embassyos-network-diagram_red_extended.svg" %}</div>
|
||||
</div>
|
||||
{# {% include "components/svg/embassyos-network-diagram_red_extended.svg" %} #}
|
||||
</div>
|
||||
</section>
|
||||
@@ -2,23 +2,20 @@
|
||||
<h1>Powered by <em>EmbassyOS</em></h1>
|
||||
<div>
|
||||
<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.
|
||||
EmbassyOS (EOS) is a browser-based, graphical operating system for a personal server, designed to <em>
|
||||
turn anyone into a
|
||||
system administrator
|
||||
</em> capable of managing their own server.
|
||||
</p>
|
||||
</div>
|
||||
<div class="image-with-shadow">
|
||||
{% include "components/svg/stack.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/stack.svg" %}</div>
|
||||
{% include "components/svg/stack-new.svg" %}
|
||||
<div class="img-shadow">{% include "components/svg/stack-new.svg" %}</div>
|
||||
</div>
|
||||
<a class="source-link" href="{{ site.poweredBy.url }}" target="_blank">
|
||||
<div class="image-with-shadow">
|
||||
<img src="../assets/images/code1.png" alt=""/>
|
||||
<img class="img-shadow" src="../assets/images/code1.png" alt=""/>
|
||||
<img src="../assets/images/code1.png" alt="html tag icon" title="html tag icon"/>
|
||||
<img class="img-shadow" src="../assets/images/code1.png" style="filter: blur(.8rem) brightness(0)" alt=""/>
|
||||
</div>
|
||||
check out the <span>source code</span></a>
|
||||
</section>
|
||||
@@ -1,7 +1,7 @@
|
||||
<section id="products">
|
||||
<div class="subsection">
|
||||
<a class="product product--buy" href="{{ site.products.buyUrl }}">
|
||||
<img src="../assets/images/buy-centered.png" alt="">
|
||||
<img src="../assets/images/buy-centered.png" alt="prefab embassy, represented in voxels" title="prefab embassy, represented in voxels">
|
||||
<img class="img-shadow" src="../assets/images/buy-centered.png" alt="">
|
||||
<div class="heading">
|
||||
<h1 class="product__header">buy</h1>
|
||||
@@ -12,7 +12,7 @@
|
||||
</div>
|
||||
<div class="subsection">
|
||||
<a class="product product--diy" href="{{ site.products.diyUrl }}">
|
||||
<img src="../assets/images/diy.png" alt="">
|
||||
<img src="../assets/images/diy.png" alt="partially assembled embassy, represented in voxels" title="partially assembled embassy, represented in voxels">
|
||||
<img class="img-shadow" src="../assets/images/diy.png" alt="">
|
||||
<div class="heading">
|
||||
<h1 class="product__header">diy</h1>
|
||||
|
||||
@@ -14,7 +14,9 @@
|
||||
</p>
|
||||
</div>
|
||||
<div class="col">
|
||||
<img src="../assets/images/support1.png" alt="">
|
||||
<div class="image-with-shadow">
|
||||
<img src="../assets/images/support1.png" alt="life preserver icon" title="life preserver icon">
|
||||
<img class="img-shadow" src="../assets/images/support1.png" alt=""></div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn" href="{{ site.support.url }}">meet the team</a>
|
||||
|
||||
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 118 KiB After Width: | Height: | Size: 104 KiB |
19
src/_includes/components/svg/logo.svg
Normal file
19
src/_includes/components/svg/logo.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 10 KiB |
22
src/_includes/components/svg/stack-new.svg
Normal file
22
src/_includes/components/svg/stack-new.svg
Normal file
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 66 KiB |
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 9.7 KiB |
@@ -12,4 +12,6 @@ layout: layouts/base.njk
|
||||
<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>
|
||||
<script src="{{ '/assets/js/_header.js' | url }}"></script>
|
||||
<script src="{{ '/assets/js/_menu.js' | url }}"></script>
|
||||
<script src="{{ '/assets/js/peripheral.js' | url }}"></script>
|
||||
Reference in New Issue
Block a user