<commit_before><!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>civil.css (Typography Kitchen Sink)</title>
    <meta name="description" content="civil.css demo - experiment with different defaults, scales, and typography.">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="http://basehold.it/30">

    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nunito:300,400,700|Lora:400,400italic,700,700italic|Source+Code+Pro">

    <link rel="stylesheet" href="//cdn.jsdelivr.net/normalize/3.0.3/normalize.min.css">
    <link rel="stylesheet" href="dist/syntax.css">
    <link rel="stylesheet" href="dist/civil.css">
    <link rel="stylesheet" href="dist/theme.css">

    <style>
        .palette {
            list-style: none;
            margin: 1.875rem 0;
            padding: 0;
        }
        .palette > li {
            display: inline-block;
            float: left;
            width: 1.875rem;
        }
        .p-base {
            background: #40403D;
        }
        .p-primary {
            background: #FB7973;
        }
        .p-secondary {
            background: #373B44;
        }
        .p-grey-1 {
            background: #CCC;
        }
        .p-grey-2 {
            background: #EEE;
        }
    </style>
</head>

<body>
<div class="wrapper block">
    <h1>h1. Heading 1</h1>
    <p><time datetime="2013-02-01 01:23:45">01 February 2013</time></p>
    <p><a href="#">Switzerland</a> is small and neutral! We are more like Germany, <em>ambitious and misunderstood</em>! And then the battle's not so bad? With a warning label this <strong>big</strong>, you know they gotta be <strong>fun</strong>! Anyhoo, your net-suits will allow you to experience Fry's <del>worm</del> infested bowels as if you were actually wriggling through them. Good news, everyone! I've taught the toaster to feel love! And from now on you're all named <code>Bender Jr.</code></p>

    <h2>h2. Heading 2</h2>
    <p><small>Anthology of Interest II</small></p>
    <ul>
        <li>A true <em>inspiration</em> for the children.</li>
        <li>I usually try to keep my sadness pent up inside where it can fester quietly as a <strong>mental illness</strong>.</li>
        <li>I just want to talk. It has nothing to do with mating. <a href="#">Fry</a>, that <del>doesn't</del> make sense.</li>
    </ul>
    <hr>
    <ol>
        <li>Bender, I didn't know you liked cooking. That's so cute.</li>
        <li>Guess again.</li>
        <li>That could be 'my' beautiful soul sitting naked on a couch. If I could just learn to play this stupid thing.</li>
        <li>Wow! A superpowers drug you can just rub onto your skin? You'd think it would be something you'd have to freebase.</li>
    </ol>
    <hr>
    <dl>
        <dt>Insane in the Mainframe</dt>
        <dd>I've got to find a way to escape the horrible ravages of youth.</dd>
        <dt>A Taste of Freedom</dt>
        <dd>I've been there. My folks were always on me to groom myself and wear underpants.</dd>
        <dd>I've taught the toaster to feel love! Goodbye, cruel world.</dd>
        <dt>Lethal Inspection</dt>
        <dd>Fetal stemcells, aren't those controversial? Good news, everyone!</dd>
    </dl>

    <h3>h3. Heading 3</h3>
    <p>Yes, if you make it look like an <abbr title="attribute">electrical fire</abbr>. When you do things right, people won't be sure you've done anything at all. Is the Space Pope reptilian!? No! The cat shelter's on to me. I was all of history's great robot actors - Acting Unit 0.8; Thespomat; David Duchovny!</p>
    <blockquote><p>And I'm his friend Jesus. Stop! Don't shoot fire stick in space canoe! Cause explosive decompression! THE BIG BRAIN AM WINNING AGAIN! I AM THE GREETEST! NOW I AM LEAVING EARTH, FOR NO RAISEN!</p></blockquote>
    <p>You seem malnourished. Are you suffering from intestinal parasites? Anyone who laughs is a communist! You'll have all the Slurm you can drink when you're partying with Slurms McKenzie! It must be wonderful. For example, if you killed your grandfather, you'd cease to exist!</p>

    <h4>h4. Heading 4</h4>
    <img src="http://placehold.it/700x350" class="stretch js-rhythm">

    <h5>h5. Heading 5</h5>
