<commit_before>﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>i-Cut</title>
<meta name="keywords" content="自适应_响应式_像素级_切割CSS" />
<meta name="description" content="一个记得更少，做的更多的CSS框架!" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<link rel="stylesheet" href="src/css/adjust.css">
<link rel="stylesheet" href="src/css/emmet.css">
<link rel="stylesheet" href="src/css/flexgrid.css">
<link rel="stylesheet" href="src/css/opencolor.css">
<link rel="stylesheet" href="src/css/style.css">
<link rel="stylesheet" href="assets/index.css">
<script>
(function (doc, win) {
        var docEl = doc.documentElement,
          isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
          dpr = isIOS? Math.min(win.devicePixelRatio, 3) : 1,
          dpr = window.top === window.self? dpr : 1,
          dpr = 1,
          scale = 1 / dpr,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        docEl.dataset.dpr = dpr;
        var metaEl = doc.createElement('meta');
        metaEl.name = 'viewport';
        metaEl.content = 'initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale;
        docEl.firstElementChild.appendChild(metaEl);
        var recalc = function () {
            var designW = 750;
            var width = docEl.clientWidth;
            if (width / dpr > designW) {	
                width = designW * dpr;
            }
            docEl.style.fontSize = 100 * (width / designW) + 'px';
          };
        recalc()
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
})(document, window);
</script>
<script src="assets/jq-2.1.js"></script>
<script src="assets/jquery.nav.js"></script>
<script src="assets/index.js"></script>
</head>

<body>
<div class="container">	
	<div class="row ta-c">
		<div class="col-xs-12 fz100 mt100">i-Cut</div>
		<div class="col-xs-12 fz30 mt30 mb30">一个快速成形，适应全终端的CSS框架</div>
		<div class="col-xs-12 fz0  ta-c">
			<div class="d-ib w250 fz30 lh64 mr100 bdrs10 bd_1-solid bdc-blue-7"><a href="https://github.com/zhenbinjing/i-Cut/archive/master.zip" target="_blank" class="c-blue-7">Download</a></div>
			<div class="d-ib w250 fz30 lh64 bdrs10 bd_1-solid bdc-blue-7"><a href="https://github.com/zhenbinjing/i-Cut" target="_blank" class="c-blue-7">Github</a></div>
		</div>
		
		<div class="col-xs-12 ta-c mt30 fz0 mb30">
			<img src="assets/css.gif" alt="">
		</div>
	</div>
</div>
<div id="nav" class="bgc-gray-9 mb30">
	<div class="container fz20 ta-c">
		<ul class="row pb20">
			<li class="grow-xs-1"><a href="#emmet" class="d-b p10 bgc-gray-7 mt20 c-white-0">Emmet</a></li>				
			<li class="grow-xs-1"><a href="#flexgrid" class="d-b p10 bgc-gray-7 mt20 c-white-0">FlexboxGrid</a></li>
			<li class="grow-xs-1"><a href="#color" class="d-b p10 bgc-gray-7 mt20 c-white-0">OpenColor</a></li>		
			<li class="grow-xs-1"><a href="#animate" class="d-b p10 bgc-gray-7 mt20 c-white-0">Animate</a></li>
		</ul>
	</div>
</div>

<div class="bgc-gray-1">
<div id="emmet"></div>
<div class="container">	
<div class="row">	
		<div class="col-xs-12 fz50 mt30">Emmet.css</div>
		<div class="col-xs-12 fz24 fz-sm-16 lh40 bdb_1-solid bdc-gray-4">基于Emmet命名的css属性简单易懂，同时也方便转换。</div>			
		<div class="col-xs-12">
		<div class="row fz24 fz-sm-16">		
		<div class="col-xs-12 fz30 fz-sm-20 mt20 mb20 c-blue-7">visibility</div>
			<div class="col-sm-6 mb20">
			<pre class="pl10 lh40 bdrs10 bgc-gray-3"><code><span class="c-blue-7">.v-h</span> {visibility: hidden;}</code></pre>
			</div>			
			<div class="col-sm-6 mb20">
			<pre class="pl10 lh40 bdrs10 bgc-gray-3"><code><span class="c-blue-7">.v-v</span> {visibility: visible;}</code></pre>
			</div>
		</div>			
		</div>		
		<div class="col-xs-12"><commit_msg>add index.html<commit_after>﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>i-Cut</title>
