From 21071bb5fa71c389b83e9a00297ff457227748d6 Mon Sep 17 00:00:00 2001 From: iGor milhit Date: Sun, 8 Jun 2014 11:39:27 +0200 Subject: [PATCH] Premier commit --- README.md | 9 ++++++++ accueil.css | 51 ++++++++++++++++++++++++++++++++++++++++++++ index.html | 61 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 121 insertions(+) create mode 100644 README.md create mode 100644 accueil.css create mode 100644 index.html diff --git a/README.md b/README.md new file mode 100644 index 0000000..9d8b950 --- /dev/null +++ b/README.md @@ -0,0 +1,9 @@ +# indexiGor + +Début d'un tout petit projet de page d'accueil pour un nom de domaine, dont l'idée ressemble à [id-libre.org](http://id-libre.org). Il s'agit d'améliorer cette page. + +Le tout est fait en HTML/CSS. En partie inspiré du template [darksideboard.html](https://github.com/sebsauvage/MinigalNano/blob/master/templates/darksideboard.html) de MinigalNano. + +## todo + +Euh. Tout ? diff --git a/accueil.css b/accueil.css new file mode 100644 index 0000000..4d7b870 --- /dev/null +++ b/accueil.css @@ -0,0 +1,51 @@ +/* La page id-libre.org : l'accueil */ + +#accueil { + margin: 0px auto; + max-width: 60%; +} + +a { + text-decoration: none; + padding-top: 35%; +} + +.entree { + margin: 1em; + width: 25%; + height: 0px; + padding-bottom: 25%; + overflow: hidden; + text-align: center; + background-color: rgba(34, 34, 34, .8); + color: rgba(231, 231, 231, .7); + font-size: 200%; + float: left; + vertical-align: middle; + border-radius: 3px; +} + +@media (max-width: 1000px) { + .entree { + width: 35%; + padding-bottom: 35% + } +} + +.entree:hover { + text-decoration: none; + color: rgba(231, 231, 231, 1); + background-color: rgba(34, 34, 34, .5); +} + +.entree a { + display: block; + width: 100%; + height: 100%; + color: rgba(231, 231, 231, .7); +} + +.entree:hover a { + text-decoration: none; +} + diff --git a/index.html b/index.html new file mode 100644 index 0000000..c5f666b --- /dev/null +++ b/index.html @@ -0,0 +1,61 @@ + + + + + + + Titre de la page d'accueil + + + + + + + + + + +
+ +

+ entrée 01 +

+ +

+ entrée 02 +

+ +

+ entrée 03 +

+ +

+ entrée 04 +

+ +

+ entrée 05 +

+ +

+ entrée 06 +

+ +

+ entrée 07 +

+ +

+ entrée 08 +

+ +

+ entrée 09 +

+ + +
+ + + +