<div class="highlight"><pre class="js-rhythm"><code class="language-go" data-lang="go"><span class="kd">type</span> <span class="nx">HelloWorldController</span> <span class="kd">struct</span> <span class="p">{</span>
    <span class="c1">// Embedding: &quot;Inherit&quot; BaseController</span>
    <span class="nx">BaseController</span>
<span class="p">}</span>

<span class="kd">func</span> <span class="p">(</span><span class="nx">this</span> <span class="o">*</span><span class="nx">HelloWorldController</span><span class="p">)</span> <span class="nx">Get</span><span class="p">()</span> <span class="p">{</span>
    <span class="c1">// Set </span>
    <span class="nx">this</span><span class="p">.</span><span class="nx">Data</span><span class="p">[</span><span class="s">&quot;Title&quot;</span><span class="p">]</span> <span class="p">=</span> <span class="s">&quot;Hello World!&quot;</span>

    <span class="c1">// TplNames is parsed into </span>
    <span class="nx">this</span><span class="p">.</span><span class="nx">TplNames</span> <span class="p">=</span> <span class="s">&quot;hello_world.tpl&quot;</span>
<span class="p">}</span></code></pre></div>

    <h6>h6. Heading 6</h6>
    <ul class="palette block">
        <li class="p-primary">&nbsp;</li>
        <li class="p-secondary">&nbsp;</li>
        <li class="p-base">&nbsp;</li>
        <li class="p-grey-1">&nbsp;</li>
        <li class="p-grey-2">&nbsp;</li>
    </ul>
</div>

