Skip to content
Find file Normal view History Permalink
index.html 2.2 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="blah">How to participate in the project?</h1>
realitygaps's avatar
fosdem website updates with iframe  
realitygaps committed
25 26 27 
	<p align="center">
	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>. 
	</p>
realitygaps's avatar
more small tweaks  
realitygaps committed
28 29 
	<p align="center">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>.
	</p>	<br/>
realitygaps's avatar
fosdem website updates with iframe  
realitygaps committed
30 
	<iframe src="https://directory.libreho.st" width="100%" height="4000" frameBorder="0"></iframe>
f0x's avatar
Initial design, red version
f0x committed
31 32 
      </div>
      <script>
f0x's avatar
blue  
f0x committed
33 
        addTriangles(document.getElementById("triangles"), "hsla(208, 61%, 53%, 1)")
f0x's avatar
Initial design, red version
f0x committed
34 35 36 
      </script>
    </body>
</html>