upstream/ipython Files · IPython/nbconvert/templates/html/slides_reveal.tpl

Fab CSS

damianavila - - Load All Authors

File last commit:

r16798:8b9960d8


                r16939:83094539

Download file

             slides_reveal.tpl
        
                    196 lines
            
             | 4.8 KiB
            
                | application/vnd.groove-tool-template
            
             |
                SmartyLexer
            
             / IPython / nbconvert / templates / html / slides_reveal.tpl
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        MinRK
    
merge reveal templates into one...

              r14171
            
      {%- extends 'basic.tpl' -%}

        damianavila
    
Changed name of file from math to mathjax.

              r14154
            
      {% from 'mathjax.tpl' import mathjax %}

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
        MinRK
    
merge reveal templates into one...

              r14171
            
      {%- block any_cell scoped -%}

        MinRK
    
reorder slide branch per review

              r14211
            
      {%- if cell.metadata.slide_type in ['slide'] -%}

        MinRK
    
merge reveal templates into one...

              r14171
            
          <section>

          <section>

          {{ super() }}

      {%- elif cell.metadata.slide_type in ['subslide'] -%}

          <section>

          {{ super() }}

        MinRK
    
reorder slide branch per review

              r14211
            
      {%- elif cell.metadata.slide_type in ['-'] -%}

          {{ super() }}

        MinRK
    
merge reveal templates into one...

              r14171
            
      {%- 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() }}

        MinRK
    
reorder slide branch per review

              r14211
            
          </div>

      {%- endif -%}

        MinRK
    
merge reveal templates into one...

              r14171
            
      {%- if cell.metadata.slide_helper in ['subslide_end'] -%}

          </section>

      {%- elif cell.metadata.slide_helper in ['slide_end'] -%}

          </section>

          </section>

      {%- endif -%}

      {%- endblock any_cell -%}

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
      {% block header %}

      <!DOCTYPE html>

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      <html>

      <head>

        damianavila
    
Added closing slash to meta.

              r12890
            
      <meta charset="utf-8" />

      <meta http-equiv="X-UA-Compatible" content="chrome=1" />

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      <meta name="apple-mobile-web-app-capable" content="yes" />

      <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

        damianavila
    
Added title to full_html and slides.

              r12891
            
      <title>{{resources['metadata']['name']}} slides</title>

        damianavila
    
Fixed fontsize issue and added missing require and jquery from cdn.

              r16146
            
      <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>

        damianavila
    
Make configurable the url where look for reveal.js library.

              r11179
            
      <!-- 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">

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      <!-- For syntax highlighting -->

        damianavila
    
Make configurable the url where look for reveal.js library.

              r11179
            
      <link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css">

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
        ncornette
    
Fix blank slides issue in Reveal slideshow pdf export...

              r16362
            
      <!-- If the query includes 'print-pdf', include the PDF print sheet -->

        damianavila
    
Fixing typo in reveal.tpl.

              r11180
            
      <script>

        ncornette
    
Fix blank slides issue in Reveal slideshow pdf export...

              r16362
            
      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 );

      }

        damianavila
    
Fixing typo in reveal.tpl.

              r11180
            
      </script>

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      <!--[if lt IE 9]>

        damianavila
    
Make configurable the url where look for reveal.js library.

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

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      <![endif]-->

        damianavila
    
Added font-awesome to the slides to easily use some nice icons.

              r13699
            
      <!-- Get Font-awesome from cdn -->

      <link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">

        Matthias BUSSONNIER
    
move html header out

              r9654
            
      {% for css in resources.inlining.css -%}

        damianavila
    
Redo of fixing templates structure.

              r11770
            
          <style type="text/css">

          {{ css }}

          </style>

        Matthias BUSSONNIER
    
extract css from ipython dir

              r9645
            
      {% endfor %}

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      <style type="text/css">

        Matthias BUSSONNIER
    
extract css from ipython dir

              r9645
            
      /* Overrides of notebook CSS for static HTML export */

        damianavila
    
Fixed overflow not responding.

              r12855
            
      html {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        overflow-y: auto;

        damianavila
    
Fixed overflow not responding.

              r12855
            
      }

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      .reveal {

        damianavila
    
Making reveal font-size a relative unit.

              r13848
            
        font-size: 160%;

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      }

      .reveal pre {

        damianavila
    
Inherit the width of pre code inside the input code cells.

              r13698
            
        width: inherit;

        damianavila
    
Some changes to improve readibility.

              r12889
            
        padding: 0.4em;

        margin: 0px;

        font-family: monospace, sans-serif;

        font-size: 80%;

        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      }

      .reveal section img {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        border: 0px solid black;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0);

        damianavila
    
