diff --git a/img/Benoit-Mandelbrot.jpg b/img/Benoit-Mandelbrot.jpg new file mode 100644 index 0000000..0f18469 Binary files /dev/null and b/img/Benoit-Mandelbrot.jpg differ diff --git a/img/Shells.jpg b/img/Shells.jpg new file mode 100644 index 0000000..9877ded Binary files /dev/null and b/img/Shells.jpg differ diff --git a/img/bretagne.jpg b/img/bretagne.jpg new file mode 100644 index 0000000..a788799 Binary files /dev/null and b/img/bretagne.jpg differ diff --git a/img/bretagne01.jpeg b/img/bretagne01.jpeg new file mode 100644 index 0000000..3ad2a06 Binary files /dev/null and b/img/bretagne01.jpeg differ diff --git a/img/bretagne02.jpeg b/img/bretagne02.jpeg new file mode 100644 index 0000000..ca1b167 Binary files /dev/null and b/img/bretagne02.jpeg differ diff --git a/img/broccoli.jpg b/img/broccoli.jpg new file mode 100644 index 0000000..3e1286c Binary files /dev/null and b/img/broccoli.jpg differ diff --git a/img/choux.jpg b/img/choux.jpg new file mode 100644 index 0000000..cd8bf1c Binary files /dev/null and b/img/choux.jpg differ diff --git a/img/fractal-cat.jpg b/img/fractal-cat.jpg new file mode 100644 index 0000000..6d1daab Binary files /dev/null and b/img/fractal-cat.jpg differ diff --git a/img/fractal-gorilla.jpg b/img/fractal-gorilla.jpg new file mode 100644 index 0000000..181d103 Binary files /dev/null and b/img/fractal-gorilla.jpg differ diff --git a/img/franklin-letters.jpg b/img/franklin-letters.jpg new file mode 100644 index 0000000..e66c9dc Binary files /dev/null and b/img/franklin-letters.jpg differ diff --git a/img/franklin.jpg b/img/franklin.jpg new file mode 100644 index 0000000..bb1ab11 Binary files /dev/null and b/img/franklin.jpg differ diff --git a/img/lsystem.png b/img/lsystem.png new file mode 100644 index 0000000..ace2691 Binary files /dev/null and b/img/lsystem.png differ diff --git a/img/lsystemOnline.png b/img/lsystemOnline.png new file mode 100644 index 0000000..dd40e35 Binary files /dev/null and b/img/lsystemOnline.png differ diff --git a/img/romanesco.jpg b/img/romanesco.jpg new file mode 100644 index 0000000..86c840e Binary files /dev/null and b/img/romanesco.jpg differ diff --git a/index.html b/index.html index 2c73fbf..652bd4b 100644 --- a/index.html +++ b/index.html @@ -22,6 +22,10 @@ +
@@ -31,14 +35,26 @@

Les Fractales

Les maths cachées dans ton chat

+ fractal cat

Par Yann Esposito

-

Les fractales c'est beau

-
- +
+

Les fractales ça peut être très étrange

+ gorilla fractal +
+ +
+

Les fractales ça peut ressembler à la réalité

+ Shells + Author +
+
-

Vertical Slides

-

- Slides can be nested inside of other slides, - try pressing down. -

- - Down arrow - +

Les fractales ça existe dans la vie

+ Choux
-

Basement Level 1

-

Press down or up to navigate.

+

Les broccolis

+ Broccolis
-

Basement Level 2

-

Cornify

- - Unicorn - -
-
-

Basement Level 3

-

That's it, time to go back up.

- - Up arrow - +

Le choux romanesco

+ Choux Romanesco
-

Point of View

-

- Press ESC to enter the slide overview. Hold down alt and click on any element to zoom in on it using zoom.js. Alt + click anywhere to zoom back out. -

+
+

Quelle est la longueur des cotes de la Bretagne?

+ La bretagne +
+
+

Quelle est la longueur des cotes de la Bretagne?

+ La bretagne +

1000km?

+
+
+

Quelle est la longueur des cotes de la Bretagne?

+ La bretagne +

2000km?

+
-
-

rvl.io

-

- If you don't like writing slides in HTML you can use the online editor rvl.io. -

+
+

L-Systems

+ Franklin +
+
+

L-Systems

