Browse Source

Initial release

master
Knah Tsaeb 7 years ago
commit
e01214a780
4 changed files with 142 additions and 0 deletions
  1. BIN
      banniere.png
  2. +62
    -0
      css/styles.css
  3. BIN
      favicon.png
  4. +80
    -0
      index.html

BIN
banniere.png View File

Before After
Width: 510  |  Height: 96  |  Size: 12KB

+ 62
- 0
css/styles.css View File

@@ -0,0 +1,62 @@
html {
background-color: #cdcdcd;
font-size: 100%;
line-height: 1.125em;
}
h1 {
margin: 0.6em;
text-align: center;
}

a {
text-decoration: none;
}

#content {
text-align: center;
padding: 0.3em;
}

.case {
display: inline-block;
width: 20%;
min-width: 320px;
height: 100%;
border: 1px solid #ababab;
border-radius: 0.3em;
text-align: left;
margin: 0.3em 0.15em;
padding: 0.3em;
background-color: #fefefe;
vertical-align: top;
zoom: 1;
text-align: center;
-webkit-box-shadow: 0 6px 8px -8px black;
-moz-box-shadow: 0 6px 8px -8px black;
box-shadow: 0 6px 8px -8px black;
}

.case h3, .case p {
margin: 0.3em;
}

.case .desc {
height: 2.25em;
font-size: 0.875em;
}

.case img {
border-radius: 0.3em;
border: 1px solid #ababab;
-webkit-box-shadow: 0 6px 8px -8px black;
-moz-box-shadow: 0 6px 8px -8px black;
box-shadow: 0 6px 8px -8px black;
}

#banniere {
text-align: center;
margin: 0 auto;
width: 100%;
max-width: 500px;
display: block;
}

BIN
favicon.png View File

Before After
Width: 32  |  Height: 32  |  Size: 1.2KB

+ 80
- 0
index.html View File

@@ -0,0 +1,80 @@
<!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=3400affe9919&s=m&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=3400affe9919&s=m&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=3400affe9919&s=m&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=3400affe9919&s=m&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=3400affe9919&s=m&url=http%3A%2F%2Fautoblog.leslibres.org" alt="thumbshot de la ferme d'autoblog leslibres.org"/>
</div> </a>
<a href="https://pastebin.leslibres.org">
<div class="case">
<h3>Pastebin</h3>
<p class="desc">
Besoin de partagé du texte, voici notre pastebin
</p>
<img src="http://soshot.knah-tsaeb.org/?key=3400affe9919&s=m&url=https%3A%2F%2Fpastebin.leslibres.org" alt="thumbshot du pastbin 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=3400affe9919&s=m&url=http%3A%2F%2Fwiki.leslibres.org" alt="thumbshot du wiki leslibres.org"/>
</div> </a>
<a href="http://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=3400affe9919&s=m&url=http%3A%2F%2Fforge.leslibres.org" alt="thumbshot de la forge leslibres.org"/>
</div> </a>
</div>
</body>
</html>

Loading…
Cancel
Save