Création initiale du dépôt avec ajouts des fichiers du projet

2011-02-23 22:42:16 +01:00 · 2011-02-23 22:42:16 +01:00 · 8e4a90c415
commit 8e4a90c415
8 changed files with 292 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1 @@
+porteail/*
--- a/46
+++ b/46
@ -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
+
--- a/17
+++ b/17
@ -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
--- a/enqueue.html
+++ b/enqueue.html
@ -0,0 +1,3 @@
+  </div>
+</body>
+</html>
--- a/entete.html
+++ b/entete.html
@ -0,0 +1,13 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
+<head>
+  <title>ACCUEIL_PORTEAIL</title>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <link rel="stylesheet" href="CSS_DEFAUT" type="text/css" media="all" title="Défaut">
+</head>
+<body>
+  <div id="chapeau">
+    <h1>TITRE_PORTEAIL</h1>
+  </div>
+  <div id="corps">
--- a/55
+++ b/55
@ -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é."
--- a/menu.html
+++ b/menu.html
@ -0,0 +1,12 @@
+  </div>
+  <div id="cartable">
+    <div class="sacoche">
+      <h3>Menu</h3>
+      <ul>
+        <li>Lien 1</li>
+        <li>Lien 2</li>
+        <li>Lien 3</li>
+      </ul>
+    </div>
+  </div>
+  <div id="soulier">
--- a/style/defaut.css
+++ 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 {
+
+}
+