├── img
    ├── favicon.ico
    ├── favicon-152.png
    └── pinned-tab-icon.svg
├── README.md
├── License.md
├── js
    ├── jquery.highlight.js
    └── main.js
├── css
    └── main.css
└── index.html


/img/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZKjellberg/sekiro-cheat-sheet/HEAD/img/favicon.ico


--------------------------------------------------------------------------------
/img/favicon-152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/ZKjellberg/sekiro-cheat-sheet/HEAD/img/favicon-152.png


--------------------------------------------------------------------------------
/img/pinned-tab-icon.svg:
--------------------------------------------------------------------------------
1 | <svg width="64" height="64" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><path d="M0 10C0 4.477 4.475 0 10 0h44c5.523 0 10 4.475 10 10v44c0 5.523-4.475 10-10 10H10C4.477 64 0 59.525 0 54V10zm7.01 32.29l-.961 9.617 3.846.481.601-5.41.12-.12L23.36 59.6l3.366-3.365-16.83-16.83L7.01 42.29zm47.963-31.133c-5.505-5.506-12.26-5.53-16.588-1.203-4.328 4.328-4.304 11.084 1.202 16.59 5.505 5.505 12.261 5.529 16.589 1.201 4.327-4.327 4.303-11.083-1.203-16.588zM37.182 28.948c-5.505-5.506-12.26-5.53-16.588-1.203-4.328 4.328-4.304 11.083 1.202 16.589 5.506 5.506 12.261 5.53 16.589 1.202 4.327-4.327 4.303-11.083-1.202-16.589l-.001.001zm5.77-5.77c-3.942-3.943-3.966-8.055-1.682-10.339 2.284-2.283 6.395-2.26 10.338 1.683 3.942 3.943 3.967 8.054 1.683 10.338-2.284 2.284-6.396 2.26-10.338-1.683l-.001.001zm-17.79 17.79c-3.943-3.943-3.967-8.054-1.683-10.338 2.284-2.284 6.395-2.26 10.338 1.683 3.943 3.943 3.967 8.054 1.683 10.338-2.284 2.284-6.395 2.26-10.338-1.683z" fill="#000" fill-rule="evenodd"/></svg>
2 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Sekiro Cheat Sheet
 2 | 
 3 | To view the cheat sheet [click here](https://zkjellberg.github.io/sekiro-cheat-sheet)
 4 | 
 5 | ## Contribution Guide
 6 | 
 7 | If you are interested in contributing to this guide, I welcome Pull Requests on GitHub.
 8 | 
 9 | **NOTE: This guide is currently in its early phases and will be evolving quickly.**
10 | 
11 | For some background on how the guide code is written, here is a sample item on the checklist:
12 | 
13 | ```html
14 | <li data-id="playthrough_13_20" class="f_gem f_misc">Continue left until you can enter a room with a Large Soul of a Nameless Soldier and a Raw Gem</li>
15 | ```
16 | 
17 | The **data-id** is a unique ID used to store the user's progress. For example, ***playthrough_13_20*** is the 20th task in zone 13. New data-ids must be used in ascending order, but you can place the new entries anywhere within a zone.
18 | 
19 | The **class="f_gem f_misc"** field is used for the filtering system. This task provides the user with a gem and a consumable, so we use **f_gem** and **f_misc**. This is a feature from the Dark Souls guide and will be revamped as the walkthrough is built.


--------------------------------------------------------------------------------
/License.md:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2017 Zachary Kjellberg
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/js/jquery.highlight.js:
--------------------------------------------------------------------------------
  1 | /*
  2 |  * jQuery Highlight plugin
  3 |  *
  4 |  * Based on highlight v3 by Johann Burkard
  5 |  * http://johannburkard.de/blog/programming/javascript/highlight-javascript-text-higlighting-jquery-plugin.html
  6 |  *
  7 |  * Code a little bit refactored and cleaned (in my humble opinion).
  8 |  * Most important changes:
  9 |  *  - has an option to highlight only entire words (wordsOnly - false by default),
 10 |  *  - has an option to be case sensitive (caseSensitive - false by default)
 11 |  *  - highlight element tag and class names can be specified in options
 12 |  *
 13 |  * Usage:
 14 |  *   // wrap every occurrance of text 'lorem' in content
 15 |  *   // with <span class='highlight'> (default options)
 16 |  *   $('#content').highlight('lorem');
 17 |  *
 18 |  *   // search for and highlight more terms at once
 19 |  *   // so you can save some time on traversing DOM
 20 |  *   $('#content').highlight(['lorem', 'ipsum']);
 21 |  *   $('#content').highlight('lorem ipsum');
 22 |  *
 23 |  *   // search only for entire word 'lorem'
 24 |  *   $('#content').highlight('lorem', { wordsOnly: true });
 25 |  *
 26 |  *   // don't ignore case during search of term 'lorem'
 27 |  *   $('#content').highlight('lorem', { caseSensitive: true });
 28 |  *
 29 |  *   // wrap every occurrance of term 'ipsum' in content
 30 |  *   // with <em class='important'>
 31 |  *   $('#content').highlight('ipsum', { element: 'em', className: 'important' });
 32 |  *
 33 |  *   // remove default highlight
 34 |  *   $('#content').unhighlight();
 35 |  *
 36 |  *   // remove custom highlight
 37 |  *   $('#content').unhighlight({ element: 'em', className: 'important' });
 38 |  *
 39 |  *
 40 |  * Copyright (c) 2009 Bartek Szopka
 41 |  *
 42 |  * Licensed under MIT license.
 43 |  *
 44 |  */
 45 | 
 46 | jQuery.extend({
 47 |     highlight: function (node, re, nodeName, className) {
 48 |         if (node.nodeType === 3) {
 49 |             var match = node.data.match(re);
 50 |             if (match) {
 51 |                 var highlight = document.createElement(nodeName || 'span');
 52 |                 highlight.className = className || 'highlight';
 53 |                 var wordNode = node.splitText(match.index);
 54 |                 wordNode.splitText(match[0].length);
 55 |                 var wordClone = wordNode.cloneNode(true);
 56 |                 highlight.appendChild(wordClone);
 57 |                 wordNode.parentNode.replaceChild(highlight, wordNode);
 58 |                 return 1; //skip added node in parent
 59 |             }
 60 |         } else if ((node.nodeType === 1 && node.childNodes) && // only element nodes that have children
 61 |                 !/(script|style)/i.test(node.tagName) && // ignore script and style nodes
 62 |                 !(node.tagName === nodeName.toUpperCase() && node.className === className)) { // skip if already highlighted
 63 |             for (var i = 0; i < node.childNodes.length; i++) {
 64 |                 i += jQuery.highlight(node.childNodes[i], re, nodeName, className);
 65 |             }
 66 |         }
 67 |         return 0;
 68 |     }
 69 | });
 70 | 
 71 | jQuery.fn.unhighlight = function (options) {
 72 |     var settings = { className: 'highlight', element: 'span' };
 73 |     jQuery.extend(settings, options);
 74 | 
 75 |     return this.find(settings.element + "." + settings.className).each(function () {
 76 |         var parent = this.parentNode;
 77 |         parent.replaceChild(this.firstChild, this);
 78 |         parent.normalize();
 79 |     }).end();
 80 | };
 81 | 
 82 | jQuery.fn.highlight = function (words, options) {
 83 |     var settings = { className: 'highlight', element: 'span', caseSensitive: false, wordsOnly: false };
 84 |     jQuery.extend(settings, options);
 85 |     
 86 |     if (words.constructor === String) {
 87 |         words = [words];
 88 |     }
 89 |     words = jQuery.grep(words, function(word, i){
 90 |       return word != '';
 91 |     });
 92 |     words = jQuery.map(words, function(word, i) {
 93 |       return word.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
 94 |     });
 95 |     if (words.length == 0) { return this; };
 96 | 
 97 |     var flag = settings.caseSensitive ? "" : "i";
 98 |     var pattern = "(" + words.join("|") + ")";
 99 |     if (settings.wordsOnly) {
100 |         pattern = "\\b" + pattern + "\\b";
101 |     }
102 |     var re = new RegExp(pattern, flag);
103 |     
104 |     return this.each(function () {
105 |         jQuery.highlight(this, re, settings.element, settings.className);
106 |     });
107 | };
108 | 
109 | 


--------------------------------------------------------------------------------
/css/main.css:
--------------------------------------------------------------------------------
  1 | .in_progress,
  2 | .done {
  3 |   color: #C60;
  4 |   border: 1px solid;
  5 |   border-radius: 3px;
  6 |   padding: .1em 0.4em;
  7 |   font-weight: normal;
  8 |   margin-left: .2em;
  9 |   vertical-align: middle;
 10 |   font-size: 0.9em;
 11 | }
 12 | .done { color: #009933; }
 13 | 
 14 | @media print {
 15 |     body { color: #000; }
 16 |     .navbar, #intro, input[type="checkbox"], .done, .in_progress { display: none; }
 17 |     a { color: #000; text-decoration: underline; }
 18 |     a[href]:after { content: none !important; }
 19 |     .tab-content > .tab-pane, .pill-content > .pill-pane { display: block; }
 20 |     .tab-pane { page-break-after: always; }
 21 | }
 22 | 
 23 | ul {
 24 |   list-style-type: none;
 25 |   padding-left: 22px;
 26 | }
 27 | ul li ul {
 28 |   padding-top: 0;
 29 | }
 30 | h3 {
 31 |   margin-bottom: 0;
 32 | }
 33 | .checkbox label,
 34 | .radio label {
 35 |   padding-left: 24px;
 36 | }
 37 | .checkbox input[type=checkbox],
 38 | .checkbox-inline input[type=checkbox],
 39 | .radio input[type=radio],
 40 | .radio-inline input[type=radio] {
 41 |   margin-left: -24px;
 42 | }
 43 | 
 44 | .table_of_contents {
 45 |   margin-left: 0;
 46 |   padding: 0;
 47 |   line-height: 1.8;
 48 | }
 49 | 
 50 | .highlight {
 51 |     background-color: rgb(255, 246, 18);
 52 | }
 53 | 
 54 | .hiddenfile {
 55 |  width: 0px;
 56 |  height: 0px;
 57 |  overflow: hidden;
 58 | }
 59 | 
 60 | .btn.fadingbutton {
 61 |   border-bottom-right-radius: 0;
 62 |   border-bottom-left-radius: 0;
 63 |   border-bottom: 0;
 64 |   position: fixed;
 65 |   display: none;
 66 |   z-index: 1;
 67 |   bottom: 0;
 68 |   /* The "Paper" bootstrap theme modifies the transition properties;
 69 |   reset them to the default value to prevent ruining the fadeIn() */
 70 |   -webkit-transition: all 0s ease 0s;
 71 |   -o-transition: all 0s ease 0s;
 72 |   transition: all 0s ease 0s;
 73 | }
 74 | .fadingbutton.back-to-top {
 75 |   border-top-right-radius: 0;
 76 |   border-right: 0;
 77 |   right: 0;
 78 | }
 79 | .fadingbutton.togglehide {
 80 |   border-top-left-radius: 0;
 81 |   border-left: 0;
 82 |   left: 0;
 83 | }
 84 | 
 85 | .btn-collapse {
 86 |   padding: 4px 10px 1px;
 87 |   margin-right: 10px;
 88 |   vertical-align: top;
 89 | }
 90 | 
 91 | .btn:focus, .btn.active:focus {
 92 |     outline: none;
 93 |     outline: 0;
 94 | }
 95 | 
 96 | /* Icon when the collapsible content is shown */
 97 | .btn-collapse:after {
 98 |   font-family: 'Glyphicons Halflings';
 99 |   content:"\e082";
100 | }
101 | /* Icon when the collapsible content is hidden */
102 | .btn-collapse.collapsed:after {
103 |   content:"\e081";
104 | }
105 | 
106 | h1 {
107 |   margin-top: 0;
108 |   margin-bottom: 20px;
109 | }
110 | 
111 | body.hide_completed .completed {
112 |   display: none !important;
113 | }
114 | 
115 | input[type="checkbox"]:checked + .item_content {
116 |   text-decoration: line-through;
117 | }
118 | 
119 | input[type="checkbox"] ~ .glyphicon-eye-close,
120 | input[type="checkbox"] ~ * > .glyphicon-eye-close,
121 | input[type="checkbox"]:checked ~ .glyphicon-eye-open,
122 | input[type="checkbox"]:checked ~ * > .glyphicon-eye-open {
123 |   display: none;
124 | }
125 | input[type="checkbox"] ~ .glyphicon-eye-open,
126 | input[type="checkbox"] ~ * > .glyphicon-eye-open,
127 | input[type="checkbox"]:checked ~ .glyphicon-eye-close,
128 | input[type="checkbox"]:checked ~ * > .glyphicon-eye-close {
129 |   display: inline-block;
130 | }
131 | 
132 | textarea#profileText {
133 |   height: 15em;
134 |   resize: vertical;
135 | }
136 | 
137 | /* Work around what seems to be a bootstrap bug affecting the hover border on the right side of the add profile button */
138 | .input-group-btn:last-child>.btn:focus,
139 | .input-group-btn:last-child>.btn:hover {
140 |   z-index: 3;
141 | }
142 | 
143 | /* Decorators for NG+/NG++ entries */
144 | .s_ng\+ .item_content:before {
145 |   content: "[NG+: ";
146 | }
147 | .s_ng\+\+ .item_content:before {
148 |   content: "[NG++: ";
149 | }
150 | .s_ng\+ .item_content:after,
151 | .s_ng\+\+ .item_content:after {
152 |   content: "]";
153 | }
154 | 
155 | /* Styling for checklist filter categories and toggles */
156 | .btn-group.btn-group-vertical > .btn-group:not(:first-child) > .btn-group-vertical {
157 |   left: 0;
158 |   top: 100%;
159 |   display: none;
160 |   position: absolute;
161 | }
162 | .btn-group.btn-group-vertical:hover > .btn-group:not(:first-child) > .btn-group-vertical {
163 |   display: block;
164 | }
165 | .btn-group.btn-group-vertical > .btn-group:first-child > .btn-group-vertical.open > .btn {
166 |   z-index: 1;
167 | }
168 | .btn-group.btn-group-vertical > .btn-group:not(:first-child) > .btn-group-vertical > .btn {
169 |   z-index: 3;
170 |   text-align: left;
171 | }
172 | .btn-group.btn-group-vertical > .btn-group:not(:first-child) > .btn-group-vertical > .btn:hover {
173 |   z-index: 4;
174 | }
175 | .btn-group.btn-group-vertical:not(:last-child) > .btn-group:first-child > .btn-group-vertical > .btn {
176 |   border-top-right-radius: 0;
177 |   border-bottom-right-radius: 0;
178 | }
179 | .btn-group.btn-group-vertical:not(:first-child) > .btn-group:first-child > .btn-group-vertical > .btn,
180 | .btn-group.btn-group-vertical > .btn-group:not(:first-child) > .btn-group-vertical > .btn:first-child {
181 |   border-top-left-radius: 0;
182 | }
183 | .btn-group.btn-group-vertical:not(:first-child) > .btn-group:first-child > .btn-group-vertical > .btn,
184 | .btn-group.btn-group-vertical:first-child:hover > .btn-group:first-child > .btn-group-vertical > .btn {
185 |   border-bottom-left-radius: 0;
186 | }
187 | 


--------------------------------------------------------------------------------
/js/main.js:
--------------------------------------------------------------------------------
  1 | var profilesKey = 'sekiro_profiles';
  2 | 
  3 | (function($) {
  4 |     'use strict';
  5 | 
  6 |     var themes = {
  7 |         "Standard" : "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css",
  8 |         "Cosmo" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/cosmo/bootstrap.min.css",
  9 |         "Cyborg" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/cyborg/bootstrap.min.css",
 10 |         "Darkly" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/darkly/bootstrap.min.css",
 11 |         "Flatly" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/flatly/bootstrap.min.css",
 12 |         "Journal" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/journal/bootstrap.min.css",
 13 |         "Lumen" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/lumen/bootstrap.min.css",
 14 |         "Paper" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/paper/bootstrap.min.css",
 15 |         "Readable" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/readable/bootstrap.min.css",
 16 |         "Sandstone" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/sandstone/bootstrap.min.css",
 17 |         "Simplex" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/simplex/bootstrap.min.css",
 18 |         "Slate" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/slate/bootstrap.min.css",
 19 |         "Spacelab" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/spacelab/bootstrap.min.css",
 20 |         "Superhero" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/superhero/bootstrap.min.css",
 21 |         "United" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/united/bootstrap.min.css",
 22 |         "Yeti" : "https://maxcdn.bootstrapcdn.com/bootswatch/3.3.6/yeti/bootstrap.min.css"
 23 |     };
 24 | 
 25 |     var profiles = $.jStorage.get(profilesKey, {});
 26 | 
 27 |     /// assure default values are set
 28 |     /// necessary 'cause we're abusing local storage to store JSON data
 29 |     /// done in a more verbose way to be easier to understand
 30 |     if (!('current' in profiles)) profiles.current = 'Default Profile';
 31 |     if (!(profilesKey in profiles)) profiles[profilesKey] = {};
 32 |     initializeProfile(profiles.current);
 33 | 
 34 |     jQuery(document).ready(function($) {
 35 |         // Get the right style going...
 36 |         themeSetup(buildThemeSelection());
 37 | 
 38 |         $('ul li[data-id]').each(function() {
 39 |             addCheckbox(this);
 40 |         });
 41 | 
 42 |         // Open external links in new tab
 43 |         $("a[href^='http']").attr('target','_blank');
 44 | 
 45 |         populateProfiles();
 46 | 
 47 |         $('.checkbox input[type="checkbox"]').click(function() {
 48 |             var id = $(this).attr('id');
 49 |             var isChecked = profiles[profilesKey][profiles.current].checklistData[id] = $(this).prop('checked');
 50 |             if (isChecked === true) {
 51 |               $('[data-id="'+id+'"] label').addClass('completed');
 52 |             } else {
 53 |               $('[data-id="'+id+'"] label').removeClass('completed');
 54 |             }
 55 |             $.jStorage.set(profilesKey, profiles);
 56 |             calculateTotals();
 57 |         });
 58 | 
 59 |         // Theme callback
 60 |         $('#themes').change(function(event) {
 61 |             var stylesheet = $('#themes').val();
 62 |             themeSetup(stylesheet);
 63 |             $.jStorage.set("style", stylesheet);
 64 |         });
 65 | 
 66 |         $('#profiles').change(function(event) {
 67 |             profiles.current = $(this).val();
 68 |             $.jStorage.set(profilesKey, profiles);
 69 | 
 70 |             $('li .checkbox .completed').show();
 71 | 
 72 |             populateChecklists();
 73 | 
 74 |             restoreState(profiles.current);
 75 | 
 76 |             calculateTotals();
 77 |         });
 78 | 
 79 |         $('#profileAdd').click(function() {
 80 |             $('#profileModalTitle').html('Add Profile');
 81 |             $('#profileModalName').val('');
 82 |             $('#profileModalAdd').show();
 83 |             $('#profileModalUpdate').hide();
 84 |             $('#profileModalDelete').hide();
 85 |             $('#profileModal').modal('show');
 86 |         });
 87 | 
 88 |         $('#profileEdit').click(function() {
 89 |             $('#profileModalTitle').html('Edit Profile');
 90 |             $('#profileModalName').val(profiles.current);
 91 |             $('#profileModalAdd').hide();
 92 |             $('#profileModalUpdate').show();
 93 |             if (canDelete()) {
 94 |                 $('#profileModalDelete').show();
 95 |             } else {
 96 |                 $('#profileModalDelete').hide();
 97 |             }
 98 |             $('#profileModal').modal('show');
 99 |         });
100 | 
101 |         $('#profileModalAdd').click(function(event) {
102 |             event.preventDefault();
103 |             var profile = $.trim($('#profileModalName').val());
104 |             if (profile.length > 0) {
105 |                 initializeProfile(profile);
106 | 
107 |                 profiles.current = profile;
108 |                 $.jStorage.set(profilesKey, profiles);
109 |                 populateProfiles();
110 |                 populateChecklists();
111 |                 restoreState(profiles.current);
112 |             }
113 |         });
114 | 
115 |         $('#profileModalUpdate').click(function(event) {
116 |             event.preventDefault();
117 |             var newName = $.trim($('#profileModalName').val());
118 |             if (newName.length > 0 && newName != profiles.current) {
119 |                 profiles[profilesKey][newName] = profiles[profilesKey][profiles.current];
120 |                 delete profiles[profilesKey][profiles.current];
121 |                 profiles.current = newName;
122 |                 $.jStorage.set(profilesKey, profiles);
123 |                 populateProfiles();
124 |             }
125 |             $('#profileModal').modal('hide');
126 |         });
127 | 
128 |         $('#profileModalDelete').click(function(event) {
129 |             event.preventDefault();
130 |             if (!canDelete()) {
131 |                 return;
132 |             }
133 |             if (!confirm('Are you sure?')) {
134 |                 return;
135 |             }
136 |             delete profiles[profilesKey][profiles.current];
137 |             profiles.current = getFirstProfile();
138 |             $.jStorage.set(profilesKey, profiles);
139 |             populateProfiles();
140 |             populateChecklists();
141 |             restoreState(profiles.current);
142 |             $('#profileModal').modal('hide');
143 |         });
144 | 
145 |         $('#profileNG\\+').click(function() {
146 |             $('#NG\\+Modal').modal('show');
147 |         });
148 | 
149 |         $('#NG\\+ModalYes').click(function(event) {
150 |             event.preventDefault();
151 |             if (!confirm('Are you sure you wish to begin the next journey?')) {
152 |                 return;
153 |             }
154 |             $('[id^="playthrough_"], [id^="crow_"]').filter(':checked').each(function(){
155 |                 profiles[profilesKey][profiles.current].checklistData[this.id] = false;
156 |             });
157 |             $.each(profiles[profilesKey][profiles.current].hidden_categories, function(f){
158 |                 profiles[profilesKey][profiles.current].hidden_categories[f] = false;
159 |             });
160 |             if (profiles[profilesKey][profiles.current].journey < 3) {
161 |                 profiles[profilesKey][profiles.current].journey++;
162 |             }
163 |             $.jStorage.set(profilesKey, profiles);
164 |             populateChecklists();
165 |             restoreState(profiles.current);
166 |             $('#NG\\+Modal').modal('hide');
167 |         });
168 | 
169 |         $('#profileExport').click(function(){
170 |             var filename = 'profiles.json';
171 |             var text = JSON.stringify(profiles);
172 |             if (window.Blob && window.navigator.msSaveBlob) {
173 |                 // Microsoft browsers (https://docs.microsoft.com/en-us/microsoft-edge/dev-guide/html5/file-api/blob)
174 |                 var blob = new window.Blob([text]);
175 |                 window.navigator.msSaveBlob(blob, filename);
176 |             } else {
177 |                 // All other modern browsers
178 |                 var element = document.createElement('a');
179 |                 element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
180 |                 element.setAttribute('download', filename);
181 |                 element.style.display = 'none';
182 |                 document.body.appendChild(element);
183 |                 element.click();
184 |                 document.body.removeChild(element);
185 |             }
186 |         });
187 | 
188 |         $('#profileImport').click(function(){
189 |           $('#fileInput').trigger('click');
190 |         });
191 |         /* Will reject if an incorrect file or no file is selected */
192 |         $('input#fileInput').change(function(){
193 |           var fileInput = document.getElementById('fileInput');
194 |           if(!fileInput.files || !fileInput.files[0] || !/\.json$/.test(fileInput.files[0].name)){
195 |             alert("Bad input file. File should end in .json")
196 |             return;
197 |           }
198 |           var fr = new FileReader();
199 |           fr.readAsText(fileInput.files[0]);
200 |           fr.onload = dataLoadCallback;
201 |         });
202 | 
203 |         /*
204 |         *  Import & Export using textarea instead of files
205 |         */
206 |         $('#profileExportText').click(function(){
207 |             document.getElementById("profileText").value = JSON.stringify(profiles);
208 |             document.getElementById("profileText").select();
209 |             document.execCommand("copy");
210 |         });
211 | 
212 |         $('#profileImportText').click(function(){
213 |             if (!confirm('Are you sure you want to import profile data?')) {
214 |                 return;
215 |             }
216 |             try {
217 |                 var jsonProfileData = JSON.parse(document.getElementById("profileText").value);
218 |                 profiles = jsonProfileData;
219 |                 $.jStorage.set(profilesKey, profiles);
220 |                 populateProfiles();
221 |                 populateChecklists();
222 |                 $('#profiles').trigger("change");
223 |                 location.reload();
224 |             } catch(e) {
225 |                 alert(e); // error in the above string (in this case, yes)!
226 |             }
227 |         });
228 | 
229 |         $("#toggleHideCompleted").change(function() {
230 |             // Store information about the old scroll position
231 |             var oldPos = $(window).scrollTop();
232 |             var labels = $('ul>li>div>label:visible:not(.completed)');
233 |             var oldOff = labels.map(function(){return $(this).offset().top});
234 | 
235 |             var hidden = !$(this).is(':checked');
236 | 
237 |             $('body').toggleClass('hide_completed', !hidden);
238 | 
239 |             profiles[profilesKey][profiles.current].hide_completed = !hidden;
240 |             $.jStorage.set(profilesKey, profiles);
241 |             
242 |             // Try to find a reasonable new scroll position
243 |             for (var a=0; a<oldOff.length-1; a++) if (oldOff[a]>oldPos) break;
244 |             for (var b=0; b<oldOff.length-1; b++) if (oldOff[b]>oldPos+$(window).height()) break;
245 |             if (!oldOff.length || $('h2:visible').last().offset().top>oldPos) $('html, body').scrollTop(oldPos);
246 |             else if (a==b) $('html, body').scrollTop(Math.round(labels.eq(b).offset().top)-Math.round($(window).height()/2));
247 |             else {var c = Math.round((a+b)/2); $('html, body').scrollTop(oldPos+Math.round(labels.eq(c).offset().top)-Math.round(oldOff[c]));}
248 |         });
249 | 
250 |         $('[data-ng-toggle]').change(function() {
251 |             var journey = $(this).data('ng-toggle');
252 | 
253 |             profiles[profilesKey][profiles.current].journey = +journey
254 |             $.jStorage.set(profilesKey, profiles);
255 | 
256 |             toggleFilteredClasses('h_ng\\+');
257 |             toggleFilteredClasses('s_ng\\+');
258 |             toggleFilteredClasses('s_ng\\+\\+');
259 | 
260 |             calculateTotals();
261 |         });
262 | 
263 |         $('[data-item-toggle]').change(function() {
264 |             var type = $(this).data('item-toggle');
265 |             var to_hide = $(this).is(':checked');
266 |             var item_toggles = $(this).closest('.btn-group.btn-group-vertical').find('[data-item-toggle]');
267 | 
268 |             profiles[profilesKey][profiles.current].hidden_categories[type] = to_hide;
269 |             $.jStorage.set(profilesKey, profiles);
270 | 
271 |             toggleFilteredClasses(type);
272 |             toggleFilteredClasses('f_none');
273 | 
274 |             // Mark parent category as hidden if and only if all items in it are hidden
275 |             if (to_hide === (item_toggles.length === item_toggles.filter(':checked').length)) {
276 |                 $(this).closest('.btn-group.btn-group-vertical').find('[data-category-toggle]').not(function(){return this.checked === to_hide}).click();
277 |             }
278 |             // Apply partial highlight to the parent category if at least one item in it is hidden
279 |             $(this).closest('.btn-group.btn-group-vertical').find('.btn-group-vertical').toggleClass('open', item_toggles.filter(':checked').length > 0);
280 | 
281 |             calculateTotals();
282 |         });
283 | 
284 |         $('[data-category-toggle]').change(function() {
285 |             var to_hide = $(this).is(':checked');
286 |             var item_toggles = $(this).closest('.btn-group.btn-group-vertical').find('[data-item-toggle]');
287 | 
288 |             // Change all child items to the same state as the category
289 |             if (to_hide || (item_toggles.length === item_toggles.filter(':checked').length)) {
290 |                 item_toggles.not(function(){return this.checked === to_hide}).click();
291 |             }
292 |         });
293 | 
294 |         calculateTotals();
295 | 
296 |     });
297 | 
298 |     function initializeProfile(profile_name) {
299 |         if (!(profile_name in profiles[profilesKey])) profiles[profilesKey][profile_name] = {};
300 |         if (!('checklistData' in profiles[profilesKey][profile_name]))
301 |             profiles[profilesKey][profile_name].checklistData = {};
302 |         if (!('collapsed' in profiles[profilesKey][profile_name]))
303 |             profiles[profilesKey][profile_name].collapsed = {};
304 |         if (!('current_tab' in profiles[profilesKey][profile_name]))
305 |             profiles[profilesKey][profile_name].current_tab = '#tabPlaythrough';
306 |         if (!('hide_completed' in profiles[profilesKey][profile_name]))
307 |             profiles[profilesKey][profile_name].hide_completed = false;
308 |         if (!('journey' in profiles[profilesKey][profile_name]))
309 |             profiles[profilesKey][profile_name].journey = 1;
310 |         if (!('hidden_categories' in profiles[profilesKey][profile_name]))
311 |             profiles[profilesKey][profile_name].hidden_categories = {
312 |                 f_boss: false,
313 |                 f_npc: false,
314 |                 f_estus: false,
315 |                 f_bone: false,
316 |                 f_tome: false,
317 |                 f_coal: false,
318 |                 f_ash: false,
319 |                 f_gest: false,
320 |                 f_sorc: false,
321 |                 f_pyro: false,
322 |                 f_mirac: false,
323 |                 f_ring: false,
324 |                 f_weap: false,
325 |                 f_arm: false,
326 |                 f_tit: false,
327 |                 f_gem: false,
328 |                 f_cov: false,
329 |                 f_misc: false
330 |             };
331 |     }
332 | 
333 |     /// restore all saved state, except for the current tab
334 |     /// used on page load or when switching profiles
335 |     function restoreState(profile_name) {
336 |         $('a[href$="_col"]').each(function() {
337 |             var value = profiles[profilesKey][profile_name].collapsed[$(this).attr('href')];
338 |             var active = $(this).hasClass('collapsed');
339 | 
340 |             // interesting note: this condition is the same as (value ^ active),
341 |             // but there's no logical xor in JS as far as I know; also, this is more readable
342 |             if ((value && !active) || (!value && active)) {
343 |                 $($(this).attr('href')).collapse('toggle');
344 |             }
345 |         });
346 | 
347 |         var $button = $("#toggleHideCompleted");
348 |         var hide_completed_state = profiles[profilesKey][profile_name].hide_completed;
349 |         var button_active = $button.is(':checked');
350 |         if ((hide_completed_state && !button_active) || (!hide_completed_state && button_active)) {
351 |             $button.click();
352 |         }
353 | 
354 |         $('[data-ng-toggle="' + profiles[profilesKey][profile_name].journey + '"]').click().change();
355 |         $.each(profiles[profilesKey][profile_name].hidden_categories, function(key, value) {
356 |             var $el = $('[data-item-toggle="' + key + '"]');
357 |             var active = $el.is(':checked');
358 | 
359 |             if ((value && !active) || (!value && active)) {
360 |                 $el.click();
361 |             }
362 |         });
363 |     }
364 | 
365 |     // Setup ("bootstrap", haha) styling
366 |     function themeSetup(stylesheet) {
367 |         if(stylesheet === null || stylesheet === undefined) { // if we didn't get a param, then
368 |             stylesheet = $.jStorage.get("style") || "Standard"; // fall back on "light" if cookie not set
369 |         }
370 |         $("#bootstrap").attr("href", themes[stylesheet]);
371 |     }
372 | 
373 |     function buildThemeSelection() {
374 |         var style = $.jStorage.get("style") || "Standard";
375 |         var themeSelect = $("#themes");
376 |         $.each(themes, function(key, value){
377 |             themeSelect.append(
378 |                 $('<option></option>').val(key).html(key + " Theme")
379 |             );
380 |         });
381 |         themeSelect.val(style);
382 |         return style;
383 |     }
384 | 
385 |     function dataLoadCallback(arg){
386 |       var jsonProfileData = JSON.parse(arg.currentTarget.result);
387 |       profiles = jsonProfileData;
388 |       $.jStorage.set(profilesKey, profiles);
389 |       populateProfiles();
390 |       populateChecklists();
391 |       $('#profiles').trigger("change");
392 |       location.reload();
393 |     }
394 | 
395 |     function populateProfiles() {
396 |         $('#profiles').empty();
397 |         $.each(profiles[profilesKey], function(index, value) {
398 |             $('#profiles').append($("<option></option>").attr('value', index).text(index));
399 |         });
400 |         $('#profiles').val(profiles.current);
401 |     }
402 | 
403 |     function populateChecklists() {
404 |         $('.checkbox input[type="checkbox"]')
405 |             .prop('checked', false)
406 |             .closest('label')
407 |             .removeClass('completed')
408 |             .closest('li').show();
409 | 
410 |         $.each(profiles[profilesKey][profiles.current].checklistData, function(index, value) {
411 |             $('#' + index)
412 |                 .prop('checked', value)
413 |                 .closest('label')
414 |                 .toggleClass('completed', value);
415 |         });
416 | 
417 |         calculateTotals();
418 |     }
419 | 
420 |     function calculateTotals() {
421 |         $('[id$="_overall_total"]').each(function(index) {
422 |             var type = this.id.match(/(.*)_overall_total/)[1];
423 |             var overallCount = 0, overallChecked = 0;
424 |             $('[id^="' + type + '_totals_"]').each(function(index) {
425 |                 var regex = new RegExp(type + '_totals_(.*)');
426 |                 var regexFilter = new RegExp('^playthrough_(.*)');
427 |                 var i = parseInt(this.id.match(regex)[1]);
428 |                 var count = 0, checked = 0;
429 |                 for (var j = 1; ; j++) {
430 |                     var checkbox = $('#' + type + '_' + i + '_' + j);
431 |                     if (checkbox.length === 0) {
432 |                         break;
433 |                     }
434 |                     if (checkbox.is(':hidden') && checkbox.prop('id').match(regexFilter) && canFilter(checkbox.closest('li'))) {
435 |                         continue;
436 |                     }
437 |                     count++;
438 |                     overallCount++;
439 |                     if (checkbox.prop('checked')) {
440 |                         checked++;
441 |                         overallChecked++;
442 |                     }
443 |                 }
444 |                 if (checked === count) {
445 |                     this.innerHTML = $('#' + type + '_nav_totals_' + i)[0].innerHTML = 'DONE';
446 |                     $(this).removeClass('in_progress').addClass('done');
447 |                     $(this).parent('h3').addClass('completed');// Hide heading for completed category
448 |                     $($('#' + type + '_nav_totals_' + i)[0]).removeClass('in_progress').addClass('done');
449 |                 } else {
450 |                     this.innerHTML = $('#' + type + '_nav_totals_' + i)[0].innerHTML =  checked + '/' + count;
451 |                     $(this).removeClass('done').addClass('in_progress');
452 |                     $(this).parent('h3').removeClass('completed');// Show heading for not yet completed category
453 |                     $($('#' + type + '_nav_totals_' + i)[0]).removeClass('done').addClass('in_progress');
454 |                 }
455 |                 $(this).parent('h3').next('div').children('h4').addClass('completed');// Hide all subheadings...
456 |                 $(this).parent('h3').next('div').children('ul').children('li').children('div').children('label:not(.completed)').parent('div').parent('li').parent('ul').prev('h4').removeClass('completed');// ... except those where not all entries below the subheading are labeled as completed
457 |             });
458 |             if (overallChecked === overallCount) {
459 |                 this.innerHTML = 'DONE';
460 |                 $(this).removeClass('in_progress').addClass('done');
461 |             } else {
462 |                 this.innerHTML = overallChecked + '/' + overallCount;
463 |                 $(this).removeClass('done').addClass('in_progress');
464 |             }
465 |         // Update textarea for profile export
466 |         document.getElementById("profileText").value = JSON.stringify(profiles);
467 |         });
468 |     }
469 | 
470 |     function addCheckbox(el) {
471 |         var $el = $(el);
472 |         // assuming all content lies on the first line
473 |         var content = $el.html().split('\n')[0];
474 |         var sublists = $el.children('ul');
475 | 
476 |         content =
477 |             '<div class="checkbox">' +
478 |                 '<label>' +
479 |                     '<input type="checkbox" id="' + $el.attr('data-id') + '">' +
480 |                     '<span class="item_content">' + content + '</span>' +
481 |                 '</label>' +
482 |             '</div>';
483 | 
484 |         $el.html(content).append(sublists);
485 | 
486 |         if (profiles[profilesKey][profiles.current].checklistData[$el.attr('data-id')] === true) {
487 |             $('#' + $el.attr('data-id')).prop('checked', true);
488 |             $('label', $el).addClass('completed');
489 |         }
490 |     }
491 | 
492 |     function canDelete() {
493 |         var count = 0;
494 |         $.each(profiles[profilesKey], function(index, value) {
495 |             count++;
496 |         });
497 |         return (count > 1);
498 |     }
499 | 
500 |     function getFirstProfile() {
501 |         for (var profile in profiles[profilesKey]) {
502 |             return profile;
503 |         }
504 |     }
505 | 
506 |     function canFilter(entry) {
507 |         var classAttr = entry.attr('class');
508 |         if (!classAttr) {
509 |             return false;
510 |         }
511 |         if (classAttr === 'f_none') {
512 |             // If some filters are enabled, all entries marked f_none are automatically filtered as well 
513 |             return Object.values(profiles[profilesKey][profiles.current].hidden_categories).some(function(f){return f});
514 |         }
515 |         var classList = classAttr.split(/\s+/);
516 |         for (var i = 0; i < classList.length; i++) {
517 |             // Hide(h) or show(s) entries based on journey number
518 |             if ((classList[i].match(/^h_ng\+*$/) && classList[i].match(/^h_ng(\+*)$/)[1].length < profiles[profilesKey][profiles.current].journey) ||
519 |                (classList[i].match(/^s_ng\+*$/) && classList[i].match(/^s_ng(\+*)$/)[1].length >= profiles[profilesKey][profiles.current].journey)) {
520 |                 return true;
521 |             }
522 |         }
523 |         var foundMatch = 0;
524 |         for (var i = 0; i < classList.length; i++) {
525 |             if (!classList[i].match(/^f_.*/)) {
526 |                 continue;
527 |             }
528 |             if(classList[i] in profiles[profilesKey][profiles.current].hidden_categories) {
529 |                 if(!profiles[profilesKey][profiles.current].hidden_categories[classList[i]]) {
530 |                     return false;
531 |                 }
532 |                 foundMatch = 1;
533 |             }
534 |         }
535 |         if (foundMatch === 0) {
536 |             return false;
537 |         }
538 |         return true;
539 |     }
540 | 
541 |     function toggleFilteredClasses(str) {
542 |         $("li." + str).each(function() {
543 |             if(canFilter($(this))) {
544 |                 $(this).css('display', 'none');
545 |             } else {
546 |                 $(this).css('display', '');
547 |             }
548 |         });
549 |     }
550 | 
551 |     /*
552 |      * ----------------------------------
553 |      * Search and highlight functionality
554 |      * ----------------------------------
555 |      */
556 |     $(function() {
557 |         var jets = [new Jets({
558 |             searchTag: '#playthrough_search',
559 |             contentTag: '#playthrough_list ul'
560 |         }), new Jets({
561 |             searchTag: '#item_search',
562 |             contentTag: '#item_list h4, #item_list ul'// This does not mean that we are searching inside the content of both <h4> and <ul> tags
563 |         }), new Jets({
564 |             searchTag: '#weapons_search',
565 |             contentTag: '#weapons_list h4, #weapons_list ul'// The outcome is that all <h4> tags are hidden while searching inside <ul> tags
566 |         }), new Jets({
567 |             searchTag: '#armors_search',
568 |             contentTag: '#armors_list ul'
569 |         })];
570 | 
571 |         $('#playthrough_search').keyup(function() {
572 |             $('#playthrough_list').unhighlight();
573 |             $('#playthrough_list').highlight($(this).val());
574 |         });
575 |         $('#item_search').keyup(function() {
576 |             $('#item_list').unhighlight();
577 |             $('#item_list').highlight($(this).val());
578 |         });
579 |         $('#weapons_search').keyup(function() {
580 |             $('#weapons_list').unhighlight();
581 |             $('#weapons_list').highlight($(this).val());
582 |         });
583 |         $('#armors_search').keyup(function() {
584 |             $('#armors_list').unhighlight();
585 |             $('#armors_list').highlight($(this).val());
586 |         });
587 |     });
588 | 
589 |     /*
590 |      * -------------------------
591 |      * Back to top functionality
592 |      * -------------------------
593 |      */
594 |     $(function() {
595 |         var offset = 220;
596 |         var duration = 500;
597 |         $(window).scroll(function() {
598 |             if ($(this).scrollTop() > offset) {
599 |                 $('.fadingbutton').fadeIn(duration);
600 |             } else {
601 |                 $('.fadingbutton').fadeOut(duration);
602 |             }
603 |         });
604 | 
605 |         $('.back-to-top').click(function(event) {
606 |             event.preventDefault();
607 |             $('html, body').animate({scrollTop: 0}, duration);
608 |             return false;
609 |         });
610 |     });
611 | 
612 |     /*
613 |      * ------------------------------------------
614 |      * Restore tabs/hidden sections functionality
615 |      * ------------------------------------------
616 |      */
617 |      $(function() {
618 |         // reset `Hide completed` button state (otherwise Chrome bugs out)
619 |         $('#toggleHideCompleted').attr('checked', false);
620 | 
621 |         // restore collapsed state on page load
622 |         restoreState(profiles.current);
623 | 
624 |         if (profiles[profilesKey][profiles.current].current_tab) {
625 |             $('.nav.navbar-nav li a[href="' + profiles[profilesKey][profiles.current].current_tab + '"]').click();
626 |         }
627 | 
628 |         // register on click handlers to store state
629 |         $('a[href$="_col"]').on('click', function(el) {
630 |             var collapsed_key = $(this).attr('href');
631 |             var saved_tab_state = !!profiles[profilesKey][profiles.current].collapsed[collapsed_key];
632 | 
633 |             profiles[profilesKey][profiles.current].collapsed[$(this).attr('href')] = !saved_tab_state;
634 | 
635 |             $.jStorage.set(profilesKey, profiles);
636 |         });
637 | 
638 |         $('.nav.navbar-nav li a').on('click', function(el) {
639 |             profiles[profilesKey][profiles.current].current_tab = $(this).attr('href');
640 | 
641 |             $.jStorage.set(profilesKey, profiles);
642 |         });
643 |      });
644 | })( jQuery );
645 | 
646 | // to color the plus symbol in combined item pickups
647 | $(".p").html('<a style="pointer-events:none">&nbsp;+ </a>');
648 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en-US">
  3 | <head>
  4 |   <meta charset="utf-8">
  5 |   <title>Sekiro Cheat Sheet</title>
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7 |   <link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico?">
  8 |   <link rel="apple-touch-icon-precomposed" href="img/favicon-152.png">
  9 |   <link rel="mask-icon" href="img/pinned-tab-icon.svg" color="#000000">
 10 |   <meta name="description" content="Cheat sheet for Sekiro. Checklist of things to do, items to get etc.">
 11 |   <meta name="author" content="Zachary Kjellberg">
 12 |   <meta name="mobile-web-app-capable" content="yes">
 13 |   <link id="bootstrap" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
 14 |   <link href="css/main.css" rel="stylesheet">
 15 | </head>
 16 | <body>
 17 |   <nav class="navbar navbar-default">
 18 |     <div class="container-fluid">
 19 |       <!-- Brand and toggle get grouped for better mobile display -->
 20 |       <div class="navbar-header">
 21 |         <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#nav-collapse" aria-expanded="false">
 22 |           <span class="sr-only">Toggle navigation</span>
 23 |           <span class="icon-bar"></span>
 24 |           <span class="icon-bar"></span>
 25 |           <span class="icon-bar"></span>
 26 |         </button>
 27 |       </div>
 28 | 
 29 |       <!-- Collect the nav links, forms, and other content for toggling -->
 30 |       <div class="collapse navbar-collapse" id="nav-collapse">
 31 |         <ul class="nav navbar-nav">
 32 |           <li class="active"><a href="#tabPlaythrough" data-toggle="tab" data-target="#tabPlaythrough,#btnHideCompleted">Playthrough</a></li>
 33 |           <li><a href="#tabChecklists" data-toggle="tab" data-target="#tabChecklists,#btnHideCompleted">Achievements</a></li>
 34 |           <li><a href="#tabWeaponsShields" data-toggle="tab" data-target="#tabWeaponsShields,#btnHideCompleted">Weapons/Shields</a></li>
 35 |           <li><a href="#tabArmors" data-toggle="tab" data-target="#tabArmors,#btnHideCompleted">Armor</a></li>
 36 |           <li><a href="#tabMisc" data-toggle="tab" data-target="#tabMisc,#btnHideCompleted">Misc</a></li>
 37 |           <li><a href="#tabFAQ" data-toggle="tab"><span class="glyphicon glyphicon-question-sign"></span> FAQ</a></li>
 38 |           <li><a href="#tabOptions" data-toggle="tab"><span class="glyphicon glyphicon-cog"></span> Options</a></li>
 39 |         </ul>
 40 |         <!-- /.nav.navbar-nav -->
 41 |       </div>
 42 |       <!-- /.navbar-collapse -->
 43 |     </div>
 44 |     <!-- /.container-fluid -->
 45 |   </nav>
 46 | 
 47 |   <div class="container">
 48 |     <div class="row">
 49 |       <div class="col-md-12 text-center">
 50 |         <h1>Sekiro Cheat Sheet</h1>
 51 |         <p class="lead">Contribute to the guide on <a href="https://github.com/ZKjellberg/sekiro-cheat-sheet">GitHub</a></p>
 52 |       </div>
 53 |     </div>
 54 | 
 55 |     <div class="tab-content">
 56 |       <!-- Hide Completed Toggle -->
 57 |       <div class="tab-pane active in" id="btnHideCompleted">
 58 |         <div class="btn-group" role="group" data-toggle="buttons">
 59 |           <label class="btn btn-default">
 60 |             <input type="checkbox" id="toggleHideCompleted">
 61 |             <span class="glyphicon glyphicon-eye-close"></span>
 62 |             <span class="glyphicon glyphicon-eye-open"></span>
 63 |             Hide Completed
 64 |             <a class="btn btn-default btn-sm fadingbutton togglehide" onclick="$('#toggleHideCompleted').click();">
 65 |               <span class="glyphicon glyphicon-eye-close"></span>
 66 |               <span class="glyphicon glyphicon-eye-open"></span>
 67 |               Hide Completed
 68 |             </a>
 69 |           </label>
 70 |         </div>
 71 |       </div>
 72 |       <!-- PLAYTHROUGH START -->
 73 |       <div class="tab-pane active" id="tabPlaythrough">
 74 |         <!-- Toolbar -->
 75 |         <h2>Filter Checklist 
 76 |           <span class="btn-group btn-group-toggle" data-toggle="buttons">
 77 |             <label class="btn btn-default"><input type="radio" name="journey" data-ng-toggle="1">NG</label>
 78 |             <label class="btn btn-default"><input type="radio" name="journey" data-ng-toggle="2">NG+</label>
 79 |             <label class="btn btn-default"><input type="radio" name="journey" data-ng-toggle="3">NG++</label>
 80 |           </span>
 81 |         </h2>
 82 |         <div class="btn-group">
 83 |           <div class="btn-group btn-group-vertical">
 84 |             <div class="btn-group">
 85 |               <div class="btn-group-vertical" data-toggle="buttons">
 86 |                 <label class="btn btn-default dropdown-toggle">
 87 |                   <input type="checkbox" data-category-toggle />
 88 |                   <span class="glyphicon glyphicon-eye-close"></span>
 89 |                   <span class="glyphicon glyphicon-eye-open"></span>
 90 |                   Quests
 91 |                 </label>
 92 |               </div>
 93 |             </div>
 94 |             <div class="btn-group">
 95 |               <div class="btn-group-vertical btn-group-sm" data-toggle="buttons">
 96 |                 <label class="btn btn-default">
 97 |                   <input type="checkbox" data-item-toggle="f_boss" />
 98 |                   <span class="glyphicon glyphicon-eye-close"></span>
 99 |                   <span class="glyphicon glyphicon-eye-open"></span>
100 |                   Bosses
101 |                 </label>
102 |                 <label class="btn btn-default">
103 |                   <input type="checkbox" data-item-toggle="f_npc" />
104 |                   <span class="glyphicon glyphicon-eye-close"></span>
105 |                   <span class="glyphicon glyphicon-eye-open"></span>
106 |                   NPCs
107 |                 </label>
108 |               </div>
109 |             </div>
110 |           </div>
111 |           <div class="btn-group btn-group-vertical">
112 |             <div class="btn-group">
113 |               <div class="btn-group-vertical" data-toggle="buttons">
114 |                 <label class="btn btn-default dropdown-toggle">
115 |                   <input type="checkbox" data-category-toggle />
116 |                   <span class="glyphicon glyphicon-eye-close"></span>
117 |                   <span class="glyphicon glyphicon-eye-open"></span>
118 |                   Upgrades
119 |                </label>
120 |               </div>
121 |             </div>
122 |             <div class="btn-group">
123 |               <div class="btn-group-vertical btn-group-sm" data-toggle="buttons">
124 |                 <label class="btn btn-default">
125 |                   <input type="checkbox" data-item-toggle="f_estus" />
126 |                   <span class="glyphicon glyphicon-eye-close"></span>
127 |                   <span class="glyphicon glyphicon-eye-open"></span>
128 |                   Estus Shards
129 |                 </label>
130 |                 <label class="btn btn-default">
131 |                   <input type="checkbox" data-item-toggle="f_bone" />
132 |                   <span class="glyphicon glyphicon-eye-close"></span>
133 |                   <span class="glyphicon glyphicon-eye-open"></span>
134 |                   Undead Bone Shards
135 |                 </label>
136 |                 <label class="btn btn-default">
137 |                   <input type="checkbox" data-item-toggle="f_tome" />
138 |                   <span class="glyphicon glyphicon-eye-close"></span>
139 |                   <span class="glyphicon glyphicon-eye-open"></span>
140 |                   Scrolls/Tomes
141 |                 </label>
142 |                 <label class="btn btn-default">
143 |                   <input type="checkbox" data-item-toggle="f_coal" />
144 |                   <span class="glyphicon glyphicon-eye-close"></span>
145 |                   <span class="glyphicon glyphicon-eye-open"></span>
146 |                   Coals
147 |                 </label>
148 |                 <label class="btn btn-default">
149 |                   <input type="checkbox" data-item-toggle="f_ash" />
150 |                   <span class="glyphicon glyphicon-eye-close"></span>
151 |                   <span class="glyphicon glyphicon-eye-open"></span>
152 |                   Ashes
153 |                 </label>
154 |               </div>
155 |             </div>
156 |           </div>
157 |           <div class="btn-group btn-group-vertical">
158 |             <div class="btn-group">
159 |               <div class="btn-group-vertical" data-toggle="buttons">
160 |                 <label class="btn btn-default dropdown-toggle">
161 |                   <input type="checkbox" data-category-toggle />
162 |                   <span class="glyphicon glyphicon-eye-close"></span>
163 |                   <span class="glyphicon glyphicon-eye-open"></span>
164 |                   Achievements
165 |                 </label>
166 |               </div>
167 |             </div>
168 |             <div class="btn-group">
169 |               <div class="btn-group-vertical btn-group-sm" data-toggle="buttons">
170 |                 <label class="btn btn-default">
171 |                   <input type="checkbox" data-item-toggle="f_gest" />
172 |                   <span class="glyphicon glyphicon-eye-close"></span>
173 |                   <span class="glyphicon glyphicon-eye-open"></span>
174 |                   Gestures
175 |                 </label>
176 |                 <label class="btn btn-default">
177 |                   <input type="checkbox" data-item-toggle="f_sorc" />
178 |                   <span class="glyphicon glyphicon-eye-close"></span>
179 |                   <span class="glyphicon glyphicon-eye-open"></span>
180 |                   Sorceries
181 |                 </label>
182 |                 <label class="btn btn-default">
183 |                   <input type="checkbox" data-item-toggle="f_pyro" />
184 |                   <span class="glyphicon glyphicon-eye-close"></span>
185 |                   <span class="glyphicon glyphicon-eye-open"></span>
186 |                   Pyromancies
187 |                 </label>
188 |                 <label class="btn btn-default">
189 |                   <input type="checkbox" data-item-toggle="f_mirac" />
190 |                   <span class="glyphicon glyphicon-eye-close"></span>
191 |                   <span class="glyphicon glyphicon-eye-open"></span>
192 |                   Miracles
193 |                 </label>
194 |                 <label class="btn btn-default">
195 |                   <input type="checkbox" data-item-toggle="f_ring" />
196 |                   <span class="glyphicon glyphicon-eye-close"></span>
197 |                   <span class="glyphicon glyphicon-eye-open"></span>
198 |                   Rings
199 |                 </label>
200 |               </div>
201 |             </div>
202 |           </div>
203 |           <div class="btn-group btn-group-vertical">
204 |             <div class="btn-group">
205 |               <div class="btn-group-vertical" data-toggle="buttons">
206 |                 <label class="btn btn-default dropdown-toggle">
207 |                   <input type="checkbox" data-category-toggle />
208 |                   <span class="glyphicon glyphicon-eye-close"></span>
209 |                   <span class="glyphicon glyphicon-eye-open"></span>
210 |                   Gear
211 |                 </label>
212 |               </div>
213 |             </div>
214 |             <div class="btn-group">
215 |               <div class="btn-group-vertical btn-group-sm" data-toggle="buttons">
216 |                 <label class="btn btn-default">
217 |                   <input type="checkbox" data-item-toggle="f_weap" />
218 |                   <span class="glyphicon glyphicon-eye-close"></span>
219 |                   <span class="glyphicon glyphicon-eye-open"></span>
220 |                   Weapons
221 |                 </label>
222 |                 <label class="btn btn-default">
223 |                   <input type="checkbox" data-item-toggle="f_arm" />
224 |                   <span class="glyphicon glyphicon-eye-close"></span>
225 |                   <span class="glyphicon glyphicon-eye-open"></span>
226 |                   Armor
227 |                 </label>
228 |               </div>
229 |             </div>
230 |           </div>
231 |           <div class="btn-group btn-group-vertical">
232 |             <div class="btn-group">
233 |               <div class="btn-group-vertical" data-toggle="buttons">
234 |                 <label class="btn btn-default dropdown-toggle">
235 |                   <input type="checkbox" data-category-toggle />
236 |                   <span class="glyphicon glyphicon-eye-close"></span>
237 |                   <span class="glyphicon glyphicon-eye-open"></span>
238 |                   Materials
239 |                 </label>
240 |               </div>
241 |             </div>
242 |             <div class="btn-group">
243 |               <div class="btn-group-vertical btn-group-sm" data-toggle="buttons">
244 |                 <label class="btn btn-default">
245 |                   <input type="checkbox" data-item-toggle="f_tit" />
246 |                   <span class="glyphicon glyphicon-eye-close"></span>
247 |                   <span class="glyphicon glyphicon-eye-open"></span>
248 |                   Titanite
249 |                 </label>
250 |                 <label class="btn btn-default">
251 |                   <input type="checkbox" data-item-toggle="f_gem" />
252 |                   <span class="glyphicon glyphicon-eye-close"></span>
253 |                   <span class="glyphicon glyphicon-eye-open"></span>
254 |                   Gems
255 |                 </label>
256 |               </div>
257 |             </div>
258 |           </div>
259 |           <div class="btn-group btn-group-vertical">
260 |             <div class="btn-group">
261 |               <div class="btn-group-vertical" data-toggle="buttons">
262 |                 <label class="btn btn-default dropdown-toggle">
263 |                   <input type="checkbox" data-category-toggle />
264 |                   <span class="glyphicon glyphicon-eye-close"></span>
265 |                   <span class="glyphicon glyphicon-eye-open"></span>
266 |                   Others
267 |                 </label>
268 |               </div>
269 |             </div>
270 |             <div class="btn-group">
271 |               <div class="btn-group-vertical btn-group-sm" data-toggle="buttons">
272 |                 <label class="btn btn-default">
273 |                   <input type="checkbox" data-item-toggle="f_cov" />
274 |                   <span class="glyphicon glyphicon-eye-close"></span>
275 |                   <span class="glyphicon glyphicon-eye-open"></span>
276 |                   Covenants
277 |                 </label>
278 |                 <label class="btn btn-default">
279 |                   <input type="checkbox" data-item-toggle="f_misc" />
280 |                   <span class="glyphicon glyphicon-eye-close"></span>
281 |                   <span class="glyphicon glyphicon-eye-open"></span>
282 |                   Misc. items
283 |                 </label>
284 |               </div>
285 |             </div>
286 |           </div>
287 |         </div>
288 | 
289 |         <h2>Playthrough Checklist <span id="playthrough_overall_total"></span></h2>
290 |         <ul class="table_of_contents">
291 |           <li><a href="#Ashina_Reservoir">Ashina Reservoir</a> <span id="playthrough_nav_totals_17"></span></li>
292 |           <li><a href="#Dilapidated_Temple">Dilapidated Temple</a> <span id="playthrough_nav_totals_1"></span></li>
293 |         </ul>
294 | 
295 |         <div class="form-group">
296 |           <input type="search" id="playthrough_search" class="form-control" placeholder="Start typing to filter results..." />
297 |         </div>
298 | 
299 |         <div id="playthrough_list">
300 | 
301 |           <h3 id="Ashina_Reservoir"><a href="#Ashina_Reservoir_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Ashina+Reservoir">Ashina Reservoir</a> <span id="playthrough_totals_17"></span></h3>
302 |           <ul id="Ashina_Reservoir_col" class="collapse in">
303 |             <li data-id="playthrough_17_1" class="f_none">Proceed forward, pick up the Ornamental Letter.</li>
304 |             <li data-id="playthrough_17_2" class="f_none">Obtain Kusabimaru from Kuro</li>
305 |           </ul>
306 | 
307 |           <h3 id="Dilapidated_Temple"><a href="#Dilapidated_Temple_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Dilapidated+Temple">Dilapidated Temple</a> <span id="playthrough_totals_1"></span></h3>
308 |           <ul id="Dilapidated_Temple_col" class="collapse in">
309 |             <li data-id="playthrough_1_1" class="f_none">Talk to the Sculptor</li>
310 |             <li data-id="playthrough_1_2" class="f_none">Talk to Emma</li>
311 |           </ul>
312 | 
313 |         </div>
314 |         <!-- END Walkthrough -->
315 |       </div>
316 | 
317 |       <!-- CHECKLIST START -->
318 |       <div class="tab-pane" id="tabChecklists">
319 |         <h2>Achievement Checklists <span id="checklist_overall_total"></span></h2>
320 |         <ul class="table_of_contents">
321 |           <li><a href="#General_Achievements">General Achievements</a> <span id="checklist_nav_totals_1"></span></li>
322 |           <li><a href="#Prosthetic_Achievements">Prosthetic Tool Achievements</a>: Achievements for obtaining prosthetic tools <span id="checklist_nav_totals_4"></span></li>
323 |           <li><a href="#Boss_Achievements">Boss Achievements</a>: Achievements for defeating bosses <span id="checklist_nav_totals_2"></span></li>
324 |           <li><a href="#Prosthetic_Upgrades_Achievements">Master of the Prosthetic</a>:  Achievements for upgrading Prosthetic Tools <span id="checklist_nav_totals_5"></span></li>
325 |           <li><a href="#Ending_Achievements">Ending Achievements</a>: Achievements for different endings <span id="checklist_nav_totals_3"></span></li>
326 |         </ul>
327 | 
328 |         <div class="form-group">
329 |           <input type="search" id="item_search" class="form-control" placeholder="Start typing to filter results..." />
330 |         </div>
331 | 
332 |         <!-- TODO:
333 |             Height of Technique. Acquired <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Skills+and+Skill+Trees">all skills</a>
334 |               Shinobi Arts
335 |               Ashina Arts
336 |               Prosthetic Arts
337 |               Temple Arts
338 |               Mushin Arts
339 |               Ninjutsu Techniques
340 | 
341 |               All Ninjutsu Techniques: Acquired all <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Ninjutsu+Techniques">Ninjutsu Techniques</a>
342 |               (Only three abilities - use NG+ style sub-field)
343 | 
344 |             Peak Physical Strength: Upgraded Vitality and Posture to their limit
345 |             https://sekiroshadowsdietwice.wiki.fextralife.com/Prayer+Beads
346 |             (40 Prayer Beads)
347 |         -->
348 | 
349 |         <div id="item_list">
350 |           <h3 id="General_Achievements"><a href="#General_Achievements_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a>General Achievements <span id="checklist_totals_1"></span></h3>
351 |           <ul id="General_Achievements_col" class="collapse in">
352 |             <li data-id="checklist_1_1"><b>Revered Blade</b>: Received the "Kusabimaru" from Kuro</li>
353 |             <li data-id="checklist_1_2"><b>Shinobi Prosthetic</b>: Acquired the Shinobi Prosthetic</li>
354 |             <li data-id="checklist_1_3"><b>Resurrection</b>: Returned from the dead using "Resurrection" for the first time</li>
355 |             <li data-id="checklist_1_4"><b>Memorial Mob</b>: Encountered the Memorial Mob</li>
356 |             <li data-id="checklist_1_5"><b>Ashina Traveler</b>: Traveled to all areas of the game</li>
357 |             <li data-id="checklist_1_6"><b>Master of the Arts</b>: Grasped the inner mysteries of any combat style</li>
358 |             <li data-id="checklist_1_7"><b>Lazuline Upgrade</b>: Used <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Lapis+Lazuli">Lapis Lazuli</a> to upgrade any tool to its limit</li>
359 |             <li data-id="checklist_1_8"><b>Sekiro</b>: All trophies have been unlocked</li>
360 |           </ul>
361 | 
362 |           <h3 id="Prosthetic_Achievements"><a href="#Prosthetic_Achievements_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a>All Prosthetic Tools: Acquired all <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Prosthetic+Tools">Prosthetic Tools</a> <span id="checklist_totals_4"></span></h3>
363 |           <ul id="Prosthetic_Achievements_col" class="collapse in">
364 |             <li data-id="checklist_4_1"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Loaded+Shuriken">Loaded Shuriken</a>: Located in Ashina Outskirts</li>
365 |             <li data-id="checklist_4_2"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Shinobi+Firecracker">Shinobi Firecracker</a>: Located in Ashina Outskirts</li>
366 |             <li data-id="checklist_4_3"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Flame+Vent">Flame Vent</a>: Located in Hirata Estate</li>
367 |             <li data-id="checklist_4_4"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Loaded+Axe">Loaded Axe</a>: Located in Hirata Estate</li>
368 |             <li data-id="checklist_4_5"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Mist+Raven">Mist Raven</a>: Located in Hirata Estate</li>
369 |             <li data-id="checklist_4_6"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Loaded+Spear">Loaded Spear</a>: Located in Ashina Reservoir Revisited</li>
370 |             <li data-id="checklist_4_7"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Sabimaru">Sabimaru</a>: Located in Ashina Castle</li>
371 |             <li data-id="checklist_4_8"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Loaded+Umbrella">Loaded Umbrella</a>: Located in Ashina Castle</li>
372 |             <li data-id="checklist_4_9"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Divine+Abduction">Divine Abduction</a>: Located in Sunken Valley</li>
373 |             <li data-id="checklist_4_10"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Finger+Whistle">Finger Whistle</a>: Defeat the <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Guardian+Ape">Guardian Ape</a> boss in the Sunken Valley Passage</li>
374 |           </ul>
375 | 
376 |           <h3 id="Boss_Achievements"><a href="#Boss_Achievements_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a>Man Without Equal: Defeated all <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Bosses">bosses</a> <span id="checklist_totals_2"></span></h3>
377 |           <ul id="Boss_Achievements_col" class="collapse in">
378 |             <li data-id="checklist_2_1"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Gyoubu+Oniwa">Gyoubu Masataka Oniwa</a>: Defeated "Gyoubu Masataka Oniwa"</li>
379 |             <li data-id="checklist_2_2"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Lady+Butterfly">The Phantom Lady Butterfly</a>: Defeated "Lady Butterfly"</li>
380 |             <li data-id="checklist_2_3"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Genichiro+Ashina">Genichiro Ashina</a>: Defeated "Genichiro Ashina"</li>
381 |             <li data-id="checklist_2_4"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Folding+Screen+Monkeys">Folding Screen Monkeys</a>: Caught the Folding Screen Monkeys</li>
382 |             <li data-id="checklist_2_5"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Guardian+Ape">Guardian Ape</a>: Defeated the "Guardian Ape"</li>
383 |             <li data-id="checklist_2_6"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Headless+Ape">Guardian Ape Immortality Severed</a>: Used the Mortal Blade to sever the Guardian Ape's immortality</li>
384 |             <li data-id="checklist_2_7"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Great+Shinobi+Owl">Great Shinobi Owl</a>: Defeated "Great Shinobi Owl"</li>
385 |             <li data-id="checklist_2_8"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Isshin+Ashina+(Boss)">Isshin Ashina</a>: Defeated "Isshin Ashina"</li>
386 |             <li data-id="checklist_2_9"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Corrupted+Monk">Corrupted Monk</a>: Defeated the "Corrupted Monk"</li>
387 |             <li data-id="checklist_2_10"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Great+Serpent">Great Serpent</a>: Defeated the "Great Serpent"</li>
388 |             <li data-id="checklist_2_11"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Owl+(Father)">Father Surpassed</a>: Defeated "Great Shinobi - Owl" at the Hirata Estate</li>
389 |             <li data-id="checklist_2_12"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Great+Colored+Carp">Great Colored Carp</a>: Defeated the "Great Colored Carp"</li>
390 |             <li data-id="checklist_2_13"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Divine+Dragon">Gracious Gift of Tears</a>: Defeated the "Divine Dragon" and obtained the "Divine Dragon’s Tears"</li>
391 |             <li data-id="checklist_2_14"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Demon+of+Hatred">Demon of Hatred</a>: Defeated the "Demon of Hatred"</li>
392 |             <li data-id="checklist_2_15"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Isshin,+the+Sword+Saint">Sword Saint, Isshin Ashina</a>: Defeated "Sword Saint Isshin Ashina"</li>
393 |           </ul>
394 | 
395 |           <h3 id="Ending_Achievements"><a href="#Ending_Achievements_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a>Ending Achievements <span id="checklist_totals_3"></span></h3>
396 |           <ul id="Ending_Achievements_col" class="collapse in">
397 |             <li data-id="checklist_3_1"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Endings">Dragon's Homecoming</a>: Attained the "Return" ending</li>
398 |             <li data-id="checklist_3_2"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Endings">Immortal Severance</a>: Attained the "Immortal Severance" ending</li>
399 |             <li data-id="checklist_3_3"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Endings">Purification</a>: Attained the "Purification" ending</li>
400 |             <li data-id="checklist_3_4"><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Endings">Shura</a>: Attained the "Shura" ending</li>
401 |           </ul>
402 | 
403 |           <h3 id="Prosthetic_Upgrades_Achievements"><a href="#Prosthetic_Upgrades_Achievements_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a>Master of the Prosthetic: Upgraded all <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Prosthetic+Tool+Upgrades">Prosthetic Tools</a> to their limit <span id="checklist_totals_5"></span></h3>
404 |           <div id="Prosthetic_Upgrades_Achievements_col" class="collapse in">
405 |             <h4>Loaded Shuriken</h4>
406 |             <ul>
407 |               <li data-id="checklist_5_1">Spinning Shuriken</li>
408 |               <li data-id="checklist_5_2">Gouging Top</li>
409 |               <li data-id="checklist_5_3">Phantom Kunai</li>
410 |               <li data-id="checklist_5_4">Sen Throw</li>             
411 |               <li data-id="checklist_5_5">Lazulite Shuriken</li>
412 |             </ul>
413 |             <h4>Shinobi Firecracker</h4>
414 |             <ul>
415 |               <li data-id="checklist_5_6">Spring-load Firecracker</li>
416 |               <li data-id="checklist_5_7">Long Spark</li>
417 |               <li data-id="checklist_5_8">Purple Fume Spark</li>
418 |             </ul>
419 |             <h4>Flame Vent</h4>
420 |             <ul>
421 |               <li data-id="checklist_5_9">Spring-load Flame Vent</li>
422 |               <li data-id="checklist_5_10">Okinaga's Flame Vent</li>
423 |               <li data-id="checklist_5_11">Lazulite Sacred Flame</li>
424 |             </ul>
425 |             <h4>Loaded Axe</h4>
426 |             <ul>
427 |               <li data-id="checklist_5_12">Spring-load Axe</li>
428 |               <li data-id="checklist_5_13">Sparking Axe</li>
429 |               <li data-id="checklist_5_14">Lazulite Axe</li>
430 |             </ul>
431 |             <h4>Mist Raven</h4>
432 |             <ul>
433 |               <li data-id="checklist_5_15">Aged Feather Mist Raven</li>
434 |               <li data-id="checklist_5_16">Great Feather Mist Raven</li>
435 |             </ul>
436 |             <h4>Loaded Spear</h4>
437 |             <ul>
438 |               <li data-id="checklist_5_17">Loaded Spear Thrust Type</li>
439 |               <li data-id="checklist_5_18">Loaded Spear Cleave Type</li>
440 |               <li data-id="checklist_5_19">Spiral Spear</li>
441 |               <li data-id="checklist_5_20">Leaping Flame</li>
442 |             </ul>
443 |             <h4>Sabimaru</h4>
444 |             <ul>
445 |               <li data-id="checklist_5_21">Improved Sabimaru</li>
446 |               <li data-id="checklist_5_22">Piercing Sabimaru</li>
447 |               <li data-id="checklist_5_23">Lazulite Sabimaru</li>
448 |             </ul>
449 |             <h4>Divine Abduction</h4>
450 |             <ul>
451 |               <li data-id="checklist_5_24">Golden Vortex</li>
452 |               <li data-id="checklist_5_25">Double Divine Abduction</li>
453 |             </ul>
454 |             <h4>Loaded Umbrella</h4>
455 |             <ul>
456 |               <li data-id="checklist_5_26">Loaded Umbrella - Magnet</li>
457 |               <li data-id="checklist_5_27">Phoenix's Lilac Umbrella</li>
458 |               <li data-id="checklist_5_28">Suzaku's Lotus Umbrella</li>
459 |             </ul>
460 |             <h4>Finger Whistle</h4>
461 |             <ul>
462 |               <li data-id="checklist_5_29">Mountain Echo</li>
463 |               <li data-id="checklist_5_30">Malcontent</li>
464 |             </ul>
465 |           </div>
466 | 
467 |           <h3 id="Healing_Gourd_Achievements"><a href="#Healing_Gourd_Achievements_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a>Ultimate Healing Gourd: Fully upgraded the Healing Gourd. See <a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Gourd+Seed">Gourd Seeds</a> <span id="checklist_totals_6"></span></h3>
468 |           <ul id="Healing_Gourd_Achievements_col" class="collapse in">
469 |             <li data-id="checklist_6_1">Ashina Outskirts - Drop from General Naomori Kawarada, immediately past the "Outskirts Wall - Gate Path" Sculptor's Idol</li>
470 |             <li data-id="checklist_6_2">Ashina Outskirts - In the building right after the Chained Ogre, just past the "Outskirts Wall - Stairway" Sculptor's Idol</li>
471 |             <li data-id="checklist_6_3">Ashina Outskirts - Bought from the Battlefield Memorial Mob Vendor for 1,000 Sen, located up the steps and to the right from where you fight Gyoubu Oniwa</li>
472 |             <li data-id="checklist_6_4">Ashina Castle - Just before the "Upper Tower - Antechamber" Sculptor's Idol in a chest</li>
473 |             <li data-id="checklist_6_5">Dilapidated Temple - One can be bought from Fujioka the Info Broker for 2,000 Sen, once he arrives</li>
474 |             <li data-id="checklist_6_6">Senpou Temple, Mt. Kongo - In front of the first immortal monk you encounter in the Senpou Temple, in the first building that's filled with crickets</li>
475 |             <li data-id="checklist_6_7">Sunken Valley - From the "Under-shrine Valley" Idol, progress forward and after encountering the fourth rifleman on the path, climb up the wall on the left to find the gourd seed in a small hut</li>
476 |             <li data-id="checklist_6_8">Ashina Depths - In the center of Mibu Village, by the orange glowing tree. It is guarded by multiple enemies</li>
477 |             <li data-id="checklist_6_9">Fountainhead Palace - In a chest in the last room of the palace by the "Palace Grounds" Sculptor's Idol</li>
478 |           </ul>
479 | 
480 |         </div>
481 |         <!-- Search Zone END -->
482 |       </div>
483 | 
484 |       <!-- WEAPONS/SHIELD START -->
485 |       <div class="tab-pane" id="tabWeaponsShields">
486 |         <h2>Weapons and Shields Checklists <span id="weapons_overall_total"></span></h2>
487 |         <ul class="table_of_contents">
488 |           <li><a href="#Weapons">Weapons</a> <span id="weapons_nav_totals_1"></span></li>
489 |           <li><a href="#Shields">Shields</a> <span id="weapons_nav_totals_2"></span></li>
490 |         </ul>
491 | 
492 |         <div class="form-group">
493 |           <input type="search" id="weapons_search" class="form-control" placeholder="Start typing to filter results..." />
494 |         </div>
495 | 
496 |         <div id="weapons_list">
497 |           <h3 id="Weapons"><a href="#Weapons_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a><a href="http://darksouls3.wiki.fextralife.com/Weapons">Weapons</a> <span id="weapons_totals_1"></span></h3>
498 |           <div id="Weapons_col" class="collapse in">
499 |             <h4><a href="http://darksouls3.wiki.fextralife.com/Daggers">Daggers</a></h4>
500 |             <ul>
501 |               <li data-id="weapons_1_1"><a href="http://darksouls3.wiki.fextralife.com/Dagger">Dagger</a></li>
502 |             </ul>
503 |             <h4><a href="http://darksouls3.wiki.fextralife.com/Straight+Swords">Straight Swords</a></h4>
504 |             <ul>
505 |               <li data-id="weapons_1_3"><a href="http://darksouls3.wiki.fextralife.com/Shortsword">Shortsword</a></li>
506 |             </ul>
507 |           </div>
508 |         </div>
509 |       </div>
510 | 
511 |       <!-- ARMOR START -->
512 |       <div class="tab-pane" id="tabArmors">
513 |         <h2>Armor Checklists <span id="armors_overall_total"></span></h2>
514 |         <ul class="table_of_contents">
515 |           <li><a href="#Helms">Head</a> <span id="armors_nav_totals_1"></span></li>
516 |           <li><a href="#Chests">Chest</a> <span id="armors_nav_totals_2"></span></li>
517 |           <li><a href="#Gauntlets">Hands</a> <span id="armors_nav_totals_3"></span></li>
518 |           <li><a href="#Leggings">Legs</a> <span id="armors_nav_totals_4"></span></li>
519 |         </ul>
520 | 
521 |         <div class="form-group">
522 |           <input type="search" id="armors_search" class="form-control" placeholder="Start typing to filter results..." />
523 |         </div>
524 | 
525 |         <div id="armors_list">
526 |           <h3 id="Helms"><a href="#Helms_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a><a href="http://darksouls3.wiki.fextralife.com/Helms">Head</a> <span id="armors_totals_1"></span></h3>
527 |           <ul id="Helms_col" class="collapse in">
528 |             <li data-id="armors_1_1"><a href="http://darksouls3.wiki.fextralife.com/Standard+Helm">Standard Helm</a></li>
529 |           </ul>
530 |           <h3 id="Chests"><a href="#Chests_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a><a href="http://darksouls3.wiki.fextralife.com/Chest+Armor">Chest</a> <span id="armors_totals_2"></span></h3>
531 |           <ul id="Chests_col" class="collapse in">
532 |             <li data-id="armors_2_1"><a href="http://darksouls3.wiki.fextralife.com/Hard+Leather+Armor">Hard Leather Armor</a></li>
533 |           </ul>
534 |         </div>
535 |       </div>
536 | 
537 |       <!-- MISC START -->
538 |       <div class="tab-pane" id="tabMisc">
539 |         <h2>Misc <span id="crow_overall_total"></span></h2>
540 |         <ul class="table_of_contents">
541 |           <li><a href="#Pickle_Pee_Pump-a-Rum_Crow">Pickle Pee, Pump-a-Rum Crow</a> <span id="crow_nav_totals_1"></span></li>
542 |           <li><a href="#Coin_Purses">Coin Purses</a></li>
543 |         </ul>
544 | 
545 |         <h3 id="Pickle_Pee_Pump-a-Rum_Crow"><a href="#Pickle_Pee_Pump-a-Rum_Crow_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a><a href="http://darksouls3.wiki.fextralife.com/Pickle+Pee,+Pump-a-Rum+Crow">Pickle Pee, Pump-a-Rum Crow</a> <span id="crow_totals_1"></span></h3>
546 |         <ul id="Pickle_Pee_Pump-a-Rum_Crow_col" class="collapse in">
547 |           <li data-id="crow_1_1">Trade</li>
548 |           <li data-id="crow_1_2">Trade</li>
549 |         </ul>
550 | 
551 |         <h3 id="Coin_Purses"><a href="#Coin_Purses_col" data-toggle="collapse" class="btn btn-primary btn-collapse btn-sm"></a>Coin Purses</h3>
552 |         <div id="Coin_Purses_col" class="collapse in">
553 |           <table class="table table-striped">
554 |             <thead>
555 |               <tr>
556 |                 <th>Name</th>
557 |                 <th>Cost</th>
558 |                 <th>Value</th>
559 |               </tr>
560 |             </thead>
561 |             <tbody>
562 |               <tr>
563 |                 <td><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Light+Coin+Purse">Light Coin Purse</a></td>
564 |                 <td>110 sen</td>
565 |                 <td>100 sen</td>
566 |               </tr><tr>
567 |                 <td><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Heavy+Coin+Purse">Heavy Coin Purse</a></td>
568 |                 <td>550 sen</td>
569 |                 <td>500 sen</td>
570 |               </tr><tr>
571 |                 <td><a href="https://sekiroshadowsdietwice.wiki.fextralife.com/Bulging+Coin+Purse">Bulging Coin Purse</a></td>
572 |                 <td>1100 sen</td>
573 |                 <td>1000 sen</td>
574 |               </tr>
575 |             </tbody>
576 |           </table>
577 |         </div>
578 |       </div>
579 | 
580 |       <div class="tab-pane" id="tabFAQ">      
581 |         <h2>FAQ</h2>
582 | 
583 |         <h3>I have feedback, how can I contribute?</h3>
584 |         <p>You can visit the <a href="https://github.com/ZKjellberg/sekiro-cheat-sheet">GitHub repository</a> and <a href="https://github.com/ZKjellberg/sekiro-cheat-sheet/issues">report Issues</a> or create a fork and submit a Pull Request.</p>
585 | 
586 |         <h3>Is this a guide?</h3>
587 |         <p>Nope, not really. This is a set of checklists and information that you can use while playing Dark Souls to make sure you don't miss an item, action, conversation, or boss. If you need playthroughs then you can click on the zone titles to read the wiki walkthrough.</p>
588 | 
589 |         <h3>Do I need to follow the playthrough in this exact order?</h3>
590 |         <p>Sekiro is not a linear game and has multiple ways of progressing. This guide highlights zones as they become available, so feel free to follow however you please. You can always check things off in a different order.</p>
591 | 
592 |         <h3>Can I use this for multiple characters?</h3>
593 |         <p>Yup, use the profile selector and buttons in the options tab at the top of the page to setup multiple profiles.</p>
594 | 
595 |         <h3>How does the checklist status get saved?</h3>
596 |         <p>The checklist is saved to your browser's local storage. Be careful when clearing your browser's cache as it will also destroy your saved progress.</p>
597 |       </div>
598 | 
599 |       <div class="tab-pane" id="tabOptions">
600 |         <h2>Options</h2>
601 | 
602 |         <!-- Theme Selection -->
603 |         <div class="row">
604 |           <div class="col col-xs-12 col-sm-4 col-md-6"><h4>Theme selection:</h4></div>
605 |           <div class="col col-xs-12 col-sm-8 col-md-6"><select class="form-control" id="themes"><!-- Gets filled by jQuery. --></select></div>
606 |         </div>
607 |         <!-- Profile Selection -->
608 |         <div class="row">
609 |           <div class="col col-xs-12 col-sm-4 col-md-6"><h4>Profile management:</h4></div>
610 |           <div class="col col-xs-12 col-sm-8 col-md-6">
611 |             <form class="form-inline input-group pull-right">
612 |               <select class="form-control" id="profiles"></select>
613 |               <span class="input-group-btn">
614 |                 <button class="btn btn-default" type="button" id="profileAdd">Add</button>
615 |                 <button class="btn btn-default" type="button" id="profileEdit">Edit</button>
616 |                 <button class="btn btn-default" type="button" id="profileNG+">NG+</button>
617 |               </span>
618 |             </form>
619 |           </div>
620 |         </div>
621 |         <!-- Import/Export -->
622 |         <div class="row">
623 |           <div class="col-xs-12 col-sm-4 col-md-6"><h4>Data import/export:</h4></div>
624 |           <div class="col-xs-12 col-sm-8 col-md-6">
625 |             <form class="form-inline">
626 |               <span class="btn-group pull-left">
627 |                 <button class="btn btn-default" type="button" id="profileImport">Import file</button>
628 |                 <button class="btn btn-default" type="button" id="profileExport">Export file</button>
629 |               </span>
630 |               <span class="btn-group pull-right">
631 |                 <button class="btn btn-default" type="button" id="profileImportText">Import textbox</button>
632 |                 <button class="btn btn-default" type="button" id="profileExportText">Export clipboard</button>
633 |               </span>
634 |             </form>
635 |           </div>
636 |           <div class="col col-xs-12">
637 |             <textarea id="profileText" class="form-control"></textarea>
638 |           </div>
639 |         </div>
640 |       </div>
641 | 
642 |       <div id="profileModal" class="modal fade" tabindex="-1" role="dialog">
643 |         <div class="modal-dialog" role="document">
644 |           <div class="modal-content">
645 |             <div class="modal-header">
646 |               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
647 |               <h3 id="profileModalTitle" class="modal-title">Profile</h3>
648 |             </div>
649 |             <div class="modal-body">
650 |               <form class="form-horizontal">
651 |                 <div class="control-group">
652 |                   <label class="control-label" for="profileModalName">Name</label>
653 |                   <div class="controls">
654 |                     <input type="text" class="form-control" id="profileModalName" placeholder="Enter profile name">
655 |                   </div>
656 |                 </div>
657 |               </form>
658 |             </div>
659 |             <div class="modal-footer">
660 |               <a href="#" id="profileModalClose" class="btn btn-default" data-dismiss="modal">Close</a>
661 |               <a href="#" id="profileModalAdd" class="btn btn-primary" data-dismiss="modal">Add</a>
662 |               <a href="#" id="profileModalUpdate" class="btn btn-primary">Update</a>
663 |               <a href="#" id="profileModalDelete" class="btn btn-danger">Delete</a>
664 |             </div>
665 |           </div>
666 |           <!-- /.modal-content -->
667 |         </div>
668 |         <!-- /.modal-dialog -->
669 |       </div>
670 |       <!-- /.modal -->
671 |       <div id="NG+Modal" class="modal fade" tabindex="-1" role="dialog">
672 |         <div class="modal-dialog" role="document">
673 |           <div class="modal-content">
674 |             <div class="modal-header">
675 |               <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
676 |               <h3 class="modal-title">Begin next journey?</h3>
677 |             </div>
678 |             <div class="modal-body">
679 |               If you begin the next journey, all progress on the "Playthrough" and "Misc" tabs of this profile will be reset, while achievement and collection checklists will be kept.
680 |             </div>
681 |             <div class="modal-footer">
682 |               <a href="#" class="btn btn-default" data-dismiss="modal">No</a>
683 |               <a href="#" id="NG+ModalYes" class="btn btn-danger">Yes</a>
684 |             </div>
685 |           </div>
686 |           <!-- /.modal-content -->
687 |         </div>
688 |         <!-- /.modal-dialog -->
689 |       </div>
690 |       <!-- /.modal -->
691 |     </div>
692 |     <!-- tab-content -->
693 |   </div>
694 |   <!-- container -->
695 | 
696 |   <div class="hiddenfile">
697 |     <input name="upload" type="file" id="fileInput" />
698 |   </div>
699 | 
700 |   <a class="btn btn-default btn-sm fadingbutton back-to-top">Back to Top&thinsp;<span class="glyphicon glyphicon-arrow-up"></span></a>
701 | 
702 |   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
703 |   <script src="https://cdn.rawgit.com/andris9/jStorage/v0.4.12/jstorage.min.js"></script>
704 |   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
705 |   <script src="https://cdnjs.cloudflare.com/ajax/libs/jets/0.8.0/jets.min.js"></script>
706 |   <script src="js/jquery.highlight.js"></script>
707 |   <script src="js/main.js"></script>
708 |   <script>
709 |   (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
710 |     (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
711 |     m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
712 |     })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
713 |     ga('create', 'UA-66576837-1', 'auto');
714 |     ga('send', 'pageview');
715 |   </script>
716 | </body>
717 | </html>
718 | 


--------------------------------------------------------------------------------