summaryrefslogtreecommitdiff
path: root/ressources/includes/header.php
blob: b6c528814d6b52a7e1032a5dc41ea77d947a092e (plain)
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
<!--
nom projet : NeoKron Projekt
nom fichier : header.php
Auteurs : Adrien Robert & Corentin Breton
ersion : 7.1
Note : Pour modifier le design se reférer directement au fichier ressources/styles/default.css
-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<!--
Code JS trouvé sur le site openclassroom  afin de gérer le menu déroulant
C'est à dire si on affiche le menu déroulant seulement quand le curseur est dessus
-->
<script type="text/javascript">
<!--
sfHover = function() {
        var sfEls = document.getEle
        mentById("menu").getElementsByTagName("LI");
        for (var i=0; i<sfEls.length; i++) {
                sfEls[i].onmouseover=function() {
                        this.className+=" sfhover";
                }
                sfEls[i].onmouseout=function() {
                        this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
                }
        }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
-->
</script>

<!-- On commence le début du code header -->
<header class="site-header">
  <a href="index.php"><img class="logo" alt="logo" src="ressources/images/fox_v2.png"></img></a>
  <h1 class="title">NeodarZ &#8239;<span style="font-family:'starjedi';">&</span></h1>

<!-- menu en php un peu plus complexe mais qui permet de gérer le disign de la page active (A modifier ultérieurement) -->
<?php
$page_actuel = basename($_SERVER['SCRIPT_NAME']);
?>

<nav id="main-nav">
  <ul id="main-menu">
    <li <?php if ($page_actuel == 'index.php') {echo ' id="en_cours"';} ?> ><a href="index.php"><i class="fa fa-home fa-lg"></i> Accueil</a></li>
    <li <?php if ($page_actuel == 'projets.php') {echo ' id="en_cours"';} ?> ><a href="projets.php"><i class="fa fa-book fa-lg"></i> Projets</a></li>
    <li <?php if ($page_actuel == '#.php') {echo ' id="en_cours"';} ?> ><a href="#"><i class="fa fa-code fa-lg"></i> Hacktualité</a></li>
  </ul>
</nav>



</header>