Browse Source

Add link for official apps

master
Knah Tsaeb 3 years ago
parent
commit
072b08986c
3 changed files with 195 additions and 102 deletions
  1. +32
    -0
      apps.html
  2. +34
    -1
      css/styles.css
  3. +129
    -101
      index.html

+ 32
- 0
apps.html View File

@@ -0,0 +1,32 @@
<!doctype html>
<html lang="fr">

<head>
<meta charset="utf-8">
<title>LesLibres.org</title>
<meta name="description" content="LesLibres.org est une futur association visant à la promotion du Libre.">
<meta name="author" content="LesLibres.org">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" type="image/png" href="favicon.png" />
</head>

<body>
<img src="banniere.png" alt="Banniere : LesLibres.org un pas de plus vers la liberté" id="banniere" class="case" />
<div class="footer">
<ul>
<li>Le blog est propulsé par Wordpress <a href="https://fr.wordpress.com/">site officiel</a>.</li>
<li>Le webmail est propulsé par RoundCube <a href="http://roundcube.net/">site officiel</a>.</li>
<li>Le cloud est propulsé par Owncloud <a href="http://www.owncloud.org/">site officiel</a>.</li>
<li>La ferme d'autoblog est propulsé par une version modifié d'Autoblog <a href="https://github.com/mitsukarenai/Projet-Autoblog">site officiel</a>.</li>
<li>Le pastbin est propulsé par ZeroBin <a href="https://github.com/sebsauvage/ZeroBin">site officiel</a>.</li>
<li>Le chat est propulsé par MyCryptoChat <a href="https://github.com/HowTommy/mycryptochat">Site officiel</a>.</li>
<li>Le wiki est propulsé par DokuWiki <a href="http://dokuwiki.org/">site officiel</a>.</li>
<li>La forge est propulsé par Gogs <a href="https://gogs.io/">site officiel</a>.</li>
<li>Les bridges rss est propulsé par RSS-Bridge <a href="https://github.com/sebsauvage/rss-bridge">site officiel</a>.</li>
<li>Le partage de fichier est propulsé par Lufi <a href="https://framagit.org/luc/lufi">site officiel</a>.</li>
<li>Le Doodle-like est propulsé par FramaDate <a href="https://git.framasoft.org/framasoft/framadate">site officiel</a>.</li>
</ul>
</div>
</body>

</html>

+ 34
- 1
css/styles.css View File

@@ -58,4 +58,37 @@ a {
width: 100%;
max-width: 500px;
display: block;
}
}
.footer {
width: 80%;
background-color: #fefefe;
border: 1px solid #ababab;
border-radius: 0.3em;
-webkit-box-shadow: 0 6px 8px -8px black;
-moz-box-shadow: 0 6px 8px -8px black;
box-shadow: 0 6px 8px -8px black;
margin: 0 auto;
padding: .3em;
}
/* max-width */
@media screen and (max-width: 600px) {
.case {
width: 30%;
}
}
/* min-width */
@media screen and (min-width: 900px) {
.case {
width: 20%;
}
}
/* max device width */
@media screen and (max-width: 480px) {
.case {
width: 90%;
}
}

+ 129
- 101
index.html View File

@@ -1,104 +1,132 @@
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>LesLibres.org</title>
<meta name="description" content="LesLibres.org est une futur association visant à la promotion du Libre.">
<meta name="author" content="LesLibres.org">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" type="image/png" href="favicon.png" />
</head>
<body>
<img src="banniere.png" alt="Banniere : LesLibres.org un pas de plus vers la liberté" id="banniere" class="case"/>
<div id="content">
<a href="#">
<div class="case">
<h3>L'association</h3>
<p class="desc">
Tous sur l'association LesLibres.org (bientôt).
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fleslibres.org" alt="thumbshot du site leslibres.org"/>
</div> </a>
<a href="http://blog.leslibres.org">
<div class="case">
<h3>Blog</h3>
<p class="desc">
L'actualité de LesLibres.org.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fblog.leslibres.org" alt="thumbshot du blog leslibres.org"/>
</div> </a>
<a href="https://webmail.leslibres.org">
<div class="case">
<h3>Webmail</h3>
<p class="desc">
La consultation de mail c'est par ici.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fwebmail.leslibres.org" alt="thumbshot du webmail leslibres.org"/>
</div> </a>
<a href = "https://box.leslibres.org">
<div class = "case">
<h3>Cloud</h3>
<p class="desc">
Bienvenue dans les nuages.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fbox.leslibres.org" alt="thumbshot du cloud leslibres.org"/>
</div> </a>
<a href="http://autoblog.leslibres.org">
<div class="case">
<h3>Ferme d'AutoBlog</h3>
<p class="desc">
Censure, Streisand, Flamby c'est par ici.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fautoblog.leslibres.org" alt="thumbshot de la ferme d'autoblog leslibres.org"/>
</div> </a>
<a href="https://zerobin.leslibres.org">
<div class="case">
<h3>Pastebin</h3>
<p class="desc">
Besoin de partager du texte, voici notre pastebin
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fzerobin.leslibres.org" alt="thumbshot du zerobin leslibres.org"/>
</div> </a>
<a href="http://wiki.leslibres.org">
<div class="case">
<h3>Wiki</h3>
<p class="desc">
Toutes nos documentation en quelques clics.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fwiki.leslibres.org" alt="thumbshot du wiki leslibres.org"/>
</div> </a>
<a href="https://forge.leslibres.org">
<div class="case">
<h3>Forge</h3>
<p class="desc">
Notre forge pour vos projets.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fforge.leslibres.org" alt="thumbshot de la forge leslibres.org"/>
</div> </a>
<a href="http://bridge.leslibres.org">
<div class="case">
<h3>Bridge</h3>
<p class="desc">
Des flux RSS pour les sites qui n'en proposent pas.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fbridge.leslibres.org" alt="thumbshot du site bridge.leslibres.org"/>
</div> </a>
<a href="http://file.leslibres.org">
<div class="case">
<h3>Lufi</h3>
<p class="desc">
Partagez des fichiers en toute simplicité et sécurité.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Ffile.leslibres.org" alt="thumbshot du site file.leslibres.org"/>
</div> </a>
<a href="http://date.leslibres.org">
<div class="case">
<h3>Framadate</h3>
<p class="desc">
Créez des sondages en toute simplicité.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fdate.leslibres.org" alt="thumbshot du site date.leslibres.org"/>
</div> </a>
</div>
</body>

