<commit_before><!DOCTYPE html>
<html>
<head>
  <title>Ruban</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="components/normalize-css/normalize.css" />
  <link rel="stylesheet" href="components/font-awesome/build/assets/font-awesome/css/font-awesome.min.css" />
  <link rel="stylesheet" href="components/highlightjs/styles/tomorrow.css" />
  <link rel="stylesheet" href="css/ruban.css" />
  <link rel="stylesheet" href="css/print.css" media="print"/>
  <style>
    section {
      border-left: 1em solid #434343;
      border-right: 1em solid #434343;
    }

    .pagination {
      right: 2.6em;
    }

    pre code {
      background-color: inherit;
    }

    pre .xml .javascript {
      opacity: 1;
    }

    #examples ul {
      padding-left: 0;
    }
  </style>
</head>

<body>
  <section id="ruban">
<pre style="text-align: center; font-family: 'Source Code Pro';">
| R |
| U |
| B |
| A |
| N |
</pre>
  </section>
  <section id="parading-on-a-ruban" class="no-toc">
    <h1>Your slides parading on a ruban!</h1>
  </section>
  <section id="table-of-contents" class="toc">
  </section>
  <section id="installation">
    <h1>Installation</h1>
  </section>
  <section id="installation-bower">
    <h1>With Bower</h1>
    <p><code>$ bower install ruban --save</code></p>
  </section>
  <section id="getting-started">
    <h1>Getting started</h1>
  </section>
  <section id="getting-started-html">
<pre><code style="font-size: 34%;">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;I &amp;lt;3 Ruban&lt;/title&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;link rel="stylesheet" href="components/normalize-css/normalize.css" /&gt;
  &lt;link rel="stylesheet" href="components/font-awesome/build/assets/font-awesome/css/font-awesome.min.css" /&gt;
  &lt;link rel="stylesheet" href="components/highlightjs/styles/tomorrow.css" /&gt;
  &lt;link rel="stylesheet" href="components/ruban/dist/ruban.min.css" /&gt;
&lt;/head&gt;

&lt;body&gt;
  <strong>&lt;section&gt;</strong>
    <strong>&lt;h1&gt;My Awesome Presentation&lt;/h1&gt;</strong>
  <strong>&lt;/section&gt;</strong>

  &lt;script src="components/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="components/keymaster/keymaster.min.js"&gt;&lt;/script&gt;
  &lt;script src="components/hammerjs/dist/hammer.min.js"&gt;&lt;/script&gt;
  &lt;script src="components/highlightjs/highlight.pack.js"&gt;&lt;/script&gt;
  &lt;script src="components/ruban/dist/ruban.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    <strong>new Ruban();</strong>
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
  </section>
  <section>
    <h1>Features</h1>
  </section>
  <section>
    <h1>Details</h1>
    <ul>
      <li>
        Add details &amp; speaker notes to your slides
        <ul>
          <li>Hidden on the Ruban</li>
          <li>Displayed in the printed version</li>
        </ul>
      </li>
    </ul>
<pre><code>
&lt;details open="open"&gt;
  &lt;summary&gt;Notes&lt;/summary&gt;
  &lt;p&gt;You can write down your comments here. They will be available in the printed version.&lt;/p&gt;
&lt;/details&gt;
</code></pre>
    <details open="open">
      <summary>Notes</summary>
      <p>You can write down your comments here. They will be available in the printed version.</p>
    </details>
  </section>
  <section id="examples">
    <h1>Examples</h1>
    <ul>
      <li>
        <i class="icon-asterisk"></i>
        <a href="http://loicfrering.github.io/ruban/" title="This documentation">This documentation</a>
        (<a href="https://github.com/loicfrering/ruban/blob/master/index.html" title="Source on GitHub">src</a>)
      </li>
      <li>
        <i class="icon-asterisk"></i>
        <a href="http://loicfrering.github.io/mixit13/" title="Backbone, Ember et Angular sont dans un bateau...">Backbone, Ember et Angular</a>
        (<a href="https://github.com/loicfrering/mixit13" title="Source on GitHub">src</a>)
      </li>
    </ul>
  </section><commit_msg>Examples now appear in the Table of Contents.<commit_after><!DOCTYPE html>