Fixed css in reveal template and move static_html css to full_html template.

              r9563
            
      }

        damianavila
    
reveal i is a class, so calling it with the class attribute selector.

              r13700
            
      .reveal i {

        damianavila
    
Added font-awesome to the slides to easily use some nice icons.

              r13699
            
        font-style: normal;

        font-family: FontAwesome;

        font-size: 2em;

      }

        damianavila
    
Fixed css in reveal template and move static_html css to full_html template.

              r9563
            
      .reveal .slides {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        text-align: left;

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      }

        Jessica B. Hamrick
    
Override ipython css for .fade...

              r11053
            
      .reveal.fade {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        opacity: 1;

        Jessica B. Hamrick
    
Override ipython css for .fade...

              r11053
            
      }

        damianavila
    
Fixing progress bar bug introduced by scrolling.

              r13171
            
      .reveal .progress {

        damianavila
    
Changing position property to static for a more robust fix.

              r13172
            
        position: static;

        damianavila
    
Fixing progress bar bug introduced by scrolling.

              r13171
            
      }

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      div.input_area {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        padding: 0.06em;

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      }

      div.code_cell {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        background-color: transparent;

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      }

      div.prompt {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        width: 11ex;

        padding: 0.4em;

        margin: 0px;

        font-family: monospace, sans-serif;

        font-size: 80%;

        text-align: right;

        damianavila
    
Fixed css in reveal template and move static_html css to full_html template.

              r9563
            
      }

      div.output_area pre {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        font-family: monospace, sans-serif;

        font-size: 80%;

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      }

      div.output_prompt {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        /* 5px right shift to account for margin in parent container */

        margin: 5px 5px 0 0;

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      }

        damianavila
    
Added some css changes to make it work.

              r10950
            
      .rendered_html p {

        damianavila
    
Some changes to improve readibility.

              r12889
            
        text-align: inherit;

        damianavila
    
Added some css changes to make it work.

              r10950
            
      }

        Matthias BUSSONNIER
    
reveal converter

              r9644
            
      </style>

        damianavila
    
Added (to full_html and reveal templates) the possbility to read a custom.css file for tweaking the final html.

              r11247
            
      <!-- Custom stylesheet, it must be in the same directory as the html file -->

      <link rel="stylesheet" href="custom.css">

        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
      </head>

      {% endblock header%}

      {% block body %}

      <body>

        damianavila
    
Redo of fixing templates structure.

              r11770
            
      <div class="reveal">

      <div class="slides">

        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
      {{ super() }}

        damianavila
    
Redo of fixing templates structure.

              r11770
            
      </div>

      </div>

        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
        damianavila
    
Make configurable the url where look for reveal.js library.

              r11179
            
      <script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>

        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
        damianavila
    
Fixing typo in reveal.tpl.

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

        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
      <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: [

        damianavila
    
Make configurable the url where look for reveal.js library.

              r11179
            
      { src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },

        MinRK
    
remove special handling of speaker notes

              r12439
            
      { src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }

        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
      ]

      });

      </script>

        damianavila
    
Added a math jinja macro containing the scripts to load mathjax.

              r14150
            
      <!-- Loading mathjax macro -->

        damianavila
    
Added missing braces.

              r14151
            
      {{ mathjax() }}

        damianavila
    
Fixed reveal in the new nbconvert to make it work.

              r10823
            
        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
      <script>

      Reveal.addEventListener( 'slidechanged', function( event ) {

        damianavila
    
Scroll to top after slide change event.

              r12854
            
        window.scrollTo(0,0);

        MathJax.Hub.Rerender(event.currentSlide);

        damianavila
    
A new implementation of reveal converter with jinja templates.

              r9662
            
      });

      </script>

      </body>

      {% endblock body %}

      {% block footer %}

      </html>

        damianavila
    
Some more fixes.

              r11771
            
      {% endblock footer %}

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

MinRK merge reveal templates into one...	r14171	{%- extends 'basic.tpl' -%}
damianavila Changed name of file from math to mathjax.	r14154	{% from 'mathjax.tpl' import mathjax %}
Matthias BUSSONNIER reveal converter	r9644
MinRK merge reveal templates into one...	r14171	{%- block any_cell scoped -%}
MinRK reorder slide branch per review	r14211	{%- if cell.metadata.slide_type in ['slide'] -%}
MinRK merge reveal templates into one...	r14171	<section>
		<section>
		{{ super() }}
		{%- elif cell.metadata.slide_type in ['subslide'] -%}
		<section>
		{{ super() }}
