footer + trucs responsive

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

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%;
} }
} }

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',

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';

View file

@ -13,7 +13,10 @@ 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>
<section>
<p> <p>
Une petite note sur le numéro des salles : sur ton emploi du temps, le bâtiment est marqué en premier, et Une petite note sur le numéro des salles : sur ton emploi du temps, le bâtiment est marqué en premier, et
@ -29,6 +32,9 @@ ob_start(); // Start reading html
Fond de carte issu du site <a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591" class="link">Open Street Fond de carte issu du site <a href="https://www.openstreetmap.org/#map=17/43.57103/1.46591" class="link">Open Street
Map</a>. Map</a>.
</p> </p>
</section>
</main> </main>
<?php <?php