Let autoformatter have its day
continuous-integration/drone/push Build is passing Details

This commit is contained in:
decentral1se 2021-08-01 09:33:24 +02:00
parent 797cd2db95
commit aaaf508a1a
No known key found for this signature in database
GPG Key ID: 5E2EF5A63E3718CC
1 changed files with 294 additions and 85 deletions

View File

@ -2,7 +2,10 @@
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
<meta
name="viewport"
content="width=device-width, initial-scale=1.0, maximum-scale=1.0"
/>
<link rel="shortcut icon" type="image/png" href="img/favicon.ico" />
<meta name="og:type" content="website" />
<meta name="twitter:card" content="photo" />
@ -12,7 +15,7 @@
<link rel="stylesheet" type="text/css" href="css/globals.css" />
<meta name="author" content="AnimaApp.com - Design to code, Automated." />
</head>
<body style="margin: 0; background: #ffffff">
<body style="margin: 0; background: #ffffff;">
<input type="hidden" id="anPageName" name="page" value="mobile" />
<div class="container-center-horizontal">
<div class="desktop screen">
@ -23,27 +26,55 @@
<div class="flex-row">
<img class="brand bp3-animate-enter" src="img/brand-1@2x.svg" />
<div class="menu bp3-animate-enter1">
<div class="about liberationmono-bold-black-18px"><a href="#reclaim-hosting" class="liberationmono-bold-black-18px">ABOUT</a></div>
<div class="support liberationmono-bold-black-18px"><a href="#joint-mission" class="liberationmono-bold-black-18px">PARTNERS</a></div>
<div class="about liberationmono-bold-black-18px">
<a
href="#reclaim-hosting"
class="liberationmono-bold-black-18px"
>ABOUT</a
>
</div>
<div class="support liberationmono-bold-black-18px">
<a
href="#joint-mission"
class="liberationmono-bold-black-18px"
>PARTNERS</a
>
</div>
</div>
</div>
<div class="overlap-group2">
<div class="overlap-group1">
<h1 class="hero-text liberationsans-bold-jade-48px">A DIY framework for community-owned computing</h1>
<h1 class="hero-text liberationsans-bold-jade-48px">
A DIY framework for community-owned computing
</h1>
<div class="hero-text-1 liberationsans-bold-black-18px">
We believe in a world where our technology services are run by people we know, instead of remote,
profit-hungry advertising companies.
We believe in a world where our technology services are run
by people we know, instead of remote, profit-hungry
advertising companies.
</div>
<img class="stack4" src="img/stack-3.svg" /><img class="human1" src="img/human1@2x.svg" />
<img class="stack4" src="img/stack-3.svg" /><img
class="human1"
src="img/human1@2x.svg"
/>
</div>
<div class="buttons">
<div class="button smart-layers-pointers">
<div class="text-i13631421432 valign-text-middle liberationmono-bold-white-14px">
<a class="liberationmono-bold-white-14px" href="https://yolo.servers.coop">TRY IT OUT</a>
<div
class="text-i13631421432 valign-text-middle liberationmono-bold-white-14px"
>
<a
class="liberationmono-bold-white-14px"
href="https://yolo.servers.coop"
>TRY IT OUT</a
>
</div>
</div>
<div class="button-1">
<div class="text-i13631422432 valign-text-middle liberationmono-bold-jade-14px">GET IN TOUCH</div>
<div
class="text-i13631422432 valign-text-middle liberationmono-bold-jade-14px"
>
GET IN TOUCH
</div>
</div>
</div>
</div>
@ -51,40 +82,57 @@
</div>
</div>
<div class="aim" id="reclaim-hosting">
<div class="reclaim-hosting liberationsans-bold-jade-48px bp3-animate-enter2" show-on-scroll>
<div
class="reclaim-hosting liberationsans-bold-jade-48px bp3-animate-enter2"
show-on-scroll
>
Reclaim hosting
</div>
<div class="hero-text-2 liberationsans-bold-black-18px bp3-animate-enter3">
Our goal is to reclaim the means of hosting, by making it easy for small organisations to run servers using
their own hardware.
<div
class="hero-text-2 liberationsans-bold-black-18px bp3-animate-enter3"
>
Our goal is to reclaim the means of hosting, by making it easy for
small organisations to run servers using their own hardware.
</div>
<div class="flex-row-1">
<div class="box bp3-animate-enter4">
<div class="frame-4">
<div class="overlap-group">
<div class="text liberationsans-bold-jade-32px">libre software platform</div>
<div class="text liberationsans-bold-jade-32px">
libre software platform
</div>
<img class="icon-dove" src="img/icon-dove-2@2x.svg" />
</div>
</div>
<div class="text-1 liberationsans-bold-black-18px">
<span class="liberationsans-bold-black-18px">Open source server hosting using </span
><span class="liberationmono-bold-black-18px">capsul-flask</span>
<span class="liberationsans-bold-black-18px"
>Open source server hosting using </span
><span class="liberationmono-bold-black-18px"
>capsul-flask</span
>
</div>
</div>
<div class="box-1 bp3-animate-enter5">
<div class="frame-4">
<div class="overlap-group">
<div class="text liberationsans-bold-jade-32px">co-operative algorithm</div>
<div class="text liberationsans-bold-jade-32px">
co-operative algorithm
</div>
<img class="icon-dove-1" src="img/icon-dove-1@2x.svg" />
</div>
</div>
<div class="text-1 liberationsans-bold-black-18px">
<span class="liberationsans-bold-black-18px">Open source server hosting using </span
><span class="liberationmono-bold-black-18px">capsul-flask</span>
<span class="liberationsans-bold-black-18px"
>Open source server hosting using </span
><span class="liberationmono-bold-black-18px"
>capsul-flask</span
>
</div>
</div>
</div>
<p class="text-5 liberationsans-regular-normal-black-16px bp3-animate-enter6">
<p
class="text-5 liberationsans-regular-normal-black-16px bp3-animate-enter6"
>
Fig. 2: The two parts of Serverscoop. Part platform, part community.
</p>
</div>
@ -95,21 +143,37 @@
<div class="group-26">
<img class="human2" src="img/human2@2x.svg" />
<div class="overlap-group-2">
<div id="joint-mission" class="a-joint-mission liberationsans-bold-jade-48px bp3-animate-enter7" show-on-scroll>
<div
id="joint-mission"
class="a-joint-mission liberationsans-bold-jade-48px bp3-animate-enter7"
show-on-scroll
>
A joint mission
</div>
<div class="hero-text-3 liberationsans-bold-black-18px bp3-animate-enter8">
Serverscoop is the collective effort of new and established entities in the tech co-operative space.
<div
class="hero-text-3 liberationsans-bold-black-18px bp3-animate-enter8"
>
Serverscoop is the collective effort of new and established
entities in the tech co-operative space.
</div>
</div>
<div class="frame-20">
<img class="logo-autonomic bp3-animate-enter9" src="img/logo-autonomic@2x.svg" /><img
<img
class="logo-autonomic bp3-animate-enter9"
src="img/logo-autonomic@2x.svg"
/><img
class="logo-platform6 bp3-animate-enter10"
src="img/logo-mc3.png"
/><img class="logo-wa bp3-animate-enter11" src="img/logo-wa@2x.svg" />
/><img
class="logo-wa bp3-animate-enter11"
src="img/logo-wa@2x.svg"
/>
</div>
<div class="frame-21">
<img class="logo-cni bp3-animate-enter12" src="img/logo-cni@2x.svg" /><img
<img
class="logo-cni bp3-animate-enter12"
src="img/logo-cni@2x.svg"
/><img
class="logo-mediablaze bp3-animate-enter13"
src="img/logo-mediablaze@2x.svg"
/>
@ -119,9 +183,20 @@
</div>
<div class="frame-28">
<div class="hero-text-4 liberationsans-bold-white-18px-2">
<span class="liberationsans-bold-black-18px"><a href="https://creativecommons.org/licenses/by-sa/4.0/" class="liberationsans-bold-black-18px">CC BY-SA</a></span
<span class="liberationsans-bold-black-18px"
><a
href="https://creativecommons.org/licenses/by-sa/4.0/"
class="liberationsans-bold-black-18px"
>CC BY-SA</a
></span
><span class="liberationsans-bold-white-18px"> | </span
><span class="liberationsans-bold-black-18px"><a href="git.coopcloud.tech/servers.coop/servers.coop" class="liberationsans-bold-black-18px">(source code)</a></span>
><span class="liberationsans-bold-black-18px"
><a
href="git.coopcloud.tech/servers.coop/servers.coop"
class="liberationsans-bold-black-18px"
>(source code)</a
></span
>
</div>
</div>
</div>
@ -131,37 +206,66 @@
<div class="header">
<img class="brand bp1-animate-enter" src="img/brand-5@2x.png" />
<div class="menu bp1-animate-enter1">
<div class="about liberationmono-bold-black-18px"><a href="#reclaim-hosting" class="liberationmono-bold-black-18px">ABOUT</a></div>
<div class="support liberationmono-bold-black-18px"><a href="#joint-mission" class="liberationmono-bold-black-18px">PARTNERS</a></div>
<div class="about liberationmono-bold-black-18px">
<a href="#reclaim-hosting" class="liberationmono-bold-black-18px"
>ABOUT</a
>
</div>
<div class="support liberationmono-bold-black-18px">
<a href="#joint-mission" class="liberationmono-bold-black-18px"
>PARTNERS</a
>
</div>
</div>
<div class="hero-text liberationsans-bold-jade-32px">
A DIY framework for community-owned computing
</div>
<div class="hero-text liberationsans-bold-jade-32px">A DIY framework for community-owned computing</div>
<div class="hero-text-1 liberationsans-bold-black-18px">
We believe in a world where our technology services are run by people we know, instead of remote,
profit-hungry advertising companies.
We believe in a world where our technology services are run by
people we know, instead of remote, profit-hungry advertising
companies.
</div>
<div class="overlap-group">
<img class="stack4" src="img/stack4-1@2x.svg" /><img class="human1" src="img/human1-1@2x.svg" />
<img class="stack4" src="img/stack4-1@2x.svg" /><img
class="human1"
src="img/human1-1@2x.svg"
/>
</div>
<div class="buttons">
<div class="button smart-layers-pointers">
<div class="text-i13629856432 valign-text-middle liberationmono-bold-white-14px">
<a class="liberationmono-bold-white-14px" href="https://yolo.servers.coop">TRY IT OUT</a>
<div
class="text-i13629856432 valign-text-middle liberationmono-bold-white-14px"
>
<a
class="liberationmono-bold-white-14px"
href="https://yolo.servers.coop"
>TRY IT OUT</a
>
</div>
</div>
<div class="button-1">
<div class="text-i13629857432 valign-text-middle liberationmono-bold-jade-14px">GET IN TOUCH</div>
<div
class="text-i13629857432 valign-text-middle liberationmono-bold-jade-14px"
>
GET IN TOUCH
</div>
</div>
</div>
<img class="hero-tilt" src="img/hero-tilt-1@1x.svg" />
</div>
<div class="aim" id="reclaim-hosting">
<div class="group-23">
<div class="reclaim-hosting liberationsans-bold-jade-32px bp1-animate-enter2" show-on-scroll>
<div
class="reclaim-hosting liberationsans-bold-jade-32px bp1-animate-enter2"
show-on-scroll
>
Reclaim hosting
</div>
<div class="hero-text-2 liberationsans-bold-black-18px bp1-animate-enter3">
Our goal is to reclaim the means of hosting, by making it easy for small organisations to run servers
using their own hardware.
<div
class="hero-text-2 liberationsans-bold-black-18px bp1-animate-enter3"
>
Our goal is to reclaim the means of hosting, by making it easy for
small organisations to run servers using their own hardware.
</div>
</div>
<div class="box bp1-animate-enter4">
@ -170,7 +274,8 @@
<img class="icon-dove" src="img/icon-dove-1@2x.svg" />
</div>
<div class="text-1 liberationsans-bold-black-18px">
<span class="liberationsans-bold-black-18px">Open source server hosting using </span
<span class="liberationsans-bold-black-18px"
>Open source server hosting using </span
><span class="liberationmono-bold-black-18px">capsul-flask</span>
</div>
</div>
@ -180,11 +285,14 @@
<img class="icon-dove" src="img/icon-handshake@2x.svg" />
</div>
<div class="text-1 liberationsans-bold-black-18px">
<span class="liberationsans-bold-black-18px">Open source server hosting using </span
<span class="liberationsans-bold-black-18px"
>Open source server hosting using </span
><span class="liberationmono-bold-black-18px">capsul-flask</span>
</div>
</div>
<p class="text-10 liberationsans-regular-normal-black-16px bp1-animate-enter6">
<p
class="text-10 liberationsans-regular-normal-black-16px bp1-animate-enter6"
>
Fig. 2: The two parts of Serverscoop. Part platform, part community.
</p>
</div>
@ -194,20 +302,36 @@
<div class="frame-26"></div>
<img class="human2" src="img/human2-1@2x.svg" />
</div>
<div id="joint-mission" class="a-joint-mission liberationsans-bold-jade-32px bp1-animate-enter7" show-on-scroll>
<div
id="joint-mission"
class="a-joint-mission liberationsans-bold-jade-32px bp1-animate-enter7"
show-on-scroll
>
A joint mission
</div>
<div class="hero-text-3 liberationsans-bold-black-18px bp1-animate-enter8">
Serverscoop is the collective effort of new and established entities in the tech co-operative space.
<div
class="hero-text-3 liberationsans-bold-black-18px bp1-animate-enter8"
>
Serverscoop is the collective effort of new and established entities
in the tech co-operative space.
</div>
<div class="frame-20">
<img class="logo-autonomic bp1-animate-enter9" src="img/logo-autonomic@2x.svg" /><img
<img
class="logo-autonomic bp1-animate-enter9"
src="img/logo-autonomic@2x.svg"
/><img
class="logo-platform6 bp1-animate-enter10"
src="img/logo-mc3.png"
/><img class="logo-wa bp1-animate-enter11" src="img/logo-wa-5@2x.svg" />
/><img
class="logo-wa bp1-animate-enter11"
src="img/logo-wa-5@2x.svg"
/>
</div>
<div class="frame-21">
<img class="logo-cni bp1-animate-enter12" src="img/logo-cni-5@2x.svg" /><img
<img
class="logo-cni bp1-animate-enter12"
src="img/logo-cni-5@2x.svg"
/><img
class="logo-mediablaze bp1-animate-enter13"
src="img/logo-mediablaze@2x.svg"
/>
@ -215,9 +339,20 @@
</div>
<div class="frame-28">
<div class="hero-text-4 liberationsans-bold-white-18px-2">
<span class="liberationsans-bold-black-18px"><a href="https://creativecommons.org/licenses/by-sa/4.0/" class="liberationsans-bold-black-18px">CC BY-SA</a></span
<span class="liberationsans-bold-black-18px"
><a
href="https://creativecommons.org/licenses/by-sa/4.0/"
class="liberationsans-bold-black-18px"
>CC BY-SA</a
></span
><span class="liberationsans-bold-white-18px"> | </span
><span class="liberationsans-bold-black-18px"><a href="git.coopcloud.tech/servers.coop/servers.coop" class="liberationsans-bold-black-18px">(source code)</a></span>
><span class="liberationsans-bold-black-18px"
><a
href="git.coopcloud.tech/servers.coop/servers.coop"
class="liberationsans-bold-black-18px"
>(source code)</a
></span
>
</div>
</div>
</div>
@ -228,24 +363,50 @@
<div class="header">
<img class="brand bp2-animate-enter" src="img/brand@2x.svg" />
<div class="menu bp2-animate-enter1">
<div class="about liberationmono-bold-black-18px"><a href="#reclaim-hosting" class="liberationmono-bold-black-18px">ABOUT</a></div>
<div class="support liberationmono-bold-black-18px"><a href="#joint-mission" class="liberationmono-bold-black-18px">PARTNERS</a></div>
<div class="about liberationmono-bold-black-18px">
<a
href="#reclaim-hosting"
class="liberationmono-bold-black-18px"
>ABOUT</a
>
</div>
<div class="support liberationmono-bold-black-18px">
<a href="#joint-mission" class="liberationmono-bold-black-18px"
>PARTNERS</a
>
</div>
</div>
<div class="hero-text liberationsans-bold-jade-32px">
A DIY framework for community-owned computing
</div>
<div class="hero-text liberationsans-bold-jade-32px">A DIY framework for community-owned computing</div>
<div class="hero-text-1 liberationsans-bold-black-18px">
We believe in a world where our technology services are run by people we know, instead of remote,
profit-hungry advertising companies.
We believe in a world where our technology services are run by
people we know, instead of remote, profit-hungry advertising
companies.
</div>
<div class="overlap-group1-1">
<img class="stack4" src="img/stack4-2@2x.svg" /><img class="human1" src="img/human1-2@2x.svg" />
<img class="stack4" src="img/stack4-2@2x.svg" /><img
class="human1"
src="img/human1-2@2x.svg"
/>
<div class="buttons">
<div class="button smart-layers-pointers">
<div class="text-i13630520432 valign-text-middle liberationmono-bold-white-14px">
<a class="liberationmono-bold-white-14px" href="https://yolo.servers.coop">TRY IT OUT</a>
<div
class="text-i13630520432 valign-text-middle liberationmono-bold-white-14px"
>
<a
class="liberationmono-bold-white-14px"
href="https://yolo.servers.coop"
>TRY IT OUT</a
>
</div>
</div>
<div class="button-1">
<div class="text-i13630521432 valign-text-middle liberationmono-bold-jade-14px">GET IN TOUCH</div>
<div
class="text-i13630521432 valign-text-middle liberationmono-bold-jade-14px"
>
GET IN TOUCH
</div>
</div>
</div>
</div>
@ -253,42 +414,60 @@
</div>
<div class="aim" id="reclaim-hosting">
<div class="group-23">
<div class="reclaim-hosting liberationsans-bold-jade-32px bp2-animate-enter2" show-on-scroll>
<div
class="reclaim-hosting liberationsans-bold-jade-32px bp2-animate-enter2"
show-on-scroll
>
Reclaim hosting
</div>
<div class="hero-text-2 liberationsans-bold-black-18px bp2-animate-enter3">
Our goal is to reclaim the means of hosting, by making it easy for small organisations to run servers
using their own hardware.
<div
class="hero-text-2 liberationsans-bold-black-18px bp2-animate-enter3"
>
Our goal is to reclaim the means of hosting, by making it easy
for small organisations to run servers using their own hardware.
</div>
</div>
<div class="flex-row">
<div class="box bp2-animate-enter4">
<div class="frame-4">
<div class="overlap-group1">
<div class="text-1 liberationsans-bold-jade-32px">libre software platform</div>
<div class="text-1 liberationsans-bold-jade-32px">
libre software platform
</div>
<img class="icon-dove" src="img/icon-dove@2x.svg" />
</div>
</div>
<div class="text-1-1 liberationsans-bold-black-18px">
<span class="liberationsans-bold-black-18px">Open source server hosting using </span
><span class="liberationmono-bold-black-18px">capsul-flask</span>
<span class="liberationsans-bold-black-18px"
>Open source server hosting using </span
><span class="liberationmono-bold-black-18px"
>capsul-flask</span
>
</div>
</div>
<div class="box-1 bp2-animate-enter5">
<div class="frame-4">
<div class="overlap-group1">
<div class="text-1 liberationsans-bold-jade-32px">co-operative algorithm</div>
<div class="text-1 liberationsans-bold-jade-32px">
co-operative algorithm
</div>
<img class="icon-dove" src="img/icon-handshake@2x.svg" />
</div>
</div>
<div class="text-1-1 liberationsans-bold-black-18px">
<span class="liberationsans-bold-black-18px">Open source server hosting using </span
><span class="liberationmono-bold-black-18px">capsul-flask</span>
<span class="liberationsans-bold-black-18px"
>Open source server hosting using </span
><span class="liberationmono-bold-black-18px"
>capsul-flask</span
>
</div>
</div>
</div>
<p class="text-15 liberationsans-regular-normal-black-16px bp2-animate-enter6">
Fig. 2: The two parts of Serverscoop. Part platform, part community.
<p
class="text-15 liberationsans-regular-normal-black-16px bp2-animate-enter6"
>
Fig. 2: The two parts of Serverscoop. Part platform, part
community.
</p>
</div>
</div>
@ -298,20 +477,36 @@
<div class="frame-26"></div>
<img class="human2" src="img/human2-2@2x.svg" />
</div>
<div id="joint-mission" class="a-joint-mission liberationsans-bold-jade-32px bp2-animate-enter7" show-on-scroll>
<div
id="joint-mission"
class="a-joint-mission liberationsans-bold-jade-32px bp2-animate-enter7"
show-on-scroll
>
A joint mission
</div>
<div class="hero-text-3 liberationsans-bold-black-18px bp2-animate-enter8">
Serverscoop is the collective effort of new and established entities in the tech co-operative space.
<div
class="hero-text-3 liberationsans-bold-black-18px bp2-animate-enter8"
>
Serverscoop is the collective effort of new and established entities
in the tech co-operative space.
</div>
<div class="frame-20">
<img class="logo-autonomic bp2-animate-enter9" src="img/logo-autonomic@2x.svg" /><img
<img
class="logo-autonomic bp2-animate-enter9"
src="img/logo-autonomic@2x.svg"
/><img
class="logo-platform6 bp2-animate-enter10"
src="img/logo-mc3.png"
/><img class="logo-wa bp2-animate-enter11" src="img/logo-wa-2@2x.svg" />
/><img
class="logo-wa bp2-animate-enter11"
src="img/logo-wa-2@2x.svg"
/>
</div>
<div class="frame-21">
<img class="logo-cni bp2-animate-enter12" src="img/logo-cni-7@2x.svg" /><img
<img
class="logo-cni bp2-animate-enter12"
src="img/logo-cni-7@2x.svg"
/><img
class="logo-mediablaze bp2-animate-enter13"
src="img/logo-mediablaze@2x.svg"
/>
@ -319,9 +514,20 @@
</div>
<div class="frame-28">
<div class="hero-text-4 liberationsans-bold-white-18px-2">
<span class="liberationsans-bold-black-18px"><a href="https://creativecommons.org/licenses/by-sa/4.0/" class="liberationsans-bold-black-18px">CC BY-SA</a> </span
<span class="liberationsans-bold-black-18px"
><a
href="https://creativecommons.org/licenses/by-sa/4.0/"
class="liberationsans-bold-black-18px"
>CC BY-SA</a
> </span
><span class="liberationsans-bold-white-18px"> | </span
><span class="liberationsans-bold-black-18px"><a href="git.coopcloud.tech/servers.coop/servers.coop" class="liberationsans-bold-black-18px">(source code)</a></span>
><span class="liberationsans-bold-black-18px"
><a
href="git.coopcloud.tech/servers.coop/servers.coop"
class="liberationsans-bold-black-18px"
>(source code)</a
></span
>
</div>
</div>
</div>
@ -385,7 +591,9 @@
this.nextEventY == undefined;
// Collect items
var itemsToShowOnScroll = Array.prototype.slice.call(document.getElementsByTagName("*"));
var itemsToShowOnScroll = Array.prototype.slice.call(
document.getElementsByTagName("*")
);
itemsToShowOnScroll = itemsToShowOnScroll.filter(function (e) {
return e.getAttribute("show-on-scroll") != undefined;
});
@ -401,7 +609,8 @@
}
this.toShow.push(e);
this.hide(e);
this.nextEventY = this.nextEventY != undefined ? this.nextEventY : top;
this.nextEventY =
this.nextEventY != undefined ? this.nextEventY : top;
}
};