MinRK reorder slide branch per review	r14211	{%- elif cell.metadata.slide_type in ['-'] -%}
		{{ super() }}
MinRK merge reveal templates into one...	r14171	{%- 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() }}
MinRK reorder slide branch per review	r14211	</div>
		{%- endif -%}
MinRK merge reveal templates into one...	r14171	{%- if cell.metadata.slide_helper in ['subslide_end'] -%}
		</section>
		{%- elif cell.metadata.slide_helper in ['slide_end'] -%}
		</section>
		</section>
		{%- endif -%}
		{%- endblock any_cell -%}
Matthias BUSSONNIER reveal converter	r9644
damianavila A new implementation of reveal converter with jinja templates.	r9662	{% block header %}
		<!DOCTYPE html>
Matthias BUSSONNIER reveal converter	r9644	<html>
		<head>

damianavila Added closing slash to meta.	r12890	<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="chrome=1" />
Matthias BUSSONNIER reveal converter	r9644
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

damianavila Added title to full_html and slides.	r12891	<title>{{resources['metadata']['name']}} slides</title>

damianavila Fixed fontsize issue and added missing require and jquery from cdn.	r16146	<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>

damianavila Make configurable the url where look for reveal.js library.	r11179	<!-- 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">
Matthias BUSSONNIER reveal converter	r9644
		<!-- For syntax highlighting -->
damianavila Make configurable the url where look for reveal.js library.	r11179	<link rel="stylesheet" href="{{resources.reveal.url_prefix}}/lib/css/zenburn.css">
Matthias BUSSONNIER reveal converter	r9644
ncornette Fix blank slides issue in Reveal slideshow pdf export...	r16362	<!-- If the query includes 'print-pdf', include the PDF print sheet -->
damianavila Fixing typo in reveal.tpl.	r11180	<script>
ncornette Fix blank slides issue in Reveal slideshow pdf export...	r16362	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 );
		}

damianavila Fixing typo in reveal.tpl.	r11180	</script>
Matthias BUSSONNIER reveal converter	r9644
		<!--[if lt IE 9]>
damianavila Make configurable the url where look for reveal.js library.	r11179	<script src="{{resources.reveal.url_prefix}}/lib/js/html5shiv.js"></script>
Matthias BUSSONNIER reveal converter	r9644	<![endif]-->

damianavila Added font-awesome to the slides to easily use some nice icons.	r13699	<!-- Get Font-awesome from cdn -->
		<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css">

Matthias BUSSONNIER move html header out	r9654	{% for css in resources.inlining.css -%}
damianavila Redo of fixing templates structure.	r11770	<style type="text/css">
		{{ css }}
		</style>
Matthias BUSSONNIER extract css from ipython dir	r9645	{% endfor %}
Matthias BUSSONNIER reveal converter	r9644
		<style type="text/css">
Matthias BUSSONNIER extract css from ipython dir	r9645	/* Overrides of notebook CSS for static HTML export */
damianavila Fixed overflow not responding.	r12855	html {
damianavila Some changes to improve readibility.	r12889	overflow-y: auto;
damianavila Fixed overflow not responding.	r12855	}
Matthias BUSSONNIER reveal converter	r9644	.reveal {
damianavila Making reveal font-size a relative unit.	r13848	font-size: 160%;
Matthias BUSSONNIER reveal converter	r9644	}
		.reveal pre {
damianavila Inherit the width of pre code inside the input code cells.	r13698	width: inherit;
damianavila Some changes to improve readibility.	r12889	padding: 0.4em;
		margin: 0px;
		font-family: monospace, sans-serif;
		font-size: 80%;
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
Matthias BUSSONNIER reveal converter	r9644	}
		.reveal section img {
damianavila Some changes to improve readibility.	r12889	border: 0px solid black;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0);
damianavila Fixed css in reveal template and move static_html css to full_html template.	r9563	}
damianavila reveal i is a class, so calling it with the class attribute selector.	r13700	.reveal i {
damianavila Added font-awesome to the slides to easily use some nice icons.	r13699	font-style: normal;
		font-family: FontAwesome;
		font-size: 2em;
		}
