Création initiale du dépôt avec ajouts des fichiers du projet
Olivier DOSSMANN
commit
8e4a90c415
|
|
@ -0,0 +1 @@
|
|||
porteail/*
|
||||
|
|
@ -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
|
||||
|
||||
|
|
@ -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
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
</div>
|
||||
</body>
|
||||
</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">
|
||||
|
|
@ -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é."
|
||||
|
|
@ -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">
|
||||
|
|
@ -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 {
|
||||
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue