server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;
root /var/www/apexnetwork.org/public_html/;
index index.html index.htm;
# Make site accessible from http://localhost/
server_name *.apexnetwork.org;
server_name .apexnetwork.org;
location / {
try_files $uri $uri/ /index.html;
}
}
Voici mon index :
<!DOCTYPE html>
<html lang="en">
<!-- Metadata, Stylesheet, Title -->
<head>
<title>Home | Apex Network</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Apex Network">
<meta name="author" content="Jerred Shepherd">
<link rel="shortcut icon" href="img/favicon.ico">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
</head>
<!-- Navbar Start -->
<body>
<div class="navbar-wrapper">
<div class="container">
<div class="navbar navbar-default navbar-fixed navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand accent" href="">Apex Network</a>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html"><i class="fa fa-home"></i> Home</a>
</li>
<li><a href="play.php"><i class="fa fa-gamepad"></i> Play</a>
</li>
<li><a href="forum"><i class="fa fa-comments-o"></i> Forum</a>
</li>
<li><a href="shop.html"><i class="fa fa-shopping-cart"></i> Shop</a>
</li>
<li><a href="stats"><i class="fa fa-bar-chart-o"></i> Stats</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> Account <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Login</a>
</li>
<li><a href="#">Register</a>
</li>
</ul>
</li>
<a href="play.php" class="btn btn-info navbar-btn navbar-right hidden-sm hidden-xs">IP:
ApexNetwork.org</a>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Main Image -->
<div class="bg-container">
<img alt="Background Image" class="random bgimg" height="1920" width="640">
</div>
<div class="up2 text-center">
<div class="col-md-6 col-md-offset-3">
<h1 class="caption">Apex Network</h1>
<p class="captionbody">Welcome to the ApexNetwork. Prison and factions</p>
<p><a class="btn btn-lg btn-primary" href="serverfault.com/play.html" role="button">Play Now »</a>
</p>
</div>
</div>
<br>
<br>
<!-- "Marketing" Area -->
<div class="container marketing up">
<div class="row">
<div class="col-lg-4">
<img class="img-circle glow" src="img/marketing/1.jpg" height="150" width="150" alt="Marketing Image 1">
<h2>Voting!</h2>
<p>Click here to go to the voting list!</p>
<p> <a href="serverfault.com/vote.html">
<button class="btn btn-default" href="#" role="button"></i>Vote »</button>
</a>
</p>
</div>
<div class="col-lg-4">
<img class="img-circle glow" src="img/marketing/1.jpg" height="150" width="150" alt="Marketing Image 2">
<h2>Donate!</h2>
<p>Click here to go to the Buycraft webstore!!</p>
<p> <a href="http://apexnetwork.buycraft.net/">
<button class="btn btn-default" href="#" role="button"></i>Buy »</button>
</a>
</p>
</div>
<div class="col-lg-4">
<img class="img-circle glow" src="img/marketing/3.jpg" height="150" width="150" alt="Marketing Image 3">
<h2>Bans.</h2>
<p>This is where you go, to see your ban reason.
</p>
<p> <a href="serverfault.com/bans">
<button class="btn btn-default" href="#" role="button"></i>Details »</button>
</a>
</p>
</div>
</div>
</div>
<!-- Footer -->
<div id="footer">
<div class="container hidden-sm hidden-xs">
<hr>
<ul class='nav nav-pills'>
<li class='pull-left'><a href="http://shepherdjerred.com/">Design by Jerred Shepherd
</a>
</li>
<li class="pull-right">
<a href="terms.html">Terms</a>
</li>
<li class="pull-right">
<a href="contact.html">Contact</a>
</li>
<li class="pull-right">
<a href="bans">Bans</a>
</li>
<li class="pull-right">
<a href="staff.html">Staff</a>
</li>
</ul>
<br>
</div>
</div>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script>
function getRandomInt(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
var imagePath = "img/bg/";
function displayLogo() {
var filename = "bg" + getRandomInt(1, 4).toString() + ".jpg";
$(".random").attr({
"src": imagePath + filename,
});
}
$(document).ready(function () {
displayLogo();
});
</script>
</body>
</html>
Voici ma configuration pour les sites disponibles. Pourtant, à chaque fois que je vais sur mon site web, il indique l'index nginx par défaut.