Compare commits

...

3 commits

Author SHA1 Message Date
thaaoblues
1f73dbd561 changements pour repartir sur une base "asterix et obelix" 2023-01-24 18:37:38 +01:00
thaaoblues
02f33015e8 supression du tube 2023-01-24 18:03:56 +01:00
thaaoblues
0702ad051c prise en charge des pages sans pancarte 2023-01-24 18:02:07 +01:00
15 changed files with 71 additions and 148 deletions

View file

@ -10,20 +10,6 @@
transition: transform 0.3s; transition: transform 0.3s;
} }
.tuyau {
position: fixed;
bottom: -2px;
right: 3vw;
width: 8%;
min-width: 6.3vmax;
height: auto;
z-index: 2;
cursor: pointer;
transition: transform 0.3s;
overflow: visible;
}
.menu-link use { .menu-link use {
transition: transform 50ms; transition: transform 50ms;
transform-origin: center; transform-origin: center;

View file

@ -0,0 +1,12 @@
#msg_acc {
display: block;
background-color: rgba(88, 159, 218, 0.798);
width: 80%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding: 50px;
font-size: 1.2rem;
margin-top: 40px;
border-radius: 15px;
}

View file

@ -1,7 +1,7 @@
/* Custom mario font definition : */ /* Custom Obelix font definition : */
@font-face{ @font-face{
font-family: "Mario Extended"; font-family: "ObelixPro";
src: url("../fonts/MarioFontExtended.otf") format("opentype"); src: url("../fonts/obelix-pro/ObelixPro-cyr.ttf");
} }
*, *::before, *::after { *, *::before, *::after {
@ -10,10 +10,11 @@
html { html {
font-size: 20px; font-size: 20px;
} }
body { body {
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; font-family: 'ObelixPro';
font-size: 1rem; font-size: 1rem;
@ -26,22 +27,9 @@ body {
background-attachment: fixed; background-attachment: fixed;
background-color: #bdc7f3; background-color: #bdc7f3;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%235289ea' fill-opacity='0.2' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E"); /*background-image: url("/assets/img/background.jpg");*/
} }
body::before {
content: "";
position: fixed;
z-index: -2;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
clip-path: polygon(0 0, 55% 0, 45% 100%, 0 100%);
clip-path: polygon(0 0, calc(54% + 20px) 0, calc(46% - 20px) 100%, 0 100%);
background-color: #f3e8c4;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 40' width='80' height='40'%3E%3Cpath fill='%23efc725' fill-opacity='0.2' d='M0 40a19.96 19.96 0 0 1 5.9-14.11 20.17 20.17 0 0 1 19.44-5.2A20 20 0 0 1 20.2 40H0zM65.32.75A20.02 20.02 0 0 1 40.8 25.26 20.02 20.02 0 0 1 65.32.76zM.07 0h20.1l-.08.07A20.02 20.02 0 0 1 .75 5.25 20.08 20.08 0 0 1 .07 0zm1.94 40h2.53l4.26-4.24v-9.78A17.96 17.96 0 0 0 2 40zm5.38 0h9.8a17.98 17.98 0 0 0 6.67-16.42L7.4 40zm3.43-15.42v9.17l11.62-11.59c-3.97-.5-8.08.3-11.62 2.42zm32.86-.78A18 18 0 0 0 63.85 3.63L43.68 23.8zm7.2-19.17v9.15L62.43 2.22c-3.96-.5-8.05.3-11.57 2.4zm-3.49 2.72c-4.1 4.1-5.81 9.69-5.13 15.03l6.61-6.6V6.02c-.51.41-1 .85-1.48 1.33zM17.18 0H7.42L3.64 3.78A18 18 0 0 0 17.18 0zM2.08 0c-.01.8.04 1.58.14 2.37L4.59 0H2.07z'%3E%3C/path%3E%3C/svg%3E");
}
main { main {
text-align: center; text-align: center;
@ -151,7 +139,7 @@ a.linkmail:hover {
footer { footer {
display: block; display: block;
flex-shrink: 0; flex-shrink: 0;
background-color: #6cc54d; background-color: #74c457;
background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237ee15e' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E"); background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%237ee15e' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
border-radius: 20px 20px 0 0; border-radius: 20px 20px 0 0;
-webkit-box-shadow: 0 0 8px -1px rgba(8, 10, 13, 0.34); -webkit-box-shadow: 0 0 8px -1px rgba(8, 10, 13, 0.34);

Binary file not shown.

View file

@ -1,13 +1,13 @@
<?php <?php
function colored_text($str) { function colored_text($str) {
$cl = ["red", "blue", "green", "orange", "grey", "brown", "purple"]; $cl = ["Royal Blue", "green", "red","brown"];
$str_out = ""; $str_out = "";
$ant_color = ""; $ant_color = "";
for($i=0; $i<=strlen($str)-1 ;$i++) { for($i=0; $i<=strlen($str)-1 ;$i++) {
$color = $cl[rand(0, 6)]; $color = $cl[rand(0, count($cl)-1)];
while($color == $ant_color) { while($color == $ant_color) {
$color = $cl[rand(0, 6)]; $color = $cl[rand(0, count($cl)-1)];
} }
$ant_color = $color; $ant_color = $color;
$str_out = $str_out."<font color='".$color."'>".$str[$i]."</font>"; $str_out = $str_out."<font color='".$color."'>".$str[$i]."</font>";

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
assets/img/background.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 156 KiB

View file

@ -5,6 +5,6 @@ ob_start(); // Start reading html
<img src="assets/img/error.jpg" style="margin-top: 50px;width:50vw;"> <img src="assets/img/error.jpg" style="margin-top: 50px;width:50vw;">
</main> </main>
<?php <?php
$infopage = ["", "Erreur", ob_get_clean(), "", "erreur",""]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6 $infopage = ["", "Erreur", ob_get_clean(), "", "erreur"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6
include("structure/template.php"); include("structure/template.php");
?> ?>

View file

@ -3,44 +3,44 @@ ob_start(); // Start reading html
include "assets/fonts/color.php"; include "assets/fonts/color.php";
include "assets/fonts/cursor.php";
?> ?>
<main> <main>
<div id="msg_acc"> <div id="msg_acc">
<p> <p>
Bienvenue à l'<font color="red">INSA Toulouse</font> jeune aventurier, pour ta magnifique semaine d'accueil. Bienvenue à l'<font color="red">INSA Toulouse</font> jeune aventurier, pour ta magnifique semaine d'accueil.
Ce site est fait pour t'aider à commencer l'aventure en toute sérénité. Ce site est fait pour t'aider à commencer l'aventure en toute sérénité.
</p> </p>
<p> <p>
Toutes les photos de ta semaine sont disponibles <a href="photos.php" class="link"> ici </a>! Pendant cette semaine tu Toutes les photos de ta semaine sont disponibles <a href="photos.php" class="link"> ici </a>! Pendant cette semaine tu
pourras découvrir toutes les photos prises par la Com Photo pour te remémorer plein de pourras découvrir toutes les photos prises par la Com Photo pour te remémorer plein de
souvenirs. souvenirs.
</p> </p>
<p> <p>
Tu vas pouvoir trouver ici des informations générales sur ta semaine, comme Tu vas pouvoir trouver ici des informations générales sur ta semaine, comme
<a href="planning.php" class="link">Le Planning</a>, <a href="planning.php" class="link">Le Planning</a>,
<a href="map.php" class="link">Le Plan Du Campus</a>, des détails sur <a href="map.php" class="link">Le Plan Du Campus</a>, des détails sur
<a href="parrainage.php" class="link">Le Parrainage</a>, <a href="parrainage.php" class="link">Le Parrainage</a>,
ou encore des directives concernant ta magnifique <a href="blouse.php" class="link">Blouse</a>. ou encore des directives concernant ta magnifique <a href="blouse.php" class="link">Blouse</a>.
</p> </p>
<br> <br>
<h3><a href="enigma.php" style="text-decoration: none; color: black;">INSA BROS</a></h3> <h3><a href="enigma.php" style="text-decoration: none; color: black;">INSA BROS</a></h3>
<p> <p>
Si tu as reçu (et lu!) ta <?= colored_text("plaquette") ?>, tu sais que tu fais partie d'une #team: Si tu as reçu (et lu!) ta <?= colored_text("plaquette") ?>, tu sais que tu fais partie d'une #team:
</p> </p>
<p> <p>
<a href="team.php?team=team2" class="link">team2</a>, <a href="team.php?team=team2" class="link">team2</a>,
ou <a href="team.php?team=team1" class="link">team1</a>. ou <a href="team.php?team=team1" class="link">team1</a>.
</p> </p>
<p> <p>
Fais gagner des points à ton équipe durant la semaine pour lui faire remporter les INSA BROS ! Fais gagner des points à ton équipe durant la semaine pour lui faire remporter les INSA BROS !
</p> </p>
<p> <p>
Si tu souhaites voir le détail des scores, <a href="stats.php" class="link">c'est par ici</a>. Si tu souhaites voir le détail des scores, <a href="stats.php" class="link">c'est par ici</a>.
</p> </p>
</div> </div>
</main> </main>
<?php <?php
$infopage = ["", "Accueil", ob_get_clean(), "", "index","Semaine d'Accueil INSA Toulouse 2023"]; //relativepath, pagetitle, pagecontent, pagescript, pagename, txt_pancarte | cf structure/template.php ligne 2 à 6 $infopage = ["", "Accueil", ob_get_clean(), "", "index","Semaine d'Accueil INSA Toulouse 2023"]; //relativepath, pagetitle, pagecontent, pagescript, pagename, txt_pancarte | cf structure/template.php ligne 2 à 6

View file

@ -4,7 +4,7 @@ Tous les éléments présents sur ce site sont représentés à des fins humoris
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> 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> ou <a href="info.php#viceprez" class="link">Arthur (il est trop bg)</a>, les responsables de la semaine, pour plus d'informations.<br> Contacter <a href="info.php#prez" class="link">Elea</a> ou <a href="info.php#viceprez" class="link">Arthur (il est trop bg)</a>, les responsables de la semaine, pour plus d'informations.<br>
Site maintenu par <a href="info.php#dev" class="link">Théo Mougnibas et Alejandro Pastor</a>.<br> Site maintenu par <a href="info.php#dev" class="link">Théo Mougnibas et Alejandro Pastor</a>.<br>

View file

@ -4,73 +4,6 @@ if(!isset($relativepath)) {
} }
?> ?>
<!-- The tube -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
class="tuyau" id="tube"
viewBox="0 0 44 76">
<!-- espace de définition -->
<defs>
<linearGradient id="grad1" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="44" y2="0">
<stop offset="0" style="stop-color:#03A663"/>
<stop offset="0.2204" style="stop-color:#03A160"/>
<stop offset="0.4959" style="stop-color:#029157"/>
<stop offset="0.7995" style="stop-color:#017848"/>
<stop offset="1" style="stop-color:#00633C"/>
</linearGradient>
<linearGradient id="grad2" gradientUnits="userSpaceOnUse" x1="5" y1="14" x2="39" y2="14">
<stop offset="0" style="stop-color:#03A663"/>
<stop offset="0.2204" style="stop-color:#03A160"/>
<stop offset="0.4959" style="stop-color:#029157"/>
<stop offset="0.7995" style="stop-color:#017848"/>
<stop offset="1" style="stop-color:#00633C"/>
</linearGradient>
</defs>
<style type="text/css">
.st9{fill:#00A15D;}
.st10{fill:#00A25D;}
.st11{fill:url(#grad1);}
.st12{fill:url(#grad2);}
.st13{fill:#FFFFFF;}
.st14{opacity:0.66;fill:#FFFFFF;}
.st15{opacity:0.3;}
</style>
<!-- Ouverture : Fond -->
<rect x="0" y="0" class="st9" width="44" height="14"/>
<!-- Cylindre : Fond -->
<rect x="5" y="14" class="st10" width="34" height="50"/>
<!-- Ouverture : Dégradé -->
<rect x="0" y="0" class="st11" width="38" height="14"/>
<!-- Cylindre : Dégradé -->
<rect x="5" y="14" class="st12" width="28" height="50"/>
<!-- Ouverture : Reflet Fort -->
<rect x="9" y="0" class="st13" width="5.5" height="14"/>
<!-- Ouverture : Reflet Faible -->
<rect x="7.5" y="0" class="st14" width="1.5" height="14"/>
<!-- Cylindre : Reflet Fort -->
<rect x="12.5" y="14" class="st13" width="5.5" height="48.11"/>
<!-- Cylindre : Reflet Faible -->
<rect x="11" y="14" class="st14" width="1.5" height="48.11"/>
<!-- Ouverture : Ombre projetée -->
<rect x="5" y="14" class="st15" width="34" height="1.35"/>
<!-- Tuyau : Ombre -->
<rect id="tuyau-ombre" x="5" y="40.5" class="st15" width="34" height="1.35"/>
</svg>
<!-- The actual menu * desktop --> <!-- The actual menu * desktop -->
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
class="menu" id="parent" class="menu" id="parent"

View file

@ -58,16 +58,22 @@ $txt_pancarte = $infopage[5]; // le texte à mettre sur la pancarte
<?php include $relativepath."structure/menu.php"; ?> <?php include $relativepath."structure/menu.php"; ?>
</header> </header>
<div class="pc_container"> <?php
<div class="pancarte"> if(isset($txt_pancarte)){
<div class="title"><?php echo $txt_pancarte; ?></div> echo "<div class=\"pc_container\">
<div class=\"pancarte\">
<span class="circles circles-top"></span> <div class=\"title\">
<span class="circles circles-bottom"></span> ".$txt_pancarte."
</div>
<span class=\"circles circles-top\"></span>
<span class=\"circles circles-bottom\"></span>
</div> </div>
</div> </div>";
}
?>
<?php <?php
if (isset($pagecontent)) { if (isset($pagecontent)) {
echo $pagecontent; //ici on appelle le contenu de la page echo $pagecontent; //ici on appelle le contenu de la page
@ -91,7 +97,6 @@ $txt_pancarte = $infopage[5]; // le texte à mettre sur la pancarte
<!-- To be charged at the end so that it doesn't slow the page loading --> <!-- To be charged at the end so that it doesn't slow the page loading -->
<script defer> <script defer>
(() => { (() => {
const tube = document.getElementById("tube");
const closeBTN = document.getElementById("close-mobile-menu"); const closeBTN = document.getElementById("close-mobile-menu");
const mobileMenu = document.getElementById("mobile-menu"); const mobileMenu = document.getElementById("mobile-menu");
@ -99,7 +104,6 @@ $txt_pancarte = $infopage[5]; // le texte à mettre sur la pancarte
mobileMenu.classList.toggle("open"); mobileMenu.classList.toggle("open");
}; };
tube.addEventListener("click", onTubeClick)
closeBTN.addEventListener("click", onTubeClick) closeBTN.addEventListener("click", onTubeClick)
})() })()
</script> </script>