tableaux finis

f35654ee · Thomas Truffin · 7ad82b4b · f35654ee · f35654ee
Commit f35654ee authored 3 years ago by Thomas Truffin
--- a/index.html
+++ b/index.html
 <!DOCTYPE html>
 <html>
  <head>
-	<meta charset="UTF-8">
+    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
-
+    <script src="./src/main.js" defer></script>
    <title>PizzaLand</title>

-	<link rel="icon" href="images/icon.png" sizes="96x96">
+    <link rel="icon" href="images/icon.png" sizes="96x96" />

    <link rel="stylesheet" type="text/css" href="css/main.css" />
-	<link rel="stylesheet" href="css/header.css">
-	<link rel="stylesheet" href="css/news.css">
-	<link rel="stylesheet" href="css/pizzaList.css">
-	<link rel="stylesheet" href="css/footer.css">
+    <link rel="stylesheet" href="css/header.css" />
+    <link rel="stylesheet" href="css/news.css" />
+    <link rel="stylesheet" href="css/pizzaList.css" />
+    <link rel="stylesheet" href="css/footer.css" />
  </head>
  <body>
    <header>
@@ -24,7 +24,9 @@
        <ul class="mainMenu">
          <li><a href="/" class="pizzaListLink">La carte</a></li>
          <li><a href="/a-propos" class="aboutLink">À propos</a></li>
-				<li><a href="/ajouter-pizza" class="pizzaFormLink">Ajouter une pizza</a></li>
+          <li>
+            <a href="/ajouter-pizza" class="pizzaFormLink">Ajouter une pizza</a>
+          </li>
        </ul>
      </nav>
    </header>
@@ -33,9 +35,31 @@
      <div class="pageContent"></div>
    </section>
    <footer>
-		<div>Une (incroyable) création originale de <a href="http://uidlt.fr">Thomas Fritsch</a> pour l'<a href="https://www.iut-a.univ-lille.fr/">IUT A</a> de l'<a href="https://www.univ-lille.fr/">Université de Lille</a></div>
-		<div>Free photos from <a href="https://unsplash.com/unsplash">Unsplash</a></div>
-		<div>Icons made by <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" 			    title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" 			    title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
+      <div>
+        Une (incroyable) création originale de
+        <a href="http://uidlt.fr">Thomas Fritsch</a> pour l'<a
+          href="https://www.iut-a.univ-lille.fr/"
+          >IUT A</a
+        >
+        de l'<a href="https://www.univ-lille.fr/">Université de Lille</a>
+      </div>
+      <div>
+        Free photos from <a href="https://unsplash.com/unsplash">Unsplash</a>
+      </div>
+      <div>
+        Icons made by
+        <a href="https://www.freepik.com/" title="Freepik">Freepik</a> from
+        <a href="https://www.flaticon.com/" title="Flaticon"
+          >www.flaticon.com</a
+        >
+        is licensed by
+        <a
+          href="http://creativecommons.org/licenses/by/3.0/"
+          title="Creative Commons BY 3.0"
+          target="_blank"
+          >CC 3.0 BY</a
+        >
+      </div>
    </footer>
  </body>
 </html>
--- a/src/main.js
+++ b/src/main.js
-console.log('Welcome to PizzaLand 🍕 !');
\ No newline at end of file
+const name = "Regina";
+const url = `images/${name.toLowerCase()}.jpg`;
+const html = `<article class="pizzaThumbnail">
+    <a href="${url}">
+        <img src="${url}"/>
+        <section>Pizza Regina</section>
+    </a>
+</article>`;
+document.querySelector(".pageContent").innerHTML = html;