Accessibilite/index.php at main · WeJustDev/Accessibilite · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<?php
$page = isset($_GET['page']) ? $_GET['page'] : null;
?>

<!DOCTYPE html>
<html lang="fr">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./dist/main.css">
    <script src="https://cdn.tailwindcss.com"></script>
</head>

<body class="min-h-[100vh]">
    <?php include "./components/header.html"; ?>

    <main role="main" id="contenu" tabindex="-1">
        <?php
        if ($page) {
            $filePath = './components/' . $page . '.php';

            if (file_exists($filePath)) {
                include $filePath;
            } else {
                include './components/accueil.html';
            }
        } else {
            include './components/accueil.html';
        }
        ?>
    </main>

    <?php include "./components/footer.html" ?>

    <!-- include jQuery -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>
        window.jQuery || document.write('<script src="../src/js/jquery-2.1.4.min.js">\x3C/script>')
    </script>

    <!-- include the accessible-mega-menu plugin script -->
    <script src="./src/js/accessible-mega-menu.js"></script>
    <script src="./src/js/main.js"></script>
    <script src="./src/js/dyslexic.js"></script>

    <!-- initialize a selector as an accessible-mega-menu -->
    <script>
        $('nav:first').accessibleMegaMenu({
            // prefix for generated unique id attributes, which are required
            // to indicate aria-owns, aria-controls and aria-labelledby
            uuidPrefix: 'megamenu',

            // CSS class used to define the megamenu styling
            menuClass: 'nav-menu',

            // CSS class for a top-level navigation item in the megamenu
            topNavItemClass: 'nav-item',

            // CSS class for a megamenu panel
            panelClass: 'sub-nav',

            // CSS class for a group of items within a megamenu panel
            panelGroupClass: 'sub-nav-group',

            // CSS class for the hover state
            hoverClass: 'hover',

            // CSS class for the focus state
            focusClass: 'focus',

            // CSS class for the open state
            openClass: 'open'
        });
    </script>
</body>

</html>