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

@@ -183,7 +187,7 @@
-
+

Venn Diagram

-
+

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