<commit_before><!--start-->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Droppable - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <style>
  #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
  #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
  </style>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( ".draggable" ).draggable();
    $( ".droppable" ).droppable({
      drop: function( event, ui ) {
        var question = ui.draggable.data('num');
        var answer = $(this).data('num');

        if(question == answer){
          var answerArray =['Wahoo!', 'Correct!', 'Damn straight!', 'Yes, indeedy!','Right on!']
          var rand = answerArray[Math.floor(Math.random() * answerArray.length)];
              $( this ).find( "p" ).html( rand );
              $(this).find("p").addClass('movetxt');
              $( this).css("background-color", "#99f78f");
              $( this).css("color", "#4caf50");
              $(this).addClass('bg-animate');
              $(this).addClass('shadow');
              ui.draggable.css('visibility','hidden');
        }

      }
    });
  } );
  </script>
</head>
<body>
<div class="container">
<h1>How well do you know Lisa and Dave?</h1>
<h3>drag the <span style="color:#afdcff;">blue</span> cards to the <span style="color:#f69c9d;">pink</span> cards to make a match.</h2>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-gen">
  <p>Lisa</p>
</div>
<div class="row">
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="lisa-gen">
  <p>This person won a trip to L.A in high school to appear as an extra on the show "What I Like About You."</p>
</div>


<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="david-berry">
  <p>Raspberries</p>
</div>
 <div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="davies">
  <p>Dave has shared a stage with this musician.</p>
</div>
 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="disc">
  <p><NAME></p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="flute">
  <p>Lisa played this instrument in orchestra, wind ensemble AND jazz band (band geek alert!)</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-david">
  <p>David and Lisa</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="a">
  <p>tuna</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="david-berry">
  <p>This is Dave's favorite berry.</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="lisa-gen">
  <p>This person is terrified of frogs and toads.</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-gen">
  <p>Lisa</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="davies">
  <p><NAME></p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-berry">
  <p>Blackberries</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="toe">
  <p>A big toenail.</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="b">
  <p>Jigglypuff</p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="david-gen">
  <p>Dave hates this.</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="flute">
  <p>Trombone</p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="duck">
  <p>Lisa has a collection of these</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="lisa-david">
  <p>This is a movie from 1962 about two patients at a mental hospital who meet and fall in love (this isn't a metaphor for Hamilton College).</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="cheese">
  <p>What Lisa's older sister calls her</p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="hamilton">
  <p>Mr. Hamilton</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="david-gen">
  <p>Ketchup</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="x">
  <p>Pinky</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="disc">
  <p>Dave pretended to be this guy every year for Hogwart's at Hamilton.</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="d"><commit_msg>photos<commit_after><!--start-->
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <style>
  #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
  #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
  </style>
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( ".draggable" ).draggable();
    $( ".droppable" ).droppable({
      drop: function( event, ui ) {
        var question = ui.draggable.data('num');
        var answer = $(this).data('num');

        if(question == answer){
          var answerArray =['Wahoo!', 'Correct!', 'Damn straight!', 'Yes, indeedy!','Right on!']
          var rand = answerArray[Math.floor(Math.random() * answerArray.length)];
              $( this ).find( "p" ).html( rand );
              $(this).find("p").addClass('movetxt');
              $( this).css("background-color", "#99f78f");
              $( this).css("color", "#4caf50");
              $(this).addClass('bg-animate');
              $(this).addClass('shadow');
              ui.draggable.css('visibility','hidden');
        }

      }
    });
  } );
  </script>
</head>
<body>
<div class="container">
<h1>How well do you know Lisa and Dave?</h1>
<h3>drag the <span style="color:#afdcff;">blue</span> cards to the <span style="color:#f69c9d;">pink</span> cards to make a match. Be careful--there are some decoys to throw you off!</h2>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-gen">
  <p>Lisa</p>
</div>
<div class="row">
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="lisa-gen">
  <p>This person won a trip to L.A in high school to appear as an extra on the show "What I Like About You."</p>
</div>


<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="david-berry">
  <p>Raspberries</p>
</div>
 <div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="davies">
  <p>Dave has shared a stage with this musician.</p>
</div>
 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="disc">
  <p><NAME></p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="flute">
  <p>Lisa played this instrument in orchestra, wind ensemble AND jazz band (band geek alert!)</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-david">
  <p><NAME> Lisa</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="a">
  <p>Tuna</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="david-berry">
  <p>This is Dave's favorite berry.</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="lisa-gen">
  <p>This person is terrified of frogs and toads.</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-gen">
  <p>Lisa</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="davies">
  <p><NAME></p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-berry">
  <p>Blackberries</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="toe">
  <p>A big toenail.</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="b">
  <p>Jigglypuff</p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="david-gen">
  <p>Dave hates this.</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="flute">
  <p>Trombone</p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="duck">
  <p>Lisa has a collection of these</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="lisa-david">
  <p>This is a movie from 1962 about two patients at a mental hospital who meet and fall in love (this isn't a metaphor for Hamilton College).</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="cheese">
  <p>What Lisa's older sister calls her</p>
</div>

 <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="hamilton">
  <p>Mr. Hamilton</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="david-gen">
  <p>Ketchup</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="x">
  <p>Pinky</p>
</div>
<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="y">
  <p>Hula hoops</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="disc">
  <p>Dave pretended to be this guy every year for Hogwart's at Hamilton.</p>
</div>

<div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="d">
{'fraction_non_alphanumeric': 0.21117078410311493, 'fraction_numerical': 0.028678839957035445, 'mean_word_length': 3.4065309985802177, 'pattern_counts': {'":': 0, '<': 262, '<?xml version=': 0, '>': 262, 'https://': 4, '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': '3600942', 'n_tokens_mistral': 3891, 'n_tokens_neox': 3743, 'n_words': 867}