add new page (choose map)

This commit is contained in:
kevin 2020-06-03 00:59:41 +02:00
parent 82c1862860
commit 180876bde6
3 changed files with 37 additions and 22 deletions

View File

@ -11,42 +11,56 @@
<body class="choose-map">
<div class="container-fluid container-lg section pt-5">
<h1 class="text-center pixel-title">CHOOSE YOUR MAP !</h1>
<div class="row no-gutters">
<h1 class="text-center pixel-title">CHOOSE YOUR MAP&nbsp;!</h1>
<div class="row no-gutters justify-content-center">
<div class="col-12 col-sm-6 col-md-4">
<div class="map-item" data-url="nguyenk.github.io/map_noemie/map.json" id="map_1">
<img src="static/images/step 1.png">
<p>Back to class</p>
<div class="map-item" data-url="npeguin.github.io/skapa-map/map.json" id="map_1">
<img src="static/images/maps/creative.png">
<p>Need some inspiration? Enter our CREATIVE SPACE&nbsp;!</p>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="map-item" data-url="nguyenk.github.io/map_noemie/map.json" id="map_2">
<img src="static/images/step 1.png">
<p>Back to class</p>
<div class="map-item" data-url="npeguin.github.io/pub-map/map.json" id="map_2">
<img src="static/images/maps/pub.png">
<p>Too late for working ? Just GO TO THE PUB&nbsp;!</p>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="map-item" data-url="nguyenk.github.io/map_noemie/map.json" id="map_3">
<img src="static/images/step 1.png">
<p>Back to class</p>
<div class="map-item" data-url="npeguin.github.io/office-map/map.json" id="map_3">
<img src="static/images/maps/office.png">
<p>Want to try a SIMPLE OFFICE map&nbsp;?</p>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="map-item" data-url="nguyenk.github.io/map_noemie/map.json" id="map_4">
<img src="static/images/step 1.png">
<p>Back to class</p>
<div class="map-item" data-url="npeguin.github.io/classroom-map/map.json" id="map_4">
<img src="static/images/maps/school.png">
<p>Send your kids BACK TO SCHOOL... and rest a bit&nbsp;;)</p>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="map-item" data-url="nguyenk.github.io/map_noemie/map.json" id="map_5">
<img src="static/images/step 1.png">
<p>Back to class</p>
<div class="map-item" data-url="npeguin.github.io/tower-map/map.json" id="map_5">
<img src="static/images/maps/dungeon.png">
<p>Dungeons & Dragons Nostalgia&nbsp;?</p>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="map-item" data-url="nguyenk.github.io/map_noemie/map.json" id="map_6">
<img src="static/images/step 1.png">
<p>Back to class</p>
<div class="map-item" data-url="npeguin.github.io/fantasy-map/map.json" id="map_6">
<img src="static/images/maps/fantasy.png">
<p>Explore a fantasy world&nbsp;!</p>
</div>
</div>
<div class="col-12 col-sm-6 col-md-4">
<div class="map-item" data-url="api.workadventu.re/map/files/Floor0/floor0.json" id="map_7">
<img src="static/images/maps/tcm.png">
<p>Need a bigger Office? Visit us&nbsp;!</p>
</div>
</div>
</div>
<div class="row">
<div class="col text-center">
<div class="map-item" data-url="npeguin.github.io/corridor-map/map.json" id="map_8">
<img src="static/images/maps/street.png">
<p>NO IDEA, or juste want to ROAM THE STREETS&nbsp;? Enter the street map and choose your own path&nbsp;!</p>
</div>
</div>
</div>

View File

@ -51,7 +51,7 @@
</a>
</div>
<div class="col col-lg-3">
<a class="custom-link start" href="#" title="START !" onclick="startGame()">
<a class="custom-link start" href="/choose-map.html" title="START !">
START !
</a>
</div>

View File

@ -12,7 +12,8 @@ body.choose-map{
}
p{
margin: 0;
margin: 1em 0 0;
font-size: larger;
}
}