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

mise en page + maintenance

Browse source
This commit is contained in:
Baptiste Rebillard 2022-06-10 01:41:26 +02:00
parent 78fcfa0245
commit 24db042fd1
10 changed files with 220 additions and 113 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
assets/css/page/blouse.css
View file

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

26
assets/css/page/chansons.css
View file

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

11
assets/css/page/downloads.css
View file

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

12
blouse.php
View file

@ -2,8 +2,17 @@
ob_start(); // Start reading html
?>
<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>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
@ -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_derriere_nathan.jpg" alt="Blouse Nathan dos">
</section>
</main>

37
chansons.php
View file

@ -1,29 +1,42 @@
<?php
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>
<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.
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>
<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>
<?php
$infopage = ["", "Les chansons", ob_get_clean(), "", "chansons"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 5

25
construction.php Normal file
View 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");
?>

26
downloads.php
View file

@ -1,24 +1,32 @@
<?php
ob_start(); // Start reading html
?>
<h1>Les Telechargements</h1>
<main>
<div class="box-jaune">
<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>
<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>
<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>
<a href="assets/pdf/Charte-Covid.pdf">La charte gestes barrières</a> (<a href="#">Covid charter</a>,
<a href="assets/pdf/Carta-Covid.pdf">Carta covid</a>)
</li>
<li>
<a href="assets/pdf/Droit-Image.pdf">La charte de droit à l'image</a> (<a href="#">or here</a>,
<a href="assets/pdf/Derechos-de-imagen.pdf">o aquí</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/Derechos-de-imagen.pdf" class="link">o aquí</a>)
</li>
</ul>
</section>
</main>
<?php
$infopage = ["", "Telechargements", ob_get_clean(), "", "downloads"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
include("structure/template.php");

1
map.php
View file

@ -1,6 +1,7 @@
<?php
ob_start(); // Start reading html
require_once 'assets/map/ajax.php';
header('Location: construction.php');
?>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"

1
photos.php
View file

@ -1,5 +1,6 @@
<?php
ob_start(); // Start reading html
header('Location: construction.php');
?>
<?php

1
planning.php
View file

@ -1,5 +1,6 @@
<?php
ob_start(); // Start reading html
header('Location: construction.php');
?>
<?php