<script src="//cdn.jsdelivr.net/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="dist/civil.js"></script>
<script>
(function ($) {
    var $baseline = parseInt($("p").css("line-height"), 10);
    $(".js-rhythm").civil({
        baseline: $baseline,
        extra: $baseline
    });
})(jQuery);
</script>
</body>
</html><commit_msg>Modify plugin to load after images have loaded; and added top padding to the page<commit_after><!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>civil.css (Typography Kitchen Sink)</title>
    <meta name="description" content="civil.css demo - experiment with different defaults, scales, and typography.">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nunito:300,400,700|Lora:400,400italic,700,700italic|Source+Code+Pro">

    <link rel="stylesheet" href="//cdn.jsdelivr.net/normalize/3.0.3/normalize.min.css">
    <link rel="stylesheet" href="dist/syntax.css">
    <link rel="stylesheet" href="dist/civil.css">

    <style>
        html {
            background-image: url(http://basehold.it/i/30);
        }
        body {
            margin-top: 1.5rem;
        }
        .palette {
            list-style: none;
            margin: 1.5rem 0;
            padding: 0;
        }
        .palette > li {
            display: inline-block;
            float: left;
            width: 1.875rem;
        }
        .p-base {
            background: #40403D;
        }
        .p-primary {
            background: #373B44;
        }
        .p-accent {
            background: #FB7973;
        }
        .p-grey-1 {
            background: #CCC;
        }
        .p-grey-2 {
            background: #EEE;
        }
    </style>
</head>

<body>
<div class="wrapper block">
    <h1>h1. Heading 1</h1>
    <p><time datetime="2013-02-01 01:23:45">01 February 2013</time></p>
    <p><a href="#">Switzerland</a> is small and neutral! We are more like Germany, <em>ambitious and misunderstood</em>! And then the battle's not so bad? With a warning label this <strong>big</strong>, you know they gotta be <strong>fun</strong>! Anyhoo, your net-suits will allow you to experience Fry's <del>worm</del> infested bowels as if you were actually wriggling through them. Good news, everyone! I've taught the toaster to feel love! And from now on you're all named <code>Bender Jr.</code></p>

    <h2>h2. Heading 2</h2>
    <p><small>Anthology of Interest II</small></p>
    <ul>
        <li>A true <em>inspiration</em> for the children.</li>
        <li>I usually try to keep my sadness pent up inside where it can fester quietly as a <strong>mental illness</strong>.</li>
        <li>I just want to talk. It has nothing to do with mating. <a href="#">Fry</a>, that <del>doesn't</del> make sense.</li>
    </ul>
    <hr>
    <ol>
        <li>Bender, I didn't know you liked cooking. That's so cute.</li>
        <li>Guess again.</li>
        <li>That could be 'my' beautiful soul sitting naked on a couch. If I could just learn to play this stupid thing.</li>
        <li>Wow! A superpowers drug you can just rub onto your skin? You'd think it would be something you'd have to freebase.</li>
    </ol>
    <hr>
    <dl>
        <dt>Insane in the Mainframe</dt>
        <dd>I've got to find a way to escape the horrible ravages of youth.</dd>
        <dt>A Taste of Freedom</dt>
        <dd>I've been there. My folks were always on me to groom myself and wear underpants.</dd>
        <dd>I've taught the toaster to feel love! Goodbye, cruel world.</dd>
        <dt>Lethal Inspection</dt>
        <dd>Fetal stemcells, aren't those controversial? Good news, everyone!</dd>
    </dl>

    <h3>h3. Heading 3</h3>
    <p>Yes, if you make it look like an <abbr title="attribute">electrical fire</abbr>. When you do things right, people won't be sure you've done anything at all. Is the Space Pope reptilian!? No! The cat shelter's on to me. I was all of history's great robot actors - Acting Unit 0.8; Thespomat; <NAME>!</p>
    <blockquote><p>And I'm his friend Jesus. Stop! Don't shoot fire stick in space canoe! Cause explosive decompression! THE BIG BRAIN AM WINNING AGAIN! I AM THE GREETEST! NOW I AM LEAVING EARTH, FOR NO RAISEN!</p></blockquote>
    <p>You seem malnourished. Are you suffering from intestinal parasites? Anyone who laughs is a communist! You'll have all the Slurm you can drink when you're partying with Slurms McKenzie! It must be wonderful. For example, if you killed your grandfather, you'd cease to exist!</p>

    <h4>h4. Heading 4</h4>
    <img src="http://placehold.it/700x350" class="stretch js-rhythm">

    <h5>h5. Heading 5</h5>
<div class="highlight"><pre class="js-rhythm"><code class="language-go" data-lang="go"><span class="kd">type</span> <span class="nx">HelloWorldController</span> <span class="kd">struct</span> <span class="p">{</span>
    <span class="c1">// Embedding: &quot;Inherit&quot; BaseController</span>
    <span class="nx">BaseController</span>
<span class="p">}</span>

<span class="kd">func</span> <span class="p">(</span><span class="nx">this</span> <span class="o">*</span><span class="nx">HelloWorldController</span><span class="p">)</span> <span class="nx">Get</span><span class="p">()</span> <span class="p">{</span>
    <span class="c1">// Set </span>
    <span class="nx">this</span><span class="p">.</span><span class="nx">Data</span><span class="p">[</span><span class="s">&quot;Title&quot;</span><span class="p">]</span> <span class="p">=</span> <span class="s">&quot;Hello World!&quot;</span>

    <span class="c1">// TplNames is parsed into </span>
    <span class="nx">this</span><span class="p">.</span><span class="nx">TplNames</span> <span class="p">=</span> <span class="s">&quot;hello_world.tpl&quot;</span>
<span class="p">}</span></code></pre></div>

    <h6>h6. Heading 6</h6>
    <ul class="palette block">
        <li class="p-base">&nbsp;</li>
        <li class="p-primary">&nbsp;</li>
        <li class="p-accent">&nbsp;</li>
        <li class="p-grey-1">&nbsp;</li>
        <li class="p-grey-2">&nbsp;</li>
    </ul>
</div>

<script src="//cdn.jsdelivr.net/jquery/3.0.0-alpha1/jquery.min.js"></script>
<script src="dist/civil.js"></script>
<script>
(function ($) {
    var $baseline = parseInt($("p").css("line-height"), 10);
    $(window).on("load", function () {
        $(".js-rhythm").civil({
            baseline: $baseline,
            extra: $baseline
        });
    });
})(jQuery);
</script>
</body>
</html>
{'fraction_non_alphanumeric': 0.17209414799290665, 'fraction_numerical': 0.01886184104465581, 'mean_word_length': 3.188723835246455, 'pattern_counts': {'":': 0, '<': 402, '<?xml version=': 0, '>': 404, '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': '1908959', 'n_tokens_mistral': 4349, 'n_tokens_neox': 4059, 'n_words': 1178}