site-accueil-insa/structure/template.php
Guillaume Joffre 9485b6f3e3 menu mobile
2022-06-10 21:48:25 +02:00

91 lines
No EOL
4 KiB
PHP

<?php
$relativepath = $infopage[0]; // position relative de la page, si la page est à la racine, alors on laisse le champ vide
$pagetitle = $infopage[1]; // titre de la page affiché dans la balise <title>
$pagecontent = $infopage[2]; // contenu de la page qui se retrouve dans le <body>
$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" }
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset='utf-8'>
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="viewport" content="width=device-width,maximum-scale=2">
<link rel="shortcut icon" href="<?= $relativepath ?>favicon.ico">
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/page/<?= $pagename ?>.css" />
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/menu.css" />
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/template.css" />
<link rel="stylesheet" type="text/css" href="<?= $relativepath ?>assets/css/queries.css" />
<link rel = "shortcut icon" href = "<?= $relativepath ?>assets/img/ico_promo_60.ico" >
<!-- 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 -->
<!--link href="http://fonts.cdnfonts.com/css/new-super-mario-font-u" rel="stylesheet"-->
<title><?= $pagetitle ?> | INSAT Accueil</title>
<!-- Matomo (analytic) -->
<script type="text/javascript">
var _paq = _paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['disableCookies']);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//etud.insa-toulouse.fr/~accueil_insa/analytics/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</head>
<body>
<header>
<?php include $relativepath."structure/menu.php"; ?>
</header>
<?php
if (isset($pagecontent)) {
echo $pagecontent; //ici on appelle le contenu de la page
}
?>
<footer>
<?php include $relativepath."structure/footer.php"; ?>
</footer>
<!-- TODO 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 -->
<div style="height: 9vw">
</div>
<!-- Script nécessaire au fonctionnement du menu sur mobile -->
<!-- To be charged at the end so that it doesn't slow the page loading -->
<script defer>
(() => {
const tube = document.getElementById("tube");
const closeBTN = document.getElementById("close-mobile-menu");
const mobileMenu = document.getElementById("mobile-menu");
const onTubeClick = (e) => {
mobileMenu.classList.toggle("open");
};
tube.addEventListener("click", onTubeClick)
closeBTN.addEventListener("click", onTubeClick)
})()
</script>
</body>
</html>
<?php
if (isset($pagescript)) {
echo $pagescript; //ici on appelle les scripts de la page (s'il y en a)
}
?>