diff --git a/Slides/templates/display_priority.tpl b/Slides/templates/display_priority.tpl
new file mode 100644
index 0000000..ec4d58a
--- /dev/null
+++ b/Slides/templates/display_priority.tpl
@@ -0,0 +1,46 @@
+{%- extends 'null.tpl' -%}
+
+{#display data priority#}
+
+
+{%- block data_priority scoped -%}
+    {%- for type in output.data | filter_data_type -%}
+        {%- if type == 'application/pdf' -%}
+            {%- block data_pdf -%}
+            {%- endblock -%}
+        {%- elif type == 'image/svg+xml' -%}
+            {%- block data_svg -%}
+            {%- endblock -%}
+        {%- elif type == 'image/png' -%}
+            {%- block data_png -%}
+            {%- endblock -%}
+        {%- elif type == 'text/html' -%}
+            {%- block data_html -%}
+            {%- endblock -%}
+        {%- elif type == 'text/markdown' -%}
+            {%- block data_markdown -%}
+            {%- endblock -%}
+        {%- elif type == 'image/jpeg' -%}
+            {%- block data_jpg -%}
+            {%- endblock -%}
+        {%- elif type == 'text/plain' -%}
+            {%- block data_text -%}
+            {%- endblock -%}
+        {%- elif type == 'text/latex' -%}
+            {%- block data_latex -%}
+            {%- endblock -%}
+        {%- elif type == 'application/javascript' -%}
+            {%- block data_javascript -%}
+            {%- endblock -%}
+        {%- elif type == 'application/vnd.jupyter.widget-state+json' -%}
+            {%- block data_widget_state -%}
+            {%- endblock -%}
+        {%- elif type == 'application/vnd.jupyter.widget-view+json' -%}
+            {%- block data_widget_view -%}
+            {%- endblock -%}
+        {%- else -%}
+            {%- block data_other -%}
+            {%- endblock -%}
+        {%- endif -%}
+    {%- endfor -%}
+{%- endblock data_priority -%}
diff --git a/Slides/templates/mathjax.tpl b/Slides/templates/mathjax.tpl
new file mode 100644
index 0000000..9b1d753
--- /dev/null
+++ b/Slides/templates/mathjax.tpl
@@ -0,0 +1,23 @@
+{%- macro mathjax(url='https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML') -%}
+    <!-- Load mathjax -->
+    <script src="{{url}}"></script>
+    <!-- MathJax configuration -->
+    <script type="text/x-mathjax-config">
+    MathJax.Hub.Config({
+        tex2jax: {
+            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+            displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
+            processEscapes: true,
+            processEnvironments: true
+        },
+        // Center justify equations in code and markdown cells. Elsewhere
+        // we use CSS to left justify single line equations in code cells.
+        displayAlign: 'center',
+        "HTML-CSS": {
+            styles: {'.MathJax_Display': {"margin": 0}},
+            linebreaks: { automatic: true }
+        }
+    });
+    </script>
+    <!-- End of mathjax configuration -->
+{%- endmacro %}
diff --git a/Slides/templates/mybasic.tpl b/Slides/templates/mybasic.tpl
index 984bb94..188156f 100644
--- a/Slides/templates/mybasic.tpl
+++ b/Slides/templates/mybasic.tpl
@@ -1,253 +1,253 @@
 {%- extends 'display_priority.tpl' -%}
 
 
 {% block codecell %}
 <div class="cell border-box-sizing code_cell rendered">
 {{ super() }}
 </div>
 {%- endblock codecell %}
 
 {% block input_group -%}
-<div class="input">
+{#<div class="input">
 {{ super() }}
-</div>
+</div>#}
 {% endblock input_group %}
 
 {% block output_group %}
 <div class="output_wrapper">
 <div class="output">
 {{ super() }}
 </div>
 </div>
 {% endblock output_group %}
 
 {% block in_prompt -%}
 <div class="prompt input_prompt">
 {%- if cell.execution_count is defined -%}
 In&nbsp;[{{ cell.execution_count|replace(None, "&nbsp;") }}]:
 {%- else -%}
 In&nbsp;[&nbsp;]:
 {%- endif -%}
 </div>
 {%- endblock in_prompt %}
 
 {% block empty_in_prompt -%}
 <div class="prompt input_prompt">
 </div>
 {%- endblock empty_in_prompt %}
 
 {# 
   output_prompt doesn't do anything in HTML,
   because there is a prompt div in each output area (see output block)
 #}
 {% block output_prompt %}
 {% endblock output_prompt %}
 
 {% block input %}
 <div class="inner_cell">
     <div class="input_area">
 {{ cell.source | highlight_code(metadata=cell.metadata) }}
 </div>
 </div>
 {%- endblock input %}
 
 {% block output %}
 <div class="output_area">
 {% block output_area_prompt %}
 {%- if output.output_type == 'execute_result' -%}
     <div class="prompt output_prompt">
 {%- if cell.execution_count is defined -%}
     Out[{{ cell.execution_count|replace(None, "&nbsp;") }}]:
 {%- else -%}
     Out[&nbsp;]:
 {%- endif -%}
 {%- else -%}
     <div class="prompt">
 {%- endif -%}
     </div>
 {% endblock output_area_prompt %}
 {{ super() }}
 </div>
 {% endblock output %}
 
 {% block markdowncell scoped %}
 <div class="cell border-box-sizing text_cell rendered">
 {{ self.empty_in_prompt() }}
 <div class="inner_cell">
 <div class="text_cell_render border-box-sizing rendered_html">
 {{ cell.source  | markdown2html | strip_files_prefix }}
 </div>
 </div>
 </div>
 {%- endblock markdowncell %}
 
 {% block unknowncell scoped %}
 unknown type  {{ cell.type }}
 {% endblock unknowncell %}
 
 {% block execute_result -%}
 {%- set extra_class="output_execute_result" -%}
 {% block data_priority scoped %}
 {{ super() }}
 {% endblock %}
 {%- set extra_class="" -%}
 {%- endblock execute_result %}
 
 {% block stream_stdout -%}
 <div class="output_subarea output_stream output_stdout output_text">
 <pre>
 {{- output.text | ansi2html -}}
 </pre>
 </div>
 {%- endblock stream_stdout %}
 
 {% block stream_stderr -%}
 <div class="output_subarea output_stream output_stderr output_text">
 <pre>
 {{- output.text | ansi2html -}}
 </pre>
 </div>
 {%- endblock stream_stderr %}
 
 {% block data_svg scoped -%}
 <div class="output_svg output_subarea {{ extra_class }}">
 {%- if output.svg_filename %}
 <img src="{{ output.svg_filename | posix_path }}"
 {%- else %}
 {{ output.data['image/svg+xml'] }}
 {%- endif %}
 </div>
 {%- endblock data_svg %}
 
 {% block data_html scoped -%}
 <div class="output_html rendered_html output_subarea {{ extra_class }}">
 {{ output.data['text/html'] }}
 </div>
 {%- endblock data_html %}
 
 {% block data_markdown scoped -%}
 <div class="output_markdown rendered_html output_subarea {{ extra_class }}">
 {{ output.data['text/markdown'] | markdown2html }}
 </div>
 {%- endblock data_markdown %}
 
 {% block data_png scoped %}
 <div class="output_png output_subarea {{ extra_class }}">
 {%- if 'image/png' in output.metadata.get('filenames', {}) %}
 <img src="{{ output.metadata.filenames['image/png'] | posix_path }}"
 {%- else %}
 <img src="data:image/png;base64,{{ output.data['image/png'] }}"
 {%- endif %}
 {%- set width=output | get_metadata('width', 'image/png') -%}
 {%- if width is not none %}
 width={{ width }}
 {%- endif %}
 {%- set height=output | get_metadata('height', 'image/png') -%}
 {%- if height is not none %}
 height={{ height }}
 {%- endif %}
 {%- if output | get_metadata('unconfined', 'image/png') %}
 class="unconfined"
 {%- endif %}
 >
 </div>
 {%- endblock data_png %}
 
 {% block data_jpg scoped %}
 <div class="output_jpeg output_subarea {{ extra_class }}">
 {%- if 'image/jpeg' in output.metadata.get('filenames', {}) %}
 <img src="{{ output.metadata.filenames['image/jpeg'] | posix_path }}"
 {%- else %}
 <img src="data:image/jpeg;base64,{{ output.data['image/jpeg'] }}"
 {%- endif %}
 {%- set width=output | get_metadata('width', 'image/jpeg') -%}
 {%- if width is not none %}
 width={{ width }}
 {%- endif %}
 {%- set height=output | get_metadata('height', 'image/jpeg') -%}
 {%- if height is not none %}
 height={{ height }}
 {%- endif %}
 {%- if output | get_metadata('unconfined', 'image/jpeg') %}
 class="unconfined"
 {%- endif %}
 >
 </div>
 {%- endblock data_jpg %}
 
 {% block data_latex scoped %}
 <div class="output_latex output_subarea {{ extra_class }}">
 {{ output.data['text/latex'] }}
 </div>
 {%- endblock data_latex %}
 
 {% block error -%}
 <div class="output_subarea output_text output_error">
 <pre>
 {{- super() -}}
 </pre>
 </div>
 {%- endblock error %}
 
 {%- block traceback_line %}
 {{ line | ansi2html }}
 {%- endblock traceback_line %}
 
 {%- block data_text scoped %}
 <div class="output_text output_subarea {{ extra_class }}">
 <pre>
 {{- output.data['text/plain'] | ansi2html -}}
 </pre>
 </div>
 {%- endblock -%}
 
 {%- block data_javascript scoped %}
 {% set div_id = uuid4() %}
 <div id="{{ div_id }}"></div>
 <div class="output_subarea output_javascript {{ extra_class }}">
 <script type="text/javascript">
 var element = $('#{{ div_id }}');
 {{ output.data['application/javascript'] }}
 </script>
 </div>
 {%- endblock -%}
 
 {%- block data_widget_state scoped %}
 {% set div_id = uuid4() %}
 {% set datatype_list = output.data | filter_data_type %} 
 {% set datatype = datatype_list[0]%} 
 <div id="{{ div_id }}"></div>
 <div class="output_subarea output_widget_state {{ extra_class }}">
 <script type="text/javascript">
 var element = $('#{{ div_id }}');
 </script>
 <script type="{{ datatype }}">
 {{ output.data[datatype] | json_dumps }}
 </script>
 </div>
 {%- endblock data_widget_state -%}
 
 {%- block data_widget_view scoped %}
 {% set div_id = uuid4() %}
 {% set datatype_list = output.data | filter_data_type %} 
 {% set datatype = datatype_list[0]%} 
 <div id="{{ div_id }}"></div>
 <div class="output_subarea output_widget_view {{ extra_class }}">
 <script type="text/javascript">
 var element = $('#{{ div_id }}');
 </script>
 <script type="{{ datatype }}">
 {{ output.data[datatype] | json_dumps }}
 </script>
 </div>
 {%- endblock data_widget_view -%}
 
 {%- block footer %}
 {% set mimetype = 'application/vnd.jupyter.widget-state+json'%} 
 {% if mimetype in nb.metadata.get("widgets",{})%}
 <script type="{{ mimetype }}">
 {{ nb.metadata.widgets[mimetype] | json_dumps }}
 </script>
 {% endif %}
 {{ super() }}
 {%- endblock footer-%}
diff --git a/Slides/templates/presentation.tpl b/Slides/templates/presentation.tpl
index 256f3f5..f1ac6f6 100644
--- a/Slides/templates/presentation.tpl
+++ b/Slides/templates/presentation.tpl
@@ -1,292 +1,272 @@
 {%- extends 'mybasic.tpl' -%}
 
-{% block input_group -%}
-<div class="input_hidden">
-{{ super() }}
-</div>
-{% endblock input_group %}
-
 
 {% from 'mathjax.tpl' import mathjax %}
 
 {%- block any_cell scoped -%}
 {%- if cell.metadata.get('slide_start', False) -%}
 <section>
 {%- endif -%}
 {%- if cell.metadata.get('subslide_start', False) -%}
 <section>
 {%- endif -%}
 {%- if cell.metadata.get('fragment_start', False) -%}
 <div class="fragment">
 {%- endif -%}
 
 {%- if cell.metadata.slide_type == 'notes' -%}
 <aside class="notes">
 {{ super() }}
 </aside>
 {%- elif cell.metadata.slide_type == 'skip' -%}
 {%- else -%}
 {{ super() }}
 {%- endif -%}
 
 {%- if cell.metadata.get('fragment_end', False) -%}
 </div>
 {%- endif -%}
 {%- if cell.metadata.get('subslide_end', False) -%}
 </section>
 {%- endif -%}
 {%- if cell.metadata.get('slide_end', False) -%}
 </section>
 {%- endif -%}
 
 {%- endblock any_cell -%}
 
 {% block header %}
 <!DOCTYPE html>
 <html>
 <head>
 
 <meta charset="utf-8" />
 <meta http-equiv="X-UA-Compatible" content="chrome=1" />
 
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 
 <title>{{resources['metadata']['name']}} slides</title>
 
 <script src="tools/js-markdown-extra.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.10/require.min.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
 
 <!-- General and theme style sheets -->
 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/reveal.css">
 <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/css/theme/sky.css" id="theme">
 
 <!-- If the query includes 'print-pdf', include the PDF print sheet -->
 <script>
 if( window.location.search.match( /print-pdf/gi ) ) {
         var link = document.createElement( 'link' );
         link.rel = 'stylesheet';
         link.type = 'text/css';
         link.href = '{{resources.reveal.url_prefix}}/css/print/pdf.css';
         document.getElementsByTagName( 'head' )[0].appendChild( link );
 }
 
 </script>
 
 <!--[if lt IE 9]>
 <script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
 <![endif]-->
 
 <!-- Loading the mathjax macro -->
 {{ mathjax() }}
 
 <!-- Get Font-awesome from cdn -->
 <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.css">
 
 {% for css in resources.inlining.css -%}
     <style type="text/css">
     {{ css }}
     </style>
 {% endfor %}
 
 <style type="text/css">
 /* Overrides of notebook CSS for static HTML export */
 .reveal {
   font-size: 160%;
   overflow-y: scroll;
 }
 .reveal pre {
   width: inherit;
   padding: 0.4em;
   margin: 0px;
   font-family: monospace, sans-serif;
   font-size: 80%;
   box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
 }
 .reveal pre code {
   padding: 0px;
 }
 .reveal img {
   border: 0px solid black;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0);
 }
 
 section {
-  border: 5px solid black;
+  //border: 5px solid black;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0);
 }
 .reveal i {
   font-style: normal;
   font-family: FontAwesome;
   font-size: 2em;
 }
 .reveal .slides {
   text-align: left;
   //border: solid black;
 }
 .reveal.fade {
   opacity: 1;
 }
 .reveal .progress {
   position: static;
 }
-div.input_area {
-  padding: 0.06em;
-}
 div.code_cell {
   background-color: transparent;
 }
 div.prompt {
   width: 11ex;
   padding: 0.4em;
   margin: 0px;
   font-family: monospace, sans-serif;
   font-size: 80%;
   text-align: right;
 }
 div.output_area pre {
   font-family: monospace, sans-serif;
   font-size: 80%;
 }
 div.output_prompt {
   /* 5px right shift to account for margin in parent container */
   margin: 5px 5px 0 0;
 }
 div.text_cell.rendered .rendered_html {
   /* The H1 height seems miscalculated, we are just hidding the scrollbar */
   overflow-y: hidden;
 }
 a.anchor-link {
   /* There is still an anchor, we are only hidding it */
   display: none;
 }
 .rendered_html p {
   text-align: inherit;
 }
 
 /* added by guillaume */
 
 div.box {
   border-radius: 12px;
   background-color: black;
   color: white;
   padding: 15px 15px 15px 15px;
   margin: 5px 5px 5px 5px;
   box-shadow: 10px 10px 5px grey;
 }
 
-
-.input_hidden {
-  display: none;
-//  margin-top: 5px;
-}
-
 body {
     font-size: 15px;
 }
 
 /*hr {
 height: 5;
 }*/
 
 .output_wrapper {
     //border: 5px solid black
     text-align: center
 }
 .reveal {
     overflow-y: hidden
 }
 </style>
 
 <!-- Custom stylesheet, it must be in the same directory as the html file -->
 <!-- link rel="stylesheet" href="custom.css" -->
 
 </head>
 {% endblock header%}
 
 {% block body %}
 <body>
 
 <div class="reveal">
 <div class="slides">
 {{ super() }}
 </div>
 </div>
 
 <script>
 
 require(
     {
 	// it makes sense to wait a little bit when you are loading
       // reveal from a cdn in a slow connection environment
       waitSeconds: 15
     },
     [
 	"{{resources.reveal.url_prefix}}/lib/js/head.min.js",
 	"{{resources.reveal.url_prefix}}/js/reveal.js"
     ],
 
     function(head, Reveal){
 
 
 	Reveal.initialize({
 	    controls: true,
 	    progress: true,
 	    history: true,
 	    transition: 'fade',
 	    margin: 0.02,
 	    progress: true,
 	    //slideNumber: true,
 	    // Optional libraries used to extend on reveal.js plugins
 	    dependencies: [
 		{ src: '{{resources.reveal.url_prefix}}/lib/js/classList.js', condition: function() { return !document.body.classList; } },
 		{ src: '{{resources.reveal.url_prefix}}/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
 		{ src: '{{resources.reveal.url_prefix}}/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
 		{ src: '{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
 		{ src: '{{resources.reveal.url_prefix}}/plugin/zoom-js/zoom.js', async: true },
 		{ src: '{{resources.reveal.url_prefix}}/plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; }  }
 	    ]
 	});
 
 	var update = function(event){
 	    if(MathJax.Hub.getAllJax(Reveal.getCurrentSlide())){
 		MathJax.Hub.Rerender(Reveal.getCurrentSlide());
 	    }
 	};
 
 	Reveal.addEventListener('slidechanged', update);
     }
 );
 
 $(document).ready(function(){
 
-    $(".prompt").hide()
-    //$(".prompt.output_prompt").hide()
-    //$(".output_wrapper").click(function(){
-    //    $(this).prev('.input_hidden').slideToggle();
-    //});
     $(".cell").css("width","90%");
     $(".cell").css("margin","0 auto");
     $(".output_area").css("text-align","center");
     $(".output_png").css("margin","0 auto");
     $("img").css("margin","0 auto");
     $(".output_html").css("margin", "0 auto");
     $(".output_latex").css("margin", "0 auto");
     //$(".output_subarea").css("flex", "None");
 
     $( "markdown" ).each(function( index ) {
        $( this ).html(Markdown($( this ).text()));
     });
 })
 </script>
 
 </script>
 
 </body>
 {% endblock body %}
 
 {% block footer %}
 </html>
 {% endblock footer %}