Création initiale du dépôt avec ajouts des fichiers du projet
This commit is contained in:
Olivier DOSSMANN
commit
8e4a90c415
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
porteail/*
|
||||||
46
LISMOI
Normal file
46
LISMOI
Normal file
@ -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
|
||||||
|
|
||||||
17
TACHES
Normal file
17
TACHES
Normal file
@ -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
|
||||||
3
enqueue.html
Normal file
3
enqueue.html
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
13
entete.html
Normal file
13
entete.html
Normal file
@ -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">
|
||||||
55
makefile
Normal file
55
makefile
Normal file
@ -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é."
|
||||||
12
menu.html
Normal file
12
menu.html
Normal file
@ -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">
|
||||||
145
style/defaut.css
Normal file
145
style/defaut.css
Normal file
@ -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
Block a user