Selaa lähdekoodia

Cretae projet pages
Make links between pages work

Jovian Hersemeule Satellite 6 vuotta sitten
vanhempi
commit
9d8f1bd5d5
7 muutettua tiedostoa jossa 345 lisäystä ja 12 poistoa
  1. 12 4
      cv.html
  2. 12 4
      index.html
  3. 12 4
      projects.html
  4. 77 0
      projets/pro_ascii_space.html
  5. 77 0
      projets/pro_pulsar.html
  6. 78 0
      projets/pro_quoridor.html
  7. 77 0
      projets/pro_static_site.html

+ 12 - 4
cv.html

@@ -41,10 +41,18 @@
             <div class="dropdown-menu" aria-labelledby="dropdown01">
                 <a class="dropdown-item" href="projects.html">Liste des projets</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#">Jovian Website</a>
-                <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
-                <a class="dropdown-item" href="#">Pulsar</a>
-                <a class="dropdown-item" href="#">Quoridor</a>
+                <a class="dropdown-item" href="projets/pro_static_site.html">
+                    Jovian Website
+                </a>
+                <a class="dropdown-item" href="projets/pro_ascii_space.html">
+                    ASCII Space Destroyer
+                </a>
+                <a class="dropdown-item" href="projets/pro_pulsar.html">
+                    Pulsar
+                </a>
+                <a class="dropdown-item" href="projets/pro_quoridor.html">
+                    Quoridor
+                </a>
             </div>
         </li>
     </ul>

+ 12 - 4
index.html

@@ -42,10 +42,18 @@
             <div class="dropdown-menu" aria-labelledby="dropdown01">
                 <a class="dropdown-item" href="projects.html">Liste des projets</a>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#">Jovian Website</a>
-                <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
-                <a class="dropdown-item" href="#">Pulsar</a>
-                <a class="dropdown-item" href="#">Quoridor</a>
+                <a class="dropdown-item" href="projets/pro_static_site.html">
+                    Jovian Website
+                </a>
+                <a class="dropdown-item" href="projets/pro_ascii_space.html">
+                    ASCII Space Destroyer
+                </a>
+                <a class="dropdown-item" href="projets/pro_pulsar.html">
+                    Pulsar
+                </a>
+                <a class="dropdown-item" href="projets/pro_quoridor.html">
+                    Quoridor
+                </a>
             </div>
         </li>
     </ul>

+ 12 - 4
projects.html

@@ -42,10 +42,18 @@
             <div class="dropdown-menu" aria-labelledby="dropdown01">
                 <div class="dropdown-item active">Liste des projets</div>
                 <div class="dropdown-divider"></div>
-                <a class="dropdown-item" href="#">Jovian Website</a>
-                <a class="dropdown-item" href="#">ASCII Space Destroyer</a>
-                <a class="dropdown-item" href="#">Pulsar</a>
-                <a class="dropdown-item" href="#">Quoridor</a>
+                <a class="dropdown-item" href="projets/pro_static_site.html">
+                    Jovian Website
+                </a>
+                <a class="dropdown-item" href="projets/pro_ascii_space.html">
+                    ASCII Space Destroyer
+                </a>
+                <a class="dropdown-item" href="projets/pro_pulsar.html">
+                    Pulsar
+                </a>
+                <a class="dropdown-item" href="projets/pro_quoridor.html">
+                    Quoridor
+                </a>
             </div>
         </li>
     </ul>

