<commit_before><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="author" content="<NAME>">
    <meta name="description" content="Personal playground for <NAME>">

    <title>CSS Zoetrope - <NAME></title>

    <script type="text/javascript" src="lib/DAT.GUI.min.js"></script>
    <script type="text/javascript" src="lib/modernizr.js"></script>

    <link rel="stylesheet" href="assets/css/main.css" type="text/css">
    <link rel="stylesheet" href="assets/css/zoetrope.css" type="text/css">
    <link rel="stylesheet" href="assets/css/frames.css" type="text/css">
<body>

    <div id="controls">
        <h1>CSS Zoetrope <a href="http://andrew-hoyer.com">(More Experiments)</a></h1>

        <p>Yup, all CSS and a very minimal amount of html (and pinch of js for the controls). You can find the source <a href="https://github.com/ndrwhr/zoetrope">here</a> and/or you can read my small blog post about it <a href="#">here</a>.</p>

        <h2>What is a Zoetrope?</h2>

        <p>An old timey moving picture machine is what it is. You can read more <a href="http://en.wikipedia.org/wiki/Zoetrope" target="blank">here</a>.</p>

        <div class="supported-options">
            <h2>Options:</h2>
<commit_msg>Adding link to blog post<commit_after><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="author" content="<NAME>">
    <meta name="description" content="Personal playground for <NAME>">

    <title>CSS Zoetrope - <NAME></title>

    <script type="text/javascript" src="lib/DAT.GUI.min.js"></script>
    <script type="text/javascript" src="lib/modernizr.js"></script>

    <link rel="stylesheet" href="assets/css/main.css" type="text/css">
    <link rel="stylesheet" href="assets/css/zoetrope.css" type="text/css">
    <link rel="stylesheet" href="assets/css/frames.css" type="text/css">
<body>

    <div id="controls">
        <h1>CSS Zoetrope <a href="http://andrew-hoyer.com">(More Experiments)</a></h1>

        <p>Yup, all CSS and a very minimal amount of html (and pinch of js for the controls). You can find the source <a href="https://github.com/ndrwhr/zoetrope">here</a> and/or you can read my small blog post about it <a href="http://andrew-hoyer.com/blog/2011/09/28/building-the-zoetrope/">here</a>.</p>

        <h2>What is a Zoetrope?</h2>

        <p>An old timey moving picture machine is what it is. You can read more <a href="http://en.wikipedia.org/wiki/Zoetrope" target="blank">here</a>.</p>

        <div class="supported-options">
            <h2>Options:</h2>

{'fraction_non_alphanumeric': 0.18064024390243902, 'fraction_numerical': 0.008384146341463415, 'mean_word_length': 3.7989031078610602, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 2, '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': '1613787', 'n_tokens_mistral': 937, 'n_tokens_neox': 887, 'n_words': 216}