158 lines
5.4 KiB
HTML
158 lines
5.4 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.png" />
|
|
<!-- <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/logo.svg" />
|
|
<div class="header-links horizontal flex-end">
|
|
<a href="#about">ABOUT</a>
|
|
<a href="#partners">PARTNERS</a>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="vertical align-center">
|
|
<div class="splash space-between">
|
|
|
|
<div class="splash-text-content">
|
|
<h1 >
|
|
A DIY framework for community-owned computing
|
|
</h1>
|
|
<p>
|
|
We believe in a world where our technology services are run
|
|
by people we know, instead of remote, profit-hungry advertising companies.
|
|
</p>
|
|
<div class="button-links horizontal">
|
|
<a href="https://yolo.servers.coop" class="button-link primary">TRY IT OUT</a>
|
|
<a href="mailto:hello@servers.coop" class="button-link">GET IN TOUCH</a>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="splash-image-content">
|
|
<div class="position-absolute">
|
|
<img
|
|
alt="technology food pyramid showing serverscoop at the base, with operating systems and applications on top"
|
|
src="static/pyramid.png"
|
|
class="pyramid-image"
|
|
/>
|
|
</div>
|
|
<div class="position-absolute">
|
|
<img
|
|
alt="A cute looking person squatting like a hipster"
|
|
src="static/squatting-person.svg"
|
|
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>
|
|
<a href="mailto:hello@servers.coop" class="button-link">GET IN TOUCH</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">Reclaim Hosting</h1>
|
|
<p class="main-content-paragraph">
|
|
We've set out to reclaim the means of hosting,
|
|
by making it easier for small organisations
|
|
to manage virtual machines on their own hardware.
|
|
</p>
|
|
<div class="boxes-container horizontal expand space-between align-stretch">
|
|
<div class="box">
|
|
<img alt="dove carrying olive branch" src="static/dove.svg" class="float-right" />
|
|
<h3>
|
|
libre software platform
|
|
</h3>
|
|
<p>
|
|
Open source 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/handshake.svg" class="float-right" />
|
|
<h3>
|
|
co-operative strategy
|
|
</h3>
|
|
<p>
|
|
More than just a service provider, more than just a business.<br/>
|
|
We aim to nurture a co-operative community of small hosters
|
|
</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="position-absolute">
|
|
<img
|
|
alt="two nerds looking smug, confident, and happy"
|
|
src="static/arms-crossed-people.svg"
|
|
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>Serverscoop 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/logo-autonomic.svg"/>
|
|
</a>
|
|
<a href="https://cyberia.club">
|
|
<img alt="Cyberia Computer Club" width="280px" src="static/logo-cyberia.png"/>
|
|
</a>
|
|
<a href="http://mc3.coop/">
|
|
<img alt="MC3" src="static/logo-mc3.png"/>
|
|
</a>
|
|
|
|
<a href="https://www.webarchitects.coop/">
|
|
<img alt="webarchitects" width="120px" src="static/logo-wa.svg"/>
|
|
</a>
|
|
<a href="https://cni.coop/" >
|
|
<img alt="Co-operative Network Infrastructure" class="darker-background" src="static/logo-cni.svg"/>
|
|
</a>
|
|
<a href="https://mediablazehosts.coop/">
|
|
<img alt="mediablazehosts.coop" src="static/logo-mediablaze.svg"/>
|
|
</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="git.coopcloud.tech/servers.coop/servers.coop">(source code)</a>
|
|
</footer>
|
|
|
|
</main>
|
|
|
|
|
|
</body>
|
|
</html> |