forked from rebillar/site-accueil-insa
templates tests and db creation test script
This commit is contained in:
thaaoblues
parent
74828cfd32
commit
16d0f61d75
15 changed files with 284 additions and 96 deletions
9
admin/test_db_init.php
Normal file
9
admin/test_db_init.php
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
<?php
|
||||
|
||||
|
||||
//page de test pour la création automatique de la BDD
|
||||
include "../script/db_init.php";
|
||||
|
||||
echo "quoicoubeh";
|
||||
|
||||
?>
|
||||
|
|
@ -1,14 +1,29 @@
|
|||
.menu {
|
||||
position: fixed;
|
||||
bottom: -2px;
|
||||
bottom: -150px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
z-index: 2;
|
||||
|
||||
overflow: visible;
|
||||
transition: transform 0.3s;
|
||||
}
|
||||
.menu-row{
|
||||
display: flex;
|
||||
}
|
||||
.menu-svg{
|
||||
width: 370px;
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.menu-link{
|
||||
position: fixed;
|
||||
margin-left: 10%;
|
||||
bottom: 80px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.menu-link use {
|
||||
transition: transform 50ms;
|
||||
|
|
|
|||
38
assets/css/page/vice_prez.css
Normal file
38
assets/css/page/vice_prez.css
Normal file
|
|
@ -0,0 +1,38 @@
|
|||
.conteneur-oeuf-de-paque{
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@keyframes rotation {
|
||||
|
||||
to{
|
||||
visibility: visible;
|
||||
transform: rotate3d(1, 1, 1, 0deg);
|
||||
}
|
||||
|
||||
from{
|
||||
transform: rotate3d(1, 1, 1, 360deg);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.vice-prez{
|
||||
top: 0%;
|
||||
position: fixed;
|
||||
animation-name: rotation;
|
||||
animation-duration: 1s;
|
||||
animation-iteration-count: infinite;
|
||||
}
|
||||
|
||||
|
||||
.clash-gif{
|
||||
position: fixed;
|
||||
top: 0%;
|
||||
}
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
/* Custom Obelix font definition : */
|
||||
@font-face{
|
||||
font-family: "ObelixPro";
|
||||
src: url("../fonts/obelix-pro/ObelixPro-cyr.ttf");
|
||||
font-family: "Lapsus Pro Bold";
|
||||
src: url("../fonts/lapsus-pro.ttf");
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
|
|
@ -14,7 +14,7 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
font-family: 'ObelixPro';
|
||||
font-family: 'Lapsus Pro Bold';
|
||||
|
||||
font-size: 1rem;
|
||||
|
||||
|
|
@ -27,7 +27,7 @@ body {
|
|||
|
||||
background-attachment: fixed;
|
||||
background-color: #bdc7f3;
|
||||
/*background-image: url("/assets/img/background.jpg");*/
|
||||
background-image: url("/assets/img/placeholder.png");
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
BIN
assets/fonts/lapsus-pro.otf
Normal file
BIN
assets/fonts/lapsus-pro.otf
Normal file
Binary file not shown.
BIN
assets/fonts/lapsus-pro.ttf
Normal file
BIN
assets/fonts/lapsus-pro.ttf
Normal file
Binary file not shown.
BIN
assets/img/colonne.png
Normal file
BIN
assets/img/colonne.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
43
assets/img/colonne.svg
Normal file
43
assets/img/colonne.svg
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="500" height="500" viewBox="0 0 500 500" xml:space="preserve">
|
||||
<desc>Created with Fabric.js 4.6.0</desc>
|
||||
<defs>
|
||||
</defs>
|
||||
<g transform="matrix(2.63 0 0 0.52 260.78 198.31)" id="wez2Ww8CpL1QWcfcIThkZ" >
|
||||
<path style="stroke: rgb(248,117,126); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -67.67241 -67.67241 L 67.67242 -67.67241 L 67.67242 67.67242 L -67.67241 67.67242 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(1 0 0 1.63 44.4 198.28)" id="p-kuD9gcWX0uPDCf9wVph" >
|
||||
<path style="stroke: rgb(217,190,90); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -38.36207 -28.37219 C -38.36207 -33.88945 -31.075210000000002 -38.36207 -22.086420000000004 -38.36207 L 22.086419999999997 -38.36207 L 22.086419999999997 -38.36207 C 31.07521 -38.36207 38.362069999999996 -33.889450000000004 38.362069999999996 -28.372190000000003 L 38.362069999999996 28.372189999999996 L 38.362069999999996 28.372189999999996 C 38.362069999999996 33.88945 31.075209999999995 38.362069999999996 22.086419999999997 38.362069999999996 L -22.086420000000004 38.362069999999996 L -22.086420000000004 38.362069999999996 C -31.075210000000006 38.362069999999996 -38.36207 33.88945 -38.36207 28.372189999999996 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(1 0 0 1.63 461.21 198.31)" id="CDzTthWUfteWkJu2NojN4" >
|
||||
<path style="stroke: rgb(217,190,90); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -38.36207 -28.37219 C -38.36207 -33.88945 -31.075210000000002 -38.36207 -22.086420000000004 -38.36207 L 22.086419999999997 -38.36207 L 22.086419999999997 -38.36207 C 31.07521 -38.36207 38.362069999999996 -33.889450000000004 38.362069999999996 -28.372190000000003 L 38.362069999999996 28.372189999999996 L 38.362069999999996 28.372189999999996 C 38.362069999999996 33.88945 31.075209999999995 38.362069999999996 22.086419999999997 38.362069999999996 L -22.086420000000004 38.362069999999996 L -22.086420000000004 38.362069999999996 C -31.075210000000006 38.362069999999996 -38.36207 33.88945 -38.36207 28.372189999999996 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.72 0 0 1.2 461.21 198.01)" id="U4HPsI1Tu9_aouwWBxMLd" >
|
||||
<path style="stroke: rgb(209,104,137); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(181,168,157); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -32.18475 C -43.10345 -38.214980000000004 -34.91597 -43.10345 -24.81621 -43.10345 L 24.8162 -43.10345 L 24.8162 -43.10345 C 34.91597 -43.10345 43.10344 -38.214980000000004 43.10344 -32.18475 L 43.10344 32.18475 L 43.10344 32.18475 C 43.10344 38.214980000000004 34.91596 43.10345 24.8162 43.10345 L -24.81621 43.10345 L -24.81621 43.10345 C -34.915980000000005 43.10345 -43.10345 38.214980000000004 -43.10345 32.18475 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.72 0 0 1.2 44.4 198.28)" id="nU7SdAq5JL2lIJBhRppSj" >
|
||||
<path style="stroke: rgb(209,104,137); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(181,168,157); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -32.18475 C -43.10345 -38.214980000000004 -34.91597 -43.10345 -24.81621 -43.10345 L 24.8162 -43.10345 L 24.8162 -43.10345 C 34.91597 -43.10345 43.10344 -38.214980000000004 43.10344 -32.18475 L 43.10344 32.18475 L 43.10344 32.18475 C 43.10344 38.214980000000004 34.91596 43.10345 24.8162 43.10345 L -24.81621 43.10345 L -24.81621 43.10345 C -34.915980000000005 43.10345 -43.10345 38.214980000000004 -43.10345 32.18475 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(3.94 0 0 -0.08 252.8 196.77)" id="MDR6cUyKI2GNyTOeDArN-" >
|
||||
<path style="stroke: rgb(193,80,199); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(181,168,157); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -43.10345 L 43.10345 -43.10345 L 43.10345 43.10345 L -43.10345 43.10345 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.62 0 0 0.05 462.24 194.43)" id="Lgh3ZKzBDnuCJzYM0EyvR" >
|
||||
<path style="stroke: rgb(6,161,71); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -43.10345 L 43.10345 -43.10345 L 43.10345 43.10345 L -43.10345 43.10345 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.62 0 0 0.05 44.4 196.58)" id="78FTt5zzP1zQcTPMopwHe" >
|
||||
<path style="stroke: rgb(6,161,71); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -43.10345 L 43.10345 -43.10345 L 43.10345 43.10345 L -43.10345 43.10345 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.62 0 0 0.05 44.4 227.19)" id="4FU5SH2U-8G4kTFfPTl9N" >
|
||||
<path style="stroke: rgb(6,161,71); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -43.10345 L 43.10345 -43.10345 L 43.10345 43.10345 L -43.10345 43.10345 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.62 0 0 0.05 44.4 167.27)" id="mEMaY-15TJ14Ck7dvqZDo" >
|
||||
<path style="stroke: rgb(6,161,71); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -43.10345 L 43.10345 -43.10345 L 43.10345 43.10345 L -43.10345 43.10345 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.62 0 0 0.05 462.61 231.5)" id="nAGl7ZFuWgDuN4_DQ1kh0" >
|
||||
<path style="stroke: rgb(6,161,71); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -43.10345 L 43.10345 -43.10345 L 43.10345 43.10345 L -43.10345 43.10345 z" stroke-linecap="round" />
|
||||
</g>
|
||||
<g transform="matrix(0.62 0 0 0.05 462.61 165.12)" id="b29hIhfF6Edj51xXIjdaU" >
|
||||
<path style="stroke: rgb(6,161,71); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(223,211,201); fill-rule: nonzero; opacity: 1;" vector-effect="non-scaling-stroke" transform=" translate(0, 0)" d="M -43.10345 -43.10345 L 43.10345 -43.10345 L 43.10345 43.10345 L -43.10345 43.10345 z" stroke-linecap="round" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.8 KiB |
BIN
assets/img/placeholder.png
Normal file
BIN
assets/img/placeholder.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
|
|
@ -1,6 +1,27 @@
|
|||
<?php
|
||||
|
||||
$TEAM1 = "teamtest1";
|
||||
$TEAM2 = "teamtest2";
|
||||
$TEAM1 = "cléopeks";
|
||||
$TEAM2 = "boomélix";
|
||||
|
||||
$SITE_MAP = [
|
||||
["index.php","Accueil"],
|
||||
["planning.php","Planning"],
|
||||
["map.php","Plan"],
|
||||
["lydia.php","Lydia/Izly"],
|
||||
["blouse.php","Blouse"],
|
||||
["team.php?team=".$TEAM1,$TEAM1],
|
||||
["team.php?team=".$TEAM2,$TEAM2],
|
||||
["stats.php","Les stats"],
|
||||
["game.php","INSARIO"],
|
||||
["prevs.php","Prévention"],
|
||||
["photos.php","Photos"],
|
||||
["clubs.php","Les clubs"],
|
||||
["com_page.php","Com's"],
|
||||
["vacances.php","Homework"],
|
||||
["chansons.php","Chansons"],
|
||||
["downloads.php","Download"],
|
||||
["coms.php","Contact"],
|
||||
["infos.php","Infos"]
|
||||
];
|
||||
|
||||
?>
|
||||
11
index.php
11
index.php
|
|
@ -8,6 +8,8 @@ include "assets/scripts/globals.php"
|
|||
<main>
|
||||
|
||||
|
||||
|
||||
|
||||
<div id="msg_acc">
|
||||
<p>
|
||||
Bienvenue à l'<font color="red">INSA Toulouse</font> jeune aventurier, pour ta magnifique semaine d'accueil.
|
||||
|
|
@ -32,8 +34,8 @@ include "assets/scripts/globals.php"
|
|||
</p>
|
||||
<p>
|
||||
<?php
|
||||
echo"<a href=\"team.php?team=".$TEAM2."\" class=\"link\">".$TEAM2."</a>,"
|
||||
echo"<a href=\"team.php?team=".$TEAM1."\" class=\"link\">".$TEAM1."</a>"
|
||||
echo"<a href=\"team.php?team=".$TEAM2."\" class=\"link\">".$TEAM2."</a>,";
|
||||
echo"<a href=\"team.php?team=".$TEAM1."\" class=\"link\">".$TEAM1."</a>";
|
||||
?>
|
||||
</p>
|
||||
<p>
|
||||
|
|
@ -44,6 +46,11 @@ include "assets/scripts/globals.php"
|
|||
</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main>
|
||||
<?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
|
||||
|
|
|
|||
89
old_menu.txt
Normal file
89
old_menu.txt
Normal file
|
|
@ -0,0 +1,89 @@
|
|||
<!-- The actual menu * desktop -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
class="menu" id="parent"
|
||||
viewBox="0 0 512 34.85">
|
||||
|
||||
<!-- Might put them somewhere else later -->
|
||||
<style type="text/css">
|
||||
.st0{fill:#AA572E;}
|
||||
.st1{fill:#C06538;}
|
||||
.st2{fill:#2B0A00;}
|
||||
.st3{fill:#914522;}
|
||||
.st4{fill:#9B4D25;}
|
||||
.st5{fill:#A04E26;}
|
||||
.st6{fill:#491A05;}
|
||||
.st7{fill:#3F1403;}
|
||||
.st8{fill:#BA6135;}
|
||||
.st16{fill:#392313;}
|
||||
.st17{fill:#492715;}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
|
||||
.menu-link text {
|
||||
fill: white;
|
||||
text-anchor: middle;
|
||||
alignment-baseline: central;
|
||||
dominant-baseline: central;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- This svg create an image of a brick and cache it for further <use>s-->
|
||||
<symbol id="Brick" viewBox="0 0 47 17">
|
||||
<rect x="1" y="1" class="st0" width="45" height="15"/>
|
||||
|
||||
<rect x="1.5" y="0" class="st1" width="44" height="1.5"/> <!-- Top side -->
|
||||
<rect x="1.5" y="15.5" class="st2" width="44" height="1.5"/> <!-- Bottom side -->
|
||||
<rect x="45.5" y="1.5" class="st3" width="1.5" height="14"/> <!-- Right side -->
|
||||
<rect x="0" y="1.5" class="st4" width="1.5" height="14"/> <!-- Left side -->
|
||||
|
||||
<polygon class="st5" points="47,1.5 45.5,1.5 45.5,0"/> <!-- TR corner -->
|
||||
<polygon class="st6" points="45.5,17 47,15.5 45.5,15.5"/> <!-- BR corner -->
|
||||
<polygon class="st7" points="0,15.5 1.5,15.5 1.5,17"/> <!-- BL corner -->
|
||||
<polygon class="st8" points="0,1.5 1.5,1.5 1.5,0"/> <!-- TL corner -->
|
||||
</symbol>
|
||||
|
||||
|
||||
<!-- Fond -->
|
||||
<rect x="0" y="2.85" class="st16" width="512" height="32"/>
|
||||
|
||||
<!-- Fond : Surface -->
|
||||
<rect x="0" y="2.85" class="st17" width="512" height="1.5"/>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Top layer (LtR) -->
|
||||
<?php
|
||||
$co_y_0 = [0, 48.85, 97.7, 146.55, 195.4, 244.25, 293.1, 341.95, 390.8, 439.65, 488.5];
|
||||
$texte_y_0 = ["Accueil", "Planning", "Plan", "Lydia/Izly", "Blouse", $TEAM1, $TEAM2, "Les stats", "INSARIO", "Prévention", ""];
|
||||
$lien_y_0 = ["index.php", "planning.php", "map.php", "lydia.php", "blouse.php", "team.php?team=".$TEAM1, "team.php?team=".$TEAM2, "stats.php", "game.php", "prevs.php", ""];
|
||||
for($i = 0; $i <= 10; $i++) {
|
||||
echo
|
||||
'<a href="'.$lien_y_0[$i].'" class="menu-link">
|
||||
<use xlink:href="#Brick" width="47" height="17" x="'.$co_y_0[$i].'" y="0"/>
|
||||
<svg id="btn10" width="47" height="17" x="'.$co_y_0[$i].'" y="0">
|
||||
<text x="50%" y="50%">
|
||||
'.$texte_y_0[$i].'
|
||||
</text>
|
||||
</svg>
|
||||
</a>';
|
||||
}
|
||||
$co_y_1 = [-23.5, 25.35,74.2, 123.05, 171.9, 220.75, 269.6, 318.45, 367.3, 416.15, 465];
|
||||
$texte_y_1 = ["", "Photos","Les clubs", "Com's", "", "Homework", "Chansons", "", "Download", "Contact", "Infos"];
|
||||
$lien_y_1 = ["", "photos.php","clubs.php", "com_page.php", "", "vacances.php", "chansons.php", "", "downloads.php", "coms.php", "info.php"];
|
||||
for($i = 0; $i <= 10; $i++) {
|
||||
echo
|
||||
'<a href="'.$lien_y_1[$i].'" class="menu-link menu-bottom-line">
|
||||
<use xlink:href="#Brick" width="47" height="17" x="'.$co_y_1[$i].'" y="17.85"/>
|
||||
<svg id="btn10" width="47" height="17" x="'.$co_y_1[$i].'" y="17.85">
|
||||
<text x="50%" y="50%">
|
||||
'.$texte_y_1[$i].'
|
||||
</text>
|
||||
</svg>
|
||||
</a>';
|
||||
}
|
||||
?>
|
||||
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
|
|
@ -4,8 +4,35 @@ 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>
|
||||
|
||||
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>
|
||||
Contacter <a href="info.php#prez" class="link">Elea</a> ou <a href="javascript:display_gif();" 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>
|
||||
|
||||
Copyright © 2023 - Tous droits réservés
|
||||
|
||||
<!-- Easter egg quand on clique sur le nom du vice prez, remplacez avec ce que vous voulez -->
|
||||
|
||||
<link rel="stylesheet" href="/assets/css/page/vice_prez.css">
|
||||
<div class="conteneur-oeuf-de-paque">
|
||||
<img class="clash-gif" id="gif_leg" src="/assets/img/clash-royale.gif" hidden>
|
||||
<img class="vice-prez" id="vice_prez" src="/assets/img/vice-prez.png" hidden>
|
||||
</div>
|
||||
|
||||
|
||||
<script>
|
||||
function sup_gif(){
|
||||
let gif = document.getElementById("gif_leg");
|
||||
let vice_prez = document.getElementById("vice_prez");
|
||||
gif.remove();
|
||||
vice_prez.removeAttribute("hidden");
|
||||
}
|
||||
function display_gif(){
|
||||
let gif = document.getElementById("gif_leg");
|
||||
gif.removeAttribute("hidden");
|
||||
setTimeout(sup_gif,3900);
|
||||
}
|
||||
|
||||
window.onload = main;
|
||||
|
||||
|
||||
</script>
|
||||
|
|
@ -6,95 +6,33 @@ if(!isset($relativepath)) {
|
|||
include "assets/scripts/globals.php"
|
||||
?>
|
||||
|
||||
<!-- The actual menu * desktop -->
|
||||
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
class="menu" id="parent"
|
||||
viewBox="0 0 512 34.85">
|
||||
|
||||
<!-- Might put them somewhere else later -->
|
||||
<style type="text/css">
|
||||
.st0{fill:#AA572E;}
|
||||
.st1{fill:#C06538;}
|
||||
.st2{fill:#2B0A00;}
|
||||
.st3{fill:#914522;}
|
||||
.st4{fill:#9B4D25;}
|
||||
.st5{fill:#A04E26;}
|
||||
.st6{fill:#491A05;}
|
||||
.st7{fill:#3F1403;}
|
||||
.st8{fill:#BA6135;}
|
||||
.st16{fill:#392313;}
|
||||
.st17{fill:#492715;}
|
||||
</style>
|
||||
<style type="text/css">
|
||||
<div class="menu">
|
||||
|
||||
.menu-link text {
|
||||
fill: white;
|
||||
text-anchor: middle;
|
||||
alignment-baseline: central;
|
||||
dominant-baseline: central;
|
||||
font-size: 8px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- This svg create an image of a brick and cache it for further <use>s-->
|
||||
<symbol id="Brick" viewBox="0 0 47 17">
|
||||
<rect x="1" y="1" class="st0" width="45" height="15"/>
|
||||
|
||||
<rect x="1.5" y="0" class="st1" width="44" height="1.5"/> <!-- Top side -->
|
||||
<rect x="1.5" y="15.5" class="st2" width="44" height="1.5"/> <!-- Bottom side -->
|
||||
<rect x="45.5" y="1.5" class="st3" width="1.5" height="14"/> <!-- Right side -->
|
||||
<rect x="0" y="1.5" class="st4" width="1.5" height="14"/> <!-- Left side -->
|
||||
|
||||
<polygon class="st5" points="47,1.5 45.5,1.5 45.5,0"/> <!-- TR corner -->
|
||||
<polygon class="st6" points="45.5,17 47,15.5 45.5,15.5"/> <!-- BR corner -->
|
||||
<polygon class="st7" points="0,15.5 1.5,15.5 1.5,17"/> <!-- BL corner -->
|
||||
<polygon class="st8" points="0,1.5 1.5,1.5 1.5,0"/> <!-- TL corner -->
|
||||
</symbol>
|
||||
<div class="menu-row">
|
||||
<?php
|
||||
|
||||
|
||||
<!-- Fond -->
|
||||
<rect x="0" y="2.85" class="st16" width="512" height="32"/>
|
||||
for($i = 0; $i <= 3; $i++){
|
||||
echo "<div>";
|
||||
echo "<img class=\"menu-svg\" src=\"assets/img/colonne.svg\">";
|
||||
echo "</div>";
|
||||
|
||||
<!-- Fond : Surface -->
|
||||
<rect x="0" y="2.85" class="st17" width="512" height="1.5"/>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Top layer (LtR) -->
|
||||
<?php
|
||||
$co_y_0 = [0, 48.85, 97.7, 146.55, 195.4, 244.25, 293.1, 341.95, 390.8, 439.65, 488.5];
|
||||
$texte_y_0 = ["Accueil", "Planning", "Plan", "Lydia/Izly", "Blouse", $TEAM1, $TEAM2, "Les stats", "INSARIO", "Prévention", ""];
|
||||
$lien_y_0 = ["index.php", "planning.php", "map.php", "lydia.php", "blouse.php", "team.php?team=".$TEAM1, "team.php?team=".$TEAM2, "stats.php", "game.php", "prevs.php", ""];
|
||||
for($i = 0; $i <= 10; $i++) {
|
||||
echo
|
||||
'<a href="'.$lien_y_0[$i].'" class="menu-link">
|
||||
<use xlink:href="#Brick" width="47" height="17" x="'.$co_y_0[$i].'" y="0"/>
|
||||
<svg id="btn10" width="47" height="17" x="'.$co_y_0[$i].'" y="0">
|
||||
<text x="50%" y="50%">
|
||||
'.$texte_y_0[$i].'
|
||||
</text>
|
||||
</svg>
|
||||
</a>';
|
||||
// 4 links per colums
|
||||
/*for($j=$i*4+1;$j<=$i*4+2;$j++){
|
||||
echo "<a style='margin-left:".($i*30)."%;' class='menu-link' href=".$SITE_MAP[$j][0].">".$SITE_MAP[$j][1]."</a>";
|
||||
}
|
||||
$co_y_1 = [-23.5, 25.35,74.2, 123.05, 171.9, 220.75, 269.6, 318.45, 367.3, 416.15, 465];
|
||||
$texte_y_1 = ["", "Photos","Les clubs", "Com's", "", "Homework", "Chansons", "", "Download", "Contact", "Infos"];
|
||||
$lien_y_1 = ["", "photos.php","clubs.php", "com_page.php", "", "vacances.php", "chansons.php", "", "downloads.php", "coms.php", "info.php"];
|
||||
for($i = 0; $i <= 10; $i++) {
|
||||
echo
|
||||
'<a href="'.$lien_y_1[$i].'" class="menu-link menu-bottom-line">
|
||||
<use xlink:href="#Brick" width="47" height="17" x="'.$co_y_1[$i].'" y="17.85"/>
|
||||
<svg id="btn10" width="47" height="17" x="'.$co_y_1[$i].'" y="17.85">
|
||||
<text x="50%" y="50%">
|
||||
'.$texte_y_1[$i].'
|
||||
</text>
|
||||
</svg>
|
||||
</a>';
|
||||
}
|
||||
?>
|
||||
for($j=$i*4+3;$j<=$i*4+4;$j++){
|
||||
echo "<a style='margin-left:".($i*200)."px; bottom:50px;' class='menu-link' href=".$SITE_MAP[$j][0].">".$SITE_MAP[$j][1]."</a>";
|
||||
}*/
|
||||
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</svg>
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ $pagecontent = $infopage[2]; // contenu de la page qui se retrouve dans le <bo
|
|||
$pagescript = $infopage[3]; // contenu de la page qui doit se retrouver en dehors du <body>
|
||||
$pagename = $infopage[4]; // nom de la page exact servant à appeler le css (cf <link rel="stylesheet" ...> sur /structure/template.php). Ex : ceciestunepage.php => { $pagetitle = "Ceci est une page" et $pagename = "ceciestunepage" }
|
||||
$txt_pancarte = $infopage[5]; // le texte à mettre sur la pancarte
|
||||
header("Cache-Control: no-cache, must-revalidate");
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
|
|
@ -23,7 +24,7 @@ $txt_pancarte = $infopage[5]; // le texte à mettre sur la pancarte
|
|||
|
||||
|
||||
<!-- EDIT : la police (modifiée) est host dans assets/fonts/*.otf, et définie dans assets/css/template.css il n'y a plus besoin de la charger depuis cdnfonts -->
|
||||
<!-- ICI C'EST LA POLICE MARIO QU'IL FAUDRA CHANGER SUIVANT LE THEME, il faudra penser à modifier le fichier css car ici on importe seulement la police mais dans le css on l'attribut au texte -->
|
||||
<!-- ICI C'EST LA POLICE QU'IL FAUDRA CHANGER SUIVANT LE THEME, il faudra penser à modifier le fichier css car ici on importe seulement la police mais dans le css on l'attribut au texte -->
|
||||
<!--link href="http://fonts.cdnfonts.com/css/new-super-mario-font-u" rel="stylesheet"-->
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue