102 lines
3.6 KiB
PHP
Executable File
102 lines
3.6 KiB
PHP
Executable File
<?php
|
|
require("../../include/variables.php");
|
|
require("../../include/init.php");
|
|
require("../../include/main-functions.php");
|
|
require("../../include/objects.php");
|
|
require("../../include/panels.php");
|
|
|
|
$pdo = sqlConnect($sqlDatabaseHost, $sqlDatabaseName, $sqlDatabaseUser, $sqlDatabasePass);
|
|
?>
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
|
|
<head>
|
|
<?php fillHead($rootPageURL, "Kezako - " . $pageName, $darkTheme, $lightTheme);?>
|
|
<style>
|
|
.kezako {
|
|
display: flex;
|
|
}
|
|
.kezako-logo {
|
|
height: 2em;
|
|
border-radius: 0px;
|
|
margin: 6.1em 0 0 0;
|
|
padding-right: 1em;
|
|
}
|
|
.liste-fiches {
|
|
margin-top: 4em;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
padding: 10px;
|
|
box-sizing: border-box;
|
|
}
|
|
.fiche {
|
|
flex: 1 1 calc(33.333% - 20px); /* Trois éléments par ligne avec un espace de 20px */
|
|
margin: 10px;
|
|
box-sizing: border-box; /* Inclut le padding et la marge dans la largeur totale des éléments */
|
|
}
|
|
.fiche-img {
|
|
height: 20em;
|
|
border-radius: 5px;
|
|
}
|
|
@media(max-width: 750px) {
|
|
.doc img {
|
|
height: 15em;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="body">
|
|
|
|
<header>
|
|
<div class="panel-content">
|
|
<?php fillHeader($rootPageURL, $headerTitle, $headerSubtitle, $social);?>
|
|
</div>
|
|
<meta name="description" content="Projet de recherche de solutions d'apprentissage alternatives">
|
|
<meta name="author" content="E59">
|
|
|
|
<meta property="og:locale" content="fr_FR">
|
|
<meta property="og:site_name" content="e59.fr">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Kezako - E59">
|
|
<meta property="og:description" content="Projet de recherche de solutions d'apprentissage alternatives">
|
|
<meta property="og:url" content="https://e59.fr/kezako">
|
|
<meta property="og:image" content="https://e59.fr/src/img/e59-pp.png">
|
|
<meta property="og:image:width" content="500">
|
|
<meta property="og:image:height" content="500">
|
|
<meta property="og:image:type" content="image/png">
|
|
</header>
|
|
|
|
<nav>
|
|
<div class="panel-content">
|
|
<?php fillNav($rootPageURL);?>
|
|
</div>
|
|
</nav>
|
|
|
|
<main>
|
|
<div class="content">
|
|
<div class="kezako"><img src="kezako.png" class="kezako-logo"/><h1>KEZAKO</h1></div>
|
|
<h2>L'apprentissage pensé pour les étudiants par les étudiants</h2>
|
|
<div>
|
|
Nous travaillons activement sur le développement de solutions d'apprentissage alternatives.<br>
|
|
</div>
|
|
<h2>Fiches</h2>
|
|
<div class="liste-fiches">
|
|
<div class="fiche">
|
|
<a href="fiches/pdf/tunnel-ssh.pdf" target="_blank">
|
|
<img src="fiches/img/tunnel-ssh.png" class="fiche-img"/>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<div class="panel-content">
|
|
<?php fillFooter($footerText);?>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|