Skip to content
Normal view History Permalink
index.html 2.16 KiB
Newer Older
f0x's avatar
Initial design, red version
f0x committed
1 2 3 4 5 
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=devicewidth" />
realitygaps's avatar
Updating text, replacing loremipsum  
realitygaps committed
6 
        <title>librehost</title>
f0x's avatar
Initial design, red version
f0x committed
7 8 9 10 11 12 
        <link href="style.css" rel="stylesheet" type="text/css">
    </head>
    <body id="body">
      <div id="triangles">
      </div>
      <div class="header">
realitygaps's avatar
Updating text, replacing loremipsum  
realitygaps committed
13 
        <h1>librehost</h1>
f0x's avatar
Initial design, red version
f0x committed
14 15 16 
      </div>
      <div class="ideals">
        <div class="block">
realitygaps's avatar
updating texts  
realitygaps committed
17 
		librehosters is a <a href="">network</a> of <a href="">cooperation</a> and <a href="">solidarity</a> that uses <a href="">free software</a> to encourage <a href="">decentralisation</a> through <a href="">federation</a> and <a href="">distributed platforms</a>. We value <a href="">transparency</a>, <a href="">fairness</a> and <a href="">privacy</a> and work towards <a href="">data portability</a> and <a href"">public contributions to the commons<a/>.
f0x's avatar
Initial design, red version
f0x committed
18 19 
        </div>
      </div>
f0x's avatar
Animation attribution  
f0x committed
20 21 22 
      <div id="attribution">
        Animation adapted from <a href='https://blog.alexwendland.com/2015/particle-network-js-animations/'>Alex</a> released <a href="https://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>
      </div>
f0x's avatar
Initial design, red version
f0x committed
23 
      <div class="content">
realitygaps's avatar
Updating text, replacing loremipsum  
realitygaps committed
24 
        <h1 id="network">How to join the network?</h1>
f0x's avatar
Initial design, red version
f0x committed
25
realitygaps's avatar
Updating text, replacing loremipsum  
realitygaps committed
26 27 28 
The librehosters network is work in progress at this point. First gathering kicked of the creation of the network, inspired by the CHATONS, network in the french speaking world. Libre Selfhosters are also welcome in the network.
<br/><br/>
	<h1 id="blah">How to participate in the project?</h1>
f0x's avatar
Initial design, red version
f0x committed
29
realitygaps's avatar
Updating text, replacing loremipsum  
realitygaps committed
30 
	We currently have a discussion ongoing at <a href="https://talk.libreho.st">talk.libreho.st</a> and are developing tools at <a href="https://lab.libreho.st">lab.libreho.st</a>. A list of librehosters will soon be published at <a href="https://libreho.st/librehosters">libreho.st/librehosters</a>. If you would like to be included in this list please add a librehost.json file to your projects website and add the project itself to the librehosters directory repository (coming soon.)
f0x's avatar
Initial design, red version
f0x committed
31 32 33 34 
      </div>
      <script src="animation.js">
      </script>
      <script>
f0x's avatar
blue  
f0x committed
35 
        addTriangles(document.getElementById("triangles"), "hsla(208, 61%, 53%, 1)")
f0x's avatar
Initial design, red version
f0x committed
36 37 38 
      </script>
    </body>
</html>