+ 77 - 0
projets/pro_ascii_space.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Page description -->
+    <meta name="description" content="The official website of Jovian Hersemeule.">
+    <meta name="author" content="Jovian Hersemeule">
+
+    <!-- Style sheet -->
+    <link href="../css/bootstrap.css" rel="stylesheet">
+    <link href="../css/custom/main.css" rel="stylesheet">
+
+    <title>Projets - Mon Site - Jovian Hersemeule</title>
+</head>
+<body>
+
+<!-- Navbar -->
+<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
+    <a class="navbar-brand" href="../index.html">Jovian Hersemeule</a>
+
+    <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+            <a class="nav-link" href="../index.html">
+                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
+                Accueil
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="../cv.html">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
+                CV
+            </a>
+        </li>
+        <li class="nav-item active dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">
+                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
+                Projets
+            </a>
+            <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="../projects.html">Liste des projets</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="pro_static_site.html">Jovian Website</a>
+                <div class="dropdown-item active">ASCII Space Destroyer</div>
+                <a class="dropdown-item" href="pro_pulsar.html">Pulsar</a>
+                <a class="dropdown-item" href="pro_quoridor.html">Quoridor</a>
+            </div>
+        </li>
+    </ul>
+</nav>
+
+<!-- Main -->
+<main role="main" class="container">
+    <div class="focus-center">
+        <h1>
+            ASCII Space Destroyer
+        </h1>
+        <img src="https://img.icons8.com/color/96/000000/code.png" alt="code flat icon">
+        <h2>
+            Jeu vidéo réalisé en C++
+        </h2>
+        <p class="lead">
+            Derrière ce nom un peu bourrin se cache un shooter à la "Space Invader" où les joueurs peuvent concevoir leur propre vaisseau avant de partir à l'aventure.
+        </p>
+    </div>
+</main>
+
+<!-- Scripts -->
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+<script src="../js/bootstrap.js"></script>
+
+</body>
+</html>

+ 77 - 0
projets/pro_pulsar.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Page description -->
+    <meta name="description" content="The official website of Jovian Hersemeule.">
+    <meta name="author" content="Jovian Hersemeule">
+
+    <!-- Style sheet -->
+    <link href="../css/bootstrap.css" rel="stylesheet">
+    <link href="../css/custom/main.css" rel="stylesheet">
+
+    <title>Projets - Mon Site - Jovian Hersemeule</title>
+</head>
+<body>
+
+<!-- Navbar -->
+<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
+    <a class="navbar-brand" href="../index.html">Jovian Hersemeule</a>
+
+    <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+            <a class="nav-link" href="../index.html">
+                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
+                Accueil
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="../cv.html">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
+                CV
+            </a>
+        </li>
+        <li class="nav-item active dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">
+                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
+                Projets
+            </a>
+            <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="../projects.html">Liste des projets</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="pro_static_site.html">Jovian Website</a>
+                <a class="dropdown-item" href="pro_ascii_space.html">ASCII Space Destroyer</a>
+                <div class="dropdown-item active">Pulsar</div>
+                <a class="dropdown-item" href="pro_quoridor.html">Quoridor</a>
+            </div>
+        </li>
+    </ul>
+</nav>
+
+<!-- Main -->
+<main role="main" class="container">
+    <div class="focus-center">
+        <h1>
+            Pulsar
+        </h1>
+        <img src="https://img.icons8.com/color/96/000000/code.png" alt="code flat icon">
+        <h2>
+            Concept de jeu vidéo
+        </h2>
+        <p class="lead">
+            Pulsar est un grand projet qui est dans mon tiroir depuis 3 ans. Il est ambitieux mais reste rélaisable. C'est un jeu vidéo dynamique et multijoueur, qui allie à la fois combat et récolte de ressources dans un monde spatial.
+        </p>
+    </div>
+</main>
+
+<!-- Scripts -->
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+<script src="../js/bootstrap.js"></script>
+
+</body>
+</html>

+ 78 - 0
projets/pro_quoridor.html

