Mise à jour

* Un peu de design
* Suit le commit 22bcfb2b2f
This commit is contained in:
Geoffrey Frogeye 2014-04-28 15:07:47 +02:00
parent 166f0e9819
commit ace45137f9
6 changed files with 84 additions and 57 deletions

View file

@ -8,31 +8,33 @@
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<nav>
<ul>
<nav>
<ul>
<li><a href="index.html">À propos</a></li>
<li><a href="Compilation.html">Compilation</a></li>
<li><a href="Avancement.html">Avancement</a></li>
<li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li>
</ul>
</nav>
<div id="wrapper">
<section id="main">
<article>
<h1>Avancement</h1>
<h4>Légende</h4>
</ul>
</nav>
<section>
<header>
<h1>Projet ISN de Lucas et de Geoffrey</h1>
<p>Un éditeur d'image en ligne de commandes</p>
</header>
<article>
<h1>Avancement</h1>
<h3>Légende</h3>
<ul><li><span class="todoEl todo_D">D</span> Définition réalisée</li><li><span class="todoEl todo_A">A</span> Algorithme réalisé</li><li><span class="todoEl todo_C">C</span> Code réalisé</li></ul>
<h4>Liste générale</h4>
<h3>Liste générale</h3>
<p><em>Ordre donné à titre indicatif</em></p>
<ul><li>Fonction principale</li><li>Fonction d&#39;analyse de commande<ul><li>Analyse de la commande</li><li>Analyse des arguments</li><li>Correspondance commandes ↔ fonctions</li></ul></li><li>Objets<ul><li>Fenêtre <span class="todoEl todo_D">D</span><ul><li>SDL <span class="todoEl todo_C">C</span></li><li>BGI <span class="todoEl todo_A">A</span></li></ul></li><li>Pixel <span class="todoEl todo_C">C</span></li><li>Image <span class="todoEl todo_D">D</span></li></ul></li><li>Fonctions <span class="todoEl todo_D">D</span><ul><li>Gestion de fichier<ul><li>Créer</li><li>Ouvrir</li><li>Enregistrer</li><li>Importer</li></ul></li><li>Édition<ul><li>Copier tout</li><li>Couper tout</li><li>Coller tout</li><li>Annuler</li><li>Refaire</li></ul></li><li>Couleur<ul><li>Teinte</li><li>Saturation</li><li>Luminosité</li><li>Contraste</li></ul></li><li>Dessin<ul><li>Trait</li><li>Rectangle</li><li>Cercle</li><li>Disque</li></ul></li><li>Géométrie<ul><li>Zoom</li><li>Pivot</li><li>Redimensionner</li></ul></li><li>Conversion du mode<ul><li>Binaire</li><li>Niveaux de gris</li><li>Couleur</li></ul></li><li>Aide</li></ul></li><li>Documentation</li></ul>
</article>
</section>
</div>
<ul><li>Fonction principale</li><li>Fonction d&#39;analyse de commande<ul><li>Analyse de la commande</li><li>Analyse des arguments</li><li>Correspondance commandes ↔ fonctions</li></ul></li><li>Objets <span class="todoEl todo_D">D</span><ul><li>Fenêtre <span class="todoEl todo_D">D</span><ul><li>SDL <span class="todoEl todo_C">C</span></li><li>BGI <span class="todoEl todo_A">A</span></li></ul></li><li>Pixel <span class="todoEl todo_C">C</span></li><li>Image <span class="todoEl todo_C">C</span></li></ul></li><li>Fonctions <span class="todoEl todo_D">D</span><ul><li>Gestion de fichier <span class="todoEl todo_D">D</span><ul><li>Créer</li><li>Ouvrir</li><li>Enregistrer</li><li>Importer</li></ul></li><li>Édition<ul><li>Copier tout</li><li>Couper tout</li><li>Coller tout</li><li>Annuler</li><li>Refaire</li></ul></li><li>Couleur <span class="todoEl todo_D">D</span><ul><li>Teinte <span class="todoEl todo_D">D</span></li><li>Saturation <span class="todoEl todo_D">D</span></li><li>Luminosité <span class="todoEl todo_D">D</span></li><li>Contraste <span class="todoEl todo_D">D</span></li></ul></li><li>Dessin <span class="todoEl todo_D">D</span><ul><li>Trait</li><li>Rectangle</li><li>Cercle</li><li>Disque</li></ul></li><li>Géométrie <span class="todoEl todo_D">D</span><ul><li>Zoom</li><li>Pivot</li><li>Redimensionner</li></ul></li><li>Conversion du mode <span class="todoEl todo_D">D</span><ul><li>Binaire</li><li>Niveaux de gris</li><li>Couleur</li></ul></li><li>Aide</li></ul></li><li>Documentation</li></ul>
</article>
</section>
<footer>
<hr/>
Copyright 2014 Geoffrey et Lucas

