keyrune/index.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <title>Keyrune | Andrew Gioia</title>
    <link rel="stylesheet" href="bower_components/keyrune/css/keyrune.css" />
    <link rel="stylesheet" href="css/main.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
</head>
<body>

    <section id="banner">
        <div class="wrapper">
            <a href="index.html" class="item">Home</a>
            <a href="icons.html" class="item">Set Icons</a>
            <a href="examples.html" class="item">Examples</a>
            <a href="http://github.com/andrewgioia/Keyrune" class="item">GitHub Project</a>
            <span class="item">
                Created by
                <a href="http://andrewgioia.com">Andrew Gioia</a>
            </span>
        </div>
    </section>

    <header>
        <div class="wrapper">
            <div class="bigicon">
                <i class="ss ss-leg"></i>
            </div>
            <h1>Keyrune</h1>
            <h2>Magic: the Gathering set symbol font</h2>
            <div class="actions">
                <a class="dl button" href="http://github.com/andrewgioia/Keyrune">
                    <i class="ss ss-pmtg2"></i>
                    Download
                </a>
                <a class="vs button" href="icons.html">
                    <i class="ss ss-mmq"></i>
                    View Set Icons
                </a>
            </div>
            <p>
                Current version 0.1 includes all sets to Fate Reforged.
            </p>
        </div>
    </header>

    <main>
        <div class="wrapper">
            <section>
                <h3>Keyrune is a complete set of <strong>scalable vector icons</strong> for Magic set symbols.</h3>
                <h4>Drop them into your application, website, or custom cards and control their size, color, drop shadow, or any dimension just as you would with any text!</h4>
            </section>
            <section>
                <h2>Using Keyrune</h2>
                <p>Each set symbol has its own font character. Display them in a manner similar to <a href="http://fontawesome.io">Font Awesome</a> using the <code>&lt;i class="ss ss-exp"&gt;&lt;/i&gt;</code> element. Class name codes are based on the expansion codes from <a href="http://mtgjson.com">MTG JSON</a>.</p>
                <p>To use Keyrune, move the font files to your /fonts directory and include the <code>keyrune.css</code> stylesheet in your <code>&lt;head&gt;</code>:</p>
            </section>
        </div>
    </main>

    <footer>
        <div class="wrapper">
            Made with &hearts; by <a href="http://andrewgioia.com">Andrew Gioia</a>
        </div>
    </footer>

</body>
</html>
Create gh-pages branch via GitHub 2015-03-14 22:30:00 +00:00			`<!doctype html>`
			`<html>`
Adding in Keyrune as a bower component 2015-03-14 23:01:51 +00:00			`<head>`
			`<meta charset="utf-8" />`
			`<meta http-equiv="X-UA-Compatible" content="chrome=1" />`
			`<title>Keyrune \| Andrew Gioia</title>`
Update test to index 2015-03-14 23:15:47 +00:00			`<link rel="stylesheet" href="bower_components/keyrune/css/keyrune.css" />`
Adding in Keyrune as a bower component 2015-03-14 23:01:51 +00:00			`<link rel="stylesheet" href="css/main.css" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />`
			`</head>`
			`<body>`

Refresh of project page layout and some initial copy 2015-03-15 00:40:19 +00:00			`<section id="banner">`
			`<div class="wrapper">`
			`<a href="index.html" class="item">Home</a>`
			`<a href="icons.html" class="item">Set Icons</a>`
			`<a href="examples.html" class="item">Examples</a>`
			`<a href="http://github.com/andrewgioia/Keyrune" class="item">GitHub Project</a>`
			`<span class="item">`
			`Created by`
			`<a href="http://andrewgioia.com">Andrew Gioia</a>`
			`</span>`
			`</div>`
			`</section>`

Adding in Keyrune as a bower component 2015-03-14 23:01:51 +00:00			`<header>`
Refresh of project page layout and some initial copy 2015-03-15 00:40:19 +00:00			`<div class="wrapper">`
			`<div class="bigicon">`
			`<i class="ss ss-leg"></i>`
			`</div>`
			`<h1>Keyrune</h1>`
			`<h2>Magic: the Gathering set symbol font</h2>`
			`<div class="actions">`
			`<a class="dl button" href="http://github.com/andrewgioia/Keyrune">`
			`<i class="ss ss-pmtg2"></i>`
			`Download`
			`</a>`
			`<a class="vs button" href="icons.html">`
			`<i class="ss ss-mmq"></i>`
			`View Set Icons`
			`</a>`
			`</div>`
			`<p>`
			`Current version 0.1 includes all sets to Fate Reforged.`
			`</p>`
			`</div>`
Adding in Keyrune as a bower component 2015-03-14 23:01:51 +00:00			`</header>`

			`<main>`
Refresh of project page layout and some initial copy 2015-03-15 00:40:19 +00:00			`<div class="wrapper">`
			`<section>`
			`<h3>Keyrune is a complete set of <strong>scalable vector icons</strong> for Magic set symbols.</h3>`
			`<h4>Drop them into your application, website, or custom cards and control their size, color, drop shadow, or any dimension just as you would with any text!</h4>`
			`</section>`
			`<section>`
			`<h2>Using Keyrune</h2>`
			`<p>Each set symbol has its own font character. Display them in a manner similar to <a href="http://fontawesome.io">Font Awesome</a> using the <code><i class="ss ss-exp"></i></code> element. Class name codes are based on the expansion codes from <a href="http://mtgjson.com">MTG JSON</a>.</p>`
			`<p>To use Keyrune, move the font files to your /fonts directory and include the <code>keyrune.css</code> stylesheet in your <code><head></code>:</p>`
			`</section>`
			`</div>`
Adding in Keyrune as a bower component 2015-03-14 23:01:51 +00:00			`</main>`

			`<footer>`
Refresh of project page layout and some initial copy 2015-03-15 00:40:19 +00:00			`<div class="wrapper">`
			`Made with &hearts; by <a href="http://andrewgioia.com">Andrew Gioia</a>`
			`</div>`
Adding in Keyrune as a bower component 2015-03-14 23:01:51 +00:00			`</footer>`

			`</body>`
			`</html>`