created nav.js, a script that generates the nav bar
This commit is contained in:
parent
5dc639fae7
commit
9c71759d1e
7 changed files with 38 additions and 48 deletions
11
index.html
11
index.html
|
@ -3,17 +3,12 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Chromagaming Civilization Screen</title>
|
||||
<script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="resources/global/style.css">
|
||||
<script src="./resources/nav.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="./index.html">Main</a>
|
||||
<a href="./sandbox.html">Sandbox</a>
|
||||
<a href="./map.html">Map</a>
|
||||
<a href="./rules.html">Rules</a>
|
||||
<a href="./questions.html">Questions</a>
|
||||
<a href="./spawn.html">Spawn</a>
|
||||
</nav>
|
||||
<nav></nav>
|
||||
<h1>The Civilization Screen</h1>
|
||||
<p>Welcome to the civilization screen.</p>
|
||||
</body>
|
||||
|
|
10
map.html
10
map.html
|
@ -7,6 +7,7 @@
|
|||
<title>Civilization Map</title>
|
||||
<script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="resources/game/css/style.css">
|
||||
<script src="./resources/nav.js"></script>
|
||||
|
||||
<!-- Leaflet Interactive Map -->
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css"
|
||||
|
@ -18,14 +19,7 @@
|
|||
crossorigin=""></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="./index.html">Main</a>
|
||||
<a href="./sandbox.html">Sandbox</a>
|
||||
<a href="./map.html">Map</a>
|
||||
<a href="./rules.html">Rules</a>
|
||||
<a href="./questions.html">Questions</a>
|
||||
<a href="./spawn.html">Spawn</a>
|
||||
</nav>
|
||||
<nav></nav>
|
||||
|
||||
<img src="resources/game/images/biome_map_full_10.png" alt="" id="biome_map">
|
||||
</body>
|
||||
|
|
|
@ -7,16 +7,10 @@
|
|||
<link href='https://fonts.googleapis.com/css?family=Balthazar' rel='stylesheet'>
|
||||
<link rel="stylesheet" href="resources/questions/style.css">
|
||||
<script type="text/javascript" src="resources/questions/scenarios.js"></script>
|
||||
<script src="./resources/nav.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="./index.html">Main</a>
|
||||
<a href="./sandbox.html">Sandbox</a>
|
||||
<a href="./map.html">Map</a>
|
||||
<a href="./rules.html">Rules</a>
|
||||
<a href="./questions.html">Questions</a>
|
||||
<a href="./spawn.html">Spawn</a>
|
||||
</nav>
|
||||
<nav></nav>
|
||||
|
||||
<h1 id="who" class="tab">Who</h1>
|
||||
<h1 class="welcome">Welcome to Chromagaming!</h1>
|
||||
|
|
24
resources/nav.js
Normal file
24
resources/nav.js
Normal file
|
@ -0,0 +1,24 @@
|
|||
window.onload = function(){
|
||||
|
||||
$("nav")
|
||||
.append($("<a></a>")
|
||||
.append("Main")
|
||||
.attr("href", "./index.html"))
|
||||
.append($("<a></a>")
|
||||
.append("Sandbox")
|
||||
.attr("href", "./sandbox.html"))
|
||||
.append($("<a></a>")
|
||||
.append("Map")
|
||||
.attr("href", "./map.html"))
|
||||
.append($("<a></a>")
|
||||
.append("Rules")
|
||||
.attr("href", "./rules.html"))
|
||||
.append($("<a></a>")
|
||||
.append("Questions")
|
||||
.attr("href", "./questions.html"))
|
||||
.append($("<a></a>")
|
||||
.append("Spawn")
|
||||
.attr("href", "./spawn.html"));
|
||||
|
||||
|
||||
}
|
11
rules.html
11
rules.html
|
@ -3,17 +3,12 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Rules</title>
|
||||
<script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="resources/global/style.css">
|
||||
<script src="./resources/nav.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="./index.html">Main</a>
|
||||
<a href="./sandbox.html">Sandbox</a>
|
||||
<a href="./map.html">Map</a>
|
||||
<a href="./rules.html">Rules</a>
|
||||
<a href="./questions.html">Questions</a>
|
||||
<a href="./spawn.html">Spawn</a>
|
||||
</nav>
|
||||
<nav></nav>
|
||||
|
||||
<h1>The Rules</h1>
|
||||
<p>Every server has its rules, these are the laws of our land.</p>
|
||||
|
|
10
sandbox.html
10
sandbox.html
|
@ -6,16 +6,10 @@
|
|||
<script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script>
|
||||
<script src="./resources/sandbox/sandbox.js" type="text/javascript"></script>
|
||||
<link rel="stylesheet" href="resources/global/style.css">
|
||||
<script src="./resources/nav.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<a href="./index.html">Main</a>
|
||||
<a href="./sandbox.html">Sandbox</a>
|
||||
<a href="./map.html">Map</a>
|
||||
<a href="./rules.html">Rules</a>
|
||||
<a href="./questions.html">Questions</a>
|
||||
<a href="./spawn.html">Spawn</a>
|
||||
</nav>
|
||||
<nav></nav>
|
||||
|
||||
<h1>Developer's Sandbox</h1>
|
||||
|
||||
|
|
10
spawn.html
10
spawn.html
|
@ -6,20 +6,14 @@
|
|||
<script src="./resources/frameworks/jquery-3.2.1.min.js" type="text/javascript"></script>
|
||||
<script type="text/javascript" src="./resources/spawn/progress-table.js"></script>
|
||||
<link rel="stylesheet" href="./resources/spawn/spawn.css">
|
||||
<script src="./resources/nav.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Spawn Progress Tracker</h1>
|
||||
|
||||
<p style="color:red">NOTE: THIS TRACKER IS UNFINISHED AN WILL NOT SAVE DATA, USE AT OWN RISK</p>
|
||||
|
||||
<nav>
|
||||
<a href="./index.html">Main</a>
|
||||
<a href="./sandbox.html">Sandbox</a>
|
||||
<a href="./map.html">Map</a>
|
||||
<a href="./rules.html">Rules</a>
|
||||
<a href="./questions.html">Questions</a>
|
||||
<a href="./spawn.html">Spawn</a>
|
||||
</nav>
|
||||
<nav></nav>
|
||||
|
||||
<table id="progress-table">
|
||||
<tr>
|
||||
|
|
Loading…
Reference in a new issue