<meta name="keywords" content="自适应_响应式_像素级_切割CSS" />
<meta name="description" content="一个记得更少，做的更多的CSS框架!" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="email=no">
<link rel="stylesheet" href="src/css/adjust.css">
<link rel="stylesheet" href="src/css/emmet.css">
<link rel="stylesheet" href="src/css/flexgrid.css">
<link rel="stylesheet" href="src/css/opencolor.css">
<link rel="stylesheet" href="src/css/style.css">
<link rel="stylesheet" href="assets/index.css">
<script>
(function (doc, win) {
        var docEl = doc.documentElement,
          isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
          dpr = isIOS? Math.min(win.devicePixelRatio, 3) : 1,
          dpr = window.top === window.self? dpr : 1,
          dpr = 1,
          scale = 1 / dpr,
          resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';
        docEl.dataset.dpr = dpr;
        var metaEl = doc.createElement('meta');
        metaEl.name = 'viewport';
        metaEl.content = 'initial-scale=' + scale + ',maximum-scale=' + scale + ', minimum-scale=' + scale;
        docEl.firstElementChild.appendChild(metaEl);
        var recalc = function () {
            var designW = 750;
            var width = docEl.clientWidth;
            if (width / dpr > designW) {	
                width = designW * dpr;
            }
            docEl.style.fontSize = 100 * (width / designW) + 'px';
          };
        recalc()
        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
})(document, window);
</script>
<script src="assets/jq-2.1.js"></script>
<script src="assets/jquery.nav.js"></script>
<script src="assets/index.js"></script>
</head>

<body>
<div class="container">	
	<div class="row ta-c">
		<div class="col-xs-12 fz100 mt100">i-Cut</div>
		<div class="col-xs-12 fz30 mt30 mb30">一个快速成形，全终端适配的CSS框架</div>
		<div class="col-xs-12 fz0  ta-c">
			<div class="d-ib w250 fz30 lh64 mr100 bdrs10 bd_1-solid bdc-blue-7"><a href="https://github.com/zhenbinjing/i-Cut/archive/master.zip" target="_blank" class="c-blue-7">Download</a></div>
			<div class="d-ib w250 fz30 lh64 bdrs10 bd_1-solid bdc-blue-7"><a href="https://github.com/zhenbinjing/i-Cut" target="_blank" class="c-blue-7">Github</a></div>
		</div>
		
		<div class="col-xs-12 ta-c mt30 fz0 mb30">
			<img src="assets/css.gif" alt="">
		</div>
	</div>
</div>
<div id="nav" class="bgc-gray-9 mb30">
	<div class="container fz20 ta-c">
		<ul class="row pb20">
			<li class="grow-xs-1"><a href="#emmet" class="d-b p10 bgc-gray-7 mt20 c-white-0">Emmet</a></li>				
			<li class="grow-xs-1"><a href="#flexgrid" class="d-b p10 bgc-gray-7 mt20 c-white-0">FlexGrid</a></li>
			<li class="grow-xs-1"><a href="#color" class="d-b p10 bgc-gray-7 mt20 c-white-0">OpenColor</a></li>		
			<li class="grow-xs-1"><a href="#animate" class="d-b p10 bgc-gray-7 mt20 c-white-0">Animate</a></li>
		</ul>
	</div>
</div>

<div class="bgc-gray-1">
<div id="emmet"></div>
<div class="container">	
<div class="row">	
		<div class="col-xs-12 fz50 mt30">Emmet.css</div>
		<div class="col-xs-12 fz24 fz-sm-16 lh40 bdb_1-solid bdc-gray-4">基于Emmet命名的css属性简单易懂，同时也方便转换。</div>			
		<div class="col-xs-12">
		<div class="row fz24 fz-sm-16">		
		<div class="col-xs-12 fz30 fz-sm-20 mt20 mb20 c-blue-7">visibility</div>
			<div class="col-sm-6 mb20">
			<pre class="pl10 lh40 bdrs10 bgc-gray-3"><code><span class="c-blue-7">.v-h</span> {visibility: hidden;}</code></pre>
			</div>			
			<div class="col-sm-6 mb20">
			<pre class="pl10 lh40 bdrs10 bgc-gray-3"><code><span class="c-blue-7">.v-v</span> {visibility: visible;}</code></pre>
			</div>
		</div>			
		</div>		
		<div class="col-xs-12">
{'fraction_non_alphanumeric': 0.20482370225269345, 'fraction_numerical': 0.04064642507345739, 'mean_word_length': 3.5257617728531856, 'pattern_counts': {'":': 0, '<': 211, '<?xml version=': 0, '>': 213, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, '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': '4112989', 'n_tokens_mistral': 3524, 'n_tokens_neox': 3271, 'n_words': 596}