Skip to content

Commit

Permalink
sr: migrate to vue
Browse files Browse the repository at this point in the history
  • Loading branch information
@VincentHardouin
VincentHardouin committed Apr 22, 2024
1 parent f73f6b7 commit 251869c
Show file tree
Hide file tree
Showing 12 changed files with 716 additions and 432 deletions.
164 changes: 2 additions & 162 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,174 +23,14 @@
<meta name="og:url" content="https://metro-travel.vincenthardouin.dev" />
<title>Métro travel</title>
<link rel="stylesheet" href="src/style.scss" />
<script src="src/front.js" type="module"></script>
<script src="src/main.js" type="module"></script>
<script
defer
data-domain="metro-travel.vincenthardouin.dev"
src="https://analytics.vincenthardouin.dev/js/script.js"
></script>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Métro Travel</a>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<button
class="nav-link"
data-bs-toggle="modal"
data-bs-target="#rules-modal"
>
Règles
</button>
</li>
<li class="nav-item">
<button
class="nav-link"
data-bs-toggle="modal"
data-bs-target="#about-modal"
>
À propos
</button>
</li>
</ul>
</div>
</div>
</nav>
<div id="rules-modal" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Règles du jeu</h5>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<p>
L'objectif est de trouver toutes les stations pour relier la
station de départ à la station d'arrivée. Bon courage !
</p>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Fermer
</button>
</div>
</div>
</div>
</div>
<div id="about-modal" class="modal" tabindex="-1">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">À propos</h5>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
<p>
Métro Travel est un jeu quotidien, dont l'objectif est de trouver
les différentes stations entre celle de départ et d'arrivée.
</p>
<p>
Le site est développé par
<a href="https://vincentHardouin.dev/">Vincent Hardouin</a>, le
code source est disponible sur
<a href="https://github.com/VincentHardouin/metro-travel/"
>GitHub</a
>.
</p>
<p>L'idée originale est de Marianne.</p>
<p>
N'hésitez pas à me faire des retours, des suggestions
d'améliorations et/ou à contribuer.
</p>
<p>Uniquement les statistiques de visite sont récupérées.</p>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Fermer
</button>
</div>
</div>
</div>
</div>
<div id="finish-modal" class="modal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Bravo ! Défi du jour terminé</h5>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div id="result" class="modal-body">
<p>Vous avez terminé ! À demain !</p>
</div>
<div class="modal-footer">
<button
type="button"
class="btn btn-secondary"
data-bs-dismiss="modal"
>
Fermer
</button>
</div>
</div>
</div>
</div>
<div class="container">
<h1>Métro travel</h1>
<p id="instruction"></p>
<svg id="carte"></svg>
<div class="dropdown">
<label for="station" class="form-label">Nom d'une station</label>
<input
id="station"
class="form-control"
type="text"
placeholder="Rechercher une station à ajouter"
data-bs-toggle="dropdown"
aria-expanded="false"
aria-describedby="station-validation"
/>
<div id="station-validation" class="invalid-feedback">
Le nom de station doit être valide.
</div>
<ul id="stations" class="dropdown-menu"></ul>
</div>
<button id="try" class="btn btn-primary">Essayer</button>
</div>
<div id="app"></div>
</body>
</html>
Loading

0 comments on commit 251869c

Please sign in to comment.