You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
3.9 KiB
108 lines
3.9 KiB
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
|
|
<title></title>
|
|
|
|
<meta name="description" content="">
|
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
|
|
|
|
<!-- For syntax highlighting -->
|
|
<link rel="stylesheet" href="../../../../lib/css/zenburn.css">
|
|
<link rel="stylesheet" href="../../../../lib/css/prism.css">
|
|
|
|
<link rel="stylesheet" href="../../../../css/reveal.css">
|
|
<link rel="stylesheet" href="../../../../css/theme/ga-title.css" id="theme">
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="lib/js/html5shiv.js"></script>
|
|
<![endif]-->
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://s3.amazonaws.com/python-ga/proxima-nova/fonts.css" />
|
|
|
|
</head>
|
|
|
|
<body class="language-javascript">
|
|
|
|
<div class="reveal">
|
|
|
|
<!-- Any section element inside of this container is displayed as a slide -->
|
|
<div class="slides">
|
|
|
|
|
|
<p>For example, create a Flask app with a <code>temperature</code> route that calls the OpenWeather API and displays different text depending on the temperature.</p>
|
|
|
|
</div>
|
|
<footer><span class='slide-number'></span></footer>
|
|
</div>
|
|
<script src="../../../../lib/js/head.min.js"></script>
|
|
<script src="../../../../js/reveal.js"></script>
|
|
|
|
<script>
|
|
|
|
var dependencies = [
|
|
{ src: '../../../../lib/js/classList.js', condition: function() { return !document.body.classList; } },
|
|
{ src: '../../../../plugin/markdown/showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
{ src: '../../../../plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
|
|
{ src: '../../../../plugin/prism/prism.js', async: true, callback: function() { /*hljs.initHighlightingOnLoad();*/ } },
|
|
{ src: '../../../../plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } }
|
|
];
|
|
|
|
if (Reveal.getQueryHash().instructor === 1) {
|
|
dependencies.push({ src: '../../../../plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } });
|
|
}
|
|
// Full list of configuration options available here:
|
|
// https://github.com/hakimel/reveal.js#configuration
|
|
Reveal.initialize({
|
|
controls: true,
|
|
progress: true,
|
|
history: true,
|
|
center: false,
|
|
slideNumber: true,
|
|
|
|
// available themes are in /css/theme
|
|
theme: Reveal.getQueryHash().theme || 'default',
|
|
|
|
// default/cube/page/concave/zoom/linear/fade/none
|
|
transition: Reveal.getQueryHash().transition || 'slide',
|
|
|
|
// Optional libraries used to extend on reveal.js
|
|
dependencies: dependencies
|
|
});
|
|
|
|
if (Reveal.getQueryHash().instructor === 1) {
|
|
Reveal.configure(dependencies.push({ src: '../../../../plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }));
|
|
}
|
|
|
|
|
|
|
|
Reveal.addEventListener('ready', function() {
|
|
if (Reveal.getCurrentSlide().classList.contains('separator-subhead')) {
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-subhead.css');
|
|
} else if (Reveal.getCurrentSlide().classList.contains('separator')) {
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-title.css')
|
|
} else {
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga.css');
|
|
}
|
|
});
|
|
|
|
Reveal.addEventListener('slidechanged', function(e) {
|
|
if (Reveal.getCurrentSlide().classList.contains('separator-subhead')) {
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-subhead.css');
|
|
} else if (Reveal.getCurrentSlide().classList.contains('separator')) {
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga-title.css')
|
|
} else {
|
|
document.getElementById('theme').setAttribute('href', '../../../../css/theme/ga.css');
|
|
}
|
|
});
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|