Delete index.html
This commit is contained in:
thednp
parent
56074c9276
commit
345939fbae
189
demo/index.html
189
demo/index.html
|
|
@ -1,189 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<!--[if IE 7]><html class="ie ie7" lang="en"><![endif]-->
|
||||
<!--[if IE 8]><html class="ie ie8" lang="en"><![endif]-->
|
||||
<!--[if IE 9]><html class="ie ie9" lang="en"><![endif]-->
|
||||
|
||||
<!--[if !IE ]><!--> <html lang="en"> <!--<![endif]-->
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="KUTE.js is a minimal Javascript animation engine">
|
||||
<meta name="keywords" content="kute,kute.js,Javascript,Native Javascript,vanilla javascript,jQuery">
|
||||
<meta name="author" content="dnp_theme">
|
||||
<link rel="shortcut icon" href="./assets/img/favicon.png"> <!-- TO DO -->
|
||||
|
||||
<title>KUTE.js | Javascript Animation Engine</title>
|
||||
|
||||
<!-- RESET CSS -->
|
||||
<link type="text/css" href="./assets/css/reset.css" rel="stylesheet">
|
||||
|
||||
<!-- DEMO KUTE CSS -->
|
||||
<link type="text/css" href="./assets/css/kute.css" rel="stylesheet">
|
||||
|
||||
<!-- Ion Icons -->
|
||||
<link type="text/css" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
|
||||
|
||||
<!-- legacy browsers support via polyfill
|
||||
<script src="https://cdn.polyfill.io/v2/polyfill.js?features=default,getComputedStyle|gated"> </script> -->
|
||||
<!--[if IE]>
|
||||
<script src="https://cdn.jsdelivr.net/minifill/0.0.2/minifill.min.js"> </script>
|
||||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="fill overlay"></div>
|
||||
|
||||
<div class="site-wrapper">
|
||||
|
||||
<div class="navbar-wrapper">
|
||||
<div class="content-wrap">
|
||||
<a href="index.html"><h1 class="active">KUTE.<span>js</span></h1></a>
|
||||
<ul class="nav">
|
||||
<li><a href="features.html">Features</a></li>
|
||||
<li><a href="examples.html">Examples</a></li>
|
||||
<li><a href="api.html">API</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="content-wrap">
|
||||
<div class="columns welcome">
|
||||
<div class="col2 table">
|
||||
<div class="cell">
|
||||
<h2 class="nomargin">Welcome Developers!</h2>
|
||||
<p class="lead">KUTE.js is a Javascript animation engine with top performance, memory efficient & modular code. It delivers a whole bunch of tools to help you create great custom animations.</p>
|
||||
<p>
|
||||
<a class="btn btn-blue" href="https://github.com/thednp/kute.js/archive/master.zip">Download</a>
|
||||
<a class="btn" href="https://github.com/thednp/kute.js">Github</a>
|
||||
<a class="btn" href="http://www.jsdelivr.com/#!kute.js">CDN</a>
|
||||
<a class="btn btn-green replay" href="#">Replay</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col2 table">
|
||||
<div class="cell">
|
||||
<div id="blocks" class="columns nomargin">
|
||||
<div class="col3 bg bg-yellow"></div>
|
||||
<div class="col3 bg bg-orange"></div>
|
||||
<div class="col3 bg bg-red"></div>
|
||||
|
||||
<div class="col3 bg bg-blue"></div>
|
||||
<div class="col3 bg bg-olive"></div>
|
||||
<div class="col3 bg bg-indigo"></div>
|
||||
|
||||
<div class="col3 bg bg-lime"></div>
|
||||
<div class="col3 bg bg-green"></div>
|
||||
<div class="col3 bg bg-teal"></div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="featurettes">
|
||||
<div class="content-wrap">
|
||||
<h2 class="nomarginlarge">At A Glance</h2>
|
||||
<div class="columns hiddenoverflow">
|
||||
<div class="col2">
|
||||
<h3>Killer Performance</h3>
|
||||
<p>KUTE.js is crazy fast with it's <a href="features.html#performance">outstanding performance</a>, with super fast code execution, it's also memory efficient. I made a <a href="performance.html">cool demo</a> to showcase how KUTE.js really scales on performance. </p>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<h3>Prefix Free</h3>
|
||||
<p>KUTE.js can detect if the user's browser requires prefix and <a href="features.html#prefix">uses it accordingly</a> for <code>requestAnimationFrame</code>, <code>transform</code> and <code>border-radius</code>, hustle free for older Gecko/Webkit/IE browsers.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns hiddenoverflow">
|
||||
<div class="col2">
|
||||
<h3>All Browsers Compatible</h3>
|
||||
<p>KUTE.js covers <a href="features.html#compatibiity">all modern browsers</a> with fallback options for legacy browsers. When using <a href="https://polyfill.io/">polyfills</a> and the right <a href="http://browserhacks.com" target="_blank">browser detection</a> you can manage all kinds of <a href="examples.html#crossbrowser">fallback animations</a> for legacy browsers.</p>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<h3>Powerful Methods</h3>
|
||||
<p>KUTE.js allows you to create tweens and chainable tweens, gives you tween control methods (stop/pause/resume/restart) and comes with full <a href="features.html#methods">spectrum tween options</a>.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns hiddenoverflow">
|
||||
<div class="col2">
|
||||
<h3>Packed With Tools</h3>
|
||||
<p>KUTE.js comes with tools to help you configure awesome animations: jQuery plugin, cubic-bezier and physics easing functions, color convertors, and a lot of options to play with.</p>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<h3>Plenty Of Properties</h3>
|
||||
<p>KUTE.js covers all animation needs such as <code>transform</code>, <code>scroll</code> (window or other elements), colors (border, background and text), <code>border-radius</code>, almost the full box model and also text properties.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="columns hiddenoverflow">
|
||||
<div class="col2">
|
||||
<h3>MIT License</h3>
|
||||
<p>You can develop with KUTE.js for free thanks to the <a href="https://github.com/thednp/kute.js/blob/master/LICENSE" target="_blank">MIT License</a> terms.</p>
|
||||
</div>
|
||||
<div class="col2">
|
||||
<h3>Top Notch Documentation</h3>
|
||||
<p>All examples, code, tips & tricks are very well documented.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-wrap">
|
||||
<h2>Getting Started</h2>
|
||||
<div class="columns hiddenoverflow">
|
||||
<div class="col3">
|
||||
<span class="ion-ios-game-controller-b media"></span>
|
||||
<h3>Examples</h3>
|
||||
<p>See <a href="examples.html">KUTE.js in action</a> with all it's functions, options and features.</p>
|
||||
</div>
|
||||
<div class="col3">
|
||||
<span class="ion-ios-paper media"></span>
|
||||
<h3>Documentation</h3>
|
||||
<p>The <a href="api.html">API documentation</a> is here for you to get you started.</p>
|
||||
</div>
|
||||
|
||||
<div class="col3">
|
||||
<span class="ion-ios-pulse-strong media"></span>
|
||||
<h3>Performance</h3>
|
||||
<p class="marginbottom">Head over to the <a href="performance.html">performance</a> test page right away.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ul id="share" class="nav">
|
||||
<li>Share </li>
|
||||
<li class="hidden-xs"><a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http://thednp.github.io/kute.js/index.html" title="Share KUTE.js on Facebook"><span class="ion-social-facebook-outline icon"></span></a></li>
|
||||
<li class="hidden-xs"><a target="_blank" href="https://twitter.com/home?status=Spread the word about @kute.js animation engine by @thednp and download here http://thednp.github.io/kute.js/index.html" title="Share KUTE.js on Twitter"><span class="icon ion-social-twitter-outline"></span></a></a></li>
|
||||
<li class="hidden-xs"><a target="_blank" href="https://plus.google.com/share?url=http://thednp.github.io/kute.js/index.html" title="Share KUTE.js on Google+"><span class="icon ion-social-googleplus-outline"></span></a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- FOOTER -->
|
||||
<footer>
|
||||
<div class="content-wrap">
|
||||
<p class="pull-right"><a id="toTop" href="#">Back to top</a></p>
|
||||
<p>© 2007 - 2015 · <a href="http://themeforest.net/user/dnp_theme?ref=dnp_theme">dnp_theme</a>.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</div><!-- /.site-wrapper -->
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- JavaScript
|
||||
================================================== -->
|
||||
<!-- Placed at the end of the document so the pages load faster -->
|
||||
<!--<script src="http://cdn.jsdelivr.net/kute.js/0.9.5/kute.min.js"></script> KUTE CDN -->
|
||||
|
||||
<script src="./src/kute.js"></script> <!-- KUTE local -->
|
||||
<script src="./assets/js/home.js"></script> <!-- some stuff -->
|
||||
<script src="./assets/js/scripts.js"></script> <!-- some stuff -->
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue