Skip to content
Find file Normal view History Permalink
index.html 2.61 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
Update index.html with better title/h1  
realitygaps committed
6 
        <title>libreho.st - the librehosters network</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
Update index.html with better title/h1  
realitygaps committed
13 
        <h1>libreho.st - the librehosters network</h1>
f0x's avatar
Initial design, red version
f0x committed
14 15 16 
      </div>
      <div class="ideals">
        <div class="block">
f0x's avatar
fix missing =, and wrong closing tag  
f0x 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>. Our values connect <a href="">transparency</a>, <a href="">fairness</a> and <a href="">privacy</a> with a culture of <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
Open some links in new tab, add noopener & noreferrer, link to chatons.org  
realitygaps committed
26 
	The librehosters network is work in progress at this point. First gathering kicked of the creation of the network, inspired by the <a href="https://chatons.org" target="_blank" rel="noopener noreferrer">CHATONS network</a> in the french speaking world. Libre Selfhosters are also welcome in the network.
realitygaps's avatar
Updating text, replacing loremipsum  
realitygaps committed
27 28 
<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 with directory link  
realitygaps committed
30 
	We currently have a discussion ongoing at <a href="https://talk.libreho.st" target="_blank" rel="noopener noreferrer">talk.libreho.st</a> and are developing tools at <a href="https://lab.libreho.st" target="_blank" rel="noopener noreferrer">lab.libreho.st</a>. A directory of librehosters is available at <a href="https://directory.libreho.st" target="_blank" rel="noopener noreferrer">https://directory.libreho.st</a>. If you would like to be included in this list please add a <a href="https://lab.libreho.st/librehosters/librehost-api" target="_blank" rel="noopener noreferrer">librehost.json file</a> to your projects website and add the project itself to the <a href="https://lab.libreho.st/librehosters/directory" target="_blank" rel="noopener noreferrer">librehosters directory repository</a>.
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>