Compare commits

...

6 commits

Author SHA1 Message Date
7e37d5059e première pseudo-mise_en_page 2022-04-09 14:01:25 +02:00
44a9078e78 bommario.php et pkpeach.php to team.php 2022-04-09 13:41:30 +02:00
7aad894a71 centrage 2022-04-09 13:35:13 +02:00
97216c9ecd padding 0 fonction_bureau 2022-04-09 12:58:45 +02:00
a4c836c9e8 footer + menu spacer 2022-04-09 12:55:13 +02:00
032b27f27b margin et padding h1 2022-04-09 12:30:30 +02:00
12 changed files with 183 additions and 128 deletions

View file

@ -3,6 +3,11 @@ body {
background-color: white; background-color: white;
} }
#boxjaune h1 {
margin: 0;
padding: 0;
}
section h1 { section h1 {
margin: 0; margin: 0;
padding: 10px; padding: 10px;
@ -55,6 +60,6 @@ section .title_com {
background-color: white; background-color: white;
color: black; color: black;
padding: 10px; padding: 10px;
margin-top: 40px; margin-top: 0;
font-size: 30px; font-size: 30px;
} }

View file

@ -0,0 +1,23 @@
main {
color: white;
font-size: 30px;
}
section {
display: block;
width: 80%;
padding: 0;
margin: auto;
margin-top: 20px;
align-items: center;
border: 5px solid white;
}
section h1 {
width: 100%;
background-color: white;
color: black;
margin: 0px;
padding: 10px 0px 10px 0px;
}

0
assets/css/page/team.css Normal file
View file

View file

@ -11,7 +11,30 @@ body {
} }
main { main {
align-content: center; text-align: center;
}
a.link {
text-decoration: none;
color: #FFDC00;
-webkit-text-stroke: 1px black;
}
a.link:hover {
color: white;
-webkit-text-stroke: 1px white;
}
a.linkmail {
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
color: #FFDC00;
}
a.linkmail:hover {
color: white;
-webkit-text-stroke: 1px white;
} }
#boxjaune { #boxjaune {
@ -44,32 +67,24 @@ main {
float: left; float: left;
} }
#menu_space_bottom { .menu_space_bottom {
background-color: transparent; position: sticky;
position: relative;
width: 100%; width: 100%;
padding-top: 13%; opacity: 0;
left: 0;
bottom: 0;
padding: 0;
margin: 0;
} }
a.link { footer {
text-decoration: none; display: block;
color: #FFDC00; background-color: rgba(255,255,255,0.3);
-webkit-text-stroke: 1px black; width: 60%;
} margin-top: 30px;
margin-left: auto;
a.link:hover { margin-right: auto;
color: white; padding: 50px;
-webkit-text-stroke: 1px white; font-size: 20px;
} color: black;
a.linkmail {
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
color: #FFDC00;
}
a.linkmail:hover {
color: white;
-webkit-text-stroke: 1px white;
} }

View file

