html_css_md_diapos.html
télécharger ou tester sur place (bouton précédent du navigateur pour revenir)
<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Mes diapos</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="showdown.js"></script>
<script src="slidy.js"></script>
<link rel="stylesheet" type="text/css" href="slidy.css" />
</head>
<body>
<script type="text/markdown">
<!--
Diapo 1
=======
Tapez sur la touche `Espace`.
Si le système de présentation ne fonctionne pas, c’est qu’il vous manque les
fichiers :
* `slidy.css`
* `slidy.js`
Ils sont accessibles <a href="https://github.com/airportyh/QuickSlides">ici</a>.
-----------------------------------------------------
Diapo 2
=======
Formaté avec [Markdown](http://daringfireball.net/projects/markdown/syntax).
Flêche de gauche pour revenir à la diapo 1.
-->
</script>
<script>
var scripts = document.getElementsByTagName('script');
for (var i = 0; i < scripts.length; i++){
var script = scripts[i];
if (script.type != 'text/markdown') continue;
var markdown_src = script.innerHTML.replace(/^\s<!--*/, '')
.replace(/-->\s*$/, '');
var generated_html = new Showdown.converter().makeHtml(markdown_src);
var diapos = generated_html.split('<hr />');
for (var j = 0; j < diapos.length; j++)
document.write('<div class="slide">' + diapos[j] + '</div>');
}
w3c_slidy.add_listener(document.body, "touchend", w3c_slidy.mouse_button_click);
</script>
<p>Si seulement cette phrase apparaît, c’est que :</p>
<ul>
<li>Javascript n’est pas activé,</li>
<li>ou il vous manque le fichier `showdown.js`.</li>
</ul>
<p>Il est accessible <a href="https://github.com/airportyh/QuickSlides">ici</a>.</p>
</body>
</html>