<commit_before><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png" />
      
<!-- Page SEO ================================================== -->
<meta name="robots" content="index,follow" />
<meta name="description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat." />
<meta name="keywords" content="creativity app, app for designers, creative app, web app for design process, creativity cards, creative process, creative methodologies, design tools, duncan mckean, creativity, method cards" />
<link rel="canonical" href="http://dncnmckn.github.io/iterations" />
<link rel="author" href="https://plus.google.com/u/0/103218291675099002403/posts" />
<!-- Google+ MetaTags ================================================== -->
<meta itemprop="name" content="Iterations: idea generation web app for designers">
<meta itemprop="description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat.">
<meta itemprop="image" content="http://dncnmckn.github.io/iterations/image.png">
<!-- Facebook Open Graph MetaTags ================================================== -->    
<meta property="og:locale" content="en_NL" />
<meta property="og:title" content="Iterations: idea generation web app for designers" />
<meta property="og:description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat." />
<meta property="og:url" content="http://dncnmckn.github.io/iterations" />
<meta property="og:site_name" content="Iterations: idea generation web app for designers" />
<meta property="og:image" content="http://dncnmckn.github.io/iterations/image.png" />
<!-- Twitter Card MetaTags ================================================== -->  
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Iterations: idea generation web app for designers">
<meta name="twitter:description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat.">
<meta name="twitter:creator" content="@dncnmckn">
<meta name="twitter:image:src" content="http://dncnmckn.github.io/iterations/image.png">
<meta name="twitter:domain" content="http://dncnmckn.github.io/iterations">
<!-- /Page SEO ================================================== -->
    
<title>Iterations: idea generation app for designers</title>

<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
    
<!-- Font-awesome 4.0.3 CSS -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

<!-- Custom styles for this template CSS -->
<link href="style.css" rel="stylesheet">
    
<!-- Adding Vollkorn Google font CSS -->
<link href='http://fonts.googleapis.com/css?family=Vollkorn:700' rel='stylesheet' type='text/css'>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>
<body>
 <!-- infoPopup Modal HAS TO BE A CHILD OF <BODY> TO SHOW CORRECTLY-->
<div class="modal fade" id="details" tabindex="-1" role="dialog" aria-labelledby="details" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <p class="lead text-center">Iterations is a new way to help you generate ideas.</p>
      </div>
      <div class="modal-body">
          
<div class="row">
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-pencil fa-5x"></i></strong></p><p class="text-center"><strong>Sketch an Idea</strong></p></div>
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-refresh fa-5x"></i></strong></p><p class="text-center"><strong>Generate a Card</strong></p></div>
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-pencil fa-5x"></i></strong></p><p class="text-center"><strong>Refine new Idea</strong></p></div>
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-repeat fa-5x"></i></strong></p><p class="text-center"><strong>Repeat</strong></p></div>
</div>
          
    
    <p><small>Creative methodologies usually combine <em>divergent thinking</em> (applying a stimulus to generate potential outcomes) and <em>convergent thinking</em> (bringing facts and data together and applying logic).</small></p>
    <p><small>Iterations help divergent thinking by giving suggestions on how to process the output. They work as a set of guitar effect pedals to your process. There is an input, a set of ambiguous instructions that can be applied to this input, and an undetermined output created by these effects.</small></p>
          <p><small>In layman’s terms: you sketch an idea, then draw a card. Then draw a new sketch based around your interpretation of what the card says. Then draw another card. Sketch another new sketch based on what the card says. And repeat. The results can lead iterative sketching down new and innovative paths not normally reached through standard idea generation.</small></p>
          <p style="text-align: center;"><a href="https://github.com/sprkwd/iterations" role="button" class="btn btn-default btn-xs" ><i class="fa fa-github"></i> Fork on GitHub</a> <a href="mailto:<EMAIL>?subject=SuggestACard" role="button" class="btn btn-default btn-xs" ><i class="fa fa-envelope-o"></i> Suggest a Card</a></p>  
      </div>
      <div class="modal-footer">
        <p><small><a href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a> 2014 <a href="http://duncanmckean.com"><NAME></a>.</small></p>

      </div>
    </div>
  </div>
</div> <!-- / Modal -->
    
<div class="container">
    
<div class="row">
<div class="col-md-3"></div>
        
<div class="col-md-6">
<h2 style="text-align: center;">Iterations Idea Generation <small><a href="#" data-toggle="modal" data-target="#details"><i class="fa fa-question-circle"></i></a></small></h2>   
<div id="cards"></div>
    
<div class="sharing">    
<a href="https://www.facebook.com/sharer/sharer.php?u=http://dncnmckn.github.io/iterations" role="button" class="btn btn-primary btn-xs" ><i class="fa fa-facebook"></i> Share</a>
<a href="http://twitter.com/share?text=Iterations: idea generation app for designers (via @dncnmckn)&url=http://dncnmckn.github.io/iterations&hashtags=designprocess
" role="button" class="btn btn-info btn-xs" ><i class="fa fa-twitter"></i> Share</a>
<a href="https://plus.google.com/share?url=http://dncnmckn.github.io/iterations" role="button" class="btn btn-danger btn-xs" ><i class="fa fa-google-plus"></i> Share</a>