damianavila Fixed css in reveal template and move static_html css to full_html template.	r9563	.reveal .slides {
damianavila Some changes to improve readibility.	r12889	text-align: left;
Matthias BUSSONNIER reveal converter	r9644	}
Jessica B. Hamrick Override ipython css for .fade...	r11053	.reveal.fade {
damianavila Some changes to improve readibility.	r12889	opacity: 1;
Jessica B. Hamrick Override ipython css for .fade...	r11053	}
damianavila Fixing progress bar bug introduced by scrolling.	r13171	.reveal .progress {
damianavila Changing position property to static for a more robust fix.	r13172	position: static;
damianavila Fixing progress bar bug introduced by scrolling.	r13171	}
Matthias BUSSONNIER reveal converter	r9644	div.input_area {
damianavila Some changes to improve readibility.	r12889	padding: 0.06em;
Matthias BUSSONNIER reveal converter	r9644	}
		div.code_cell {
damianavila Some changes to improve readibility.	r12889	background-color: transparent;
Matthias BUSSONNIER reveal converter	r9644	}
		div.prompt {
damianavila Some changes to improve readibility.	r12889	width: 11ex;
		padding: 0.4em;
		margin: 0px;
		font-family: monospace, sans-serif;
		font-size: 80%;
		text-align: right;
damianavila Fixed css in reveal template and move static_html css to full_html template.	r9563	}
		div.output_area pre {
damianavila Some changes to improve readibility.	r12889	font-family: monospace, sans-serif;
		font-size: 80%;
Matthias BUSSONNIER reveal converter	r9644	}
		div.output_prompt {
damianavila Some changes to improve readibility.	r12889	/* 5px right shift to account for margin in parent container */
		margin: 5px 5px 0 0;
Matthias BUSSONNIER reveal converter	r9644	}
damianavila Added some css changes to make it work.	r10950	.rendered_html p {
damianavila Some changes to improve readibility.	r12889	text-align: inherit;
damianavila Added some css changes to make it work.	r10950	}
Matthias BUSSONNIER reveal converter	r9644	</style>
damianavila Added (to full_html and reveal templates) the possbility to read a custom.css file for tweaking the final html.	r11247
		<!-- Custom stylesheet, it must be in the same directory as the html file -->
		<link rel="stylesheet" href="custom.css">

damianavila A new implementation of reveal converter with jinja templates.	r9662	</head>
		{% endblock header%}


		{% block body %}
		<body>
damianavila Redo of fixing templates structure.	r11770	<div class="reveal">
		<div class="slides">
damianavila A new implementation of reveal converter with jinja templates.	r9662	{{ super() }}
damianavila Redo of fixing templates structure.	r11770	</div>
		</div>
damianavila A new implementation of reveal converter with jinja templates.	r9662
damianavila Make configurable the url where look for reveal.js library.	r11179	<script src="{{resources.reveal.url_prefix}}/lib/js/head.min.js"></script>
damianavila A new implementation of reveal converter with jinja templates.	r9662
damianavila Fixing typo in reveal.tpl.	r11180	<script src="{{resources.reveal.url_prefix}}/js/reveal.js"></script>
damianavila A new implementation of reveal converter with jinja templates.	r9662
		<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: [
damianavila Make configurable the url where look for reveal.js library.	r11179	{ src: "{{resources.reveal.url_prefix}}/lib/js/classList.js", condition: function() { return !document.body.classList; } },
MinRK remove special handling of speaker notes	r12439	{ src: "{{resources.reveal.url_prefix}}/plugin/notes/notes.js", async: true, condition: function() { return !!document.body.classList; } }
damianavila A new implementation of reveal converter with jinja templates.	r9662	]
		});
		</script>

damianavila Added a math jinja macro containing the scripts to load mathjax.	r14150	<!-- Loading mathjax macro -->
damianavila Added missing braces.	r14151	{{ mathjax() }}
damianavila Fixed reveal in the new nbconvert to make it work.	r10823
damianavila A new implementation of reveal converter with jinja templates.	r9662	<script>
		Reveal.addEventListener( 'slidechanged', function( event ) {
damianavila Scroll to top after slide change event.	r12854	window.scrollTo(0,0);
		MathJax.Hub.Rerender(event.currentSlide);
damianavila A new implementation of reveal converter with jinja templates.	r9662	});
		</script>

		</body>
		{% endblock body %}

		{% block footer %}
		</html>
damianavila Some more fixes.	r11771	{% endblock footer %}