View file

@ -8,33 +8,39 @@
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<nav>
<ul>
<nav>
<ul>
<li><a href="index.html">À propos</a></li>
<li><a href="Compilation.html">Compilation</a></li>
<li><a href="Avancement.html">Avancement</a></li>
<li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li>
</ul>
</nav>
<div id="wrapper">
<section id="main">
<article>
<h1>Compilation</h1>
</ul>
</nav>
<section>
<header>
<h1>Projet ISN de Lucas et de Geoffrey</h1>
<p>Un éditeur d'image en ligne de commandes</p>
</header>
<article>
<h1>Compilation</h1>
<p>Il n&#39;existe pas de fichier binaire à télécharger pour le moment, le seul moyen d&#39;avoir un aperçu du programme est de le compiler.</p>
<p>Téléchargement : <code>git clone https://github.com/GeoffreyFrogeye/PILG.git</code></p>
<h2>Windows</h2>
<ol><li>Télécharger et installer <a href="http://www.mingw.org/">MinGW</a></li><li>Inclure <strong>MinGW</strong> dans la variable d&#39;environnement <code>%PATH%</code> : <code>set path=%path%;C:\MinGW\bin</code></li><li>Créer le dossier <em>bin</em> à la racine du dépôt : <code>mkdir bin</code></li><li>Télécharger la <a href="http://www.libsdl.org/release/SDL-devel-1.2.15-mingw32.tar.gz">bibliothèque de développement SDL 1.2.15</a>, copier le contenu des dossier <em>lib</em> et <em>include</em> de l&#39;archive téléchargée dans le dossier de <strong>MinGW</strong></li><li>Télécharger la <a href="http://www.libsdl.org/release/SDL-1.2.15-win32.zip">bibliothèque dexécution de SDL 1.2.15</a> et placer <em>SDL.dll</em> dans le dossier <em>bin</em></li><li>Compiler : <code>g++ src/main.cpp -o bin/main.exe -lmingw32 -lSDLmain -lSDL -static-libgcc -static-libstdc++</code></li></ol>
<ol><li>Télécharger et installer <a href="http://www.mingw.org/">MinGW</a></li><li>Inclure <strong>MinGW</strong> dans la variable d&#39;environnement <code>%PATH%</code> : <code>set path=%path%;C:\MinGW\bin</code></li><li>Télécharger la <a href="http://www.libsdl.org/release/SDL-devel-1.2.15-mingw32.tar.gz">bibliothèque de développement SDL 1.2.15</a>, copier le contenu des dossier <em>lib</em> et <em>include</em> de l&#39;archive téléchargée dans le dossier de <strong>MinGW</strong></li><li>Télécharger la <a href="http://www.libsdl.org/release/SDL-1.2.15-win32.zip">bibliothèque dexécution de SDL 1.2.15</a> et placer <em>SDL.dll</em> dans le dossier <em>bin</em></li><li>Compiler : <code>mingw32-make</code></li></ol>
<p>Lexécutable se trouvera dans le dossier <em>bin</em></p>
<h2>Linux</h2>
<h2>Debian / Linux</h2>
<ol><li>Installer la <strong>bibliothèque de développement SDL 1.2</strong> : <code>sudo apt-get install libsdl1.2-dev</code></li><li>Créer le dossier <em>bin</em> à la racine du dépôt : <code>mkdir bin</code></li><li>Compiler : <code>g++ src/main.cpp -o bin/main -lSDLmain -lSDL</code></li></ol>
<ol><li>Installer le nécessaire à la compilation ainsi que la <strong>bibliothèque de développement SDL 1.2</strong> : <code>sudo apt-get install build-essential libsdl1.2-dev</code></li><li>Compiler : <code>make</code></li></ol>
<p>Lexécutable se trouvera dans le dossier <em>bin</em></p>
</article>
</section>
</div>
</article>
</section>
<footer>
<hr/>
Copyright 2014 Geoffrey et Lucas

