-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcreating-slides-using-the-ipython-notebook.html
153 lines (116 loc) · 5.28 KB
/
creating-slides-using-the-ipython-notebook.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!doctype html>
<html lang="">
<head>
<meta charset="utf-8"/>
<title>Creating slides using the iPython notebook - blog.mortenvp.com</title>
<meta name="author" content="Morten V. Pedersen">
<meta name="description" content="This semester I'm teaching a free study activity called C++11/14 basic introduction and as an experiment I decided to try to create my slides using an iPython notebook. Turns out this works pretty well, and Hosting the slides Since the slides are basically a html website with ...">
<link rel="stylesheet" href="http://blog.mortenvp.com/theme/css/main.css" type="text/css" />
<link href="http://blog.mortenvp.com/feeds/all.atom.xml" type="application/atom+xml" rel="alternate" title="blog.mortenvp.com Atom Feed" />
<script src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" type="text/javascript"></script>
<script type="text/javascript">
init_mathjax = function()
{
if (window.MathJax)
{
// MathJax loaded
MathJax.Hub.Config(
{
tex2jax:
{
inlineMath: [ ['$','$'], ["\\(","\\)"] ],
displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
},
displayAlign: 'left', // Change this to 'center' to center equations.
"HTML-CSS":
{
scale: 100,
styles: {'.MathJax_Display': {"margin": 0}, '.MathJax':{"font-size": "100%", "color": "black"}}
}
styles: {'.MathJax_Preview':{"font-size": "100%", "color": "black"}}
});
MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
}
}
init_mathjax();
</script>
</head>
<body>
<div class="container">
<header role="banner">
<div class="feeds">
<a href="http://blog.mortenvp.com/feeds/all.atom.xml" rel="alternate"><img src="http://blog.mortenvp.com/theme/images/icons/feed-32px.png" alt="atom feed"/></a>
</div>
<a href="http://blog.mortenvp.com" class="title">blog.mortenvp.com</a>
</header>
<div class="wrapper">
<div role="main" class="content">
<article class="full">
<h1>Creating slides using the iPython notebook</h1>
<div class="metadata">
<time datetime="2015-03-03T12:43:00" pubdate>Tue 03 March 2015</time>
<address class="vcard author">
by <a class="url fn" href="http://blog.mortenvp.com/author/morten-v-pedersen.html">Morten V. Pedersen</a>
</address>
in <a href="http://blog.mortenvp.com/category/misc.html">misc</a>
</div>
<p>This semester I'm teaching a free study activity called C++11/14 basic
introduction and as an experiment I decided to try to create my slides
using an iPython notebook.</p>
<p>Turns out this works pretty well, and</p>
<h2>Hosting the slides</h2>
<p>Since the slides are basically a html website with some javascript we can
easily make the slides available for online viewing.</p>
<p>For the slides to work properly we also have to host the
<a href="https://github.com/hakimel/reveal.js">reveal.js</a> javascript library. To
ensure that it will work as expected you should use the same version of
reveal.js as the iPython However, this did not work straight out of the box
so here is a small tip.</p>
<div class="highlight"><pre>ipython nbconvert --to slides lecture1.ipynb --post serve --log-level=INFO
</pre></div>
<p>This will generate some output and show where the in-built webserver
forwards requests to the reveal.js library:</p>
<div class="highlight"><pre>[NbConvertApp] Redirecting reveal.js requests to https://cdn.jsdelivr.net/reveal.js/2.5.0
</pre></div>
<p>So if we want to use the same version of reveal.js we should use version 2.5.0.</p>
</article>
<p>
<a href="https://twitter.com/share" class="twitter-share-button" data-via="" data-lang="en" data-size="large" data-related="">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</p>
</div>
<div class="sidebar">
<div class="sidebar-container" >
<nav>
<h2>Categories</h2>
<ul>
<li class="active"><a href="http://blog.mortenvp.com/category/misc.html">misc</a></li>
</ul>
</nav>
<aside>
<h2>Social</h2>
<ul class="social">
<li><a href="#">You can add links in your config file</a><i></i></li>
<li><a href="#">Another social link</a><i></i></li>
</ul>
</aside>
<aside>
<h2>Blogroll</h2>
<ul>
<li><a href="http://getpelican.com/">Pelican</a></li>
<li><a href="http://python.org/">Python.org</a></li>
<li><a href="http://jinja.pocoo.org/">Jinja2</a></li>
<li><a href="#">You can modify those links in your config file</a></li>
</ul>
</aside>
</div>
</div>
</div>
<footer>
<p role="contentinfo">
Morten V. Pedersen - Proudly powered by <a href="http://alexis.notmyidea.org/pelican/">pelican</a>. Theme <a href="https://github.com/fle/pelican-sober">pelican-sober</a>.
</p>
</footer>
</div>
</body>
</html>