+
  • Règles de réécritures +
  • F → F+F-F +
  • F → F+F-F → F+F-F + F+F-F - F+F-F +
  • F+F-F+F+F-F-F+F-F → +F+F-F + F+F-F -F+F-F + F+F-F + F+F-F -F+F-F -F+F-F + F+F-F -F+F-F + +
  • 1 → 3 → 9 → 27 → 81 → 243 ... +
+
+
+

L-Systems

+ Franklin letters +
  • Tortue avec un crayon +
  • F → Avance +
  • + → Tourne à gauche +
  • - → Tourne à droite +
+

Inventé par un biologiste (algues)

+ TEST sur http://www.kevs3d.co.uk/dev/lsystems/ +
+
+

L-Systems

+ L-System parameters +
+
+

L-Systems

+

12 fois → 312 = 531441

+ an L-System fractal +
-
-

Works in Mobile Safari

-

- Try it out! You can swipe through the slides and pinch your way to the overview. -

+

Longueur ?

+ A chaque iteration la longueur double! + La longeur de la forme est donc? + +
-
-

Marvelous Unordered List

- -
- -
-

Fantastic Ordered List

-
    -
  1. One is smaller than...
  2. -
  3. Two is smaller than...
  4. -
  5. Three!
  6. -
+

Ensemble de Mandelbrot

+
+

Auto référentes

+ +
+
+

Les fractales ça peut faire tourner la tête

+ +
@@ -134,39 +188,6 @@
-
-

Transition Styles

-

- You can select from different transitions, like:
- Cube - - Page - - Concave - - Zoom - - Linear - - Fade - - None - - Default -

-
- -
-

Themes

-

- Reveal.js comes with a few themes built in:
- Sky - - Beige - - Simple - - Serif - - Night - - Default -

-

- - * Theme demos are loaded after the presentation which leads to flicker. In production you should load your theme in the <head> using a <link>. - -

-
-

Global State

@@ -193,136 +214,10 @@
-
-

Custom Events

-

- Additionally custom events can be triggered on a per slide basis by binding to the data-state name. -

-
Reveal.addEventListener( 'customevent', function() {
-	console.log( '"customevent" has fired' );
-} );
-					
-
- -
-

Clever Quotes

-

- These guys come in two forms, inline: - The nice thing about standards is that there are so many to choose from and block: -

-
- For years there has been a theory that millions of monkeys typing at random on millions of typewriters would - reproduce the entire works of Shakespeare. The Internet has proven this theory to be untrue. -
-
- -
-

Pretty Code

-

-function linkify( selector ) {
-  if( supports3DTransforms ) {
-
-    var nodes = document.querySelectorAll( selector );
-
-    for( var i = 0, len = nodes.length; i < len; i++ ) {
-      var node = nodes[i];
-
-      if( !node.className ) ) {
-        node.className += ' roll';
-      }
-    };
-  }
-}
-					
-

Courtesy of highlight.js.

-
- -
-

Intergalactic Interconnections

-

- You can link between slides internally, - like this. -

-
- -
-
-

Fragmented Views

-

Hit the next arrow...

-

... to step through ...

-
    -
  1. any type
  2. -
  3. of view
  4. -
  5. fragments
  6. -
- - -
-
-

Fragment Styles

-

There's a few styles of fragments, like:

-

grow

-

shrink

-

roll-in

-

fade-out

-

highlight-red

-

highlight-green

-

highlight-blue

-
-
- -
-

Spectacular image!

- - Meny - -
- -
-

Export to PDF

-

Presentations can be exported to PDF, below is an example that's been uploaded to SlideShare.

-
- -
-

Take a Moment

-

- Press b or period on your keyboard to enter the 'paused' mode. This mode is helpful when you want to take distracting slides off the screen - during a presentation. -

-
- -
-

Stellar Links

- -
- -
-

It's free

-

- reveal.js and rvl.io are entirely free but if you'd like to support the projects you can donate below. - Donations will go towards hosting and domain costs. -

-
- - - - - - - - -
-

THE END

-

BY Hakim El Hattab / hakim.se

+

BY Yann Esposito

@@ -343,7 +238,7 @@ function linkify( selector ) { center: true, theme: Reveal.getQueryHash().theme, // available themes are in /css/theme - transition: Reveal.getQueryHash().transition || 'fade', // default/cube/page/concave/zoom/linear/fade/none + transition: Reveal.getQueryHash().transition || 'zoom', // default/cube/page/concave/zoom/linear/fade/none // Optional libraries used to extend on reveal.js dependencies: [