diff --git a/index.html b/index.html
index c535cd4..3638fef 100755
--- a/index.html
+++ b/index.html
@@ -7,6 +7,10 @@
+
+
Keep Talking and Nobody Explodes
-
+
-
+
Passwords
diff --git a/ktane.css b/ktane.css
index 7455011..cd6b222 100755
--- a/ktane.css
+++ b/ktane.css
@@ -80,6 +80,21 @@ h2 {
margin-top: 1em;
}
+nav {
+ background-color: white;
+ border-left: 1px solid black;
+ border-top: 1px solid black;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+}
+#navList {
+ line-height: 150%;
+ list-style-type: none;
+ margin: 0;
+ padding-left: 0.2em;
+}
+
#sectionWires button {
border-color: black;
cursor: pointer;
diff --git a/ktane.js b/ktane.js
index dd82d78..c72c832 100755
--- a/ktane.js
+++ b/ktane.js
@@ -7,6 +7,7 @@ $('h2').on('dblclick', function () {
$(this).closest('section').toggleClass('collapsed');
}).attr('title', 'Double-click to expand/collapse');
+/** Reset inputs */
ktane.resetInputs = function ($container) {
$container.find('textarea').val('');
$container.find('.selected').removeClass('selected');
@@ -27,6 +28,17 @@ $('.jsResetSection').on('click', function () {
ktane.resetInputs($(this).closest('section')).filter('[type="text"]').first().focus();
});
+/** Navigation */
+$('section').each(function () {
+ var $section = $(this),
+ id = $section.attr('id'),
+ $a = $('' + $(this).find('h2').first().text() + '').on('click', function () {
+ $section.removeClass('collapsed');
+ });
+
+ id && $('#navList').append($('').append($a));
+});
+
(function () {
/**
* Wires