added exploritory page

src/templates/Exploritory.html

@@ -0,0 +1,37 @@
+{% extends "layout.html" %}
+{% set active_page = "exploritory" %}
+{% block title %}exploritory{% endblock %}
+{% block head %}
+  {{ super() }}
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
+    <link rel='stylesheet' type='text/css' href='static/css/wsw_notebook.css'>
+    
+
+{% endblock %}
+
+{% block body %}
+    {{ super ()}}
+        <div class='notebook-container' style='float:center; max-width: 800px; margin-left:auto; margin-right:auto' >
+    {{ body | safe }}
+    </div>
+<!--     {{ body | safe }} -->
+    <script>
+        // $('.output_html').hide()
+        // $('.input_area').hide()
+        // $('.prompt').hide()
+        // $('.output_html').hide()
+var button_html = '<button id="output-html-btn">toggle tables</button> <button id="show-code-btn">toggle code</button>'
+
+$('#buttons').html(button_html)
+$('.prompt').hide()
+$('.output_html').hide()
+$('.input_area').hide()
+$('#output-html-btn').click(function (){
+    $('.output_html').toggle()
+});
+
+$('#show-code-btn').click(function (event){
+    $('.input_area').toggle()
+});
+    </script>
+{% endblock %}