@ -1,10 +0,0 @@
<?php
ob_start(); // Start reading html
?>
<main>
</main>
<?php
$infopage = ["", "Bommario", ob_get_clean(), "", "boomario"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
include("structure/template.php");
?>

View file

@ -1,7 +1,7 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<main align="center"> <main>
<div id="boxjaune"> <div id="boxjaune">
<div id="circle_l" class="circle"></div> <div id="circle_l" class="circle"></div>
<div id="circle_r" class="circle"></div> <div id="circle_r" class="circle"></div>

View file

@ -1,7 +1,7 @@
<?php <?php
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<main align="center"> <main>
<div id="boxjaune"> <div id="boxjaune">
<div id="circle_l" class="circle"></div> <div id="circle_l" class="circle"></div>
@ -34,8 +34,8 @@ ob_start(); // Start reading html
Si tu as reçu (et lu!) ta plaquette, tu sais que tu fais partie d'une maison: Si tu as reçu (et lu!) ta plaquette, tu sais que tu fais partie d'une maison:
</p> </p>
<p> <p>
<a href="boomario.php" class="link">Boomario</a>, <a href="team.php?team=boomario" class="link">Boomario</a>,
ou <a href="pkpeach.php" class="link">pkpeach</a>. ou <a href="team.php?team=pkpeach" class="link">pkpeach</a>.
</p> </p>
<p> <p>
Fais gagner des points à ton équipe durant la semaine pour lui faire remporter les INSAGames ! Fais gagner des points à ton équipe durant la semaine pour lui faire remporter les INSAGames !

157
info.php
View file

@ -2,83 +2,88 @@
ob_start(); // Start reading html ob_start(); // Start reading html
?> ?>
<main> <main>
<h1>Contact</h1> <div id="boxjaune">
<p> <div id="circle_l" class="circle"></div>
Voici la merveilleuse page que personne lit ! Mais t'es , donc autant en profiter. <div id="circle_r" class="circle"></div>
</p> <div id="title_in_box">Informations (contact, crédits, vie privée)</div>
<p> <div id="circle_l" class="circle"></div>
Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la <div id="circle_r" class="circle"></div>
semaine. On y postera des infos sur les événements à venir. </div>
</p>
<p>
Tu peux également rejoindre l'<strong>Instagram</strong> : <a href="https://www.instagram.com/insat_accueil_2021/">@insat_accueil_2021</a>
</p>
<br> <div id="main_content">
<h4>Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h4> <section>
<ul> <h1>Contact</h1>
<li> <p>
<strong>Mail :</strong> <a href="mailto:maxencepapion@gmail.com">maxencepapion@gmail.com</a> Voici la merveilleuse page que personne lit ! Mais t'es , donc autant en profiter.
</li> </p>
<li> <p>
<strong>Tel :</strong> 06 66 14 44 28 Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/" class="link">Facebook</a> de la
</li> semaine. On y postera des infos sur les événements à venir.
</ul> </p>
<br> <p>
<h4>Pour des questions a propos du site :</h4> Tu peux également rejoindre l'Instagram : <a href="https://www.instagram.com/insat_accueil_2021/" class="link">@insat_accueil_2021</a>
<ul> </p>
<li> <p id="prez">Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</p>
Celui qui gère tout ça : le responsable du site<br> <ul>
<strong>Mail :</strong> <a href="mailto:rebillar@insa-toulouse.fr">rebillar@insa-toulouse.fr</a> <li>
<br> <strong>Mail :</strong> <a href="mailto:maxencepapion@gmail.com" class="linkmail">maxencepapion@gmail.com</a>
<strong>Tel : </strong> 07 83 64 61 06 </li>
</li> <li>
<br> <strong>Tel :</strong> 06 66 14 44 28
<li> </li>
Sinon y'a Arnaud, le créateur du site :<br> </ul>
<strong>Mail :</strong> <a href="mailto:vergnet@etud.insa-toulouse.fr">vergnet@etud.insa-toulouse.fr</a><br> <p id="dev">Pour des questions a propos du site :</p>
<strong>Facebook : </strong>Arnaud Vergnet <ul>
</li> <li>
</ul> Celui qui gère tout ça : le responsable du site<br>
<strong>Mail :</strong> <a href="mailto:rebillar@insa-toulouse.fr" class="linkmail">rebillar@insa-toulouse.fr</a>
<br> <strong>Tel : </strong> 07 83 64 61 06
<h4>Sinon, si tu veux des infos a propos d'une activite/Com specifique, va sur la page des <a </li>
href="coms.php">Com's</a> <li id="crea">
pour Sinon y'a Arnaud, le créateur du site :<br>
contacter les responsables. <strong>Mail :</strong> <a href="mailto:vergnet@etud.insa-toulouse.fr" class="linkmail">vergnet@etud.insa-toulouse.fr</a><br>
</h4> <strong>Facebook : </strong>Arnaud Vergnet
<br> </li>
<p> </ul>
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une <p>Sinon, si tu veux des infos a propos d'une activite/Com specifique, va sur la page des <a
association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services. href="coms.php" class="link">Com's</a>
</p> pour
contacter les responsables.
</p>
<h1>Credits</h1> <p>
<p> Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/" class="link">Amicale</a>, une
J'ai repris le site créé par Arnaud pour notre semaine d'accueil. Le site est plutôt modulable, donc si association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services.
quelqu'un </p>
est chaud pour le reprendre pour l'année prochaine, contactez-moi ! (Y'a pas besoin de connaissances préalables, </section>
c'est assez simple !). <section>
</p> <h1>Credits</h1>
<br> <p>
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p> J'ai repris le site créé par Arnaud pour notre semaine d'accueil. Le site est plutôt modulable, donc si
<ul> quelqu'un
<li><a href="http://www.php.net/">PHP</a></li> est chaud pour le reprendre pour l'année prochaine, contactez-moi ! (Y'a pas besoin de connaissances préalables,
<li><a href="https://www.w3.org/html/">HTML5</a></li> c'est assez simple !).
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3">CSS3</a></li> </p>
<li><a href="https://www.javascript.com/">JS</a></li> <br>
</ul> <p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
<ul>
<h1>Vie Privee</h1> <li><a href="http://www.php.net/" class="link">PHP</a></li>
<p> <li><a href="https://www.w3.org/html/" class="link">HTML5</a></li>
Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3" class="link">CSS3</a></li>
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles ainsi que ton pays <li><a href="https://www.javascript.com/" class="link">JS</a></li>
d'origine (pour voir si les étrangers ont reçu les infos). Pour ne pas </ul>
être traqué, tu peux simplement activer l'option "Indiquer aux sites que je </section>
ne souhaite pas être traqué" de ton navigateur. <section>
Si jamais ça marche pas, envoie-moi un mail. <h1>Vie Privee</h1>
</p> <p>
Le site utilise <a href="https://matomo.org/" class="link">Matomo</a> pour analyser la
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles ainsi que ton pays
d'origine (pour voir si les étrangers ont reçu les infos). Pour ne pas
être traqué, tu peux simplement activer l'option "Indiquer aux sites que je
ne souhaite pas être traqué" de ton navigateur.
Si jamais ça marche pas, envoie-moi un mail.
</p>
</section>
</div>
</main> </main>
<?php <?php
$infopage = ["", "Info", ob_get_clean(), "", "info"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6 $infopage = ["", "Info", ob_get_clean(), "", "info"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6

View file

@ -1,10 +0,0 @@
<?php
ob_start(); // Start reading html
?>
<main>
</main>
<?php
$infopage = ["", "Pkpeach", ob_get_clean(), "", "pkpeach"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
include("structure/template.php");
?>

View file

@ -0,0 +1,11 @@
Site de la semaine d'accueil 2021 pour l'INSA Toulouse<br>
Tous les éléments présents sur ce site sont représentés à des fins humoristiques. Nous ne cherchons en aucun cas à véhiculer un quelconque message et condamnons toute action irrespectueuse.<br>
Ce site utilise <a href="https://matomo.org/" class="link">Matomo</a> pour analyser la fréquentation de manière anonyme. Rendez- vous sur la page <a href="info.php" class="link">Infos</a> pour plus de détails.<br>
Contacter <a href="info.php#prez" class="link">Maxence</a>, le responsable de la semaine, pour plus d'informations.<br>
Site maintenu par <a href="info.php#dev" class="link">Rébillard Baptiste et Guillaume Geoffre</a>.<br>
Copyright © 2022 <a href="info.php#crea" class="link">Arnaud VERGNET</a>

View file

@ -57,8 +57,9 @@ $pagename = $infopage[4]; // nom de la page exact servant à appeler le css
?> ?>
<footer> <footer>
<?php include $relativepath."structure/footer.php"; ?> <?php include $relativepath."structure/footer.php"; ?>
<div id="menu_space_bottom"></div>
</footer> </footer>
<img src="<?php echo $relativepath.'assets/img/menu/menu.svg'; ?>" class="menu_space_bottom"> <!-- c'est un espace qui permet de couvrir la surface sous le menu, pour l'instant on utilise la même image pour pas oublier que l'espace doit être de la même taille que le menu mais faudra changer ça -->
</body> </body>
</html> </html>
<?php <?php

15
team.php Normal file
View file

@ -0,0 +1,15 @@
<?php
ob_start(); // Start reading html
?>
<main>
<!-- pkpeach vs boomario il faudra changer $infopage avec pour pagetitle boomario ou pkpeach et le contenu selon un GET-->
</main>
<?php
$infopage = ["", "team", ob_get_clean(), "", "team"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
include("structure/template.php");
?>