olivier
/
site_depotoire
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Merge branch 'html5'

master
Olivier DOSSMANN 2012-11-16 12:10:44 +01:00
parent f31bfb0f4e 9dc44e7ae7
commit 7d1fe3cecc
11 changed files with 49 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -35,7 +35,7 @@ joint avec les fichiers du programme.
Le script makefile permet de générer un dossier contenant les fichiers
suivants :
- index.xhtml : page de garde du portail web *PorteAil*
- 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
@ -336,7 +336,7 @@ Configuration avancée :
- GEN_CATEGORIES : script bash lancé au moment de la création des
catégories. C'est ce script qui génère les catégories pour la page
finale.
- INDEX : nom du fichier final. Par exemple *index.xhtml*
- INDEX : nom du fichier final. Par exemple *index.html*
- CATEGORIES_EXT : extension des fichiers qui seront lus pour générer
les catégories
- DEFAUT_IMG : nom de l'image - contenue par défaut dans le dossier img -

4
TACHES
View File

@ -33,9 +33,6 @@
- permettre l'ajout d'un pied de page
- afficher un marqueur graphique qui définit si on sort du site actuel ou pas (genre IN/OUT dans la configuration des éléments, ce qui affiche une icône différente)
>>> Pour la v0.4 :
- HTML 5 avec header et footer
===============================================================================
===============================================================================
@ -135,3 +132,4 @@ des éléments
- Vérifier l'existence des dossiers suivants : COMPOSANTS, IMAGE, STYLE, CSS, CIBLE
- ajouter les fichiers générés pour chaque section du makefile (ceci de manière intelligente… si possible !)
- Bug: si une URL possède plusieurs &
- HTML 5 avec header et footer

4
composants/enqueue.html
View File

@ -1,7 +1,7 @@
<!-- Pied de page -->
<div id="soulier">
<footer>
<p>Page générée à l'aide de <a href="http://porteail.e-mergence.org/" title="Se rendre sur la page officielle du projet PorteAil">PorteAil</a></p>
</div>
</footer>
</body>
</html>

12
composants/entete.html
View File

@ -1,14 +1,16 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!DOCTYPE html>
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml" lang="fr">
<head>
<meta charset="UTF-8" />
<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" />
<link rel="stylesheet" href="@@CSS_COULEUR@@" type="text/css" media="all" title="Défaut" />
</head>
<body>
<div id="chapeau">
<!-- Entete de page -->
<header>
<h1>@@TITRE_PORTEAIL@@</h1>
</div>
</header>
<!-- Corps de la page -->
<div id="corps">

1
composants/introduction.html
View File

@ -1,3 +1,4 @@
<!-- Introduction de la page -->
<p>
Ce message permet d'introduire le sujet de notre page et expliquer rapidement l'existence du site, la présence des éléments, les catégories, etc.<br />
Il est modifiable dans le fichier <em>introduction.html</em> situé dans le dossier <em>composants</em> du répertoire principal de <a href="http://git.dossmann.net/scripts/porteail.git/" title="Se rendre sur le dépôt de fichier de PorteAil">PorteAil</a>.

5
composants/menu.html
View File

@ -1,4 +1,5 @@
<div id="cartable">
<!-- Menu de la page -->
<aside id="cartable">
<div class="sacoche">
<h3>Menu</h3>
<ul>
@ -7,4 +8,4 @@
<li>Lien 3</li>
</ul>
</div>
</div>
</aside>

2
paconfigrc
View File

@ -20,7 +20,7 @@ CIBLE = porteail
ACCUEIL = Accueil - $(TITRE)
GEN_CATEGORIES = creation_categ.sh
INDEX = index.xhtml
INDEX = index.html
# Extension des fichiers à prendre en compte dans le dossier contenant les
#+ catégories
CATEGORIES_EXT = txt

18
style/avec_menu.css
View File