<head>
<meta charset="utf-8">
<title>LesLibres.org</title>
<meta name="description" content="LesLibres.org est une futur association visant à la promotion du Libre.">
<meta name="author" content="LesLibres.org">
<link rel="stylesheet" href="css/styles.css">
<link rel="shortcut icon" type="image/png" href="favicon.png" />
</head>

<body>
<img src="banniere.png" alt="Banniere : LesLibres.org un pas de plus vers la liberté" id="banniere" class="case" />
<div id="content">
<a href="#">
<div class="case">
<h3>L'association</h3>
<p class="desc">
Tous sur l'association LesLibres.org (bientôt).
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fleslibres.org" alt="thumbshot du site leslibres.org" />
</div>
</a>
<a href="http://blog.leslibres.org">
<div class="case">
<h3>Blog</h3>
<p class="desc">
L'actualité de LesLibres.org.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fblog.leslibres.org" alt="thumbshot du blog leslibres.org" />
</div>
</a>
<a href="https://webmail.leslibres.org">
<div class="case">
<h3>Webmail</h3>
<p class="desc">
La consultation de mail c'est par ici.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fwebmail.leslibres.org" alt="thumbshot du webmail leslibres.org" />
</div>
</a>
<a href="https://box.leslibres.org">
<div class="case">
<h3>Cloud</h3>
<p class="desc">
Bienvenue dans les nuages.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fbox.leslibres.org" alt="thumbshot du cloud leslibres.org" />
</div>
</a>
<a href="http://autoblog.leslibres.org">
<div class="case">
<h3>Ferme d'AutoBlog</h3>
<p class="desc">
Censure, Streisand, Flamby c'est par ici.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fautoblog.leslibres.org" alt="thumbshot de la ferme d'autoblog leslibres.org" />
</div>
</a>
<a href="https://zerobin.leslibres.org">
<div class="case">
<h3>Pastebin</h3>
<p class="desc">
Besoin de partager du texte, voici notre pastebin
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fzerobin.leslibres.org" alt="thumbshot du zerobin leslibres.org" />
</div>
</a>
<a href="https://chat.leslibres.org">
<div class="case">
<h3>MyCryptoChat</h3>
<p class="desc">
Besoin de chatter de manière sécurisé ? Cette webapp est faites pour vous.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fchat.leslibres.org" alt="thumbshot du zerobin leslibres.org" />
</div>
</a>
<a href="http://wiki.leslibres.org">
<div class="case">
<h3>Wiki</h3>
<p class="desc">
Toutes nos documentations en quelques clics.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fwiki.leslibres.org" alt="thumbshot du wiki leslibres.org" />
</div>
</a>
<a href="https://forge.leslibres.org">
<div class="case">
<h3>Forge</h3>
<p class="desc">
Notre forge pour vos projets.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=https%3A%2F%2Fforge.leslibres.org" alt="thumbshot de la forge leslibres.org" />
</div>
</a>
<a href="http://bridge.leslibres.org">
<div class="case">
<h3>Bridge</h3>
<p class="desc">
Des flux RSS pour les sites qui n'en proposent pas.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fbridge.leslibres.org" alt="thumbshot du site bridge.leslibres.org" />
</div>
</a>
<a href="http://file.leslibres.org">
<div class="case">
<h3>Lufi</h3>
<p class="desc">
Partagez des fichiers en toute simplicité et sécurité.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Ffile.leslibres.org" alt="thumbshot du site file.leslibres.org" />
</div>
</a>
<a href="http://date.leslibres.org">
<div class="case">
<h3>Framadate</h3>
<p class="desc">
Créez des sondages en toute simplicité.
</p>
<img src="http://soshot.knah-tsaeb.org/?key=9527443225c9&amp;s=m&amp;url=http%3A%2F%2Fdate.leslibres.org" alt="thumbshot du site date.leslibres.org" />
</div>
</a>
</div>
<div class="footer">
<h2>Informations</h2>
<p>Tous les services ci dessus sont offert gratuitement. Nous n'utilisons, ne vendons aucune de vos données. Nous ne stokons rien sur vous. Certaines applications sont chiffrés dans votre navigateur, nous ne pouvons savoir ce que vous y faisez. Vos données vous appartiennent.</p>
<p>Tous les logiciels utilisé sont Libre. <a href="apps.html">Tous les détails sur les logiciels utilisé sont ici.</a></p>
</div>
</body>

</html>

Loading…
Cancel
Save