From e85756d7a980839cd77c7baf2e9531cc419bd554 Mon Sep 17 00:00:00 2001 From: Paul-Louis NECH Date: Thu, 1 Dec 2022 18:09:49 +0100 Subject: [PATCH] Slides: 01 advance --- slides/00-hello.reveal.js | 9 --------- slides/01-intro.marp.md | 128 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-------------------- slides/01-intro.reveal.md | 749 ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- slides/img/01-diffusion.png | Bin 0 -> 832466 bytes slides/img/01-dungeon.jpg | Bin 0 -> 37251 bytes slides/img/01-map-center.png | Bin 0 -> 68643 bytes slides/img/01-map-known.png | Bin 0 -> 65075 bytes slides/img/01-map-practice.png | Bin 0 -> 51316 bytes slides/img/01-map-unknown.png | Bin 0 -> 35363 bytes slides/img/01-map.png | Bin 0 -> 793045 bytes 10 files changed, 108 insertions(+), 778 deletions(-) delete mode 100644 slides/00-hello.reveal.js delete mode 100644 slides/01-intro.reveal.md create mode 100644 slides/img/01-diffusion.png create mode 100644 slides/img/01-dungeon.jpg create mode 100644 slides/img/01-map-center.png create mode 100644 slides/img/01-map-known.png create mode 100644 slides/img/01-map-practice.png create mode 100644 slides/img/01-map-unknown.png create mode 100644 slides/img/01-map.png diff --git a/slides/00-hello.reveal.js b/slides/00-hello.reveal.js deleted file mode 100644 index a1436a0..0000000 --- a/slides/00-hello.reveal.js +++ /dev/null @@ -1,9 +0,0 @@ - - -import Reveal from 'reveal.js'; -import Markdown from 'reveal.js/plugin/markdown/markdown.esm.js'; - -let deck = new Reveal({ - plugins: [ Markdown ] -}) -deck.initialize(); \ No newline at end of file diff --git a/slides/01-intro.marp.md b/slides/01-intro.marp.md index bbc083e..9e508cc 100644 --- a/slides/01-intro.marp.md +++ b/slides/01-intro.marp.md @@ -11,10 +11,17 @@ paginate: true ROBOTS ARE UPRISING. WHAT SIDE ARE YOU ON? + + + --- + ### On va parler de # Machine Learning + --- @@ -23,18 +30,18 @@ ROBOTS ARE UPRISING. WHAT SIDE ARE YOU ON?
$$ I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx $$ - +
#### (Le moins possible) - + --- ## Ni comme ça - + + ![bg right](https://uproxx.com/wp-content/uploads/2015/05/angry-bender.jpg?w=650) - ###### - [the Fallacy of generalization from Fictional evidence](https://www.lesswrong.com/posts/rHBdcHGLJ7KvLJQPk/the-logical-fallacy-of-generalization-from-fictional) --- @@ -50,7 +57,10 @@ $$ I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx $$ ## On va parler des derniers succès #### - [Meta AI Research: CICERO](https://ai.facebook.com/blog/cicero-ai-negotiates-persuades-and-cooperates-with-people/) - + ![bg left](./img/01-cicero.png) --- @@ -71,16 +81,23 @@ $$ I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx $$ ![bg left](./img/01-midjourney.png) --- +![bg 100%](./img/01-diffusion.png) +
+
+
+
+
+##### - [The Illustrated Stable Diffusion by Jay Alamar](https://jalammar.github.io/illustrated-stable-diffusion/) -### Comment le ML peut raconter des histoires +--- +### Comment les modèles... peuvent raconter des histoires -##### - [fixme ai dungeon](https://openai.com/blog/jukebox/) +##### - [AI Dungeon 2](https://aidungeon.cc/) -![bg left 100%](./img/01-jukebox.png) +![bg left 100%](./img/01-dungeon.jpg) ---- - -### Comment elles nous comprennent +### Comment ils nous comprennent ##### - [OpenAI Jukebox: a neural net that generates music, including rudimentary singing](https://openai.com/blog/jukebox/) @@ -88,15 +105,18 @@ $$ I_{xx}=\int\int_Ry^2f(x,y)\cdot{}dydx $$ ![bg left 100%](./img/01-jukebox.png) ---- - ## Comment vous pourriez les comprendre + + + --- - ## Et comment leur faire faire ce que vous voulez + + + --- - --- +#### Des connaissances +## & +#### Des compétences +![bg right](./img/01-map-center.png) + +--- +#### Ce que vous saurez +![bg right](./img/01-map-known.png) +--- +###### (Et ce que vous saurez... que vous ne savez pas) +![bg right 99%](./img/01-map-unknown.png) + +--- +#### Ce que vous saurez faire +![bg right](./img/01-map-practice.png) + +--- +# Prêts ? +--- # Les bases +--- ## C'est quoi apprendre ? +--- Le par-coeur, un problème ? + +--- Guessing the teachers password + +--- Learning to forget + +--- Comment je sais ce que je sais pas ? -## Failures of ML +--- +# Failures of ML + +--- MIT COVID FAILS + +--- Gaming the game: IAs flemmardes + +--- Short-term goals vs long-term goals + +--- Dangerous goals : Paperclip maximizer? -## C'est quoi du ML ? + +--- +# C'est quoi du ML ? + +--- Un thermostat ? + +--- Sacs de ifs + +--- Amazon mechanical turk + +--- Elisa? Turing test ? + +--- Akinator ? + +--- Quelles limites aux possibilités du ML ? + +--- Andrew ng's quote on limits + +--- ## Formalisme: features + +--- ## métriques -Supervisé ou non +--- +Precision + +--- +Rappel (Recall) + +--- +Supervisé ou non +--- ## Pionniers & Penseurs +--- ### Turing +--- ### Dartmouth +--- ### Summer +--- ### Yann LeCun +--- ### Andrew Ng +--- ### Yudkowsky - -### +--- ## Adversarial perturbations diff --git a/slides/01-intro.reveal.md b/slides/01-intro.reveal.md deleted file mode 100644 index 39652e4..0000000 --- a/slides/01-intro.reveal.md +++ /dev/null @@ -1,749 +0,0 @@ ---- -theme : "night" -transition: "slide" -highlightTheme: "monokai" -logoImg: "logo.png" -slideNumber: false -title: "VSCode Reveal intro" ---- - -::: block -*here be dragons* {style=background:red;width:500px} -::: - ---- - -// @[vine](etVpwB7uHlw) - ---- - -### Solar System Exploration, 1950s – 1960s - -- [ ] Mercury -- [x] Venus -- [x] Earth (Orbit/Moon) -- [x] Mars -- [ ] Jupiter -- [ ] Saturn -- [ ] Uranus -- [ ] Neptune -- [ ] Comet Haley - ---- - -# some Table - -| | Grouping || -First Header | Second Header | Third Header | - ------------ | :-----------: | -----------: | -Content | *Long Cell* || -Content | **Cell** | Cell | - -New section | More | Data | -And more | With an escaped '\\|' || -[Prototype table] - --- - -First header | Second header --------------|--------------- -List: | More \ -- over | data \ -- several | \ -- lines | - --- - -First header | Second header --------------|--------------- -Merged | Cell 1 -^^ | Cell 2 -^^ | Cell 3 - --- - - - ---- - -
-sequenceDiagram - participant Alice - participant Bob - Alice->>John: Hello John, how are you? - loop Healthcheck - John->>John: Fight against hypochondria - end - Note right of John: Rational thoughts
prevail! - John-->>Alice: Great! - John->>Bob: How about you? - Bob-->>John: Jolly good! -
- ---- - -
-graph LR; - A(AAAA)==> B(B node); - B==> C(SEE SEE); - - class A diag-a-styles; - class B diag-b-styles - class C diag-c-styles; -
- ---- - -# vscode-reveal - - Awesome VS code extension using The HTML Presentation Framework Revealjs - -Created by [Vincent B.](https://www.evilznet.com) / [@Evilznet](https://twitter.com/Evilznet) - ---- - -## Hello There - -reveal.js enables you to create beautiful interactive slide decks using HTML. This presentation will show you examples of what it can do. - ---- - -## Vertical Slides - -Slides can be nested inside of each other. - -Use the _Space_ key to navigate through all slides. - - - Down arrow - - --- - -## Basement Level 1 - -Nested slides are useful for adding additional detail underneath a high level horizontal slide. - --- - -## Basement Level 2 - -That's it, time to go back up. - - - Up arrow - - ---- - -## 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](http://lab.hakim.se/zoom-js). Alt + click anywhere to zoom back out. - -> Use ctrl + click in Linux - ---- - -## Touch Optimized - -Presentations look great on touch devices, like mobile phones and tablets. Simply swipe through your slides. - ---- - -## Markdown support - -``` - ## Markdown support - - Write content using inline or external Markdown. - Instructions and more info available in the - [readme](https://github.com/hakimel/reveal.js#markdown). -``` - ---- - -## Fragments - -Hit the next arrow... - -... to step through ... -... a fragmented slide. - -Note: -This slide has fragments which are also stepped through in the notes window. - --- - -## Fragment Styles - -There's different types of fragments, like: - -grow {.fragment .grow} - -shrink {.fragment .shrink} - -fade-out {.fragment .fade-out} - -fade-right{.fragment .fade-right} - -fade-up{.fragment .fade-up} - -fade-down{.fragment .fade-down} - -fade-left{.fragment .fade-left} - --- - -## Fragment Styles - -fade-in-then-out{.fragment .fade-in-then-out} - -fade-in-then-semi-out {.fragment .fade-in-then-semi-out"} - -current-visible {.fragment .current-visible} - -Highlight **red**{.fragment .highlight-red} **blue**{.fragment .highlight-blue} **green**{.fragment .highlight-green} - ---- - -## Transition Styles - -You can select from different transitions, like: -[None](?transition=none#/transitions) - [Fade](?transition=fade#/transitions) - [Slide](?transition=slide#/transitions) - [Convex](?transition=convex#/transitions) - [Concave](?transition=concave#/transitions) - [Zoom](?transition=zoom#/transitions) - ---- - -## Themes - -reveal.js comes with a few themes built in: -Black (default) - -White - -League - -Sky - -Beige - -Simple
-Serif - -Blood - -Night - -Moon - -Solarized - ---- - - -## Slide Backgrounds - -Set `data-background="#dddddd"` on a slide to change the background color. All CSS color formats are supported. - -[![Down arrow](https://s3.amazonaws.com/hakim-static/reveal-js/arrow.png =178x238)](#){.navigate-down} - - --- - - - -## Image Backgrounds - -```markdown - -``` - --- - - - -## TILED BACKGROUNDS - -```markdown - -``` - --- - - - -## Video Backgrounds - -```markdown - -``` - --- - - - -## ... and GIFs! - -```markdown - -``` - ---- - - - -## Background Transitions - -Different background transitions are available via the backgroundTransition option. This one's called "zoom". - ---- - - - -## Background Transitions - -You can override background transitions per-slide. - ---- - -## Pretty Code - -```js -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'; - } - } - } -} -``` - -Code syntax highlighting courtesy of [highlight.js](http://softwaremaniacs.org/soft/highlight/en/description/). - ---- - -## Marvelous List - -* No order here -* Or here -* Or here -* Or here - ---- - -## Fantastic Ordered List - -1. One is smaller than... -2. Two is smaller than... -3. Three! - ---- - -## Tabular Tables - -| Tables | Are | Cool | -|-------------|:-----------:|----:| -| col 3 is | right-aligned | $1600 | -| col 2 is | centered | $12 | -| zebra stripes | are neat | $1 | - ---- - -{.slide id="ClevQuot"} -## 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." - ---- - -## Intergalactic Interconnections - -You can link between slides internally, [like this](#/2/3). - -Link to slides by an ID, e.g., [Clever Quotes](#ClevQuot). -However, you must have set the ID at the destination slide using: -`{.slide id="UniqueID"}` - ---- - -## Speaker View - -There's a [speaker view](https://github.com/hakimel/reveal.js#speaker-notes). It includes a timer, preview of the upcoming slide as well as your speaker notes. - -Press the _S_ key to try it out. - - - ---- - -## Export to PDF - -Presentations can be [exported to PDF](https://github.com/hakimel/reveal.js#pdf-export), here's an example: - - - ---- - -## Global State - -Set `data-state="something"` on a slide and `"something"` will be added as a class to the document element when the slide is open. This lets you apply broader style changes, like switching the page background. - ---- - - - -## State Events - -Additionally custom events can be triggered on a per slide basis by binding to the `data-state` name. -```js -Reveal.addEventListener( 'customevent', function() { - console.log( '"customevent" has fired' ); -} ); -``` - ---- - -## Take a Moment - -Press B or . on your keyboard to pause the presentation. This is helpful when you're on stage and want to take distracting slides off the screen. - ---- - -## Much more - -* Right-to-left support -* [Extensive JavaScript API](https://github.com/hakimel/reveal.js#api) -* [Auto-progression](https://github.com/hakimel/reveal.js#auto-sliding) -* [Parallax backgrounds](https://github.com/hakimel/reveal.js#parallax-background) -* [Custom keyboard bindings](https://github.com/hakimel/reveal.js#keyboard-bindings) - ---- - -## Plugins - --- - -## search - -Handles finding a text string anywhere in the slides and showing the next occurrence to the user by navigatating to that slide and highlighting it. - -**Shortcut : `CTRL + SHIFT + F`** - - --- - -## Zoom - -Zoom anywhere on your presentation - -**Shortcut : `alt + click`: Zoom in. Repeat to zoom back out.** - --- - -## Notes - -Add note to speaker view. - -Default markdown syntaxe is - -```text -note: a custom note here -``` - --- - -## Chalkboard - -Have you ever missed the traditional classroom experience where you can quickly sketch something on a chalkboard? - -Just press 'b' or click on the pencil button to open and close your chalkboard. - --- - -## Chalkboard - -- Click the `left mouse button` to write on the chalkboard -- Click the `right mouse button` to wipe the chalkboard -- Click the `DEL` key to clear the chalkboard - --- - -## MAKE NOTES ON SLIDES - -Did you notice the button? - -By pressing 'c' or clicking the button you can start and stop the notes taking mode allowing you to write comments and notes directly on the slide. - --- - -## Chart - -Add chart from simple string - --- - -### Line chart from JSON string - - - - --- - -### Line chart with CSV data and JSON configuration - - -My first dataset, 65, 59, 80, 81, 56, 55, 40 - -My second dataset, 28, 48, 40, 19, 86, 27, 90 - - - --- - -### Bar chart with CSV data - - -,January, February, March, April, May, June, July -My first dataset, 65, 59, 80, 81, 56, 55, 40 -My second dataset, 28, 48, 40, 19, 86, 27, 90 - - --- - - -### Stacked bar chart from CSV file with JSON configuration - - - - - - --- - -### Pie chart - - -,Black, Red, Green, Yellow -My first dataset, 40, 40, 20, 6 -My second dataset, 45, 40, 25, 4 - - --- - -## EMBEDDING A TWEET -To embed a tweet, simply determine its URL and include the following code in your slides: - -```html -
-``` - --- - -
- --- - -## menu - -A SLIDEOUT MENU FOR NAVIGATING REVEAL.JS PRESENTATIONS - --- - -See the in the corner? - -Click it and the menu will open from the side. - -Click anywhere on the slide to return to the presentation, -or use the close button in the menu. - --- - -If you don't like the menu button, -you can use the slide number instead. - -Go on, give it a go. - -The menu button can be hidden using the options, -but you need to enable the slide number link. - --- - -Or you can open the menu by pressing the m key. - -You can navigate the menu with the keyboard as well. -Just use the arrow keys and or to change slides. - -You can disable the keyboard for the -menu in the options if you wish. - --- - -## LEFT OR RIGHT -You can configure the menu to slide in from the left or right - --- - -### MARKERS -The slide markers in the menu can be useful to show -you the progress through the presentation. - -You can hide them if you want. - -You can also show/hide slide numbers. - --- - -### SLIDE TITLES -The menu uses the first heading to label each slide -but you can specify another label if you want. - -Use a data-menu-title attribute in the section element to give the slide a custom label, or add a menu-title class to any element in the slide you wish. - -You can change the titleSelector option and use -any elements you like as the default for labelling each slide. - --- - -## MathSVG - -An extension of the math.js plugin allowing to render LaTeX in SVG. - --- - -### The Lorenz Equations - - -\[\begin{aligned} -\dot{x} & = \sigma(y-x) \\ -\dot{y} & = \rho x - y - xz \\ -\dot{z} & = -\beta z + xy -\end{aligned} \] - - --- - -### The Cauchy-Schwarz Inequality - - - --- - -### Custom footer - -Includes a footer in all the slides of a Reveal.js presentation (with optional exclusion of some slides) that will show the title of the presentation. - - - --- - -## code-focus - -A plugin that allows focusing on specific lines of code blocks. - --- - -### Code Focus Demo - - -```html -
- 

