(programmer*) minimalist ≅ mathematical experimentalist
Published
Edited
Oct 27, 2018
20 stars
first = pitch.auto(2).speak("Welcome.").fade`## The Talking Notebook
click to start ..`
pitch.inplace(first).auto(3).speak("In this notebook we'll be presenting : 'Pitch'").fade`## The Talking Notebook`
pitch.inplace(first).auto(5).speak("A tool you can use to automate your presentations.").fade.blur`# Pitch!
* Automate presentations.`
pitch.inplace(first).auto(5).speak("It is very easy, so let's get right to it.").fade.blur`# Pitch!
* Automate presentations.
* Super easy.`
second = pitch.auto(8).speak(`
To start, you import pitch and include its styles.
Then you simply create your presentation slide by slide.
`).fade.blur.js`
// Import the pitch function and styles:
import {pitch} from "@enkimute/pitch"
// Load the styles:
pitch.styles
// Create a slide:
pitch\`Hello, *world*!\`
`
pitch.inplace(second).auto(3).speak('You can make your slides fade').fade.js`//specify transitions
pitch.fade\`this slide will fade\`
`
pitch.inplace(second).auto(4).speak('or you can make them blur.').fade.blur.code`pitch.blur\`this slide will blur\``
pitch.inplace(second).auto(5).speak('There are several transitions you can use ..').fade.left.js`
// There are a bunch of transitions available :
pitch.left\`move from left\`
pitch.right\`move from right\`
pitch.blur\`blur\`
pitch.fade\`fade\`
pitch.sepia\`sepia\`
pitch.auto(3)\`auto continue\`
pitch.speak("hello")\`say hello\`
`
pitch.inplace(second).auto(5).speak('and several output styles .. ').fade.right.js`
// And a few slide output styles :
pitch\`plain markdown\`
pitch(HTML_element)
pitch.full\`no borders\`
pitch.full(HTML_element)
pitch.code\`code\`
pitch.js\`javascript code\`
pitch.img\`http://image_url.jpg\`
`
pitch.inplace(second).auto(4).speak('All of these can easily be combined .. ').fade.left.blur.sepia.js`
// All styles can be combined ..
pitch.fade.left.blur.sepia.js\`combined!\`
`
third = pitch.auto(2.5).speak('you can make your notebook scroll.').fade.js`make your notebook scroll`
pitch.inplace(third).auto(3).speak('or keep slides in place').fade.js`// scroll
third = pitch\`make your notebook scroll\`;
// Or do it in-place
pitch.inplace(third).auto(4).speak("hello")\`hello !\`;`
pitch.inplace(third).auto(4).speak('transitions can be timed').fade.js`// Auto-next
pitch.auto(3).fade\'Continues after three seconds.\'`
pitch.inplace(third).speak('or wait for a click').fade.js`// Wont continue till clicked.
pitch.fade\'click me!\'`
pitch.inplace(third).auto(2.5).speak('Your slides can contain markdown').fade`### MarkDown
* bullet 1
* bullet 2`
pitch.inplace(third).auto(2.5).speak('javascript code').fade.js`
pitch\`...\` // markdown
pitch.js\`...\` // javascript
`
pitch.inplace(third).auto(2.5).speak('latex').left.fade`
and of course : latex !
${tex`\quad\int_{0}^{+\infty}e^{-x}dx = 1`}
`
notTheThumb && pitch.inplace(third).left.auto(0.85).fade.speak('or images oops!').img`https://i0.heartyhosting.com/okmagazine.com/wp-content/uploads/2018/02/herochyna-1.jpg?resize=800%2C400&ssl=1`
notTheThumb && pitch.inplace(third).auto(5).speak('or images without ever making mistakes.').left.fade.img`https://www.parisinsidersguide.com/image-files/eiffel-tower-from-tocadero-fog-silhouettes-1-10-2007-mc-800-2x1.jpg`
pitch.speak('Thank you')`
## Thank you !`
import {pitch} from "@enkimute/pitch"
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