<html>
<head>
  <title>Ruban</title>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="components/normalize-css/normalize.css" />
  <link rel="stylesheet" href="components/font-awesome/build/assets/font-awesome/css/font-awesome.min.css" />
  <link rel="stylesheet" href="components/highlightjs/styles/tomorrow.css" />
  <link rel="stylesheet" href="css/ruban.css" />
  <link rel="stylesheet" href="css/print.css" media="print"/>
  <style>
    section {
      border-left: 1em solid #434343;
      border-right: 1em solid #434343;
    }

    .pagination {
      right: 2.6em;
    }

    pre code {
      background-color: inherit;
    }

    pre .xml .javascript {
      opacity: 1;
    }

    #examples ul {
      padding-left: 0;
    }
  </style>
</head>

<body>
  <section id="ruban">
<pre style="text-align: center; font-family: 'Source Code Pro';">
| R |
| U |
| B |
| A |
| N |
</pre>
  </section>
  <section id="parading-on-a-ruban" class="no-toc">
    <h1>Your slides parading on a ruban!</h1>
  </section>
  <section id="table-of-contents" class="toc">
  </section>
  <section id="installation">
    <h1>Installation</h1>
  </section>
  <section id="installation-bower">
    <h1>With Bower</h1>
    <p><code>$ bower install ruban --save</code></p>
  </section>
  <section id="getting-started">
    <h1>Getting started</h1>
  </section>
  <section id="getting-started-html">
<pre><code style="font-size: 34%;">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;title&gt;I &amp;lt;3 Ruban&lt;/title&gt;
  &lt;meta charset="utf-8" /&gt;
  &lt;link rel="stylesheet" href="components/normalize-css/normalize.css" /&gt;
  &lt;link rel="stylesheet" href="components/font-awesome/build/assets/font-awesome/css/font-awesome.min.css" /&gt;
  &lt;link rel="stylesheet" href="components/highlightjs/styles/tomorrow.css" /&gt;
  &lt;link rel="stylesheet" href="components/ruban/dist/ruban.min.css" /&gt;
&lt;/head&gt;

&lt;body&gt;
  <strong>&lt;section&gt;</strong>
    <strong>&lt;h1&gt;My Awesome Presentation&lt;/h1&gt;</strong>
  <strong>&lt;/section&gt;</strong>

  &lt;script src="components/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="components/keymaster/keymaster.min.js"&gt;&lt;/script&gt;
  &lt;script src="components/hammerjs/dist/hammer.min.js"&gt;&lt;/script&gt;
  &lt;script src="components/highlightjs/highlight.pack.js"&gt;&lt;/script&gt;
  &lt;script src="components/ruban/dist/ruban.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    <strong>new Ruban();</strong>
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>
  </section>
  <section id="features">
    <h1>Features</h1>
  </section>
  <section id="details">
    <h1>Details</h1>
    <ul>
      <li>
        Add details &amp; speaker notes to your slides
        <ul>
          <li>Hidden on the Ruban</li>
          <li>Displayed in the printed version</li>
        </ul>
      </li>
    </ul>
<pre><code>
&lt;details open="open"&gt;
  &lt;summary&gt;Notes&lt;/summary&gt;
  &lt;p&gt;You can write down your comments here. They will be available in the printed version.&lt;/p&gt;
&lt;/details&gt;
</code></pre>
    <details open="open">
      <summary>Notes</summary>
      <p>You can write down your comments here. They will be available in the printed version.</p>
    </details>
  </section>
  <section id="examples">
    <h1>Examples</h1>
  </section>
  <section id="examples-list">
    <h1>Examples</h1>
    <ul>
      <li>
        <i class="icon-asterisk"></i>
        <a href="http://loicfrering.github.io/ruban/" title="This documentation">This documentation</a>
        (<a href="https://github.com/loicfrering/ruban/blob/master/index.html" title="Source on GitHub">src</a>)
      </li>
      <li>
        <i class="icon-asterisk"></i>
        <a href="http://loicfrering.github.io/mixit13/" title="Backbone, Ember et Angular sont dans un bateau...">Backbone, Ember et Angular</a>
        (<a href="https://github.com/loicfrering/mixit13" title="Source on GitHub">src</a>)
      </li>
    </ul>
  </section>
{'fraction_non_alphanumeric': 0.19508867667121418, 'fraction_numerical': 0.010914051841746248, 'mean_word_length': 3.55079006772009, 'pattern_counts': {'":': 0, '<': 217, '<?xml version=': 0, '>': 217, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 2}, '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': '7404817', 'n_tokens_mistral': 3093, 'n_tokens_neox': 2976, 'n_words': 546}