servers.coop/index.html

220 lines
7.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Servers.coop</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" type="image/png" href="static/favicon.ico" />
<!-- <link rel="apple-touch-icon" href="/static/icon.png" /> -->
<link href="static/vendor/normalize.css" rel="stylesheet" />
<link href="static/styleguide.css" rel="stylesheet" />
<link href="static/serverscoop.css" rel="stylesheet" />
</head>
<body>
<main>
<header>
<img src="static/generated/logo.webp" />
<div class="header-links horizontal flex-end">
<a href="#about">ABOUT</a>
<a href="#partners">PARTNERS</a>
<a href="#get-involved">GET INVOLVED</a>
</div>
</header>
<div class="vertical align-center">
<div class="splash space-between">
<div class="splash-text-content">
<h1>
A recipe for self-managed co-operative computing
</h1>
<p>
Servers.coop is an algorithm for co-operation: a technical,
governance, and cost-sharing stack which radically reduces the
cost and complexity of setting up a server hosting provider.
</p>
<div class="button-links horizontal">
<a href="https://yolo.servers.coop" class="button-link primary"
>TRY IT OUT</a
>
</div>
</div>
<div class="splash-image-content">
<div class="magical-flying-div-anchor">
<img
alt="technology food pyramid showing serverscoop at the base, with operating systems and applications on top"
src="static/generated/pyramid.webp"
class="pyramid-image"
/>
</div>
<div class="magical-flying-div-anchor">
<img
alt="A cute looking person squatting like a hipster"
src="static/generated/squatting-person.webp"
class="squatting-person"
/>
</div>
</div>
<div class="button-links horizontal expand justify-center">
<a href="https://yolo.servers.coop" class="button-link primary"
>TRY IT OUT</a
>
</div>
</div>
<img src="static/background-tilt-top.svg" class="background-tilt-top" />
<div class="main-content">
<div class="vertical center">
<h1 id="about">
Reclaiming digital infrastructure
</h1>
<p class="main-content-paragraph">
Our goal is to support an emerging ecosystem of grassroots,
decentralised server hosting providers by stewarding a technical
and social toolkit designed for free software communities
worldwide.
</p>
<div
class="boxes-container horizontal expand space-between align-stretch"
>
<div class="box">
<img
alt="dove carrying olive branch"
src="static/generated/dove.webp"
class="float-right"
/>
<h3>
Libre software platform
</h3>
<p>
Free and libre server hosting service utilizing
<a href="https://git.autonomic.zone/3wordchant/capsul-flask"
>Capsul</a
>, a brand new Affero GPL licensed Virtual Machine as a
Service platform.
</p>
</div>
<div class="box">
<img
alt="handshake"
src="static/generated/handshake.webp"
class="float-right"
/>
<h3>
Co-operative algorithm
</h3>
<p>
Co-operative ownership models and toolkits for software,
hardware and social protocols designed to help create and
operate a server hosting provider.
</p>
</div>
</div>
<p>
<br />
<!-- TODO: Fig. 2: The two parts of Serverscoop. Part platform, part community. -->
</p>
</div>
</div>
<div class="horizontal expand justify-center">
<div class="magical-flying-div-anchor">
<img
alt="two nerds looking smug, confident, and happy"
src="static/generated/arms-crossed-people.webp"
class="arms-crossed-people-image"
/>
</div>
</div>
<div class="main-content-footer center">
<img
src="static/background-tilt-bottom.png"
class="background-tilt-bottom"
/>
<h1 id="partners">A joint mission</h1>
<p>
Servers.coop is the collective effort of new and established
entities in the tech co-operative space.
</p>
<div class="horizontal wrap justify-center align-center logos">
<a href="https://autonomic.zone">
<img alt="autonomic" src="static/generated/logo-autonomic.webp" />
</a>
<a href="https://cyberia.club">
<img
alt="Cyberia Computer Club"
width="280px"
src="static/generated/logo-cyberia.webp"
/>
</a>
<a href="http://mc3.coop/">
<img alt="MC3" src="static/generated/logo-mc3.webp" />
</a>
<a href="https://www.webarchitects.coop/">
<img alt="webarchitects" width="120px" src="static/generated/logo-wa.webp" />
</a>
<a href="https://cni.coop/">
<img
alt="Co-operative Network Infrastructure"
class="darker-background"
src="static/generated/logo-cni.webp"
/>
</a>
<a href="https://mediablazehosts.coop/">
<img
alt="mediablazehosts.coop"
src="static/generated/logo-mediablaze.webp"
/>
</a>
<a href="https://www.animorph.coop/">
<img
alt="Animorph Co-op"
src="static/generated/logo-animorph.webp"
/>
</a>
</div>
</div>
</div>
<div class="vertical align-center" id="get-involved">
<h1>
Get involved
</h1>
<p>
Come chat to the community in our matrix space, or if your client doesn't support that, join our main Matrix channel:
</p>
<div class="horizontal">
<a href="https://matrix.to/#/##serverscoop:libera.chat" class=button-link
>JOIN OUR MATRIX CHANNEL</a
>
<a href="https://matrix.to/#/!bDeUsKuqTQwBjBEAuj:autonomic.zone" class=button-link>
JOIN OUR MATRIX SPACE</a
>
</div>
<p>
Or, if you're old-school, you can
</p>
<div class="vertical align-center">
<a href="irc://libera.chat/#serverscoop" class=button-link>JOIN OUR IRC CHANNEL </a>
<p/>
<div class="horizontal">
<a href="https://www.email-lists.org/mailman/listinfo/servers-coop" class=button-link>JOIN OUR MAILING LIST</a>
<a href="mailto:hello@servers.coop" class=button-link>SEND US A MAIL</a>
</div>
</div>
</div>
<footer class="horizontal justify-center">
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC BY-SA</a>
<a href="https://git.coopcloud.tech/servers.coop/servers.coop">(source code)</a>
</footer>
</main>
</body>
</html>