mougnibas/site-accueil-insa
2
0
Fork 0
forked from rebillar/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

footer + trucs responsive

Browse source
This commit is contained in:
Guillaume Joffre 2022-06-11 21:32:03 +02:00
parent e7b9b0e666
commit 46b5cc3abe
4 changed files with 38 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
assets/css/page/map.css
View file

@ -7,13 +7,26 @@ iframe {
margin-left: auto;
margin-right: auto;
display: block;
width: 70vw;
width: 90vw;
aspect-ratio: 1220/710;
border: 0;
}
section {
background-color: rgba(255,255,255,0.3);
max-width: 800px;
margin-left: auto;
margin-right: auto;
font-size: 1.2rem;
margin-top: 40px;
text-align: left;
display: block;
width: 80vw;
padding: 50px;
}
@media (max-width: 700px) {
iframe {
width: 100vw;
width: 100%;
}
}

2
assets/map/ajax.php
View file

@ -15,7 +15,7 @@ $title = [
'Le GP',
'Le GEI',
'Le GM',
'le âtiment des exams et labo AIME',
'le bâtiment des exams et labo AIME',
'La loge',
'La laverie',
'Le GMM, CSN et amphi Fourrier',

1
assets/map/script_map3d.js
View file

@ -10,6 +10,7 @@ import * as THREE from 'https://cdn.jsdelivr.net/npm/three@0.119.1/build/three.m
import {
OrbitControls
} from 'https://cdn.jsdelivr.net/npm/three@0.119.1/examples/jsm/controls/OrbitControls.js';
import {
GLTFLoader
} from 'https://cdn.jsdelivr.net/npm/three@0.119.1/examples/jsm/loaders/GLTFLoader.js';

36
map.php
View file

@ -13,22 +13,28 @@ ob_start(); // Start reading html
<span class="circles circles-bottom"></span>
</div>
<iframe src="assets/map/iframe_map.php"></iframe>
<p>
Une petite note sur le numéro des salles : sur ton emploi du temps, le bâtiment est marqué en premier, et
ensuite le chiffre des centaines pour l'étage, et après à toi de trouver !
</p>
<p>
Par exemple, GM 212, c'est au GM, deuxième étage.
<br>
Et si t'as Amphi 108, c'est au premier étage du STPI(c'est ton département et c'est là où il y a les amphis).
</p>
<iframe id="iframe-map" src="assets/map/iframe_map.php"></iframe>
<section>
<p>
Une petite note sur le numéro des salles : sur ton emploi du temps, le bâtiment est marqué en premier, et
ensuite le chiffre des centaines pour l'étage, et après à toi de trouver !
</p>
<p>
Par exemple, GM 212, c'est au GM, deuxième étage.
<br>
Et si t'as Amphi 108, c'est au premier étage du STPI(c'est ton département et c'est là où il y a les amphis).
</p>
<p id="hint">
Fond de carte issu du site <a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591" class="link">Open Street
Map</a>.
</p>
</section>
<p id="hint">
Fond de carte issu du site <a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591" class="link">Open Street
Map</a>.
</p>
</main>
<?php