@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Page description -->
+    <meta name="description" content="The official website of Jovian Hersemeule.">
+    <meta name="author" content="Jovian Hersemeule">
+
+    <!-- Style sheet -->
+    <link href="../css/bootstrap.css" rel="stylesheet">
+    <link href="../css/custom/main.css" rel="stylesheet">
+
+    <title>Projets - Mon Site - Jovian Hersemeule</title>
+</head>
+<body>
+
+<!-- Navbar -->
+<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
+    <a class="navbar-brand" href="../index.html">Jovian Hersemeule</a>
+
+    <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+            <a class="nav-link" href="../index.html">
+                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
+                Accueil
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="../cv.html">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
+                CV
+            </a>
+        </li>
+        <li class="nav-item active dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">
+                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
+                Projets
+            </a>
+            <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="../projects.html">Liste des projets</a>
+                <div class="dropdown-divider"></div>
+                <a class="dropdown-item" href="pro_static_site.html">Jovian Website</a>
+                <a class="dropdown-item" href="pro_ascii_space.html">ASCII Space Destroyer</a>
+                <a class="dropdown-item" href="pro_pulsar.html">Pulsar</a>
+                <div class="dropdown-item active">Quoridor</div>
+            </div>
+        </li>
+    </ul>
+</nav>
+
+<!-- Main -->
+<main role="main" class="container">
+    <div class="focus-center">
+        <h1>
+            Quoridor
+        </h1>
+        <img src="https://img.icons8.com/color/96/000000/code.png" alt="code flat icon">
+        <h2>
+            TIPE 2017
+        </h2>
+        <p class="lead">
+            Développement d'intelligences artificielles pour le jeu de stratégie quoridor.
+            Ce projet est un travail de groupe réalisé sur l'ensemble de ma seconde année de prépa.
+        </p>
+    </div>
+</main>
+
+<!-- Scripts -->
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+<script src="../js/bootstrap.js"></script>
+
+</body>
+</html>

+ 77 - 0
projets/pro_static_site.html

@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Page description -->
+    <meta name="description" content="The official website of Jovian Hersemeule.">
+    <meta name="author" content="Jovian Hersemeule">
+
+    <!-- Style sheet -->
+    <link href="../css/bootstrap.css" rel="stylesheet">
+    <link href="../css/custom/main.css" rel="stylesheet">
+
+    <title>Projets - Mon Site - Jovian Hersemeule</title>
+</head>
+<body>
+
+<!-- Navbar -->
+<nav class="navbar navbar-expand-md navbar-dark bg-success fixed-top">
+    <a class="navbar-brand" href="../index.html">Jovian Hersemeule</a>
+
+    <ul class="navbar-nav mr-auto">
+        <li class="nav-item">
+            <a class="nav-link" href="../index.html">
+                <img src="https://img.icons8.com/color/48/000000/city.png" alt="|">
+                Accueil
+            </a>
+        </li>
+        <li class="nav-item">
+            <a class="nav-link" href="../cv.html">
+                <img src="https://img.icons8.com/color/48/000000/parse-from-clipboard.png" alt="|">
+                CV
+            </a>
+        </li>
+        <li class="nav-item active dropdown">
+            <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-toggle="dropdown"
+               aria-haspopup="true" aria-expanded="false">
+                <img src="https://img.icons8.com/color/48/000000/code.png" alt="|">
+                Projets
+            </a>
+            <div class="dropdown-menu" aria-labelledby="dropdown01">
+                <a class="dropdown-item" href="../projects.html">Liste des projets</a>
+                <div class="dropdown-divider"></div>
+                <div class="dropdown-item active">Jovian Website</div>
+                <a class="dropdown-item" href="pro_ascii_space.html">ASCII Space Destroyer</a>
+                <a class="dropdown-item" href="pro_pulsar.html">Pulsar</a>
+                <a class="dropdown-item" href="pro_quoridor.html">Quoridor</a>
+            </div>
+        </li>
+    </ul>
+</nav>
+
+<!-- Main -->
+<main role="main" class="container">
+    <div class="focus-center">
+        <h1>
+            Mon site internet
+        </h1>
+        <img src="https://img.icons8.com/color/96/000000/code.png" alt="code flat icon">
+        <h2>
+            Le site sur lequel vous surfez actuellement ...
+        </h2>
+        <p class="lead">
+            J'ai longtemps codé en C++ afin de faire des jeux-vidéo. Mais après avoir gagné un Raspberry Pi lors d'un hackaton, je trouvais intéressant d'apprendre et d'appliquer quelques technologies du web afin de réaliser mon propre site Internet.
+        </p>
+    </div>
+</main>
+
+<!-- Scripts -->
+<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
+        integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
+        crossorigin="anonymous"></script>
+<script src="../js/bootstrap.js"></script>
+
+</body>
+</html>