Generate static pages with a watcher and serve files with a simple http server

author: Joris Guyonvarch 2015-06-27 01:04:51 +0200
committer: Joris Guyonvarch 2015-06-27 01:04:51 +0200
commit: 6ec9a6fc1d43c8d2a1495e147157dc545175b129 (patch)
tree: 9e9809a02c937e6a95eb9c63890a945a250ffa11 /Page/Levres
parent: b590ca0aea8bbae34885e98b59bc465c09400ca3 (diff)
2 files changed, 197 insertions, 0 deletions
diff --git a/Page/Levres/Gloss.html b/Page/Levres/Gloss.html
new file mode 100644
index 0000000..87ed8e2
--- /dev/null
+++ b/Page/Levres/Gloss.html
@@ -0,0 +1,99 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="UTF-8">
+    <script src="/analytics.js"></script>
+    <link rel="shortcut icon" href="/Images/icon.png">
+    <link rel="stylesheet" type="text/css" href="/CSS/reset.css">
+    <link rel="stylesheet" type="text/css" href="/CSS/font.css">
+    <link rel="stylesheet" type="text/css" href="/CSS/menu.css">
+    <link rel="stylesheet" type="text/css" href="/CSS/style.css">
+    <title>Le meilleur du maquillage</title>
+  </head>
+
+  <body>
+    <header>
+      <a href="/">
+        <img src="/Images/logo2.png" alt="icône" />
+      </a>
+
+      <nav>
+        <ul>
+          <li>
+            <a href="/Page/Teint.html">Teint</a>
+            <ul>
+              <li><a href="/Page/Teint/Phase preparatoire.html">Phase préparatoire</a></li>
+              <li><a href="/Page/Teint/Primer et base.html">Primer et base</a></li>
+              <li><a href="/Page/Teint/BB Cream vs CC Cream.html">BB Cream vs CC Cream</a></li>
+              <li><a href="/Page/Teint/Fond de teint.html">Fond de teint</a></li>
+              <li><a href="/Page/Teint/Anti cernes.html">Anti-cernes</a></li>
+              <li><a href="/Page/Teint/Poudre libre.html">Poudre libre</a></li>
+              <li><a href="/Page/Teint/Poudre bronzante.html">Poudre bronzante</a></li>
+              <li><a href="/Page/Teint/Blush.html">Blush</a></li>
+              <li><a href="/Page/Teint/Contouring.html">Contouring</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Yeux.html">Yeux</a>
+            <ul>
+              <li><a href="/Page/Yeux/Base.html">Base</a></li>
+              <li><a href="/Page/Yeux/Crayon.html">Crayon</a></li>
+              <li><a href="/Page/Yeux/Fard a paupieres.html">Fard à paupières</a></li>
+              <li><a href="/Page/Yeux/Eyeliner.html">Eye-liner</a></li>
+              <li><a href="/Page/Yeux/Mascara.html">Mascara</a></li>
+              <li><a href="/Page/Yeux/Faux cils.html">Faux cils</a></li>
+              <li><a href="/Page/Yeux/special yeux sensibles.html">Spécial "yeux sensibles"</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Levres.html">Lèvres</a>
+            <ul>
+              <li><a href="/Page/Levres/Gloss.html">Gloss</a></li>
+              <li><a href="/Page/Levres/Rouge a levres.html">Rouge à lèvres</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Accessoires.html">Accessoires</a>
+            <ul>
+              <li><a href="/Page/Accessoires/Eponges.html">Eponges</a></li>
+              <li><a href="/Page/Accessoires/Pinceaux.html">Pinceaux</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Demaquillant.html">Démaquillant</a>
+            <ul>
+              <li><a href="/Page/Demaquillant/Visage.html">Visage</a></li>
+              <li><a href="/Page/Demaquillant/Yeux.html">Yeux</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Promos.html">Promos</a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+
+    <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">
+<img src="/Images/teint.jpg" alt="teint" /><p class="caption">teint</p>
+</div>
+<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>
+<h2 id="sources">Sources</h2>
+<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>
+
+    <footer>
+      <div class="contact">
+        Contact : Auriane
+      </div>
+    </footer>
+
+  </body>
+</html>
diff --git a/Page/Levres/Rouge a levres.html b/Page/Levres/Rouge a levres.html
new file mode 100644
index 0000000..c91fb4c
--- /dev/null
+++ b/Page/Levres/Rouge a levres.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html>
+
+  <head>
+    <meta charset="UTF-8">
+    <script src="/analytics.js"></script>
+    <link rel="shortcut icon" href="/Images/icon.png">
+    <link rel="stylesheet" type="text/css" href="/CSS/reset.css">
+    <link rel="stylesheet" type="text/css" href="/CSS/font.css">
+    <link rel="stylesheet" type="text/css" href="/CSS/menu.css">
+    <link rel="stylesheet" type="text/css" href="/CSS/style.css">
+    <title>Le meilleur du maquillage</title>
+  </head>
+
+  <body>
+    <header>
+      <a href="/">
+        <img src="/Images/logo2.png" alt="icône" />
+      </a>
+
+      <nav>
+        <ul>
+          <li>
+            <a href="/Page/Teint.html">Teint</a>
+            <ul>
+              <li><a href="/Page/Teint/Phase preparatoire.html">Phase préparatoire</a></li>
+              <li><a href="/Page/Teint/Primer et base.html">Primer et base</a></li>
+              <li><a href="/Page/Teint/BB Cream vs CC Cream.html">BB Cream vs CC Cream</a></li>
+              <li><a href="/Page/Teint/Fond de teint.html">Fond de teint</a></li>
+              <li><a href="/Page/Teint/Anti cernes.html">Anti-cernes</a></li>
+              <li><a href="/Page/Teint/Poudre libre.html">Poudre libre</a></li>
+              <li><a href="/Page/Teint/Poudre bronzante.html">Poudre bronzante</a></li>
+              <li><a href="/Page/Teint/Blush.html">Blush</a></li>
+              <li><a href="/Page/Teint/Contouring.html">Contouring</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Yeux.html">Yeux</a>
+            <ul>
+              <li><a href="/Page/Yeux/Base.html">Base</a></li>
+              <li><a href="/Page/Yeux/Crayon.html">Crayon</a></li>
+              <li><a href="/Page/Yeux/Fard a paupieres.html">Fard à paupières</a></li>
+              <li><a href="/Page/Yeux/Eyeliner.html">Eye-liner</a></li>
+              <li><a href="/Page/Yeux/Mascara.html">Mascara</a></li>
+              <li><a href="/Page/Yeux/Faux cils.html">Faux cils</a></li>
+              <li><a href="/Page/Yeux/special yeux sensibles.html">Spécial "yeux sensibles"</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Levres.html">Lèvres</a>
+            <ul>
+              <li><a href="/Page/Levres/Gloss.html">Gloss</a></li>
+              <li><a href="/Page/Levres/Rouge a levres.html">Rouge à lèvres</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Accessoires.html">Accessoires</a>
+            <ul>
+              <li><a href="/Page/Accessoires/Eponges.html">Eponges</a></li>
+              <li><a href="/Page/Accessoires/Pinceaux.html">Pinceaux</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Demaquillant.html">Démaquillant</a>
+            <ul>
+              <li><a href="/Page/Demaquillant/Visage.html">Visage</a></li>
+              <li><a href="/Page/Demaquillant/Yeux.html">Yeux</a></li>
+            </ul>
+          </li>
+          <li>
+            <a href="/Page/Promos.html">Promos</a>
+          </li>
+        </ul>
+      </nav>
+    </header>
+
+    <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>
+<li>Item 1</li>
+<li>Item 2</li>
+<li>Item 3</li>
+</ul>
+<div class="figure">
+<img src="/Images/teint-cela.jpg" alt="teint" /><p class="caption">teint</p>
+</div>
+    </div>
+
+    <footer>
+      <div class="contact">
+        Contact : Auriane
+      </div>
+    </footer>
+
+  </body>
+</html>
author	Joris Guyonvarch	2015-06-27 01:04:51 +0200
committer	Joris Guyonvarch	2015-06-27 01:04:51 +0200
commit	6ec9a6fc1d43c8d2a1495e147157dc545175b129 (patch)
tree	9e9809a02c937e6a95eb9c63890a945a250ffa11 /Page/Levres
parent	b590ca0aea8bbae34885e98b59bc465c09400ca3 (diff)