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-left: auto;
margin-right: auto; margin-right: auto;
display: block; display: block;
width: 70vw; width: 90vw;
aspect-ratio: 1220/710; aspect-ratio: 1220/710;
border: 0; 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) { @media (max-width: 700px) {
iframe { iframe {
width: 100vw; width: 100%;
} }
} }

2
assets/map/ajax.php
View file

@ -15,7 +15,7 @@ $title = [
'Le GP', 'Le GP',
'Le GEI', 'Le GEI',
'Le GM', 'Le GM',
'le âtiment des exams et labo AIME', 'le bâtiment des exams et labo AIME',
'La loge', 'La loge',
'La laverie', 'La laverie',
'Le GMM, CSN et amphi Fourrier', '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 { import {
OrbitControls OrbitControls
} from 'https://cdn.jsdelivr.net/npm/three@0.119.1/examples/jsm/controls/OrbitControls.js'; } from 'https://cdn.jsdelivr.net/npm/three@0.119.1/examples/jsm/controls/OrbitControls.js';
import { import {
GLTFLoader GLTFLoader
} from 'https://cdn.jsdelivr.net/npm/three@0.119.1/examples/jsm/loaders/GLTFLoader.js'; } 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> <span class="circles circles-bottom"></span>
</div> </div>
<iframe src="assets/map/iframe_map.php"></iframe> <iframe id="iframe-map" 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 <section>
ensuite le chiffre des centaines pour l'étage, et après à toi de trouver !
</p> <p>
<p> Une petite note sur le numéro des salles : sur ton emploi du temps, le bâtiment est marqué en premier, et
Par exemple, GM 212, c'est au GM, deuxième étage. ensuite le chiffre des centaines pour l'étage, et après à toi de trouver !
<br> </p>
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> 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> </main>
<?php <?php