Skip to content

Instantly share code, notes, and snippets.

@damianavila

damianavila/fixed_mathjax.tpl

Last active August 29, 2015 14:06
Download ZIP

Revisions

  1. damianavila revised this gist Sep 8, 2014. 1 changed file with 23 additions and 0 deletions.
    23 changes: 23 additions & 0 deletions fixed_mathjax.tpl
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    {%- macro mathjax() -%}
    <!-- Load mathjax -->
    <script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></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 %}
  2. damianavila created this gist Sep 8, 2014.
    198 changes: 198 additions & 0 deletions slides.tpl
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,198 @@
    {%- extends 'basic.tpl' -%}
    {% from 'fixed_mathjax.tpl' import mathjax %}

    {%- block any_cell scoped -%}
    {%- if cell.metadata.slide_type in ['slide'] -%}
    <section>
    <section>
    {{ super() }}
    {%- elif cell.metadata.slide_type in ['subslide'] -%}
    <section>
    {{ super() }}
    {%- elif cell.metadata.slide_type in ['-'] -%}
    {{ super() }}
    {%- elif cell.metadata.slide_type in ['skip'] -%}
    <div style=display:none>
    {{ super() }}
    </div>
    {%- elif cell.metadata.slide_type in ['notes'] -%}
    <aside class="notes">
    {{ super() }}
    </aside>
    {%- elif cell.metadata.slide_type in ['fragment'] -%}
    <div class="fragment">
    {{ super() }}
    </div>
    {%- endif -%}
    {%- if cell.metadata.slide_helper in ['subslide_end'] -%}
    </section>
    {%- elif cell.metadata.slide_helper in ['slide_end'] -%}
    </section>
    </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="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/simple.css" id="theme">

    <!-- For syntax highlighting -->
    <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css">

    <!-- 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]-->

    <!-- Get Font-awesome from cdn -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/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 */
    html {
    overflow-y: auto;
    }
    .reveal {
    font-size: 160%;
    }
    .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 section img {
    border: 0px 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;
    }
    .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;
    }
    .rendered_html p {
    text-align: inherit;
    }
    </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 src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>

    <script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>

    <script>
    // Full list of configuration options available here: https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
    controls: true,
    progress: true,
    history: true,
    theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
    transition: Reveal.getQueryHash().transition || 'linear', // default/cube/page/concave/zoom/linear/none
    // Optional libraries used to extend on reveal.js
    dependencies: [
    { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },
    { src: "{{resources.reveal.url_prefix}}/plugin/highlight/highlight.js", async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
    { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
    ]
    });
    </script>

    <!-- Loading mathjax macro -->
    {{ mathjax() }}

    <script>
    Reveal.addEventListener( 'slidechanged', function( event ) {
    window.scrollTo(0,0);
    MathJax.Hub.Rerender(event.currentSlide);
    });
    </script>

    </body>
    {% endblock body %}

    {% block footer %}
    </html>
    {% endblock footer %}