<commit_before><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Creative Coding Final Projects: Spring 2016</title>
  <link rel="stylesheet" href="style.css">
  <script src="scripts/iframeResizer.min.js" type="text/javascript"></script>
</head>
<body>
  <div id="menu-locator"></div>
  <div id="menu" class="shown">
    <a href="#" class="index-link">INDEX</a>
    <a href="#" class="forward-link">ABOUT THE BOOK</a>
  </div>

  <div class="title-wrapper">
    <h1 class="title-shown">If you were a ____ .</h1>  
  </div>
  
  <section class="wrapper">
    <iframe scrolling="no"></iframe>  
  </section>

  
  <section id="sidebar">
    <a class="close" href="#">&#x2715;</a>
    <div class="home">
      <a href="http://idmnyu.github.io/DM-GY6063-sp16-finalprojects/">Cover Page</a>
    </div>
    <!-- Add your project links here -->
    <div class="proj-link" data-url="https://d157rqmxrxj6ey.cloudfront.net/kevinsiwoff/45525/">
      <a href="https://d157rqmxrxj6ey.cloudfront.net/kevinsiwoff/45525/">Template Project</a>
    </div>
    <h3>If I were...</h3>
    <ul>
      <li class="proj-link" data-url="https://thimbleprojects.org/jyotsnag/61229"><a href="https://thimbleprojects.org/jyotsnag/61229">in a surrealistic dream... by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/jyotsnag/61241"><a href="https://thimbleprojects.org/jyotsnag/61241">the internet... by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/jyotsnag/61249/"><a href="https://thimbleprojects.org/jyotsnag/61249/">a condom by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/mkaschak/55271"><a href="https://thimbleprojects.org/mkaschak/55271">a Star Wars Story by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/mkaschak/55269"><a href="https://thimbleprojects.org/mkaschak/55269">a time traveller by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/mkaschak/58192"><a href="https://thimbleprojects.org/mkaschak/58192">a New Yorker cartoonist by <NAME></a></li>

      <li class="proj-link" data-url="https://thimbleprojects.org/jargonbingo/60896"><a href="https://thimbleprojects.org/jargonbingo/60896">the Nuclear Option by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/yushi16/58739/">
      <a href="https://thimbleprojects.org/yushi16/58739/">blank by Yu Shi</a>
    </li>
      <li class="proj-link" data-url="https://thimbleprojects.org/yushi16/60536/">
      <a href="https://thimbleprojects.org/yushi16/60536/">a fish by Yu Shi</a>

      <li class="proj-link" data-url="https://thimbleprojects.org/ljw269/61521/"><a href="https://thimbleprojects.org/ljw269/61521/">Goul at the museum by Lillian Warner</a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/ljw269/61252">
      <a href="https://thimbleprojects.org/ljw269/61252">Goul at sunset by Lillian Warner</a>
    </li>
      <li class="proj-link" data-url="https://thimbleprojects.org/ljw269/61509">
      <a href="https://thimbleprojects.org/ljw269/61509">Goul at Coney Island by Lillian Warner</a>
    </li>
    </ul>
  </section>

  <section id="forward">
    <a class="close" href="#">&#x2715;</a>
    <div class="copy-wrapper">
      <h2>If you were a ...</h2>
      <p>This book is a collection of sketches created by my Spring 2016 graduate Creative Coding class at NYU's Integrated Digital Media department.  Each sketch uses the creative coding library <a href="//p5js.org">p5.js</a>.</p>
      <p>Though I call this a book, it isn't meant to be <i>read</i> or experienced in a linear way.  Many of the sketches are not only visul but interactive, requiring you as the reader, the user, to move your mouse or click on the page.</p>
      <p>What makes this interactive book, experience, site, whatever you call it, so unique is that for most if not all of the students, this semester has been their very first introduction to computer programming.  Furthermore, all of the code that comprises each sketch is available and <i>remix-able</i> by clicking on the big green Remix button on the top right of the window.  I hope that by sharing this code and encouraging others to build from it, we will proliferate a burgeoning generation of artists, designers, tinkerers, and thinkers- those who approach coding not for its utility but rather for its expressiveness of creativity.</p>
      <p>When planning the book, the students and I decided to set a theme through consensus- <i>If you were a ...</i> For some students the nuance of, <i>if you</i> versus <i>if I</i> is incredibly personal.  To others, it's an invitation for political cynicism or a darker glimpse of data visualized.</p><p>Thank you to all of my students for your patience and focus, for tackling bugs, and embracing the idiosyncrasies of coding.</p>
      <p>--<NAME>, May 2016.</p>
      
    </div>
  </section>

  <script src="bundle.js"></script>
</body>
</html><commit_msg>adds melissa sketch<commit_after><!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Creative Coding Final Projects: Spring 2016</title>
  <link rel="stylesheet" href="style.css">
  <script src="scripts/iframeResizer.min.js" type="text/javascript"></script>