-  // Useless comment.
-  alert('hi');
-
-

- This focuses on the comment. -

-

- Another fragment. -

-
-``` - -This section is a slide. {.fragment .current-only data-code-focus=1-12} - -This will be highlighted by `highlight.js`. {.fragment .current-only data-code-focus=2-5} - -This fragment focuses on the first line. {.fragment .current-only data-code-focus=6-8} - -This fragment focuses on lines 1 and 2. {.fragment .current-only data-code-focus=9-11} - -See the next slide for a demo with the contents of this code block. {.fragment .current-only data-code-focus=1-12} - ---- - - -# THE END - -- [Try the online editor](http://slides.com) -- [Source code & documentation](https://github.com/hakimel/reveal.js) diff --git a/slides/img/01-diffusion.png b/slides/img/01-diffusion.png new file mode 100644 index 0000000..995509d Binary files /dev/null and b/slides/img/01-diffusion.png differ diff --git a/slides/img/01-dungeon.jpg b/slides/img/01-dungeon.jpg new file mode 100644 index 0000000..641bd3b Binary files /dev/null and b/slides/img/01-dungeon.jpg differ diff --git a/slides/img/01-map-center.png b/slides/img/01-map-center.png new file mode 100644 index 0000000..7cbecc3 Binary files /dev/null and b/slides/img/01-map-center.png differ diff --git a/slides/img/01-map-known.png b/slides/img/01-map-known.png new file mode 100644 index 0000000..5dd8ebd Binary files /dev/null and b/slides/img/01-map-known.png differ diff --git a/slides/img/01-map-practice.png b/slides/img/01-map-practice.png new file mode 100644 index 0000000..0075270 Binary files /dev/null and b/slides/img/01-map-practice.png differ diff --git a/slides/img/01-map-unknown.png b/slides/img/01-map-unknown.png new file mode 100644 index 0000000..b3d7256 Binary files /dev/null and b/slides/img/01-map-unknown.png differ diff --git a/slides/img/01-map.png b/slides/img/01-map.png new file mode 100644 index 0000000..ef2b6dd Binary files /dev/null and b/slides/img/01-map.png differ -- libgit2 0.27.0