<commit_before><!DOCTYPE html>
<html>
<head>
	<title>EaselJS demo: Dragging</title>
  <meta charset="utf-8" />
  <title>爸爸的礼物</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta name="Description" content="">
  <meta name="Keywords" content="">
	<script src="http://code.createjs.com/easeljs-0.8.1.min.js"></script>
  <!-- <link href="_assets/css/shared.css" rel="stylesheet" type="text/css"/>
  <link href="_assets/css/examples.css" rel="stylesheet" type="text/css"/> -->
  <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
  <script src="_assets/js/examples.js"></script>
  <script src="index.js"></script>
  <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<script>
	</script>

  <style>
  html{
    	background:url('img/bodybg.jpg') no-repeat center center;
    	min-height:100%;
    	background-size:cover;
    }

    body{
      margin: 0;
      min-height:100%;
    }

    .box{
      width: 300px;
      height: 415px;
      border: 5px solid rgba(140, 74, 44, 0.73);
      background: rgba(140, 74, 44, 0.45);
      margin: 0 auto;
      border-radius: 5px;
    }

    .head {
        height: 50px;
        background: rgba(140, 74, 44, 0.74);
        width: 100%;
        margin-bottom: 20px;
        padding: 0 10px;
        text-align: left;
        line-height: 50px;
        font-size: 20px;
        letter-spacing: 1px;
        color: white;
    }

    .tips {
        width: 300px;
        border: 5px solid rgba(140, 74, 44, 0.52);
        margin: 0 auto;
        border-radius: 5px;
        margin-top: 20px;
        background-color: rgba(140, 74, 44, 0.64);
    }
    .dialog{
      /* width: 60%; */
      /* border: 5px solid #8c4a2c; */
      /* margin: 0 auto; */
      border-radius: 5px;
      /* margin-top: 20px; */
      background-color: #f9cd82;
      position: absolute;
      top: 30%;
      /* margin-left: auto; */
      /* margin-right: auto; */
      /* margin-left: 20%; */
      border-radius: 100px;
      width: 160px;
      height: 160px;
      left: 50%;
      margin-left: -100px;
      border: 5px solid #8c4a2c;
    }

    .dialog .text_head{
      font-size: 16px;
      color: #8c4a2c;
      margin-top: 40px;
      text-align: center;
    }

    .dialog .text_body {
    font-size: 40px;
    color: #8c4a2c;
    /* margin: 5px 10px; */
    text-align: center;
    margin-top: 10px;
}



    .text_head{
      font-size: 14px;
      color: #ffffff;
      margin: 5px 10px;
    }

    .text_body{
      font-size: 12px;
      color: #ffffff;
      margin: 5px 10px;
    }


  </style>
</head>
<body onload="init();">

<div class="head">
  <i class="fa fa-tree" aria-hidden="true" style="    margin-right: 10px;
    /* margin-bottom: 2px; */
    font-size: 24px;"></i>血拼授权大品牌 - 第1关
</div>
<!-- <div class="tips" style="margin-top:20px; margin-bottom:20px">
  <!-- <p class="text_head">游戏说明:</p>->
  <p class="text_body">请将下面正确的一块拼图拖放到相应的位置,即可通关。</p>
</div> -->

<div style="text-align:center">
<div class="box">
	<canvas id="demoCanvas" width="300px" height="415px" >
		alternate content
	</canvas>
</div>
</div>

<div class="tips">
  <!-- <p class="text_head">游戏说明:</p>-->
  <!-- <p class="text_body">请将上面正确的一块拼图放到相应的位置。</p> -->
  <p class="text_head"><i class="fa fa-gratipay" aria-hidden="true" style="margin-right:10px"></i>品牌贴心小提示:</p>
  <p class="text_body">东方梦工厂是世界三大动画公司在上海设立的子公司，致力为全球观众打造高品质的娱乐内容，创立中国的家庭娱乐品牌.</p>

</div>

<div class="dialog" id="dialog" style="display:none">
  <!-- <p class="text_head">游戏说明:</p>-->
  <!-- <p class="text_body">请将上面正确的一块拼图放到相应的位置。</p> -->
  <p class="text_head"></i>闯关成功！<br>前往下一关.</p>
  <p class="text_body"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></p>
</div>

<div class="dialog" id="dialog2" style="display:none">
  <!-- <p class="text_head">游戏说明:</p>-->
  <!-- <p class="text_body">请将上面正确的一块拼图放到相应的位置。</p> -->
  <p class="text_head"></i>哎哟,闯关失败!<br>快快补满血槽再战!</p>
  <p class="text_body"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></p>
</div>