@ -52,7 +52,7 @@ border-radius: 12px;
}
/* ENTÊTE DE PAGE */
#chapeau {
header {
position: relative;
margin: 0;
padding: 0;
@ -71,7 +71,7 @@ border-bottom-right-radius: 25px;
-webkit-border-radius-bottomleft: 25px;
}
#chapeau h1 {
header h1 {
margin: 0;
padding: 0;
height: 50px;
@ -132,7 +132,7 @@ clear: both;
}
/* MENU */
#cartable {
aside#cartable {
position: absolute;
height: auto;
width: 20%;
@ -147,7 +147,7 @@ border-bottom-left-radius: 25px;
overflow: hidden;
}
#cartable h3 {
aside#cartable h3 {
width: 90%;
text-align: center;
border-bottom: solid;
@ -157,18 +157,18 @@ border-radius: 12px;
-webkit-border-radius: 12px;
}
#cartable a:link {
aside#cartable a:link {
text-decoration: underline;
}
#cartable a:visited {
aside#cartable a:visited {
}
#cartable a:hover {
aside#cartable a:hover {
}
/* ENQUEUE DE PAGE */
#soulier {
footer {
position: relative;
top: 5px;
right: 5px;
@ -176,7 +176,7 @@ height: 20px;
width: 98%;
}
#soulier p {
footer p {
margin: 0;
padding: 0;
font-size: 10px;

14
style/bleu.css
View File

@ -34,7 +34,7 @@ color: #555577;
}
/* ENTÊTE DE PAGE */
#chapeau {
header {
background-color: #223355;
color: #ffffff;
}
@ -46,30 +46,30 @@ color: #ffffff;
}
/* MENU */
#cartable {
aside#cartable {
background-color: #223355;
color: #ffffff;
}
#cartable h3 {
aside#cartable h3 {
color: #ffffff;
border-color: #ffffff;
}
#cartable a:link {
aside#cartable a:link {
color: #aaaabb;
}
#cartable a:visited {
aside#cartable a:visited {
color: #aaaabb;
}
#cartable a:hover {
aside#cartable a:hover {
background-color: #aaaabb;
color: #223355;
}
/* ENQUEUE DE PAGE */
#soulier {
footer {
color: #000000;
}

14
style/noir.css
View File

@ -34,7 +34,7 @@ color: #000000;
}
/* ENTÊTE DE PAGE */
#chapeau {
header {
background-color: #000000;
color: #ffffff;
}
@ -47,30 +47,30 @@ color: #ffffff;
}
/* MENU */
#cartable {
aside#cartable {
background-color: #000000;
color: #ffffff;
}
#cartable h3 {
aside#cartable h3 {
color: #ffffff;
border-color: #ffffff;
}
#cartable a:link {
aside#cartable a:link {
color: #aaaabb;
}
#cartable a:visited {
aside#cartable a:visited {
color: #aaaabb;
}
#cartable a:hover {
aside#cartable a:hover {
background-color: #aaaabb;
color: #223355;
}
/* ENQUEUE DE PAGE */
#soulier {
footer {
color: #000000;
}

18
style/sans_menu.css
View File

@ -52,7 +52,7 @@ border-radius: 12px;
}
/* ENTÊTE DE PAGE */
#chapeau {
header {
position: relative;
margin: 0 auto;
padding: 0;
@ -71,7 +71,7 @@ border-bottom-right-radius: 25px;
-webkit-border-radius-bottomleft: 25px;
}
#chapeau h1 {
header h1 {
margin: 0;
padding: 0;
height: 50px;
@ -132,7 +132,7 @@ clear: both;
}
/* MENU */
#cartable {
aside#cartable {
position: absolute;
height: auto;
width: 20%;
@ -147,7 +147,7 @@ border-bottom-left-radius: 25px;
overflow: hidden;
}
#cartable h3 {
aside#cartable h3 {
width: 90%;
text-align: center;
border-bottom: solid;
@ -157,18 +157,18 @@ border-radius: 12px;
-webkit-border-radius: 12px;
}
#cartable a:link {
aside#cartable a:link {
text-decoration: underline;
}
#cartable a:visited {
aside#cartable a:visited {
}
#cartable a:hover {
aside#cartable a:hover {
}
/* ENQUEUE DE PAGE */
#soulier {
footer {
position: relative;
top: 5px;
right: 5px;
@ -176,7 +176,7 @@ height: 20px;
width: 98%;
}
#soulier p {
footer p {
margin: 0;
padding: 0;
font-size: 10px;