yogsototh/fractal-presentation
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity
fractal-presentation/index.html

259 lines
9.2 KiB
HTML
Raw Normal View History

remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
<!doctype html>
initial commit
2011-06-07 19:10:59 +00:00
<html lang="en">
<head>
<meta charset="utf-8">
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
starting
2013-03-06 17:08:07 +00:00
<title>Les Fractales - des maths dans mon chat ?</title>
<meta name="description" content="Les Fractales expliqué aux enfants.">
<meta name="author" content="Yann Esposito">
hide address bar in mobile browsers, add apple web app meta
2012-05-07 02:05:58 +00:00
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
rename padding config option to margin, better mobile support for scaled presentations (#310)
2013-01-29 23:59:36 +00:00
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
add grunt.js build file (closes #235)
2012-11-11 15:01:05 +00:00
<link rel="stylesheet" href="css/reveal.min.css">
starting
2013-03-06 17:08:07 +00:00
<link rel="stylesheet" href="css/theme/serif.css" id="theme">
themes are now available as separate css files under css/theme/, old theme option in config is no longer supported (closes #104)
2012-08-08 05:14:12 +00:00
<!-- For syntax highlighting -->
refactored folder structure, added /plugins which is initially only used by #57
2012-07-10 01:00:51 +00:00
<link rel="stylesheet" href="lib/css/zenburn.css">
new slide
2012-09-30 22:14:27 +00:00
<!-- If the query includes 'print-pdf', use the PDF print sheet -->
support for PDF export in chrome (closes #92)
2012-08-04 19:45:13 +00:00
<script>
rewrote initialization code for clarity and brevity (#105)
2012-08-12 00:25:55 +00:00
document.write( '<link rel="stylesheet" href="css/print/' + ( window.location.search.match( /print-pdf/gi ) ? 'pdf' : 'paper' ) + '.css" type="text/css" media="print">' );
support for PDF export in chrome (closes #92)
2012-08-04 19:45:13 +00:00
</script>
ie8 support (closes #96)
2012-08-04 01:49:29 +00:00
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
start by something not too bad
2013-03-10 00:56:15 +00:00
<style>
.red { color: #DC322F; }
.yellow { color: #B58900; }
</style>
initial commit
2011-06-07 19:10:59 +00:00
</head>
<body>
change add .reveal class in index (closes #51)
2012-06-03 21:30:37 +00:00
<div class="reveal">
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)
2012-10-08 13:15:36 +00:00
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
<section>
starting
2013-03-06 17:08:07 +00:00
<h1>Les Fractales</h1>
<h3>Les maths cachées dans ton chat</h3>
start by something not too bad
2013-03-10 00:56:15 +00:00
<img src="img/fractal-cat.jpg" alt="fractal cat"/>
content now re-renders after alt+click zoom (closes #195)
2012-10-29 03:55:19 +00:00
<p>
starting
2013-03-06 17:08:07 +00:00
<small>Par <a href="http://yannesposito.com">Yann Esposito</a></small>
content now re-renders after alt+click zoom (closes #195)
2012-10-29 03:55:19 +00:00
</p>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
</section>
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
initial commit
2011-06-07 19:10:59 +00:00
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<h2>Moi</h2>
<ul>
<li>Section Générale au Lycée</li>
<li>Bac S option Math</li>
<li>Licence Math/Informatique</li>
<li>Master Recherche Informatique</li>
<li>Doctorat Informatique (Intelligence Artificielle)</li>
</ul>
</section>
<section>
<h2>Les fractales ça peut être très beau</h2>
<iframe src="http://player.vimeo.com/video/8601479"
starting
2013-03-06 17:08:07 +00:00
width="800"
height="500"
frameborder="0"
webkitAllowFullScreen
mozallowfullscreen
allowFullScreen></iframe>
initial commit
2011-06-07 19:10:59 +00:00
</section>
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
start by something not too bad
2013-03-10 00:56:15 +00:00
<section>
<h2>Les fractales ça peut être très étrange</h2>
<img src="img/fractal-gorilla.jpg" alt="gorilla fractal"/>
</section>
<section>
<h2>Les fractales ça peut ressembler à la réalité</h2>
<img src="img/Shells.jpg" alt="Shells"/>
<a class="small" href="http://www.deviantart.com/art/Rotbox-Beach-337639948">Author</a>
</section>
initial commit
2011-06-07 19:10:59 +00:00
<section>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<h2>Les fractales ça existe dans la vie</h2>
<img src="img/choux.jpg" alt="Choux"/>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
</section>
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<h2>Les broccolis</h2>
<img src="img/broccoli.jpg" alt="Broccolis"/>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
</section>
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<h2>Le choux romanesco</h2>
<img src="img/romanesco.jpg" alt="Choux Romanesco"/>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
</section>
initial commit
2011-06-07 19:10:59 +00:00
</section>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
initial commit
2011-06-07 19:10:59 +00:00
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<section>
<h2>Quelle est la longueur des cotes de la Bretagne?</h2>
<img src="img/bretagne.jpg" alt="La bretagne"/>
</section>
<section>
<h2>Quelle est la longueur des cotes de la Bretagne?</h2>
<img src="img/bretagne01.jpeg" alt="La bretagne"/>
<p>1000km?</p>
</section>
<section>
<h2>Quelle est la longueur des cotes de la Bretagne?</h2>
<img src="img/bretagne02.jpeg" alt="La bretagne"/>
<p>2000km?</p>
</section>
updated copy in slides, added one that explains transitions
2011-12-27 05:57:37 +00:00
</section>
add rvl.io to readme and template slide
2012-09-10 02:04:50 +00:00
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<section>
<h2>L-Systems</h2>
<img src="img/franklin.jpg" alt="Franklin"/>
</section>
<section>
<h2>L-Systems</h2>
<ul><li>Règles de réécritures
</li><li><span style="border:solid;border-color:#DC322F;">F → <span class="red">F+F-F</span></span>
</li><li>F → F+F-F → <span class="red">F+F-F</span> + <span class="red">F+F-F</span> - <span class="red">F+F-F</span>
</li><li>F+F-F+F+F-F-F+F-F →
<span class="red">F+F-F</span> + <span class="red">F+F-F</span> -<span class="red">F+F-F</span> + <span class="red">F+F-F</span> + <span class="red">F+F-F</span> -<span class="red">F+F-F</span> -<span class="red">F+F-F</span> + <span class="red">F+F-F</span> -<span class="red">F+F-F</span>
</li><li> 1 → 3 → 9 → 27 → 81 → 243 ...
</li></ul>
</section>
<section>
<h2>L-Systems</h2>
<img src="img/franklin-letters.jpg" alt="Franklin letters"/>
<ul><li>Tortue avec un crayon
</li><li>F → Avance
</li><li>+ → Tourne à gauche
</li><li>- → Tourne à droite
</li></ul>
<p>Inventé par un biologiste (algues)</p>
<a href="http://www.kevs3d.co.uk/dev/lsystems/">TEST sur <code>http://www.kevs3d.co.uk/dev/lsystems/</code></a>
</section>
<section>
<h2>L-Systems</h2>
<img src="img/lsystemOnline.png" alt="L-System parameters"/>
</section>
<section>
<h2>L-Systems</h2>
<p>12 fois → 3<sup>12</sup> = 531441</p>
<img src="img/lsystem.png" alt="an L-System fractal"/>
</section>
add rvl.io to readme and template slide
2012-09-10 02:04:50 +00:00
</section>
comments, tweaks and a new slide highlighting mobile support
2012-06-02 21:58:09 +00:00
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<h2>Longueur ?</h2>
A chaque iteration la longueur double!
La longeur de la forme est donc?
comments, tweaks and a new slide highlighting mobile support
2012-06-02 21:58:09 +00:00
start by something not too bad
2013-03-10 00:56:15 +00:00
<b>∞</b>
initial commit
2011-06-07 19:10:59 +00:00
</section>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
<section>
start by something not too bad
2013-03-10 00:56:15 +00:00
<h2>Ensemble de Mandelbrot</h2>
<section>
<h2>Auto référentes</h2>
<iframe src="http://player.vimeo.com/video/61190538"
width="800"
height="500"
frameborder="0"
webkitAllowFullScreen
mozallowfullscreen
allowFullScreen></iframe>
</section>
<section>
<h2>Les fractales ça peut faire tourner la tête</h2>
<iframe src="http://player.vimeo.com/video/12185093"
width="800"
height="500"
frameborder="0"
webkitAllowFullScreen
mozallowfullscreen
allowFullScreen></iframe>
</section>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
</section>
renamed to reveal.js, many new features, and upgraded to v1.0
2011-12-05 02:07:33 +00:00
added slide announcing markdown support (#15)
2012-07-31 05:35:16 +00:00
<section data-markdown>
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)
2012-10-08 13:15:36 +00:00
<script type="text/template">
## Markdown support
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)
2012-10-08 13:15:36 +00:00
For those of you who like that sort of thing. Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
added slide announcing markdown support (#15)
2012-07-31 05:35:16 +00:00
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)
2012-10-08 13:15:36 +00:00
<section data-markdown>
## Markdown support
update markdown code example to correctly reflect line breaks
2012-08-01 03:50:41 +00:00
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
For those of you who like that sort of thing.
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)
2012-10-08 13:15:36 +00:00
Instructions and a bit more info available [here](https://github.com/hakimel/reveal.js#markdown).
</section>
</script>
added slide announcing markdown support (#15)
2012-07-31 05:35:16 +00:00
</section>
better example of state usage
2012-04-04 04:59:35 +00:00
<section>
<section data-state="alert">
<h2>Global State</h2>
<p>
Set <code>data-state="something"</code> on a slide and <code>"something"</code>
Update index.html Typo fix: let's -> lets
2012-08-09 03:00:40 +00:00
will be added as a class to the document element when the slide is open. This lets you
better example of state usage
2012-04-04 04:59:35 +00:00
apply broader style changes, like switching the background.
</p>
allow multiple control elements, document usage of global controls (#184, #204)
2012-11-10 16:40:19 +00:00
<a href="#" class="image navigate-down">
improved accessibility I gave all the <img>s alt attributes, which makes reveal.js a lot more accessible
2012-08-06 02:52:36 +00:00
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
better example of state usage
2012-04-04 04:59:35 +00:00
</a>
</section>
<section data-state="blackout">
<h2>"blackout"</h2>
allow multiple control elements, document usage of global controls (#184, #204)
2012-11-10 16:40:19 +00:00
<a href="#" class="image navigate-down">
improved accessibility I gave all the <img>s alt attributes, which makes reveal.js a lot more accessible
2012-08-06 02:52:36 +00:00
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Down arrow">
better example of state usage
2012-04-04 04:59:35 +00:00
</a>
</section>
<section data-state="soothe">
<h2>"soothe"</h2>
allow multiple control elements, document usage of global controls (#184, #204)
2012-11-10 16:40:19 +00:00
<a href="#" class="image navigate-next">
<img width="178" height="238" src="https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png" alt="Up arrow" style="-webkit-transform: rotate(-90deg);">
better example of state usage
2012-04-04 04:59:35 +00:00
</a>
</section>
now capturing data-state on slides and lifting it to document element classList when slide is open
2012-03-30 04:13:45 +00:00
</section>
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
<section>
<h1>THE END</h1>
start by something not too bad
2013-03-10 00:56:15 +00:00
<h3>BY Yann Esposito</h3>
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
</section>
wrap markdown in script text/template to fix parsing errors (closes #146 #155 #162)
2012-10-08 13:15:36 +00:00
major, non backwards compatible, restructuring of DOM tree
2011-12-27 05:29:00 +00:00
</div>
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
initial commit
2011-06-07 19:10:59 +00:00
</div>
classList polyfill included for ie9
2012-03-24 16:48:16 +00:00
refactored folder structure, added /plugins which is initially only used by #57
2012-07-10 01:00:51 +00:00
<script src="lib/js/head.min.js"></script>
remember last visited vertical slide (closes #225)
2012-11-10 19:48:29 +00:00
<script src="js/reveal.min.js"></script>
use head.js to script load everything, fixes bug with inclusion of notes server js #57
2012-07-10 00:51:04 +00:00
renamed to reveal.js, many new features, and upgraded to v1.0
2011-12-05 02:07:33 +00:00
<script>
modularize themes and convert them to sass (closes #191)
2012-10-20 14:57:51 +00:00
rewrote initialization code for clarity and brevity (#105)
2012-08-12 00:25:55 +00:00
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
controls: true,
progress: true,
history: true,
corrections to vertical centering (#70), added to docs, upgrade to 2.2
2012-11-10 15:02:19 +00:00
center: true,
remove traling whitespace (#197)
2012-10-21 01:14:50 +00:00
fix conflict with theme set in query and theme specified in head
2012-10-10 13:35:13 +00:00
theme: Reveal.getQueryHash().theme, // available themes are in /css/theme
start by something not too bad
2013-03-10 00:56:15 +00:00
transition: Reveal.getQueryHash().transition || 'zoom', // default/cube/page/concave/zoom/linear/fade/none
rewrote initialization code for clarity and brevity (#105)
2012-08-12 00:25:55 +00:00
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
update syntax highlight after editing (#210), move markdown and highlight scripts from lib to plugin
2012-10-28 22:09:54 +00:00
{ 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/highlight/highlight.js', async: true, callback: function() { hljs.initHighlightingOnLoad(); } },
new postMessage-based notes plugin, moved node-based notes to notes-server (#190)
2012-10-21 00:40:52 +00:00
{ src: 'plugin/zoom-js/zoom.js', async: true, condition: function() { return !!document.body.classList; } },
{ src: 'plugin/notes/notes.js', async: true, condition: function() { return !!document.body.classList; } }
add touch based remote controlled plugin
2012-11-12 00:39:05 +00:00
// { src: 'plugin/remotes/remotes.js', async: true, condition: function() { return !!document.body.classList; } }
rewrote initialization code for clarity and brevity (#105)
2012-08-12 00:25:55 +00:00
]
});
update syntax highlight after editing (#210), move markdown and highlight scripts from lib to plugin
2012-10-28 22:09:54 +00:00
slight tweak to pdf export css (#92)
2012-08-04 19:53:52 +00:00
</script>
modified data-markdown to support markdown indented with tabs
2012-08-01 03:47:09 +00:00
initial commit
2011-06-07 19:10:59 +00:00
</body>
Include speaker notes plugin after reveal.js Must be called after reveal.js otherwise the Reveal object is undefined and the plugin can't add it's event listener.
2012-08-04 04:33:27 +00:00
</html>
Reference in a new issue Copy permalink