Date: Wed Feb 23 22:42:16 2011 +0100 Création initiale du dépôt avec ajouts des fichiers du projet diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..35f3e11 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +porteail/* diff --git a/LISMOI b/LISMOI new file mode 100644 index 0000000..080ee97 --- /dev/null +++ b/LISMOI @@ -0,0 +1,46 @@ + ######################## + ## Programme PorteAil ## +######################## + +### À PROPOS ### + +PorteAil est un portail web dont le but principal est, comme son nom l'indique, + de partager un ensemble de liens amenant vers divers lieux. + +Cf. http://fr.wikipedia.org/wiki/Portail_%28web%29 pour de plus amples +informations. + +PorteAil est un jeu de mot entre Porte, portail et Ail (l'aliment ou le bruit + que nous faisons après avoir eu mal ?). + +### PRÉ - REQUIS ### + +Ce programme fonctionne à l'aide de **GNU Make**. + +Il requièrt également quelques commandes du SHELL sh comme : +- echo +- test +- rm +- cat + +### DESCRIPTION ### + +Le script makefile permet de générer un dossier contenant les fichiers +suivants : + - index.html : page de garde du portail web 'PorteAil' + - defaut.css : feuille de style de PorteAil + - img : dossier contenant l'ensemble des fichiers images (icônes) pour +l'affichage des éléments dans la page de garde + +### INSTALLATION ### + +FIXME + +### UTILISATION ### + +### SOURCES ### + +Les sources du programme peuvent être récupérées sur http://git.dossmann.net/ ou via la commande suivante (à l'aide de l'outil git) : + + git clone http://git.dossmann.net/scripts/porteail.git + diff --git a/TACHES b/TACHES new file mode 100644 index 0000000..f0626bb --- /dev/null +++ b/TACHES @@ -0,0 +1,17 @@ +À FAIRE : +---------- + +- trouver une syntaxe pour les fichiers de catégories contenant des éléments +- permettre l'ajout facultatif d'un menu +- rendre la page valide XHTML Strict via validator.w3.org +- permettre l'ajout de plusieurs CSS dans HEAD +- permettre l'ajout d'un texte d'introduction au début de la page +- permettre l'ajout d'un pied de page + +FAITES : +--------- + +- faire un makefile basique +- faire un .gitignore pour les fichiers/dossiers inutiles +- faire un fichier TACHES +- ajouter une licence/copyright diff --git a/enqueue.html b/enqueue.html new file mode 100644 index 0000000..f5471aa --- /dev/null +++ b/enqueue.html @@ -0,0 +1,3 @@ + + + diff --git a/entete.html b/entete.html new file mode 100644 index 0000000..396be53 --- /dev/null +++ b/entete.html @@ -0,0 +1,13 @@ + + + + ACCUEIL_PORTEAIL + + + + +

TITRE_PORTEAIL

diff --git a/makefile b/makefile new file mode 100644 index 0000000..e8c7ff4 --- /dev/null +++ b/makefile @@ -0,0 +1,55 @@ +######################################### +######################################### +## Copyright (C) 2011 DOSSMANN Olivier ## +## Auteur : DOSSMANN Olivier ## +## Courriel : olivier@dossmann.net ## +######################################### +######################################### +# définition de cibles particulières +.PHONY: clean + +# définition de variables +## obligatoires +DESTINATION = porteail +INDEX = $(DESTINATION)/index.html +CSS_DEFAUT = defaut.css +TITRE = Titre par défaut +ACCUEIL = Accueil - $(TITRE) +## facultatives +MENU = menu.html + +# création de tous les fichiers +all: test index + +# divers tests sur l'existence des dossiers/fichiers +# création si besoin +test: + @echo -e "Lancement des tests…" + @test -f entete.html || exit + @test -f enqueue.html || exit + @test -d img || mkdir img + @test -d categ || mkdir categ + @test -d style || mkdir style + @test -f style/$(CSS_DEFAUT) || exit + $(if $(MENU), @test -f $(MENU) || exit, @echo -e "Pas de menu") + @test -d $(DESTINATION) || mkdir $(DESTINATION) + @test -d $(DESTINATION)/image || mkdir $(DESTINATION)/image + @echo -e "\t…terminé." + +# création de la page d'index +index: + @echo -e "Création de la page de garde…" + $(if $(MENU), @cat entete.html menu.html enqueue.html > $(INDEX), @cat entete.html enqueue.html > $(INDEX)) + @echo -e "\t…terminée." + @echo -e "Modification du contenu…" + @sed -i "s/TITRE_PORTEAIL/$(TITRE)/g" $(INDEX) + @sed -i "s/ACCUEIL_PORTEAIL/$(ACCUEIL)/g" $(INDEX) + @cp style/$(CSS_DEFAUT) $(DESTINATION) + @sed -i "s#CSS_DEFAUT#./$(CSS_DEFAUT)#g" $(INDEX) + @echo -e "\t…terminée." + +# nettoyage des fichiers générés +clean: + @echo -e "Nettoyage des fichiers en cours…" + @rm -rf $(DESTINATION) + @echo -e "\t…terminé." diff --git a/menu.html b/menu.html new file mode 100644 index 0000000..6e0068d --- /dev/null +++ b/menu.html @@ -0,0 +1,12 @@ +

diff --git a/style/defaut.css b/style/defaut.css new file mode 100644 index 0000000..229219f --- /dev/null +++ b/style/defaut.css @@ -0,0 +1,145 @@ +body { +height: 100%; +width: 100%; +margin: 0; +padding: 0; +background-color: #e9ecf4; +color: #223355; +} + +a:link { +color: #6276a4; +text-decoration: underline; +} + +a:visited { +color: #6276a4; +} + +a:hover { +background-color: #6276a4; +color: #ffffff; +} + +p { +padding: 5px; +} + +h2 { +width: 80%; +padding-left: 2%; +margin-left: 1%; +color: #555577; +border-bottom: solid; +border-left: solid; +-moz-border-radius: 10px; +} + +h3 { +width: 80%; +padding-left: 3%; +margin-left: 1%; +color: #555577; +border-bottom: solid; +border-left: solid; +-moz-border-radius: 12px; +} + +div#chapeau { +position: absolute; +height: 10%; +width: 78%; +top: 0; +left: 1%; +background-color: #223355; +color: white; +text-align: center; +-moz-border-radius-bottomright: 25px; +-moz-border-radius-bottomleft: 25px; +} + +div#corps { +position: absolute; +width: 78%; +height: 86%; +left: 2%; +top: 13%; +overflow: auto; +} + +div#corps div.ensemble_element { +min-height: 10em; +} + +div#corps div.element { +height: 9em; +width: 19ex; +margin-right: 5px; +margin-bottom: 5px; +float: left; +} + +div#corps div.element:hover { +background-color: #223355; +color: #ffffff; +} + +div#corps div.element div.titre { +height: 3em; +margin-top: 1em; +text-align: center; +} + +div#corps div.element div.image { +height: 48px; +margin: 1em 0 2em 0; +text-align: center; +} + +div#corps div.element div.image img { +border: 0; +} + +div#corps div.espace { + clear: both; +} + +div#cartable { +position: absolute; +height: 88%; +width: 20%; +top: 10%; +right: 0; +background-color: #223355; +color: white; +-moz-border-radius-topleft: 25px; +-moz-border-radius-bottomleft: 25px; +overflow: auto; +} + +div#cartable h3 { +width: 90%; +border-color: #ffffff; +border: ; +color: #ffffff; +text-align: center; +} + +div#cartable a:link { +color: #aaaabb; +text-decoration: underline; +} + +div#cartable a:visited { +color: #aaaabb; +} + +div#cartable a:hover { +background-color: #aaaabb; +color: #223355; +} + +div#souliers { + +} +

TITRE_PORTEAIL

Menu