</div>
    
</div>

<div class="col-md-3"></div>
</div>

</div> <!-- CONTAINER -->
    
<!-- Bootstrap core JavaScript ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- Latest JQuery link alwaysbefore Bootstrap to get modal to work -->   
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
    
<!-- Iterations JavaScript ================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">	
$(document).ready( function() {
    var textArray = [
'<h3>Entropy</h3><p>Introduce corruption to Iteration</p>',
'<h3>Chorus</h3><p>Repeat motifs across components</p>',
'<h3>Echo</h3><p>Repeat, but less</p>',
'<h3>Enhance</h3><p>Furnish with elements of beauty</p>',
'<h3>Possess</h3><p>Imbibe iteration with the spirit of a personal hero</p>',
'<h3>Explode</h3><p>Fragment Iteration into disorganised components</p>',
'<h3>Remix</h3><p>Combine all previous Iterations</p>',
'<h3>Respawn</h3><p>Re-Iterate all components, motifs and functionality in a new way</p>',
'<h3>Abort</h3><p>Prematurely complete process</p>',
'<h3>Drug</h3><p>Visualise the effects of legal and non-legal intoxications</p>',
'<h3>Distort</h3><p>Next process only affects one part of Iteration</p>',
'<h3>Copy</h3><p>Duplicate component or aspect</p>',
'<h3>Purify</h3><p>Remove all unnecessary affectations from Iteration</p>',
'<h3>Shuffle</h3><p>Disorder components</p>',
'<h3>Compress</h3><p>Remove excessive space</p>',
'<h3>Equalise</h3><p>Assign same value of importance to all components</p>',
'<h3>Pastlife</h3><p>Re-Iterate as an ancestor from a different time period</p>',<commit_msg>update jquery<commit_after><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="apple-touch-icon" href="apple-touch-icon-precomposed.png" />
      
<!-- Page SEO ================================================== -->
<meta name="robots" content="index,follow" />
<meta name="description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat." />
<meta name="keywords" content="creativity app, app for designers, creative app, web app for design process, creativity cards, creative process, creative methodologies, design tools, duncan mckean, creativity, method cards" />
<link rel="canonical" href="http://dncnmckn.github.io/iterations" />
<link rel="author" href="https://plus.google.com/u/0/103218291675099002403/posts" />
<!-- Google+ MetaTags ================================================== -->
<meta itemprop="name" content="Iterations: idea generation web app for designers">
<meta itemprop="description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat.">
<meta itemprop="image" content="http://dncnmckn.github.io/iterations/image.png">
<!-- Facebook Open Graph MetaTags ================================================== -->    
<meta property="og:locale" content="en_NL" />
<meta property="og:title" content="Iterations: idea generation web app for designers" />
<meta property="og:description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat." />
<meta property="og:url" content="http://dncnmckn.github.io/iterations" />
<meta property="og:site_name" content="Iterations: idea generation web app for designers" />
<meta property="og:image" content="http://dncnmckn.github.io/iterations/image.png" />
<!-- Twitter Card MetaTags ================================================== -->  
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="">
<meta name="twitter:title" content="Iterations: idea generation web app for designers">
<meta name="twitter:description" content="Iterations is a new app to help you with your creativity. Sketch out an idea, draw a card, refine that idea based on the card’s instructions. Repeat.">
<meta name="twitter:creator" content="@dncnmckn">
<meta name="twitter:image:src" content="http://dncnmckn.github.io/iterations/image.png">
<meta name="twitter:domain" content="http://dncnmckn.github.io/iterations">
<!-- /Page SEO ================================================== -->
    
<title>Iterations: idea generation app for designers</title>

<!-- Bootstrap core CSS -->
<link href="dist/css/bootstrap.min.css" rel="stylesheet">
    
<!-- Font-awesome 4.0.3 CSS -->
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">

<!-- Custom styles for this template CSS -->
<link href="style.css" rel="stylesheet">
    
<!-- Adding Vollkorn Google font CSS -->
<link href='http://fonts.googleapis.com/css?family=Vollkorn:700' rel='stylesheet' type='text/css'>

<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

</head>
<body>
 <!-- infoPopup Modal HAS TO BE A CHILD OF <BODY> TO SHOW CORRECTLY-->
<div class="modal fade" id="details" tabindex="-1" role="dialog" aria-labelledby="details" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <p class="lead text-center">Iterations is a new way to help you generate ideas.</p>
      </div>
      <div class="modal-body">
          
<div class="row">
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-pencil fa-5x"></i></strong></p><p class="text-center"><strong>Sketch an Idea</strong></p></div>
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-refresh fa-5x"></i></strong></p><p class="text-center"><strong>Generate a Card</strong></p></div>
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-pencil fa-5x"></i></strong></p><p class="text-center"><strong>Refine new Idea</strong></p></div>
<div class="col-md-3"><p class="text-center"><strong><i class="fa fa-repeat fa-5x"></i></strong></p><p class="text-center"><strong>Repeat</strong></p></div>
</div>
          
    
    <p><small>Creative methodologies usually combine <em>divergent thinking</em> (applying a stimulus to generate potential outcomes) and <em>convergent thinking</em> (bringing facts and data together and applying logic).</small></p>
    <p><small>Iterations help divergent thinking by giving suggestions on how to process the output. They work as a set of guitar effect pedals to your process. There is an input, a set of ambiguous instructions that can be applied to this input, and an undetermined output created by these effects.</small></p>
          <p><small>In layman’s terms: you sketch an idea, then draw a card. Then draw a new sketch based around your interpretation of what the card says. Then draw another card. Sketch another new sketch based on what the card says. And repeat. The results can lead iterative sketching down new and innovative paths not normally reached through standard idea generation.</small></p>
          <p style="text-align: center;"><a href="https://github.com/sprkwd/iterations" role="button" class="btn btn-default btn-xs" ><i class="fa fa-github"></i> Fork on GitHub</a> <a href="mailto:<EMAIL>?subject=SuggestACard" role="button" class="btn btn-default btn-xs" ><i class="fa fa-envelope-o"></i> Suggest a Card</a></p>  
      </div>
      <div class="modal-footer">
        <p><small><a href="http://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a> 2014 <a href="http://duncanmckean.com"><NAME></a>.</small></p>

      </div>
    </div>
  </div>
</div> <!-- / Modal -->
    
<div class="container">
    
<div class="row">
<div class="col-md-3"></div>
        
<div class="col-md-6">
<h2 style="text-align: center;">Iterations Idea Generation <small><a href="#" data-toggle="modal" data-target="#details"><i class="fa fa-question-circle"></i></a></small></h2>   
<div id="cards"></div>
    
<div class="sharing">    
<a href="https://www.facebook.com/sharer/sharer.php?u=http://dncnmckn.github.io/iterations" role="button" class="btn btn-primary btn-xs" ><i class="fa fa-facebook"></i> Share</a>
<a href="http://twitter.com/share?text=Iterations: idea generation app for designers (via @dncnmckn)&url=http://dncnmckn.github.io/iterations&hashtags=designprocess
" role="button" class="btn btn-info btn-xs" ><i class="fa fa-twitter"></i> Share</a>
<a href="https://plus.google.com/share?url=http://dncnmckn.github.io/iterations" role="button" class="btn btn-danger btn-xs" ><i class="fa fa-google-plus"></i> Share</a>

</div>
    
</div>

<div class="col-md-3"></div>
</div>

</div> <!-- CONTAINER -->
    
<!-- Bootstrap core JavaScript ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<!-- Latest JQuery link alwaysbefore Bootstrap to get modal to work -->   
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="dist/js/bootstrap.min.js"></script>
    
<!-- Iterations JavaScript ================================================== -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" language="javascript">	
$(document).ready( function() {
    var textArray = [
'<h3>Entropy</h3><p>Introduce corruption to Iteration</p>',
'<h3>Chorus</h3><p>Repeat motifs across components</p>',
'<h3>Echo</h3><p>Repeat, but less</p>',
'<h3>Enhance</h3><p>Furnish with elements of beauty</p>',
'<h3>Possess</h3><p>Imbibe iteration with the spirit of a personal hero</p>',
'<h3>Explode</h3><p>Fragment Iteration into disorganised components</p>',
'<h3>Remix</h3><p>Combine all previous Iterations</p>',
'<h3>Respawn</h3><p>Re-Iterate all components, motifs and functionality in a new way</p>',
'<h3>Abort</h3><p>Prematurely complete process</p>',
'<h3>Drug</h3><p>Visualise the effects of legal and non-legal intoxications</p>',
'<h3>Distort</h3><p>Next process only affects one part of Iteration</p>',
'<h3>Copy</h3><p>Duplicate component or aspect</p>',
'<h3>Purify</h3><p>Remove all unnecessary affectations from Iteration</p>',
'<h3>Shuffle</h3><p>Disorder components</p>',
'<h3>Compress</h3><p>Remove excessive space</p>',
'<h3>Equalise</h3><p>Assign same value of importance to all components</p>',
'<h3>Pastlife</h3><p>Re-Iterate as an ancestor from a different time period</p>',
{'fraction_non_alphanumeric': 0.21421626876957978, 'fraction_numerical': 0.01069460948471427, 'mean_word_length': 5.098484848484849, 'pattern_counts': {'":': 0, '<': 549, '<?xml version=': 0, '>': 549, 'https://': 13, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6379772', 'n_tokens_mistral': 5925, 'n_tokens_neox': 5761, 'n_words': 1539}