</head>
<body>
  <div id="menu-locator"></div>
  <div id="menu" class="shown">
    <a href="#" class="index-link">INDEX</a>
    <a href="#" class="forward-link">ABOUT THE BOOK</a>
  </div>

  <div class="title-wrapper">
    <h1 class="title-shown">If you were a ____ .</h1>  
  </div>
  
  <section class="wrapper">
    <iframe scrolling="no"></iframe>  
  </section>

  
  <section id="sidebar">
    <a class="close" href="#">&#x2715;</a>
    <div class="home">
      <a href="http://idmnyu.github.io/DM-GY6063-sp16-finalprojects/">Cover Page</a>
    </div>
    <!-- Add your project links here -->
    <div class="proj-link" data-url="https://d157rqmxrxj6ey.cloudfront.net/kevinsiwoff/45525/">
      <a href="https://d157rqmxrxj6ey.cloudfront.net/kevinsiwoff/45525/">Template Project</a>
    </div>
    <h3>If I were...</h3>
    <ul>
      <li class="proj-link" data-url="https://thimbleprojects.org/jyotsnag/61229"><a href="https://thimbleprojects.org/jyotsnag/61229">in a surrealistic dream... by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/jyotsnag/61241"><a href="https://thimbleprojects.org/jyotsnag/61241">the internet... by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/jyotsnag/61249/"><a href="https://thimbleprojects.org/jyotsnag/61249/">a condom by J<NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/mkaschak/55271"><a href="https://thimbleprojects.org/mkaschak/55271">a Star Wars Story by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/mkaschak/55269"><a href="https://thimbleprojects.org/mkaschak/55269">a time traveller by <NAME></a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/mkaschak/58192"><a href="https://thimbleprojects.org/mkaschak/58192">a New Yorker cartoonist by <NAME></a></li>

      <li class="proj-link" data-url="https://thimbleprojects.org/jargonbingo/60896"><a href="https://thimbleprojects.org/jargonbingo/60896">the Nuclear Option by <NAME></a></li>

      <li class="proj-link" data-url="https://thimbleprojects.org/jargonbingo/61630/"><a href="https://thimbleprojects.org/jargonbingo/61630/">great again by <NAME></a></li>

      <li class="proj-link" data-url="https://thimbleprojects.org/yushi16/58739/">
      <a href="https://thimbleprojects.org/yushi16/58739/">blank by Yu Shi</a>
    </li>
      <li class="proj-link" data-url="https://thimbleprojects.org/yushi16/60536/">
      <a href="https://thimbleprojects.org/yushi16/60536/">a fish by Yu Shi</a>

      <li class="proj-link" data-url="https://thimbleprojects.org/ljw269/61521/"><a href="https://thimbleprojects.org/ljw269/61521/">Goul at the museum by Lillian Warner</a></li>
      <li class="proj-link" data-url="https://thimbleprojects.org/ljw269/61252">
      <a href="https://thimbleprojects.org/ljw269/61252">Goul at sunset by Lillian Warner</a>
    </li>
      <li class="proj-link" data-url="https://thimbleprojects.org/ljw269/61509">
      <a href="https://thimbleprojects.org/ljw269/61509">Goul at Coney Island by <NAME></a>
    </li>
    </ul>
  </section>

  <section id="forward">
    <a class="close" href="#">&#x2715;</a>
    <div class="copy-wrapper">
      <h2>If you were a ...</h2>
      <p>This book is a collection of sketches created by my Spring 2016 graduate Creative Coding class at NYU's Integrated Digital Media department.  Each sketch uses the creative coding library <a href="//p5js.org">p5.js</a>.</p>
      <p>Though I call this a book, it isn't meant to be <i>read</i> or experienced in a linear way.  Many of the sketches are not only visul but interactive, requiring you as the reader, the user, to move your mouse or click on the page.</p>
      <p>What makes this interactive book, experience, site, whatever you call it, so unique is that for most if not all of the students, this semester has been their very first introduction to computer programming.  Furthermore, all of the code that comprises each sketch is available and <i>remix-able</i> by clicking on the big green Remix button on the top right of the window.  I hope that by sharing this code and encouraging others to build from it, we will proliferate a burgeoning generation of artists, designers, tinkerers, and thinkers- those who approach coding not for its utility but rather for its expressiveness of creativity.</p>
      <p>When planning the book, the students and I decided to set a theme through consensus- <i>If you were a ...</i> For some students the nuance of, <i>if you</i> versus <i>if I</i> is incredibly personal.  To others, it's an invitation for political cynicism or a darker glimpse of data visualized.</p><p>Thank you to all of my students for your patience and focus, for tackling bugs, and embracing the idiosyncrasies of coding.</p>
      <p>--<NAME>, May 2016.</p>
      
    </div>
  </section>

  <script src="bundle.js"></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.1652358445066075, 'fraction_numerical': 0.039355647728368866, 'mean_word_length': 3.934792955735364, 'pattern_counts': {'":': 0, '<': 281, '<?xml version=': 0, '>': 281, 'https://': 54, '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': '1238839', 'n_tokens_mistral': 3850, 'n_tokens_neox': 3453, 'n_words': 919}