forked from vergnet/site-accueil-insa
mise en page + maintenance
This commit is contained in:
parent
78fcfa0245
commit
24db042fd1
10 changed files with 220 additions and 113 deletions
|
|
@ -0,0 +1,11 @@
|
||||||
|
section {
|
||||||
|
display: block;
|
||||||
|
background-color: rgba(255,255,255,0.3);
|
||||||
|
width: 80%;
|
||||||
|
max-width: 800px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 50px;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,26 @@
|
||||||
|
#music {
|
||||||
|
display: block;
|
||||||
|
width: 80%;
|
||||||
|
padding: 0;
|
||||||
|
margin: auto;
|
||||||
|
margin-top: 20px;
|
||||||
|
align-items: center;
|
||||||
|
border: 5px solid white;
|
||||||
|
}
|
||||||
|
|
||||||
|
#music ul {
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#music li {
|
||||||
|
margin-bottom: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#music .title_music {
|
||||||
|
width: 100%;
|
||||||
|
background-color: white;
|
||||||
|
color: black;
|
||||||
|
margin: 0px;
|
||||||
|
padding: 10px 0px 10px 0px;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,11 @@
|
||||||
|
section {
|
||||||
|
display: block;
|
||||||
|
background-color: rgba(255,255,255,0.3);
|
||||||
|
width: 80%;
|
||||||
|
max-width: 800px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
padding: 50px;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
margin-top: 40px;
|
||||||
|
}
|
||||||
14
blouse.php
14
blouse.php
|
|
@ -2,8 +2,17 @@
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
?>
|
?>
|
||||||
<main>
|
<main>
|
||||||
<h1>La Blouse</h1>
|
<div class="box-jaune">
|
||||||
|
<span class="corners corners-top"></span>
|
||||||
|
<span class="corners corners-bottom"></span>
|
||||||
|
|
||||||
|
<div class="title">La Blouse</div>
|
||||||
|
|
||||||
|
<span class="circles circles-top"></span>
|
||||||
|
<span class="circles circles-bottom"></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<section>
|
||||||
<p>Salut à toi Petit Paneméen Astucieux,!</p>
|
<p>Salut à toi Petit Paneméen Astucieux,!</p>
|
||||||
<p>Te voilà en train de lire la partie la plus intéressante, que dis-je, la partie la plus IMPORTANTE
|
<p>Te voilà en train de lire la partie la plus intéressante, que dis-je, la partie la plus IMPORTANTE
|
||||||
de la plaquette ! Tu as été tiré au sort pour participer aux prochains INSA Games, et pas n’importe
|
de la plaquette ! Tu as été tiré au sort pour participer aux prochains INSA Games, et pas n’importe
|
||||||
|
|
@ -78,7 +87,7 @@ ob_start(); // Start reading html
|
||||||
le thème de l’année dernière...
|
le thème de l’année dernière...
|
||||||
<br>
|
<br>
|
||||||
Joyeux INSA Games, et puisse le sort t’être
|
Joyeux INSA Games, et puisse le sort t’être
|
||||||
favorable ! *sifflement du Geai moqueur*</p>
|
favorable ! *sifflement du Geai moqueur*</p>
|
||||||
|
|
||||||
<h3>
|
<h3>
|
||||||
Pour te motiver, voici ce que notre Miss Blouse avait fait l'année dernière :
|
Pour te motiver, voici ce que notre Miss Blouse avait fait l'année dernière :
|
||||||
|
|
@ -94,6 +103,7 @@ favorable ! *sifflement du Geai moqueur*</p>
|
||||||
<img src="assets/img/blouse/blouse_devant_nathan.jpg" alt="Blouse Nathan devant" id="reverse" onclick="reverse()">
|
<img src="assets/img/blouse/blouse_devant_nathan.jpg" alt="Blouse Nathan devant" id="reverse" onclick="reverse()">
|
||||||
|
|
||||||
<img src="assets/img/blouse/blouse_derriere_nathan.jpg" alt="Blouse Nathan dos">
|
<img src="assets/img/blouse/blouse_derriere_nathan.jpg" alt="Blouse Nathan dos">
|
||||||
|
</section>
|
||||||
|
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|
|
||||||
37
chansons.php
37
chansons.php
|
|
@ -1,29 +1,42 @@
|
||||||
<?php
|
<?php
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
|
|
||||||
|
function music($name, $link) {
|
||||||
|
echo "<div id='music'>";
|
||||||
|
echo "<div class='title_music'>".$name."</div>";
|
||||||
|
echo "<ul>";
|
||||||
|
|
||||||
|
echo '<iframe width="560" height="315" src="';
|
||||||
|
echo $link;
|
||||||
|
echo '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
|
||||||
|
|
||||||
|
echo "</ul>";
|
||||||
|
echo "</div>";
|
||||||
|
}
|
||||||
?>
|
?>
|
||||||
<main>
|
<main>
|
||||||
<h1>Les chansons</h1>
|
<div class="box-jaune">
|
||||||
|
<span class="corners corners-top"></span>
|
||||||
|
<span class="corners corners-bottom"></span>
|
||||||
|
|
||||||
|
<div class="title">Les Chansons</div>
|
||||||
|
|
||||||
|
<span class="circles circles-top"></span>
|
||||||
|
<span class="circles circles-bottom"></span>
|
||||||
|
</div>
|
||||||
<p>A l'INSA, Toulouse, les chansons sont très importantes, vous allez en chanter beaucoup et très fort pendant votre semaine d'intégration.
|
<p>A l'INSA, Toulouse, les chansons sont très importantes, vous allez en chanter beaucoup et très fort pendant votre semaine d'intégration.
|
||||||
|
|
||||||
Pour que tu sois prêt pour cette semaine et pour l'entièreté de ta vie étudiante, on pense que c'est important que tu connaisses les chansons suivantes:</p>
|
Pour que tu sois prêt pour cette semaine et pour l'entièreté de ta vie étudiante, on pense que c'est important que tu connaisses les chansons suivantes:</p>
|
||||||
|
|
||||||
<br><br>
|
<br><br>
|
||||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/_YXjuDdcH3g" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
<?= music("Manau - La tribu de Dana", "https://www.youtube.com/embed/_YXjuDdcH3g"); ?>
|
||||||
|
|
||||||
|
<?= music("Michel Sardou - Les lacs du Connemara", "https://www.youtube.com/embed/bpEmjxobvbY"); ?>
|
||||||
|
|
||||||
<br><br>
|
<?= music("Sexion d'assaut - Wati by night", "https://www.youtube.com/embed/zD80w-mPrKw"); ?>
|
||||||
|
|
||||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/bpEmjxobvbY" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
<?= music("Et pour terminer en beauté, on vous présente notre hymne", "https://www.youtube.com/embed/8Eapq5TOzn4"); ?>
|
||||||
|
|
||||||
<br><br>
|
|
||||||
|
|
||||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/zD80w-mPrKw" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
||||||
|
|
||||||
<br><br>
|
|
||||||
|
|
||||||
<p>Et on vous présente la chanson de l'année dernière faîte par le Bureau :</p>
|
|
||||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/8Eapq5TOzn4" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
|
|
||||||
</main>
|
</main>
|
||||||
<?php
|
<?php
|
||||||
$infopage = ["", "Les chansons", ob_get_clean(), "", "chansons"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 5
|
$infopage = ["", "Les chansons", ob_get_clean(), "", "chansons"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 5
|
||||||
|
|
|
||||||
25
construction.php
Normal file
25
construction.php
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
<?php
|
||||||
|
ob_start(); // Start reading html
|
||||||
|
?>
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<div class="box-jaune">
|
||||||
|
<span class="corners corners-top"></span>
|
||||||
|
<span class="corners corners-bottom"></span>
|
||||||
|
|
||||||
|
<div class="title">Page en Construction</div>
|
||||||
|
|
||||||
|
<span class="circles circles-top"></span>
|
||||||
|
<span class="circles circles-bottom"></span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="msg_acc">
|
||||||
|
<p>
|
||||||
|
Page en construction, revenez plus tard
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
<?php
|
||||||
|
$infopage = ["", "En construction", ob_get_clean(), "", "index"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||||
|
include("structure/template.php");
|
||||||
|
?>
|
||||||
|
|
@ -1,24 +1,32 @@
|
||||||
<?php
|
<?php
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
?>
|
?>
|
||||||
<h1>Les Telechargements</h1>
|
<main>
|
||||||
<p>Si jamais t'as perdu quelque chose, pas de problèmes ! Tu pourras trouver tout ce dont tu as besoin ici.</p>
|
<div class="box-jaune">
|
||||||
<ul>
|
<span class="corners corners-top"></span>
|
||||||
|
<span class="corners corners-bottom"></span>
|
||||||
|
|
||||||
|
<div class="title">Les Téléchargements</div>
|
||||||
|
|
||||||
|
<span class="circles circles-top"></span>
|
||||||
|
<span class="circles circles-bottom"></span>
|
||||||
|
</div>
|
||||||
|
<section>
|
||||||
|
<p>Si jamais t'as perdu quelque chose, pas de problèmes ! Tu pourras trouver tout ce dont tu as besoin ici.</p>
|
||||||
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="assets/pdf/Plaquette-INSA-2021-Promo-59.pdf">La plaquette</a>
|
<a href="assets/pdf/Plaquette-INSA-2021-Promo-59.pdf" class="link">La plaquette</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="assets/pdf/Fiche-Parrainage.pdf">La fiche de parrainage</a> (<a href="#">Godfather/Godmother form</a>)
|
<a href="assets/pdf/Fiche-Parrainage.pdf" class="link">La fiche de parrainage</a> (<a href="#" class="link">Godfather/Godmother form</a>)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="assets/pdf/Charte-Covid.pdf">La charte gestes barrières</a> (<a href="#">Covid charter</a>,
|
<a href="assets/pdf/Droit-Image.pdf" class="link">La charte de droit à l'image</a> (<a href="#" class="link">or here</a>,
|
||||||
<a href="assets/pdf/Carta-Covid.pdf">Carta covid</a>)
|
<a href="assets/pdf/Derechos-de-imagen.pdf" class="link">o aquí</a>)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
</ul>
|
||||||
<a href="assets/pdf/Droit-Image.pdf">La charte de droit à l'image</a> (<a href="#">or here</a>,
|
</section>
|
||||||
<a href="assets/pdf/Derechos-de-imagen.pdf">o aquí</a>)
|
</main>
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<?php
|
<?php
|
||||||
$infopage = ["", "Telechargements", ob_get_clean(), "", "downloads"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
$infopage = ["", "Telechargements", ob_get_clean(), "", "downloads"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
|
||||||
include("structure/template.php");
|
include("structure/template.php");
|
||||||
|
|
|
||||||
1
map.php
1
map.php
|
|
@ -1,6 +1,7 @@
|
||||||
<?php
|
<?php
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
require_once 'assets/map/ajax.php';
|
require_once 'assets/map/ajax.php';
|
||||||
|
header('Location: construction.php');
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
|
<script src="https://code.jquery.com/jquery-3.3.1.min.js"
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
<?php
|
<?php
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
|
header('Location: construction.php');
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,6 @@
|
||||||
<?php
|
<?php
|
||||||
ob_start(); // Start reading html
|
ob_start(); // Start reading html
|
||||||
|
header('Location: construction.php');
|
||||||
?>
|
?>
|
||||||
|
|
||||||
<?php
|
<?php
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue