<commit_before><!doctype html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>p_slides</title>
    <link rel="stylesheet" type="text/css" media="screen, projection, print" href="slidy.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    <link rel="stylesheet" type="text/css" media="screen, print" href="twitter_bootstrap.css" />
    <script src="showdown.js"></script>
    <script src="slidy.js"></script>
    <script src="jquery-syntax/jquery-1.4.4.min.js"></script>
    <script src="jquery-syntax/jquery.syntax.min.js"></script>
    <script src="p-slides.js"></script>
</head>
<body>

<code class="presentation">

# p_slides
## dead simple way to create semantic, nice to look at slides

  * forget about styling, only think about content
    * write markdown inline in html (uses [showdown.js](https://github.com/coreyti/showdown))
    * slides are automatically styled nicely (uses [twitter bootstrap](http://twitter.github.com/bootstrap/))
    * code samples are syntactically highlighted (uses [jquery syntax](http://www.oriontransfer.co.nz/projects/jquery-syntax/index.en))
    * generates nice slides in the browser (uses [slidy.js](http://www.w3.org/Talks/Tools/Slidy2/))
      * use arrow keys to navigate
      * use the generated 'table of contents' for quick navigation
      * supports printing to pdf (see [presentation.pdf](https://github.com/preek/p_slides/raw/master/presentation.pdf))

---

# usage

* edit presentation.html to create your content
  * use regular [markdown syntax](http://daringfireball.net/projects/markdown/syntax)
  * create page breaks using '---'
* open presentation.html in your favourite browser (tested in chrome/safari)
* if need be, print the document to pdf
 * slides will automatically get separated into pages
 * styling will keep intact

---

# syntax highlighting

* write your code in &lt;pre&gt; tags 
* annotate the given language using a css class

<pre>
  &lt;pre class="syntax c"&gt;
  static int foo;
  void bar(void) {
      foo = 0;
      while (foo != 255) ; }
  &lt;/pre&gt;
</pre>

<pre class="syntax c">
static int foo;
void bar(void) {
    foo = 0;
    while (foo != 255) ; }
</pre>

</code>

<script>
  $(".presentation").each(function() {
    var markup = new Showdown.converter().makeHtml($(this).html());
    var slides = markup.split('<hr />');
    for (var j = 0; j < slides.length; j++)
    document.write('<div class=slide>' + slides[j] + '</div>');
  });
  $(".presentation").remove();
  w3c_slidy.add_listener(document.body, "touchend", w3c_slidy.mouse_button_click);
  $.syntax(); 
</script>
</body>
</html>
<commit_msg>drop left-over reference to script<commit_after><!doctype html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>p_slides</title>
    <link rel="stylesheet" type="text/css" media="screen, projection, print" href="slidy.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="style.css" />
    <link rel="stylesheet" type="text/css" media="screen, print" href="twitter_bootstrap.css" />
    <script src="showdown.js"></script>
    <script src="slidy.js"></script>
    <script src="jquery-syntax/jquery-1.4.4.min.js"></script>
    <script src="jquery-syntax/jquery.syntax.min.js"></script>
</head>
<body>

<code class="presentation">

# p_slides
## dead simple way to create semantic, nice to look at slides

  * forget about styling, only think about content
    * write markdown inline in html (uses [showdown.js](https://github.com/coreyti/showdown))
    * slides are automatically styled nicely (uses [twitter bootstrap](http://twitter.github.com/bootstrap/))
    * code samples are syntactically highlighted (uses [jquery syntax](http://www.oriontransfer.co.nz/projects/jquery-syntax/index.en))
    * generates nice slides in the browser (uses [slidy.js](http://www.w3.org/Talks/Tools/Slidy2/))
      * use arrow keys to navigate
      * use the generated 'table of contents' for quick navigation
      * supports printing to pdf (see [presentation.pdf](https://github.com/preek/p_slides/raw/master/presentation.pdf))

---

# usage

* edit presentation.html to create your content
  * use regular [markdown syntax](http://daringfireball.net/projects/markdown/syntax)
  * create page breaks using '---'
* open presentation.html in your favourite browser (tested in chrome/safari)
* if need be, print the document to pdf
 * slides will automatically get separated into pages
 * styling will keep intact

---

# syntax highlighting

* write your code in &lt;pre&gt; tags 
* annotate the given language using a css class

<pre>
  &lt;pre class="syntax c"&gt;
  static int foo;
  void bar(void) {
      foo = 0;
      while (foo != 255) ; }
  &lt;/pre&gt;
</pre>

<pre class="syntax c">
static int foo;
void bar(void) {
    foo = 0;
    while (foo != 255) ; }
</pre>

</code>

<script>
  $(".presentation").each(function() {
    var markup = new Showdown.converter().makeHtml($(this).html());
    var slides = markup.split('<hr />');
    for (var j = 0; j < slides.length; j++)
    document.write('<div class=slide>' + slides[j] + '</div>');
  });
  $(".presentation").remove();
  w3c_slidy.add_listener(document.body, "touchend", w3c_slidy.mouse_button_click);
  $.syntax(); 
</script>
</body>
</html>

{'fraction_non_alphanumeric': 0.1613385679566274, 'fraction_numerical': 0.006356328285660871, 'mean_word_length': 3.9308755760368665, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 69, 'https://': 4, 'lorem ipsum': 0, 'www.': 4, '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': '2530079', 'n_tokens_mistral': 1776, 'n_tokens_neox': 1697, 'n_words': 460}