View file

@ -1,7 +1,22 @@
#wrapper {
body {
background-color: #ddd;
}
section {
margin-top: 50px;
}
section header, section article {
background-color: white;
border-radius: 5px;
padding: 10px;
margin: 10px;
}
header h1 {
font-size: xx-large;
}
nav {
background-color: #333;
text-align: center;
@ -13,7 +28,7 @@ nav {
}
nav ul {
margin: 5px 0px 5px 0px;
margin: 5px 0 5px 0;
}
nav li {
@ -35,7 +50,7 @@ nav a {
nav ul li:before {
content: '•';
color: #aaa;
margin: 0px 5px 0px 5px;
margin: 0 5px 0 5px;
display: inline-block;
}

View file

@ -56,7 +56,7 @@ function genererPages(liste) {
.replace(/%%TITRE%%/g, element.titre)
.replace(/%%NAV%%/, nav)
.replace(/%%CONTENU%%/, element.contenu)
.replace(/%%LICENSE%%/, 'Copyright 2014 Geoffrey et Lucas');
.replace(/%%LICENSE%%/, 'Copyright 2014 Lucas et Geoffrey');
fs.writeFile('../' + element.titreCourt + '.html', contenuHTML, function (err) {
if (!err) {
console.log('Écrit ' + element.titreCourt + '.html');
@ -80,11 +80,10 @@ function executer() {
.toString('utf-8')
.replace(/##Compilation\n/, '%%SPLIT%%')
.replace(/Nos noms complets et le nom du lycée sont masqués pour des raisons d'intimité\. Les personnes devant nous reconnaître nous reconnaîtront\./g, '')
.replace(/##De ce dépôt[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\'\,\(\)\n]+?##/g, '#')
.replace(/##Le dépôt[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\'\,\(\)\n]+?##/g, '#')
.replace(/#(#+)/g, '$1')
.replace(/^#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '')
.replace(/\n#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '')
.replace(/(De ce)|(Du)/g, 'Le')
.replace(/-+\n\*Copyright[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\*/g, '')
.split('%%SPLIT%%');
liste.push({
@ -100,7 +99,8 @@ function executer() {
contenu: markdown.toHTML(contenu
.toString('utf-8')
.replace(/^#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '')
.replace(/\n#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, ''))
.replace(/\n#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '')
.replace(/-+\n\*Copyright[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\*/g, ''))
.replace(/<strong>([DAC])<\/strong>/g, '<span class="todoEl todo_$1">$1</span>')
}, {
titre: 'Code source',

View file

@ -8,19 +8,21 @@
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<nav>
<ul>
<nav>
<ul>
%%NAV%%
</ul>
</nav>
<div id="wrapper">
<section id="main">
<article>
<h1>%%TITRE%%</h1>
</ul>
</nav>
<section>
<header>
<h1>Projet ISN de Lucas et de Geoffrey</h1>
<p>Un éditeur d'image en ligne de commandes</p>
</header>
<article>
<h1>%%TITRE%%</h1>
%%CONTENU%%
</article>
</section>
</div>
</article>
</section>
<footer>
<hr/>
%%LICENSE%%

View file

@ -8,19 +8,22 @@
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<nav>
<ul>
<nav>
<ul>
<li><a href="index.html">À propos</a></li>
<li><a href="Compilation.html">Compilation</a></li>
<li><a href="Avancement.html">Avancement</a></li>
<li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li>
</ul>
</nav>
<div id="wrapper">
<section id="main">
<article>
<h1>À propos</h1>
</ul>
</nav>
<section>
<header>
<h1>Projet ISN de Lucas et de Geoffrey</h1>
<p>Un éditeur d'image en ligne de commandes</p>
</header>
<article>
<h1>À propos</h1>
<h2>Le projet</h2>
<p>Ceci est la création de Lucas et de Geoffrey pour l&#39;option Informatique et Sciences du Numérique qui sera présenté lors du Baccalauréat 2013/2014.</p>
@ -31,9 +34,8 @@
<p><em>Statut :</em> Prétotype</p>
<img src="screen.png" alt="Capture d'écran du code" />
</article>
</section>
</div>
</article>
</section>
<footer>
<hr/>
Copyright 2014 Geoffrey et Lucas