<commit_before>Debut
=====

Give your ideas the limelight.

**Disclaimer:** This readme is currently serving as a design document so this is non-functional.

# Programatic API (JS)

## Examples

```js
var presentation = new Debut(document.getElementById('debut-presentation');

var animatables = {
  number: 0
}

presentation.step('.section-1 h1', 'slide', { duration: 500, from: 'top' }) // Slide in the heading from the top
  .step('.section-1 .diagram', 'fade', { duration: 1000 }) // Fade in an image
  .then('.section-1 .diagram-caption', 'slide', { duration: 500, from: 'bottom' }) // Afterwards, slide the caption from the bottom
	.milestone('Diagram') // Indicate that this point in the presentation is one that we'd like to skip to in presenter view
  .step(animatables, 'property', { 
      duration: 2000, 
      values: { number: 500 },
      onstep: function (animatables) {
        $('.dollars').text('$' + animatables.number);
      }
    }) // Animate a number from 0 to 500 while updating the text of an element to represent that
  .and('.dollars', 'css', { 
      duration: 500, 
      values: { scale: 2 }
    }) // At the same time
	.activate(); // Start the presentation and manipulate all of the DOM stuff
```<commit_msg>Add ethos<commit_after>Debut
=====

Give your ideas the limelight.

**Disclaimer:** This readme is currently serving as a design document so this is non-functional.

Communicating our ideas effectively and convincingly is extremely important with today's fast-paced way of living. But when it comes to the ways we give presentations, we're still stuck in an old-school way of thinking.

## Slides are the Problem

We still think of a presentation as a series of slides. *Sure*, we can add a bunch of animations to it, but at the end of the day we still jump from one slide to the next.

Yes - some new age ideas have emerged recently. The infinite canvas method showcased by [Prezi](http://prezi.com) is very innovative, but its just another singular approach to presentations that we can get stuck in.

What if we had a blank canvas, and you have a series of animations that get executed?

Add some default styles and useful animations, and you could have yourself an infinite canvas "Prezi" style presentation, or a typical slides based presentation. Or anything that represents your ideas. Give them what they deserve.

# Programatic API (JS)

## Examples

```js
var presentation = new Debut(document.getElementById('debut-presentation');

var animatables = {
  number: 0
}

presentation.step('.section-1 h1', 'slide', { duration: 500, from: 'top' }) // Slide in the heading from the top
  .step('.section-1 .diagram', 'fade', { duration: 1000 }) // Fade in an image
  .then('.section-1 .diagram-caption', 'slide', { duration: 500, from: 'bottom' }) // Afterwards, slide the caption from the bottom
	.milestone('Diagram') // Indicate that this point in the presentation is one that we'd like to skip to in presenter view
  .step(animatables, 'property', { 
      duration: 2000, 
      values: { number: 500 },
      onstep: function (animatables) {
        $('.dollars').text('$' + animatables.number);
      }
    }) // Animate a number from 0 to 500 while updating the text of an element to represent that
  .and('.dollars', 'css', { 
      duration: 500, 
      values: { scale: 2 }
    }) // At the same time
  .activate(); // Start the presentation and manipulate all of the DOM stuff
```
{'fraction_non_alphanumeric': 0.11046511627906977, 'fraction_numerical': 0.01744186046511628, 'mean_word_length': 3.557615894039735, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5021389', 'n_tokens_mistral': 1036, 'n_tokens_neox': 933, 'n_words': 440}