From 10ccf949599222e1f04fccb2fbb35fa5feb7312c Mon Sep 17 00:00:00 2001
From: bartvdbraak <bartvdbraak@gmail.com>
Date: Thu, 25 Apr 2019 19:00:32 +0200
Subject: [PATCH] slayer master choice

---
 css/style.css      | 33 +++++++++++++++++++++++++++++++++
 data/chaeldar.json |  4 ++--
 index.html         | 14 +++++++++-----
 3 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/css/style.css b/css/style.css
index e69de29..299302c 100644
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,33 @@
+.n-nav-justified {
+    width: 100%;
+}
+
+.n-nav {
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none;
+}
+.n-nav {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-wrap: wrap;
+    flex-wrap: wrap;
+    padding-left: 0;
+    margin-bottom: 0;
+    list-style: none;
+}
+
+.n-nav-justified > li {
+    display: table-cell;
+    width: 1%;
+}
+.n-nav-justified > li {
+    float: none;
+}
+.n-nav-pills > li {
+    float: left;
+}
+.n-nav > li {
+    position: relative;
+    display: block;
+}
\ No newline at end of file
diff --git a/data/chaeldar.json b/data/chaeldar.json
index 6d88bda..0e8e4f9 100644
--- a/data/chaeldar.json
+++ b/data/chaeldar.json
@@ -110,9 +110,9 @@
     "taskweight": 11
   },
   {
-    "monster": "Greater demons1",
+    "monster": "Greater demons",
     "slayer_req": 9,
-    "taskweight": ""
+    "taskweight": 1
   },
   {
     "monster": "Harpie Bug Swarms",
diff --git a/index.html b/index.html
index b0000dd..eef55a9 100644
--- a/index.html
+++ b/index.html
@@ -21,11 +21,15 @@
 </div>
   
 <div class="container">
-    <ul class="nav nav-pills nav-justified">
-        <li class="active"><a href="#">Krystilia</a></li>
-        <li><a href="#">Menu 1</a></li>
-        <li><a href="#">Menu 2</a></li>
-        <li><a href="#">Menu 3</a></li>
+    <ul class="nav nav-tabs justify-content-center mx-auto ">
+        <li class="nav-item"><a data-toggle="tab" class="nav-link active" href="#" onclick="applyChanges('krystilia');return false;">Krystilia</a></li>
+        <li><a data-toggle="tab" class="nav-link" href="#" onclick="applyChanges('turael');return false;">Turael</a></li>
+        <li><a data-toggle="tab" class="nav-link" href="#" onclick="applyChanges('mazchna');return false;">Mazchna</a></li>
+        <li><a data-toggle="tab" class="nav-link" href="#" onclick="applyChanges('vannaka');return false;">Vannaka</a></li>
+        <li><a data-toggle="tab" class="nav-link" href="#" onclick="applyChanges('konar');return false;">Konar quo Maten</a></li>
+        <li><a data-toggle="tab" class="nav-link" href="#" onclick="applyChanges('chaeldar');return false;">Chaeldar</a></li>
+        <li><a data-toggle="tab" class="nav-link" href="#" onclick="applyChanges('nieve');return false;">Nieve/Steve</a></li>
+        <li><a data-toggle="tab" class="nav-link" href="#" onclick="applyChanges('duradel');return false;">Duradel</a></li>
     </ul>
     <div class="row"> 
         <div class="col">