</body>
</html>
<commit_msg>cases -- pickpic update css<commit_after><!DOCTYPE html>
<html>
<head>
	<title>EaselJS demo: Dragging</title>
  <meta charset="utf-8" />
  <title>爸爸的礼物</title>
  <meta name="description" content="" />
  <meta name="keywords" content="" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0">
  <meta name="format-detection" content="telephone=no">
  <meta name="Description" content="">
  <meta name="Keywords" content="">
	<script src="http://code.createjs.com/easeljs-0.8.1.min.js"></script>
  <!-- <link href="_assets/css/shared.css" rel="stylesheet" type="text/css"/>
  <link href="_assets/css/examples.css" rel="stylesheet" type="text/css"/> -->
  <script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
  <script src="_assets/js/examples.js"></script>
  <script src="index.js"></script>
  <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<script>
	</script>

  <style>
  html{
    	background:url('img/bodybg.jpg') no-repeat center center;
    	min-height:100%;
    	background-size:cover;
    }

    body{
      margin: 0;
      min-height:100%;
    }

    .box{
      width: 300px;
      height: 415px;
      border: 5px solid rgba(140, 74, 44, 0.73);
      background: rgba(140, 74, 44, 0.45);
      margin: 0 auto;
      border-radius: 5px;
    }

    .head {
        height: 40px;
        background: rgba(140, 74, 44, 0.74);
        width: 100%;
        margin-bottom: 15px;
        padding: 0 10px;
        text-align: left;
        line-height: 40px;
        font-size: 16px;
        letter-spacing: 1px;
        color: white;
    }

    .tips {
        width: 300px;
        border: 5px solid rgba(140, 74, 44, 0.52);
        margin: 0 auto;
        border-radius: 5px;
        margin-top: 15px;
        margin-bottom: 40px;
        background-color: rgba(140, 74, 44, 0.64);
    }
    .dialog{
      /* width: 60%; */
      /* border: 5px solid #8c4a2c; */
      /* margin: 0 auto; */
      border-radius: 5px;
      /* margin-top: 20px; */
      background-color: #f9cd82;
      position: absolute;
      top: 30%;
      /* margin-left: auto; */
      /* margin-right: auto; */
      /* margin-left: 20%; */
      border-radius: 100px;
      width: 160px;
      height: 160px;
      left: 50%;
      margin-left: -100px;
      border: 5px solid #8c4a2c;
    }

    .dialog .text_head{
      font-size: 16px;
      color: #8c4a2c;
      margin-top: 40px;
      text-align: center;
    }

    .dialog .text_body {
    font-size: 40px;
    color: #8c4a2c;
    /* margin: 5px 10px; */
    text-align: center;
    margin-top: 10px;
}



    .text_head{
      font-size: 14px;
      color: #ffffff;
      margin: 5px 10px;
    }

    .text_body{
      font-size: 12px;
      color: #ffffff;
      margin: 5px 10px;
    }


  </style>
</head>
<body onload="init();" style="overflow:hidden">

<div class="head">
  <i class="fa fa-tree" aria-hidden="true" style="    margin-right: 10px;
    /* margin-bottom: 2px; */
    font-size: 24px;"></i>血拼授权大品牌 - 第1关
</div>
<!-- <div class="tips" style="margin-top:20px; margin-bottom:20px">
  <!-- <p class="text_head">游戏说明:</p>->
  <p class="text_body">请将下面正确的一块拼图拖放到相应的位置,即可通关。</p>
</div> -->

<div style="text-align:center">
<div class="box">
	<canvas id="demoCanvas" width="300px" height="415px" >
		alternate content
	</canvas>
</div>
</div>

<div class="tips">
  <!-- <p class="text_head">游戏说明:</p>-->
  <!-- <p class="text_body">请将上面正确的一块拼图放到相应的位置。</p> -->
  <p class="text_head"><i class="fa fa-gratipay" aria-hidden="true" style="margin-right:10px"></i>品牌贴心小提示:</p>
  <p class="text_body">东方梦工厂是世界三大动画公司在上海设立的子公司，致力为全球观众打造高品质的娱乐内容，创立中国的家庭娱乐品牌.</p>

</div>

<div class="dialog" id="dialog" style="display:none">
  <!-- <p class="text_head">游戏说明:</p>-->
  <!-- <p class="text_body">请将上面正确的一块拼图放到相应的位置。</p> -->
  <p class="text_head"></i>闯关成功！<br>前往下一关.</p>
  <p class="text_body"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i></p>
</div>

<div class="dialog" id="dialog2" style="display:none">
  <!-- <p class="text_head">游戏说明:</p>-->
  <!-- <p class="text_body">请将上面正确的一块拼图放到相应的位置。</p> -->
  <p class="text_head"></i>哎哟,闯关失败!<br>快快补满血槽再战!</p>
  <p class="text_body"><i class="fa fa-arrow-circle-left" aria-hidden="true"></i></p>
</div>

</body>
</html>

{'fraction_non_alphanumeric': 0.20213630558458145, 'fraction_numerical': 0.04272611169162893, 'mean_word_length': 2.826743669480231, 'pattern_counts': {'":': 0, '<': 199, '<?xml version=': 0, '>': 199, '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': '4489685', 'n_tokens_mistral': 3849, 'n_tokens_neox': 3598, 'n_words': 604}