diff options
author | Joris Guyonvarch | 2015-06-27 22:47:31 +0200 |
---|---|---|
committer | Joris Guyonvarch | 2015-06-27 22:47:31 +0200 |
commit | c5de925c6d1bc6a81f318b4473e9882f74160599 (patch) | |
tree | 4a04fe3e8391ae06ad46c306aa68e6213f675b97 | |
parent | 3ff7b48ed41e1d49c18388403a85c6d1debf8bb3 (diff) |
Just one write for each generation page
32 files changed, 75 insertions, 133 deletions
diff --git a/CSS/menu.css b/CSS/menu.css index 590ca7a..31deab0 100644 --- a/CSS/menu.css +++ b/CSS/menu.css @@ -60,6 +60,7 @@ nav > ul > li > a { height: 50px; line-height: 50px; background-color: #333333; + transition: none; } nav a:hover { diff --git a/Page/Accessoires.html b/Page/Accessoires.html index 30f3611..86a6fef 100644 --- a/Page/Accessoires.html +++ b/Page/Accessoires.html @@ -74,10 +74,8 @@ </nav> </header> - <div id="content"> -<h1 id="brin-de-causette">Brin de causette</h1> -<p>L'<strong>accessoire</strong> est considéré par les bloggueuses en maquillage comme un instrument <em>capital</em> qu'il est <em>essentiel</em> d'avoir dans sa trousse de toilette. Il est l'outil <em>indispensable</em> de celle qui se veut <em>maître</em> de son chef-d'oeuvre. Qu'il soit éponge, brosse ou pinceau, cet ustensile <em>primordial</em> deviendra rapidement pour vous <em>fon-da-men-tal</em> !</p> - </div> + <div id="content"><h1 id="brin-de-causette">Brin de causette</h1> +<p>L'<strong>accessoire</strong> est considéré par les bloggueuses en maquillage comme un instrument <em>capital</em> qu'il est <em>essentiel</em> d'avoir dans sa trousse de toilette. Il est l'outil <em>indispensable</em> de celle qui se veut <em>maître</em> de son chef-d'oeuvre. Qu'il soit éponge, brosse ou pinceau, cet ustensile <em>primordial</em> deviendra rapidement pour vous <em>fon-da-men-tal</em> !</p> </div> <footer> <div class="contact"> diff --git a/Page/Accessoires/Eponges.html b/Page/Accessoires/Eponges.html index e374e4e..2b8230c 100644 --- a/Page/Accessoires/Eponges.html +++ b/Page/Accessoires/Eponges.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="ceci">Ceci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Accessoires/Pinceaux.html b/Page/Accessoires/Pinceaux.html index eceb64e..d881c25 100644 --- a/Page/Accessoires/Pinceaux.html +++ b/Page/Accessoires/Pinceaux.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="cela">Cela</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <ul> @@ -85,8 +84,7 @@ </ul> <div class="figure"> <img src="/Images/teint-cela.jpg" alt="teint" /><p class="caption">teint</p> -</div> - </div> +</div> </div> <footer> <div class="contact"> diff --git a/Page/Demaquillant/Visage.html b/Page/Demaquillant/Visage.html index e374e4e..2b8230c 100644 --- a/Page/Demaquillant/Visage.html +++ b/Page/Demaquillant/Visage.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="ceci">Ceci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Demaquillant/Yeux.html b/Page/Demaquillant/Yeux.html index eceb64e..d881c25 100644 --- a/Page/Demaquillant/Yeux.html +++ b/Page/Demaquillant/Yeux.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="cela">Cela</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <ul> @@ -85,8 +84,7 @@ </ul> <div class="figure"> <img src="/Images/teint-cela.jpg" alt="teint" /><p class="caption">teint</p> -</div> - </div> +</div> </div> <footer> <div class="contact"> diff --git a/Page/Index.html b/Page/Index.html index f395467..11eb0eb 100644 --- a/Page/Index.html +++ b/Page/Index.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="présentation">Présentation</h1> + <div id="content"><h1 id="présentation">Présentation</h1> <p>Il était une fois l'histoire d'une femme qui voulait être belle. Cette histoire n'est-elle pas celle de chacune d'entre nous ? Oui, mais quand vient l'heure d'arpenter les parfumeries, aïe aïe aïe, les questions se multiplient : <em>quel rouge à lèvres choisir ? Quelle marque pour mon fard à paupières ? Quelle couleur pour mon fond de teint ?</em></p> <div class="figure"> <img src="/makeup/Images/lequel.png" alt="Quel maquillage choisir ?" /><p class="caption">Quel maquillage choisir ?</p> @@ -100,8 +99,7 @@ <h2 id="sources-des-images">Sources des images</h2> <ul> <li><a href="http://www.e-leclerc.com/objetsportail//content/sites/portail/files/univers/rayons/Beaute/320x248/accessoires_maquillage_image_w320_h248.png">Traces de maquillage</a>, <a href="http://media.meltyfashion.fr/plus-gracieuse-maquillee-image-522088-article-ajust_930.jpg">day off</a>, <a href="http://www.tuxboard.com/photos/2012/08/Cocktail-essence-trop-chere.jpg">caricature</a>, <a href="http://commentplaire.com/wp-content/uploads/2014/12/mascara02.jpg">quel mascara ?</a>, <a href="http://www.cranemou.com/wp-content/uploads/2012/04/course-escarpins-course-femmes-talons-aiguill-L-6ZxNc8.jpg">starting block</a>, <a href="http://thehoopla.com.au/wp-content/uploads/2012/04/Retro-beauty-salon-225x300.jpg">logo</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Levres.html b/Page/Levres.html index 190211b..99c34bb 100644 --- a/Page/Levres.html +++ b/Page/Levres.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="brin-de-culture-les-meilleures-citations-sur-nos-lèvres">Brin de culture : les meilleures citations sur nos lèvres</h1> + <div id="content"><h1 id="brin-de-culture-les-meilleures-citations-sur-nos-lèvres">Brin de culture : les meilleures citations sur nos lèvres</h1> <blockquote> <p>« Ailées cueilleuses de miel, pourquoi donc est-ce toujours le thym blanc et les roses, et la rosée de nectar de la violette vernale que vous butinez, ou la fleur de l'aneth qui répand au loin ses effluves ? Venez toutes vers les <strong>lèvres</strong> de ma maîtresse. Elles sentent toutes les roses et tout le thym à elles seules, et le suc de nectar de la violette vernale. » - <em>Jean Second, Le Livre des baisers, 19, début XVIe s.</em></p> </blockquote> @@ -84,8 +83,7 @@ </blockquote> <blockquote> <p>« Je ne l’entendais pas, tant je la regardais / Par sa robe entr’ouverte, au loin je me perdais, / Devinant les dessous et brûlé d’ardeurs folles : / Elle se débattait, mais je trouvai ses <strong>lèvres</strong> ! / Ce fut un baiser long comme une éternité / Qui tendit nos deux corps dans l’immobilité / Elle se renversa, râlant sous ma caresse ; / Sa poitrine oppressée et dure de tendresse / Haletait fortement avec de longs sanglots. / Sa joie était brûlante et ses yeux demi-clos ; / Et nos bouches, et nos sens, nos soupirs se mêlèrent / Puis, dans la nuit tranquille où la campagne dort, / Un cri d’amour monta, si terrible et si fort / Que des oiseaux dans l’ombre effarés s’envolèrent. » - <em>Guy de Maupassant, Des vers, Au bord de l'eau, 1880</em>.</p> -</blockquote> - </div> +</blockquote> </div> <footer> <div class="contact"> diff --git a/Page/Levres/Gloss.html b/Page/Levres/Gloss.html index c60f23d..4caabb0 100644 --- a/Page/Levres/Gloss.html +++ b/Page/Levres/Gloss.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="ceci">Ceci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -86,8 +85,7 @@ <ul> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Levres/Rouge a levres.html b/Page/Levres/Rouge a levres.html index eceb64e..d881c25 100644 --- a/Page/Levres/Rouge a levres.html +++ b/Page/Levres/Rouge a levres.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="cela">Cela</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <ul> @@ -85,8 +84,7 @@ </ul> <div class="figure"> <img src="/Images/teint-cela.jpg" alt="teint" /><p class="caption">teint</p> -</div> - </div> +</div> </div> <footer> <div class="contact"> diff --git a/Page/Promos.html b/Page/Promos.html index 811bf78..090f402 100644 --- a/Page/Promos.html +++ b/Page/Promos.html @@ -74,13 +74,11 @@ </nav> </header> - <div id="content"> -<h1 id="le-coin-promos">Le coin promos</h1> + <div id="content"><h1 id="le-coin-promos">Le coin promos</h1> <h2 id="sephora">Sephora</h2> <p>Du 16/06/2015 au 30/06/2015, - 20 % en magasin et sur leur site. Code promo : <strong>FRSJUW</strong>.</p> <h2 id="marionnaud">Marionnaud</h2> -<p>Jusqu'au 21/06/2015, - 20 % sur vos achats. Offre valable pour les affiliés (nécessite de renseigner le numéro de carte de fidélité). Non valable sur certains produits à 2 € et 5 €, ainsi que pour les produits "point rouge". Code promo : <strong>PERE20</strong>.</p> - </div> +<p>Jusqu'au 21/06/2015, - 20 % sur vos achats. Offre valable pour les affiliés (nécessite de renseigner le numéro de carte de fidélité). Non valable sur certains produits à 2 € et 5 €, ainsi que pour les produits "point rouge". Code promo : <strong>PERE20</strong>.</p> </div> <footer> <div class="contact"> diff --git a/Page/Teint.html b/Page/Teint.html index 3a6d51d..afb26db 100644 --- a/Page/Teint.html +++ b/Page/Teint.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="brin-de-culture-les-meilleures-citations-sur-le-teint-féminin">Brin de culture : les meilleures citations sur le « teint » féminin</h1> + <div id="content"><h1 id="brin-de-culture-les-meilleures-citations-sur-le-teint-féminin">Brin de culture : les meilleures citations sur le « teint » féminin</h1> <blockquote> <p>« Mignonne, allons voir si la rose / Qui ce matin avait déclose / Sa robe de pourpre au soleil, / A point perdu cette vesprée / Les plis de sa robe pourprée,/ Et son <strong>teint</strong> au votre pareil. » - <em>Ronsard, I, 17, 1524</em>.</p> </blockquote> @@ -93,8 +92,7 @@ </blockquote> <blockquote> <p>« Vos lèvres sont douces. Vous avez un teint de fruit. Vos yeux voient comme il faut voir et votre corps me fait chaud... Il me faudra des mois, des mois, pour que je me rassasie des baisers à vous donner. Il faudra des ans de mois pour épuiser les baisers que je veux poser sur vous, sur vos mains, sur vos cheveux, sur votre cou. » - <em>Boris Vian, L'Ecume des jours, 1947</em>.</p> -</blockquote> - </div> +</blockquote> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Anti cernes.html b/Page/Teint/Anti cernes.html index 944d7b2..4f4f592 100644 --- a/Page/Teint/Anti cernes.html +++ b/Page/Teint/Anti cernes.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="anti-cernes">Anti-cernes</h1> + <div id="content"><h1 id="anti-cernes">Anti-cernes</h1> <p>Vous avez encore fait la nouba jusqu'au bout de la nuit et vous voudriez être fraîche comme une rose après seulement quelques heures de sommeil ? Ou vous avez toujours eu l'impression de descendre de Dracula et vous complexez de cette mine fatiguée ?</p> <div class="figure"> <img src="/makeup/Images/fatiguedracu.jpg" alt="PochesetCernes" /><p class="caption">PochesetCernes</p> @@ -185,8 +184,7 @@ <li><a href="http://anticernes.net/">Anti-cernes.net</a></li> <li><a href="http://www.beaute-test.com/">Beauté Test</a></li> <li>Images : <a href="http://s3.lprs1.fr/images/2015/06/11/4853177_dracula_625x468.jpg">Dracula</a>, <a href="http://static1.fr.get-the-look.ca/articles/1/28/31/@/9361-avant-de-debuter-la-realisation-de-420x430-1.jpg">Smoky eyes</a>, <a href="data:image/jpeg;base64,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">Quel</a> <a href="http://www.sisley-paris.com/fr-FR/media/catalog/product/cache/1/image/400x/9df78eab33525d08d6e5fb8d27136e95/3/4/3473311615213_24.jpg">anti</a> <a href="data:image/jpeg;base64,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">cerne</a> <a href="http://static.beaute-test.com/prod/img20090.jpg">choisir</a> <a href="http://www.bobbibrowncosmetics.com/media/export/cms/products/290x315/bb_prod_E6XT_290x315_0.jpg">?</a>, <a href="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTb_EJOY7tNlLPBStiFUTlOAcNqLPrgiPZqu3Jzvok1XmrevUga">Technique triangulaire</a>, <a href="http://a402.idata.over-blog.com/3/77/79/78/images-sup-1/divers-22/correc3.jpg">Colorimétrie</a>, <a href="https://elsamakeupaddict.files.wordpress.com/2013/02/etapes1.jpg">Correction</a>, <a href="http://www.bobbibrowncosmetics.com/media/export/cms/products/290x315/bb_prod_E6XT_290x315_0.jpg">Cache-misère</a>, <a href="http://demandware.edgesuite.net/sits_pod28/dw/image/v2/AAHU_PRD/on/demandware.static/Sites-spacenkgb-Site/Sites-spacenkmastercatalog/en_GB/dw8f0e7aa5/products/LAURA_MERC/UK200006855_LAURA_MERC.jpg?sfrm=jpg">Laura Mercier</a> et <a href="http://img.makeupalley.com/3/2/5/3/2319324.JPG">Elf</a>.</li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/BB Cream vs CC Cream.html b/Page/Teint/BB Cream vs CC Cream.html index 61ac0cf..6a8d0ad 100644 --- a/Page/Teint/BB Cream vs CC Cream.html +++ b/Page/Teint/BB Cream vs CC Cream.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="les-bb-creams">Les BB creams</h2> <p>Les <strong>BB creams</strong> (pour <em>Blemish Balm</em>) sont des produits qui <strong>teintent</strong> et protègent la peau. Elles donnent un teint uniforme, couvrent les imperfections et sont moins couvrantes que les fonds de teint. Elle peut être utilisée <em>soit</em> comme une <strong>base de maquillage</strong>, <em>soit</em> comme un <strong>fond de teint</strong>.</p> <div class="figure"> @@ -127,8 +126,7 @@ <li>[Sephora] (http://www.sephora.fr/)</li> <li>[Beauté Test] (http://www.beaute-test.com/)</li> <li>Images : <a href="http://img11.hostingpics.net/pics/960020bbcreampreciousmineralalldaystrongblogboitesucreskinoko.jpg">BB cream de Etude House</a>, <a href="https://farm4.staticflickr.com/3911/14421128747_54c749b0fc_o.jpg">CC cream de Bourjois</a>, <a href="http://4.bp.blogspot.com/-c6lyVk-tbYM/Ut6QTpSWyxI/AAAAAAAA9Ao/Fx2Uw00Ez-s/s1600/IMG_9381.JPG">Miracle Air de teint de Lancôme</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Blush.html b/Page/Teint/Blush.html index 52c2cb2..7c1667b 100644 --- a/Page/Teint/Blush.html +++ b/Page/Teint/Blush.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="blush">Blush</h1> + <div id="content"><h1 id="blush">Blush</h1> <p>(En construction)</p> <ul> <li>Poudre satin lumineux, Shisheido</li> @@ -97,8 +96,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Contouring.html b/Page/Teint/Contouring.html index fd96222..8c3611c 100644 --- a/Page/Teint/Contouring.html +++ b/Page/Teint/Contouring.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="contouring">Contouring</h1> + <div id="content"><h1 id="contouring">Contouring</h1> <h2 id="la-nouvelle-religion-des-blogueuses">La nouvelle religion des blogueuses</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Fond de teint.html b/Page/Teint/Fond de teint.html index 192cf84..d6759d6 100644 --- a/Page/Teint/Fond de teint.html +++ b/Page/Teint/Fond de teint.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="les-fonds-de-teint">Les fonds de teint</h1> + <div id="content"><h1 id="les-fonds-de-teint">Les fonds de teint</h1> <p>Passons aux choses sérieuses. Après des détours par les <em>lotions</em>, les <em>crèmes</em>, les <em>bases</em>, nous voilà enfin à ce qui intéressera la plupart d'entre vous : le <strong>fond de teint</strong>. Question texture, il y en a pour tous les goûts : <em>crème, fluide, mousse, poudre, compacte, stick</em>...</p> <div class="figure"> <img src="/makeup/Images/texture.jpg" alt="Textures" /><p class="caption">Textures</p> @@ -226,8 +225,7 @@ <li><a href="http://www.beaute-test.com/">Beauté Test</a></li> <li><a href="http://www.sephora.fr/Maquillage/Teint/Fonds-de-Teint/C353">Sephora</a></li> <li>Images : [textures(http://www.cuponation.fr/blog/wp-content/uploads/2014/07/texture-fond-de-teint.jpg), <a href="http://4.bp.blogspot.com/-qqGjFiC3d8g/T3HPwTjk7kI/AAAAAAAACJY/98xDujeC6ts/s1600/0802280343481769334.jpg">être orange et contente</a>, <a href="http://pmcdn.priceminister.com/photo/nutrimetics-voile-de-beaute-soin-beaute-991442431_ML.jpg">Nutrimetics</a>, <a href="http://www.officina-paris.fr/145-1115-thickbox/lily-lolo-mineral-foundation-spf-15-popsicle.jpg">poudre</a> <a href="http://www.officina-paris.fr/27-1075-thickbox/lily-lolo-mineral-foundation-spf-15-blondie.jpg">Lily Lolo</a>, <a href="http://ecx.images-amazon.com/images/I/51IWPZ%2Br%2BsS._SL1500_.jpg">Elizabeth Arden</a>, <a href="http://www.sephora.fr/displaymedia/m57334_P49511_princ_hero.jpg">Prisme de Givenchy</a>, <a href="http://www.econsumistas.com/wp-content/uploads/2014/03/revlon-colorstay-whipped1jpg1.png">Revlon</a>, <a href="http://soundlysensiblebeauty.blogspot.fr/2014/05/urban-decay-naked-ultra-definition.html">Urban</a> <a href="http://2.bp.blogspot.com/-x9WaViO_WjE/UFKluzMFZaI/AAAAAAAABk0/c4vMRNTRt_s/s1600/Picture15.png">Decay</a> <a href="http://media3.onsugar.com/files/2012/07/30/6/743/7430597/5ffa7d3ec97df96f_UD4.jpg">liquide</a>, <a href="http://beautyloon.com/wp-content/uploads/2013/11/DSCF4123.jpg">Givenchy</a>, <a href="https://fleurissante.files.wordpress.com/2011/08/sisley-face-swatch.jpg">Sisley</a>, <a href="http://www.luxuryparlor.com/static/products-map/images/clanblsolimano02friv.jpg">Clinique</a>, <a href="http://www.astonishingskincare.com/assets/images/dermablend/SmoothIndulgenceFound_Chart.jpg">Dermablend</a>, <a href="http://q.lnwfile.com/_/q/_raw/gm/za/27.jpg">Essence</a>, <a href="http://www.lisewatier.com/ca_fr/maquillage/visage/fonds-de-teint/teint-multi-fini-fond-de-teint-compact">Lise Watier</a>, <a href="http://4.bp.blogspot.com/-cSQlDdRjo64/Ua10eKlkU8I/AAAAAAAAHbE/t7efMNhnrOg/s1600/sensaif16.JPG">Sensai</a>, <a href="http://auto.img.v4.skyrock.net/4501/81754501/pics/3061307377_1_3_cHtXeUfd.jpg">Chien</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Phase preparatoire.html b/Page/Teint/Phase preparatoire.html index ae51213..61d08fd 100644 --- a/Page/Teint/Phase preparatoire.html +++ b/Page/Teint/Phase preparatoire.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="les-first-of-all">Les first of all</h1> + <div id="content"><h1 id="les-first-of-all">Les first of all</h1> <p>Comme vous le savez toutes, il faut toujours écouter les conseils de maman. Et la mienne, en matière de maquillage, c'est un peu une experte. A l'école, je racontais déjà à la maîtresse que, si j'étais toujours en retard, « c'est parce que maman se maquille ». Bref, maman, une référence en makeup.</p> <p>Voici ses conseils...</p> <h2 id="clean-ta-peau-sera...">Clean ta peau sera...</h2> @@ -175,8 +174,7 @@ <li><a href="http://www.laveritesurlescosmetiques.com/themen_022_fr.php">La vérité sur les cosmétiques</a></li> <li><a href="http://www.les-traitements.com/acne/acne-et-huiles-essentielles.html">Les Traitements.com</a></li> <li>Images : <a href="http://csimg.webmarchand.com/srv/FR/000128771610/T/340x340/C/FFFFFF/url/huile-essentielle-tea-tree.jpg">Flacons</a>, <a href="http://static.beaute-test.com/prod/img28400.jpg">savon</a>, <a href="http://www.belle.tn/wp-content/uploads/2012/07/creme-pour-hydrater-la-peau..png">photo</a>, <a href="http://www.aroma-zen.com/blog/wp-content/uploads/2014/06/creme-maison.jpg">pot de crème</a>, <a href="http://csimg.webmarchand.com/srv/FR/000128771610/T/340x340/C/FFFFFF/url/huile-essentielle-tea-tree.jpg">huile essentielle</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Poudre bronzante.html b/Page/Teint/Poudre bronzante.html index 9560f00..8b7152a 100644 --- a/Page/Teint/Poudre bronzante.html +++ b/Page/Teint/Poudre bronzante.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="les-poudres-bronzantes">Les poudres bronzantes</h1> + <div id="content"><h1 id="les-poudres-bronzantes">Les poudres bronzantes</h1> <h2 id="comment-être-bronzée-toute-lannée-comme-en-plein-été">Comment être bronzée toute l'année comme en plein été ?</h2> <p>(En construction)</p> <ul> @@ -104,8 +103,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Poudre libre.html b/Page/Teint/Poudre libre.html index 3b3249d..743cda4 100644 --- a/Page/Teint/Poudre libre.html +++ b/Page/Teint/Poudre libre.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="les-poudres-libres">Les poudres libres</h1> + <div id="content"><h1 id="les-poudres-libres">Les poudres libres</h1> <h2 id="lart-de-fixer-le-teint">L'art de fixer le teint</h2> <p>Ces poudres libres sont des poudres de finition pour fixer le maquillage et unifier le teint. Attention, elles ne servent pas toujours à matifier les <em>peaux grasses</em>. C'est un indispensable pour celles qui veulent avoir une <em>peau de poupée</em> et nécessite de prendre le coup de main pour ne pas redécorer sa salle-de-bain.</p> <div class="figure"> @@ -152,8 +151,7 @@ <li><a href="http://www.sephora.fr/">Sephora</a></li> <li><a href="http://www.beaute-test.com/">Beauté Test</a></li> <li>Images : <a href="http://www.moietcie.ca/sites/default/files/poudre-libre.jpg">Poudre libre</a>, <a href="http://www.victimdelamode.com/wp-content/uploads/2013/08/poudre.jpg">Chanel</a>, <a href="http://www.zoemacaron.fr/wp-content/uploads/2014/12/photo-1.jpg">Caron</a>, <a href="http://www.biggreensmile.fr/shop/images/products/DRHPOWDLOOSE_main.jpg?t=2465686560">Hauschka</a>, <a href="http://scontent-b.cdninstagram.com/hphotos-xfa1/t51.2885-15/s306x306/e15/10899098_1605227773041332_685784438_n.jpg">Dior</a>, <a href="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTdRgaDgUm-KI4C6yZLrRWvNGHgj-miNKq627up2pQ73cwvzWsXrQ">Clinique</a>, <a href="http://misslipstick.fr/wp-content/uploads/2014/02/IMGP9140.jpg">Urban Decay</a>, <a href="https://histoiredepots.files.wordpress.com/2012/08/015.jpg">Essence</a>.</li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Teint/Primer et base.html b/Page/Teint/Primer et base.html index 2847cb0..d8f8b29 100644 --- a/Page/Teint/Primer et base.html +++ b/Page/Teint/Primer et base.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="primer-et-bases-les-conseils-des-pros">Primer et bases : les conseils des pros</h1> + <div id="content"><h1 id="primer-et-bases-les-conseils-des-pros">Primer et bases : les conseils des pros</h1> <p>A la suite des conseils précédents, voici la deuxième phase de la routine make-up.</p> <p>Les <strong>bases de teint</strong> ont l'avantage de <strong>corriger</strong> les éventuels <strong>défauts du teint</strong> et d'être aussi un atout supplémentaire pour la tenue du fameux fond de teint. A savoir : il existe <strong>4 types de bases</strong>. Celui pour corriger la couleur de votre carnation (<em>base correctrice</em>), ceux pour illuminer le teint (<em>base illuminatrice</em> et <em>embellisseur</em>), celui pour lisser les irrégularités du visages (<em>base lissante / matifiante</em> et celui pour fixer le maquillage (<em>spray fixateur</em>).</p> <p>Ca y est, vous avez perdu votre latin ? <em>Normalum</em> ! Reprenons...</p> @@ -172,8 +171,7 @@ <li>[Art Vintage Gallery] (http://www.paperblog.fr/6734077/phyderma-le-sublimateur-de-teint/)</li> <li>[Sephora] (http://www.sephora.fr/)</li> <li>Images : [Superprimer de Clinique] (http://andrezagoulart.com.br/blog/wp-content/uploads/2014/11/bear-Superprimer-Lifestyle-Shot-Global-e1377024783205.jpg), [Acti'mine de Givenchy] (https://4.bp.blogspot.com/-XpJPQIx_cFQ/VGO-0JgazsI/AAAAAAAAm64/0LIDh6wK3FE/s1600/DSC03539.JPG), [teint hâlé] (http://www.manewsbeaute.fr/wp-content/uploads/2014/09/une-peau-halee-sans-uv-soin-naturel-bronzage-IMGH1301241356-3382190.jpeg), [grain de peau] (http://4.bp.blogspot.com/-W1KZ-5EhnyQ/UwJqjqxyCQI/AAAAAAAADLs/5xhjVXQS0jE/s1600/pore+bioderma.jpg), [spray] (https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSDhp_Oz2h5-wO4AaBiwfmHMH_sGJ1Zz5owOdHuOXNGIj8G4mv5).</li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Yeux.html b/Page/Yeux.html index 9e2c15a..4a7b621 100644 --- a/Page/Yeux.html +++ b/Page/Yeux.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="brin-de-culture-les-meilleures-citations-sur-nos-mirettes">Brin de culture : les meilleures citations sur nos mirettes</h1> + <div id="content"><h1 id="brin-de-culture-les-meilleures-citations-sur-nos-mirettes">Brin de culture : les meilleures citations sur nos mirettes</h1> <blockquote> <p>« Ô toi qui es plus caressante que l'astre neigeux de Latone, et plus belle que l'étoile d'or de Vénus, donne-moi cent baisers, donne-moi autant de baisers qu'en donna Lesbie à son exigeant poète et autant qu'elle en reçut, autant qu'il est de caressantes Vénus et autant qu'il est d'Amours qui visitent tes lèvres et tes joues roses, autant que tu portes dans tes <strong>yeux</strong> et de vies et de morts, autant que tu portes d'espoirs, et de craintes et de joies mêlées à de continuels soucis, et de soupirs pour ceux qui t'aiment. » - <em>Jean Second, Le Livre des baisers, 16, début XVIe s.</em></p> </blockquote> @@ -87,8 +86,7 @@ </blockquote> <blockquote> <p>« L’éclat de vos <strong>yeux</strong> supprime la souffrance du monde. » - <em>Lettre de Franz Kafka à Milena Jesenska, 3 juin 1920.</em></p> -</blockquote> - </div> +</blockquote> </div> <footer> <div class="contact"> diff --git a/Page/Yeux/Base.html b/Page/Yeux/Base.html index 3e0c5a4..34533f1 100644 --- a/Page/Yeux/Base.html +++ b/Page/Yeux/Base.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="yeux">Yeux</h1> + <div id="content"><h1 id="yeux">Yeux</h1> <h2 id="a">A</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Yeux/Crayon.html b/Page/Yeux/Crayon.html index 615f7c4..9a8d43d 100644 --- a/Page/Yeux/Crayon.html +++ b/Page/Yeux/Crayon.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="crayon-à-yeux">Crayon à yeux</h1> + <div id="content"><h1 id="crayon-à-yeux">Crayon à yeux</h1> <p>(En construction)</p> <ul> <li>Crayon automatique duo yeux, Estée Lauder</li> @@ -95,8 +94,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Yeux/Eyeliner.html b/Page/Yeux/Eyeliner.html index e374e4e..2b8230c 100644 --- a/Page/Yeux/Eyeliner.html +++ b/Page/Yeux/Eyeliner.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="ceci">Ceci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Yeux/Fard a paupieres.html b/Page/Yeux/Fard a paupieres.html index 245f7a5..fb2393f 100644 --- a/Page/Yeux/Fard a paupieres.html +++ b/Page/Yeux/Fard a paupieres.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="fard-à-paupières">Fard à paupières</h1> + <div id="content"><h1 id="fard-à-paupières">Fard à paupières</h1> <p>(En construction)</p> <ul> <li>Eye Shadow, Urban Decay</li> @@ -85,8 +84,7 @@ <p>(A modifier, à compléter)</p> <div class="figure"> <img src="/Images/teint-cela.jpg" alt="teint" /><p class="caption">teint</p> -</div> - </div> +</div> </div> <footer> <div class="contact"> diff --git a/Page/Yeux/Faux cils.html b/Page/Yeux/Faux cils.html index e374e4e..2b8230c 100644 --- a/Page/Yeux/Faux cils.html +++ b/Page/Yeux/Faux cils.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="ceci">Ceci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Yeux/Mascara.html b/Page/Yeux/Mascara.html index e374e4e..2b8230c 100644 --- a/Page/Yeux/Mascara.html +++ b/Page/Yeux/Mascara.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="ceci">Ceci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/Page/Yeux/special yeux sensibles.html b/Page/Yeux/special yeux sensibles.html index e374e4e..2b8230c 100644 --- a/Page/Yeux/special yeux sensibles.html +++ b/Page/Yeux/special yeux sensibles.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="teint">Teint</h1> + <div id="content"><h1 id="teint">Teint</h1> <h2 id="ceci">Ceci</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam nec condimentum lacus. Donec arcu lorem, sagittis nec nisi sit amet, lobortis elementum nisl. Etiam interdum porttitor eros non imperdiet. Donec non mollis lorem. Pellentesque euismod dui ac erat laoreet pellentesque. Fusce vestibulum, nunc eu scelerisque convallis, quam mi placerat elit, sit amet commodo nisi lacus vitae nisl. Ut tempor est ipsum, lacinia egestas tortor tincidunt id. Nam in turpis tellus. Sed id porta nulla. Phasellus sit amet arcu eu mi interdum sollicitudin et nec mi. Integer aliquam mi dui. Maecenas aliquet leo sit amet odio auctor finibus. Suspendisse a pulvinar purus.</p> <div class="figure"> @@ -87,8 +86,7 @@ <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> <li><a href="http://www.google.com/">http://www.google.com/</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> @@ -3,31 +3,29 @@ MARKDOWN_DIR="Markdown" MARKDOWN_DIR_LENGTH=$(expr 1 + ${#MARKDOWN_DIR}) HTML_DIR="Page" -# clean_html_files: IO () -clean_html_files () { - rm -rf "$HTML_DIR" -} - # write_html_file: FilePath -> FilePath -> IO () write_html_file () { - mkdir -p $(dirname "$2") - cat Fragments/begin.html > "$2" - pandoc -t html "$1" >> "$2" - cat Fragments/end.html >> "$2" + MARKDOWN_FILENAME="$1" + HTML_FILENAME="$2" + + BEGIN=$(cat Fragments/begin.html) + CONTENT=$(pandoc -t html "$MARKDOWN_FILENAME") + END=$(cat Fragments/end.html) + + mkdir -p $(dirname "$HTML_FILENAME") + echo "$BEGIN$CONTENT$END" > "$HTML_FILENAME" } echo "" echo "> Generating HTML files…" -clean_html_files - SELECTOR="${MARKDOWN_DIR}/*.md ${MARKDOWN_DIR}/**/*.md" -for FILENAME in $SELECTOR; do - WITHOUT_DIR=${FILENAME:$MARKDOWN_DIR_LENGTH} +for MARKDOWN_FILENAME in $SELECTOR; do + WITHOUT_DIR=${MARKDOWN_FILENAME:$MARKDOWN_DIR_LENGTH} WITHOUT_EXT=${WITHOUT_DIR%.*} HTML_FILENAME="$HTML_DIR/$WITHOUT_EXT.html" - write_html_file "$FILENAME" "$HTML_FILENAME" + write_html_file "$MARKDOWN_FILENAME" "$HTML_FILENAME" done write_html_file "$MARKDOWN_DIR/Index.md" index.html @@ -74,8 +74,7 @@ </nav> </header> - <div id="content"> -<h1 id="présentation">Présentation</h1> + <div id="content"><h1 id="présentation">Présentation</h1> <p>Il était une fois l'histoire d'une femme qui voulait être belle. Cette histoire n'est-elle pas celle de chacune d'entre nous ? Oui, mais quand vient l'heure d'arpenter les parfumeries, aïe aïe aïe, les questions se multiplient : <em>quel rouge à lèvres choisir ? Quelle marque pour mon fard à paupières ? Quelle couleur pour mon fond de teint ?</em></p> <div class="figure"> <img src="/makeup/Images/lequel.png" alt="Quel maquillage choisir ?" /><p class="caption">Quel maquillage choisir ?</p> @@ -100,8 +99,7 @@ <h2 id="sources-des-images">Sources des images</h2> <ul> <li><a href="http://www.e-leclerc.com/objetsportail//content/sites/portail/files/univers/rayons/Beaute/320x248/accessoires_maquillage_image_w320_h248.png">Traces de maquillage</a>, <a href="http://media.meltyfashion.fr/plus-gracieuse-maquillee-image-522088-article-ajust_930.jpg">day off</a>, <a href="http://www.tuxboard.com/photos/2012/08/Cocktail-essence-trop-chere.jpg">caricature</a>, <a href="http://commentplaire.com/wp-content/uploads/2014/12/mascara02.jpg">quel mascara ?</a>, <a href="http://www.cranemou.com/wp-content/uploads/2012/04/course-escarpins-course-femmes-talons-aiguill-L-6ZxNc8.jpg">starting block</a>, <a href="http://thehoopla.com.au/wp-content/uploads/2012/04/Retro-beauty-salon-225x300.jpg">logo</a></li> -</ul> - </div> +</ul> </div> <footer> <div class="contact"> diff --git a/package.json b/package.json index f39d16f..f1dbeab 100644 --- a/package.json +++ b/package.json @@ -15,9 +15,10 @@ }, "scripts": { - "build": "./gen.sh", - "watch": "watch ./gen.sh ./Markdown ./Fragments & npm run serve", + "build": "npm run clean && ./gen.sh", + "watch": "npm run clean && watch ./gen.sh ./Markdown ./Fragments & npm run serve", "serve": "npm run kill-server && http-server -p 8000 makeup", - "kill-server": "fuser -k 8000/tcp || true" + "kill-server": "fuser -k 8000/tcp || true", + "clean": "rm -rf Page/" } } |