Commit 0538330b authored by GUINGAND SOLENE's avatar GUINGAND SOLENE
Browse files

add php

parent f79366b1
<?php
$page = $_GET['page'] ?? null;
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Accueil - Frakass</title>
<link rel="stylesheet" href="css/tailwind.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body class="min-h-screen flex flex-col">
<ul>
<li>
<a class="evitement" title="Aller au contenu" href="#main">Aller au contenu</a>
</li>
<li>
<a class="evitement" title="Aller au menu" href="#main-menu">Aller au menu</a>
</li>
<li>
<a class="evitement" title="Aller au formulaire de recherche" href="#site-search">Aller au formulaire de recherche</a>
</li>
</ul>
<header class="flex justify-between items-center bg-primary text-white p-5">
<h1 class="text-4xl"><a href="../">Frakass</a></h1>
<nav aria-label="Navigation principale" class="flyout-nav" id="main-menu">
<ul role="menubar">
<li>
<a href="../" role="menuitem">Accueil</a>
</li>
<li>
<a href="#" role="menuitem">Vidéo</a>
</li>
<li class="has-submenu">
<a href="#attend" role="menuitem">Tableau</a>
<ul role="menu">
<li><a href="#" role="menuitem">Page 1</a></li>
<li><a href="#" role="menuitem">Page 2</a></li>
</ul>
</li>
<li>
<a href="#attend" role="menuitem">Contact</a>
</li>
</ul>
</nav>
<div>
<form>
<input type="search" id="site-search" aria-label="Rechercher sur le site" placeholder="Votre recherche">
<input class="bg-white text-black rounded p-2 cursor-pointer" type="button" value="Rechercher">
</form>
</div>
</header>
<main id="main" class="h-full flex-grow container mx-auto p-4">
<?php
$include = null;
switch ($page) {
case 'search':
$include = 'pages/search.html';
break;
default:
$include = 'pages/main.html';
}
include($include);
?>
</main>
<footer class="text-center bg-primary text-white p-5">
<p>
Site intégré avec la librairie <a class="underline" href="https://tailwindcss.com/" target="_blank">Tailwind CSS<span class="visuallyhidden">(S'ouvre dans une nouvelle fenêtre)</span></a>
</p>
<p>Frakass © 2021</p>
</footer>
<script src="js/index.js"></script>
</body>
</html>
<h2 class="text-2xl mt-5">Un site accessible</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis eaque assumenda facilis quod deserunt eveniet odio.
Distinctio dolore natus ut id tenetur. Delectus laboriosam illum exercitationem voluptatum possimus omnis corrupti!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora mollitia, voluptatibus accusantium dolore quibusdam
et at perferendis.
Molestias nihil necessitatibus tempore nemo quod sunt aperiam, eius, corrupti, veritatis nam hic?
</p>
<h2 class="text-2xl mt-5">Des conseils pour vous aider</h2>
<p>
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quis eaque assumenda facilis quod deserunt eveniet odio.
Distinctio dolore natus ut id tenetur. Delectus laboriosam illum exercitationem voluptatum possimus omnis corrupti!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora mollitia, voluptatibus accusantium dolore quibusdam
et at perferendis.
Molestias nihil necessitatibus tempore nemo quod sunt aperiam, eius, corrupti, veritatis nam hic?
</p>
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment