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]--> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head> </head>
<body> <body>
<nav> <nav>
<ul> <ul>
<li><a href="index.html">À propos</a></li> <li><a href="index.html">À propos</a></li>
<li><a href="Compilation.html">Compilation</a></li> <li><a href="Compilation.html">Compilation</a></li>
<li><a href="Avancement.html">Avancement</a></li> <li><a href="Avancement.html">Avancement</a></li>
<li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li> <li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li>
</ul> </ul>
</nav> </nav>
<div id="wrapper"> <section>
<section id="main"> <header>
<article> <h1>Projet ISN de Lucas et de Geoffrey</h1>
<h1>Avancement</h1> <p>Un éditeur d'image en ligne de commandes</p>
<h4>Légende</h4> </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> <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> <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> <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> </article>
</section> </section>
</div>
<footer> <footer>
<hr/> <hr/>
Copyright 2014 Geoffrey et Lucas 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]--> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head> </head>
<body> <body>
<nav> <nav>
<ul> <ul>
<li><a href="index.html">À propos</a></li> <li><a href="index.html">À propos</a></li>
<li><a href="Compilation.html">Compilation</a></li> <li><a href="Compilation.html">Compilation</a></li>
<li><a href="Avancement.html">Avancement</a></li> <li><a href="Avancement.html">Avancement</a></li>
<li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li> <li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li>
</ul> </ul>
</nav> </nav>
<div id="wrapper"> <section>
<section id="main"> <header>
<article> <h1>Projet ISN de Lucas et de Geoffrey</h1>
<h1>Compilation</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> <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> <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> <p>Lexécutable se trouvera dans le dossier <em>bin</em></p>
</article> </article>
</section> </section>
</div>
<footer> <footer>
<hr/> <hr/>
Copyright 2014 Geoffrey et Lucas Copyright 2014 Geoffrey et Lucas

View file

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

View file

@ -56,7 +56,7 @@ function genererPages(liste) {
.replace(/%%TITRE%%/g, element.titre) .replace(/%%TITRE%%/g, element.titre)
.replace(/%%NAV%%/, nav) .replace(/%%NAV%%/, nav)
.replace(/%%CONTENU%%/, element.contenu) .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) { fs.writeFile('../' + element.titreCourt + '.html', contenuHTML, function (err) {
if (!err) { if (!err) {
console.log('Écrit ' + element.titreCourt + '.html'); console.log('Écrit ' + element.titreCourt + '.html');
@ -80,11 +80,10 @@ function executer() {
.toString('utf-8') .toString('utf-8')
.replace(/##Compilation\n/, '%%SPLIT%%') .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(/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(/#(#+)/g, '$1')
.replace(/^#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '') .replace(/^#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '')
.replace(/\n#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '') .replace(/\n#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '')
.replace(/(De ce)|(Du)/g, 'Le')
.replace(/-+\n\*Copyright[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\*/g, '') .replace(/-+\n\*Copyright[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\*/g, '')
.split('%%SPLIT%%'); .split('%%SPLIT%%');
liste.push({ liste.push({
@ -100,7 +99,8 @@ function executer() {
contenu: markdown.toHTML(contenu contenu: markdown.toHTML(contenu
.toString('utf-8') .toString('utf-8')
.replace(/^#[ \wæâ€êÿûîœôäßëðüïö©éÉèÈçÇàÀ\.\-\']+\n/g, '') .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>') .replace(/<strong>([DAC])<\/strong>/g, '<span class="todoEl todo_$1">$1</span>')
}, { }, {
titre: 'Code source', titre: 'Code source',

View file

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

View file

@ -8,19 +8,22 @@
<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head> </head>
<body> <body>
<nav> <nav>
<ul> <ul>
<li><a href="index.html">À propos</a></li> <li><a href="index.html">À propos</a></li>
<li><a href="Compilation.html">Compilation</a></li> <li><a href="Compilation.html">Compilation</a></li>
<li><a href="Avancement.html">Avancement</a></li> <li><a href="Avancement.html">Avancement</a></li>
<li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li> <li><a href="https://github.com/GeoffreyFrogeye/PILG">Code source</a></li>
</ul> </ul>
</nav> </nav>
<div id="wrapper"> <section>
<section id="main"> <header>
<article> <h1>Projet ISN de Lucas et de Geoffrey</h1>
<h1>À propos</h1> <p>Un éditeur d'image en ligne de commandes</p>
</header>
<article>
<h1>À propos</h1>
<h2>Le projet</h2> <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> <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> <p><em>Statut :</em> Prétotype</p>
<img src="screen.png" alt="Capture d'écran du code" /> <img src="screen.png" alt="Capture d'écran du code" />
</article> </article>
</section> </section>
</div>
<footer> <footer>
<hr/> <hr/>
Copyright 2014 Geoffrey et Lucas Copyright 2014 Geoffrey et Lucas