This commit is contained in:
Lanta 2023-11-03 21:35:09 +01:00
parent 2941af9c49
commit 85cc25173b
3 changed files with 64 additions and 18 deletions

View file

@ -6,13 +6,7 @@ error_reporting(E_ALL);
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <?php include './includes/head.php'; ?>
<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>DTCH - PUBG Clan - Clan Stats</title>
<link rel="stylesheet" href="./includes/styles.css">
</head>
<body> <body>
<?php include './includes/navigation.php'; ?> <?php include './includes/navigation.php'; ?>

View file

@ -5,16 +5,27 @@ if ($host == 'dev.dtch.online') {
echo "You are on the development! Site"; echo "You are on the development! Site";
} }
?> ?>
<div class="topnav">
<a href="index.php" class="active">Logo</a>
<nav> <div id="myLinks">
<ul> <a href="clan_stats.php">Clan Stats</a>
<li><a href="index.php">Home</a></li> <a href="user_stats.php">User Stats</a>
<li><a href="clan_stats.php">Clan Stats</a></li> <a href="topstats.php">Top10</a>
<li><a href="user_stats.php">User Stats</a></li> <a href="topstatsavg.php">Match % T10</a>
<li><a href="topstats.php">Top10</a></li> <a href="latestmatches.php">Last Matches</a>
<li><a href="topstatsavg.php">Match % T10</a></li> <a href="last_stats.php">Last 14 days %</a>
<li><a href="latestmatches.php">Last Matches</a></li> </div>
<li><a href="last_stats.php">Last 14 days %</a></li> <a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>
</ul> function myFunction() {
</nav> var x = document.getElementById("myLinks");
if (x.style.display === "block") {
x.style.display = "none";
} else {
x.style.display = "block";
}
}

41
includes/topnav.css Normal file
View file

@ -0,0 +1,41 @@
/* Style the navigation menu */
.topnav {
overflow: hidden;
background-color: #333;
position: relative;
}
/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
display: none;
}
/* Style navigation menu links */
.topnav a {
color: white;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
display: block;
}
/* Style the hamburger menu */
.topnav a.icon {
background: black;
display: block;
position: absolute;
right: 0;
top: 0;
}
/* Add a grey background color on mouse-over */
.topnav a:hover {
background-color: #ddd;
color: black;
}
/* Style the active link (or home/logo) */
.active {
background-color: #04AA6D;
color: white;
}