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">