fighting-game-icons/index.html
2017-01-24 07:35:20 -05:00

112 lines
4.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fighting Game Icons</title>
<meta name="description" content="Fighting Game Icons">
<meta name="author" content="Jeddunk">
<link rel="stylesheet" href="https://bootswatch.com/slate/bootstrap.min.css">
<link rel="stylesheet" href="css/fgi.css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!--script src="js/fgi.js"></script-->
<div class="container">
<header class="jumbotron">
<h1>Fighting Game Icons</h1>
</header>
<main>
<div>
<h1 class="page-header">List of all available icons:</h1>
<em>Hover over icon for code!</em>
<div>
<h2>Default Directional Inputs</h2>
<div class="well">
<span class="fgi fgi-forward" title="fgi-forward"></span>
<span class="fgi fgi-df" title="fgi-df"></span>
<span class="fgi fgi-down" title="fgi-down"></span>
<span class="fgi fgi-db" title="fgi-db"></span>
<span class="fgi fgi-back" title="fgi-back"></span>
<span class="fgi fgi-jump" title="fgi-jump"></span>
</div>
</div>
<div>
<h2>Special Directional Inputs</h2>
<div class="well">
<span class="fgi fgi-qcf" title="fgi-qcf"></span>
<span class="fgi fgi-qcb" title="fgi-qcb"></span>
<span class="fgi fgi-hcf" title="fgi-hcf"></span>
<span class="fgi fgi-hcb" title="fgi-hcb"></span>
<span class="fgi fgi-dp" title="fgi-dp"></span>
<span class="fgi fgi-dp-b" title="fgi-dp-b"></span>
<span class="fgi fgi-360" title="fgi-360"></span>
</div>
</div>
<div>
<h2>Buttons</h2>
<div class="well">
<span class="fgi fgi-punch" title="fgi-punch"></span>
<span class="fgi fgi-kick" title="fgi-kick"></span>
<br/>
<span class="fgi fgi-lp" title="fgi-lp"></span>
<span class="fgi fgi-mp" title="fgi-mp"></span>
<span class="fgi fgi-hp" title="fgi-hp"></span>
<span class="fgi fgi-lk" title="fgi-lk"></span>
<span class="fgi fgi-mk" title="fgi-mk"></span>
<span class="fgi fgi-hk" title="fgi-hk"></span>
<br>
<span class="fgi fgi-3p" title="fgi-3p"></span>
<span class="fgi fgi-3k" title="fgi-3k"></span>
</div>
<em>Guilty Gear</em>
<div class="well">
<span class="fgi fgi-s" title="fgi-s"></span>
<span class="fgi fgi-hs" title="fgi-hs"></span>
<span class="fgi fgi-d" title="fgi-d"></span>
</div>
</div>
</div>
<div>
<h1 class="page-header">Examples</h1>
<div class="well">
<code>&lt;span class="fgi fgi-dp">&lt;/span>+&lt;span class="fgi fgi-punch">&lt;/span></code><br><br>
<span class="fgi fgi-dp"></span>+<span class="fgi fgi-punch"></span>
<p>Ryu's Shoryuken</p>
</div>
<div class="well">
<code>&lt;span class="fgi fgi-360">&lt;/span>&lt;span class="fgi fgi-360">&lt;/span>+&lt;span class="fgi fgi-3p">&lt;/span></code><br><br>
<span class="fgi fgi-360"></span><span class="fgi fgi-360"></span>+<span class="fgi fgi-3p"></span>
<p>Zangief's Ultimate Atomic Buster</p>
</div>
<div class="well">
<code>&lt;span class="fgi fgi-qcf">&lt;/span>&lt;span class="fgi fgi-qcf">&lt;/span>+&lt;span class="fgi fgi-s">&lt;/span></code><br><br>
<span class="fgi fgi-qcf"></span><span class="fgi fgi-qcf"></span>+<span class="fgi fgi-s"></span>
<p>Faust's Shigekiteki Zetsumeiken</p>
</div>
</div>
<div>
<h1 class="page-header">Download</h1>
<a class="btn btn-default" href="https://gitgud.io/JediThug/fighting-game-icons/repository/archive.zip?ref=master" role="button"><span class="glyphicon glyphicon-download-alt" aria-hidden="true"></span> Download</a>
<a class="btn btn-default" href="https://gitgud.io/JediThug/fighting-game-icons/" role="button"><span class="glyphicon glyphicon-cog" aria-hidden="true"></span> Repository</a>
</div>
<div>
<h1 class="page-header">Todo</h1>
<ul>
<li>Charge directions and "Hold" buttons</li>
<li>A, B, C, D (NeoGeo)</li>
<li>1, 2, 3, 4 or LP, RP, LK, RK (Tekken)</li>
</ul>
</div>
</main>
<footer></footer>
</div>
</body>
</html>