mirror of
https://github.com/andrewgioia/mana.git
synced 2024-10-31 23:44:47 +00:00
Updates docs to 1.9.1
This commit is contained in:
parent
5184be4744
commit
882ebc2540
@ -2,4 +2,4 @@
|
||||
|
||||
#### The Magic: the Gathering mana symbol font!
|
||||
|
||||
Documentation for this project available at [http://andrewgioia.github.io/Mana](http://andrewgioia.github.io/Mana).
|
||||
Documentation for this project available at [https://mana.andrewgioia.com](https://mana.andrewgioia.com).
|
@ -14,13 +14,13 @@
|
||||
<a href="index.html" class="item">Home</a>
|
||||
<a href="icons.html" class="item">Mana Icons</a>
|
||||
<a href="attributes.html" class="item">Attributes</a>
|
||||
<a href="http://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
|
||||
<a href="https://github.com/andrewgioia/mana" class="item">GitHub Project</a>
|
||||
<span class="item">
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
|
||||
</span>
|
||||
<span class="item">
|
||||
Created by
|
||||
<a href="http://andrewgioia.com">Andrew Gioia</a>
|
||||
<a href="https://andrewgioia.com">Andrew Gioia</a>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
@ -28,7 +28,7 @@
|
||||
<header>
|
||||
<div class="wrapper">
|
||||
<h1 class="sub">Mana & Card Icons</h1>
|
||||
<a class="dl button float-right" href="https://github.com/andrewgioia/Mana/archive/master.zip">
|
||||
<a class="dl button float-right" href="https://github.com/andrewgioia/mana/archive/master.zip">
|
||||
<i class="ms ms-instant"></i>
|
||||
Download
|
||||
</a>
|
||||
@ -194,13 +194,30 @@
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</section>
|
||||
<section class="content">
|
||||
<h4>Dual-Layered Symbols</h4>
|
||||
<div class="example float-left">
|
||||
<span class="each"><i class="ms ms-2x ms-multicolor"></i> One layer</span>
|
||||
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo"></i> Two layers</span>
|
||||
<span class="each"><i class="ms ms-2x ms-multicolor ms-duo ms-duo-color ms-grad"></i> Two with color</span>
|
||||
</div>
|
||||
<div class="explanation">
|
||||
<p>The [multicolor symbol](https://mtg.gamepedia.com/Multicolored) has 2 layers and the only wayh to reliably achieve this is with 2 glyphs. Add <code>.ms-duo</code> and <code>.ms-multicolor</code> will add the background layer and knock out the foreground. If you add <code>.ms-duo-color</code> and optionally <code>.ms-grad</code> it will colorize it like the official symbol.</p>
|
||||
<blockquote>
|
||||
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor"</span>></<span class="e">i</span>> One layer<br />
|
||||
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo"</span>></<span class="e">i</span>> Two layers<br />
|
||||
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ms ms-multicolor ms-duo ms-duo-color ms-grad"</span>></<span class="e">i</span>> Complete multicolor symbol
|
||||
</blockquote>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="wrapper">
|
||||
<div class="float-left">
|
||||
<p>Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a></p>
|
||||
<p>Made with ♥ by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
|
||||
</div>
|
||||
<div class="float-right" style="text-align: right;">
|
||||
<p>
|
||||
|
138
cheatsheet.html
138
cheatsheet.html
@ -86,12 +86,23 @@
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="vectors">
|
||||
<span class="utf"><i></i> ms-tap <code>&#xe61a;</code></span>
|
||||
<span class="utf"><i></i> ms-untap <code>&#xe61b;</code></span>
|
||||
<span class="utf"><i></i> ms-tap-alt <code>&#xe61c;</code></span>
|
||||
<span class="utf"><i></i> ms-chaos <code>&#xe61d;</code></span>
|
||||
<span class="utf"><i></i> ms-1-2 <code>&#xe902;</code></span>
|
||||
<span class="utf"><i></i> ms-acorn <code>&#xe929;</code></span>
|
||||
<span class="utf"><i></i> ms-artist-brush <code>&#xe923;</code></span>
|
||||
<span class="utf"><i></i> ms-artist-nib <code>&#xe924;</code></span>
|
||||
<span class="utf"><i></i> ms-chaos <code>&#xe61d;</code></span>
|
||||
<span class="utf"><i></i> ms-infinity <code>&#xe903;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-up <code>&#xe627;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-down <code>&#xe625;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-zero <code>&#xe626;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-start <code>&#xe628;</code></span>
|
||||
<span class="utf"><i></i> ms-multicolor <code>&#xe985;</code></span>
|
||||
<span class="utf"><i></i> ms-power <code>&#xe921;</code></span>
|
||||
<span class="utf"><i></i> ms-saga <code>&#xe92a;</code></span>
|
||||
<span class="utf"><i></i> ms-tap <code>&#xe61a;</code></span>
|
||||
<span class="utf"><i></i> ms-tap-alt <code>&#xe61c;</code></span>
|
||||
<span class="utf"><i></i> ms-toughness <code>&#xe922;</code></span>
|
||||
<span class="utf"><i></i> ms-untap <code>&#xe61b;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="vectors">
|
||||
@ -101,18 +112,25 @@
|
||||
</div>
|
||||
<div class="vectors overflow">
|
||||
<span class="utf"><i></i> ms-artifact <code>&#xe61e;</code></span>
|
||||
<span class="utf"><i></i> ms-conspiracy <code>&#xe972;</code></span>
|
||||
<span class="utf"><i></i> ms-creature <code>&#xe61f;</code></span>
|
||||
<span class="utf"><i></i> ms-enchantment <code>&#xe620;</code></span>
|
||||
<span class="utf"><i></i> ms-flashback <code>&#xe629;</code></span>
|
||||
<span class="utf"><i></i> ms-instant <code>&#xe621;</code></span>
|
||||
<span class="utf"><i></i> ms-land <code>&#xe622;</code></span>
|
||||
<span class="utf"><i></i> ms-planeswalker <code>&#xe623;</code></span>
|
||||
<span class="utf"><i></i> ms-sorcery <code>&#xe624;</code></span>
|
||||
<span class="utf"><i></i> ms-multiple <code>&#xe925;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-up <code>&#xe627;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-down <code>&#xe625;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-zero <code>&#xe626;</code></span>
|
||||
<span class="utf"><i></i> ms-loyalty-start <code>&#xe628;</code></span>
|
||||
<span class="utf"><i></i> ms-flashback <code>&#xe629;</code></span>
|
||||
<span class="utf"><i></i> ms-phenomenon <code>&#xe96e;</code></span>
|
||||
<span class="utf"><i></i> ms-plane <code>&#xe96f;</code></span>
|
||||
<span class="utf"><i></i> ms-planeswalker <code>&#xe623;</code></span>
|
||||
<span class="utf"><i></i> ms-rarity <code>&#xe96c;</code></span>
|
||||
<span class="utf"><i></i> ms-scheme <code>&#xe970;</code></span>
|
||||
<span class="utf"><i></i> ms-sorcery <code>&#xe624;</code></span>
|
||||
<span class="utf"><i></i> ms-token <code>&#xe96d;</code></span>
|
||||
<span class="utf"><i></i> ms-tribal <code>&#xe925;</code></span>
|
||||
<span class="utf"><i></i> ms-vanguard <code>&#xe971;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="vectors overflow">
|
||||
<span class="utf"><i></i> ms-dfc-night <code>&#xe905;</code></span>
|
||||
<span class="utf"><i></i> ms-dfc-day <code>&#xe906;</code></span>
|
||||
<span class="utf"><i></i> ms-dfc-spark <code>&#xe909;</code></span>
|
||||
@ -120,12 +138,8 @@
|
||||
<span class="utf"><i></i> ms-dfc-moon <code>&#xe90b;</code></span>
|
||||
<span class="utf"><i></i> ms-dfc-emrakul <code>&#xe90a;</code></span>
|
||||
<span class="utf"><i></i> ms-dfc-enchantment <code>&#xe920;</code></span>
|
||||
<span class="utf"><i></i> ms-power <code>&#xe921;</code></span>
|
||||
<span class="utf"><i></i> ms-toughness <code>&#xe922;</code></span>
|
||||
<span class="utf"><i></i> ms-artist-brush <code>&#xe923;</code></span>
|
||||
<span class="utf"><i></i> ms-artist-nib <code>&#xe924;</code></span>
|
||||
<span class="utf"><i></i> ms-saga <code>&#xe92a;</code></span>
|
||||
<span class="utf"><i></i> ms-acorn <code>&#xe929;</code></span>
|
||||
<span class="utf"><i></i> ms-dfc-modal-face <code>&#xe983;</code></span>
|
||||
<span class="utf"><i></i> ms-dfc-modal-back <code>&#xe984;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="vectors overflow">
|
||||
@ -154,13 +168,101 @@
|
||||
<span class="utf"><i></i> ms-polis-meletis <code>&#xe928;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="vectors overflow">
|
||||
<span class="utf"><i></i> ms-ability-activated <code>&#xe947;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-adamant <code>&#xe974;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-adapt <code>&#xe975;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-addendum <code>&#xe976;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-adventure <code>&#xe948;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-afflict <code>&#xe977;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-afterlife <code>&#xe978;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-aftermath <code>&#xe979;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-amass <code>&#xe97a;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-ascend <code>&#xe94a;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-companion <code>&#xe97b;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-constellation <code>&#xe97c;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-convoke <code>&#xe949;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-deathtouch <code>&#xe94b;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-defender <code>&#xe94c;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-devotion <code>&#xe97d;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-double-strike <code>&#xe94d;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-embalm <code>&#xe97e;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-enrage <code>&#xe94e;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-escape <code>&#xe969;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-eternalize <code>&#xe97f;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-explore <code>&#xe94f;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-first-strike <code>&#xe950;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-flash <code>&#xe951;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-flying <code>&#xe952;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-haste <code>&#xe953;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-hexproof <code>&#xe954;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-hexproof-black <code>&#xe955;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-hexproof-blue <code>&#xe956;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-hexproof-green <code>&#xe957;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-hexproof-red <code>&#xe958;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-hexproof-white <code>&#xe959;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-indestructible <code>&#xe95a;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-jumpstart <code>&#xe95b;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-lifelink <code>&#xe95c;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-menace <code>&#xe95d;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-mentor <code>&#xe95e;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-mutate <code>&#xe980;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-proliferate <code>&#xe981;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-prowess <code>&#xe982;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-raid <code>&#xe95f;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-reach <code>&#xe960;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-revolt <code>&#xe961;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-riot <code>&#xe973;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-spectacle <code>&#xe96b;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-static <code>&#xe962;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-summoning-sickness <code>&#xe96a;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-surveil <code>&#xe963;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-trample <code>&#xe964;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-transform <code>&#xe965;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-triggered <code>&#xe966;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-undergrowth <code>&#xe967;</code></span>
|
||||
<span class="utf"><i></i> ms-ability-vigilance <code>&#xe968;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="vectors overflow">
|
||||
<span class="utf"><i></i> ms-counter-arrow <code>&#xe92b;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-brick <code>&#xe92c;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-charge <code>&#xe92d;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-devotion <code>&#xe92e;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-doom <code>&#xe92f;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-echo <code>&#xe930;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-flame <code>&#xe931;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-flood <code>&#xe932;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-fungus <code>&#xe933;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-gold <code>&#xe934;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-ki <code>&#xe935;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-lore <code>&#xe936;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-loyalty <code>&#xe937;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-mining <code>&#xe938;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-minus <code>&#xe939;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-minus-uneven <code>&#xe943;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-muster <code>&#xe93a;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-paw <code>&#xe93b;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-pin <code>&#xe93c;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-plus <code>&#xe93d;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-plus-uneven <code>&#xe944;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-scream <code>&#xe93e;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-skeleton <code>&#xe93f;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-skull <code>&#xe940;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-slime <code>&#xe941;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-time <code>&#xe942;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-verse <code>&#xe945;</code></span>
|
||||
<span class="utf"><i></i> ms-counter-vortex <code>&#xe946;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="wrapper">
|
||||
<div class="float-left">
|
||||
<p>Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a></p>
|
||||
<p>Made with ♥ by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
|
||||
</div>
|
||||
<div class="float-right" style="text-align: right;">
|
||||
<p>
|
||||
|
2
css/mana.min.css
vendored
2
css/mana.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
fonts/mana.eot
BIN
fonts/mana.eot
Binary file not shown.
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 332 KiB After Width: | Height: | Size: 592 KiB |
BIN
fonts/mana.ttf
BIN
fonts/mana.ttf
Binary file not shown.
BIN
fonts/mana.woff
BIN
fonts/mana.woff
Binary file not shown.
BIN
fonts/mana.woff2
BIN
fonts/mana.woff2
Binary file not shown.
362
icons.html
362
icons.html
@ -14,7 +14,7 @@
|
||||
<a href="index.html" class="item">Home</a>
|
||||
<a href="icons.html" class="item">Mana Icons</a>
|
||||
<a href="attributes.html" class="item">Attributes</a>
|
||||
<a href="http://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
|
||||
<a href="https://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
|
||||
<span class="item">
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
|
||||
</span>
|
||||
@ -28,7 +28,7 @@
|
||||
<header>
|
||||
<div class="wrapper">
|
||||
<h1 class="sub">Mana & Card Icons</h1>
|
||||
<a class="dl button float-right" href="https://github.com/andrewgioia/Mana/archive/master.zip">
|
||||
<a class="dl button float-right" href="https://github.com/andrewgioia/mana/archive/master.zip">
|
||||
<i class="ms ms-instant"></i>
|
||||
Download
|
||||
</a>
|
||||
@ -175,6 +175,80 @@
|
||||
<div class="icon" id="chaos" name="Chaos">
|
||||
<span><i class="ms ms-chaos"></i> Chaos <em>(chaos)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="flashback" name="Flashback">
|
||||
<span><i class="ms ms-flashback"></i> Flashback <em>(flashback)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-up" name="Loyalty Up">
|
||||
<span><i class="ms ms-loyalty-up"></i> Loyalty Up <em>(loyalty-up)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-down" name="Loyalty Down">
|
||||
<span><i class="ms ms-loyalty-down"></i> Loyalty Down <em>(loyalty-down)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-zero" name="Loyalty Zero">
|
||||
<span><i class="ms ms-loyalty-zero"></i> Loyalty Zero <em>(loyalty-zero)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-start" name="Loyalty Start">
|
||||
<span><i class="ms ms-loyalty-start"></i> Loyalty Start <em>(loyalty-start)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="power" name="Power">
|
||||
<span><i class="ms ms-power"></i> Power <em>(power)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="toughness" name="Toughness">
|
||||
<span><i class="ms ms-toughness"></i> Toughness <em>(toughness)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="artist-brush" name="Artist (Brush)">
|
||||
<span><i class="ms ms-artist-brush"></i> Artist (Brush) <em>(artist-brush)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="artist-nib" name="Artist (Nib)">
|
||||
<span><i class="ms ms-artist-nib"></i> Artist (Nib) <em>(artist-nib)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="saga" name="Saga">
|
||||
<span><i class="ms ms-saga ms-saga-1"></i> Saga <em>(saga)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="acorn" name="Acorn">
|
||||
<span><i class="ms ms-acorn"></i> Acorn <em>(acorn)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="rarity" name="Rarity">
|
||||
<span><i class="ms ms-rarity"></i> Rarity <em>(rarity)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="multicolor" name="Multicolor">
|
||||
<span><i class="ms ms-multicolor ms-duo"></i> Multicolor <em>(multicolor)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 style="padding-top:25px;">Double-Faced Cards</h4>
|
||||
<div class="icons">
|
||||
<div class="icon" id="dfc-day" name="DFC (Day)">
|
||||
<span><i class="ms ms-dfc-day"></i> Day <em>(dfc-day)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-night" name="DFC (Night)">
|
||||
<span><i class="ms ms-dfc-night"></i> Night <em>(dfc-night)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-spark" name="DFC (Spark)">
|
||||
<span><i class="ms ms-dfc-spark"></i> Spark <em>(dfc-spark)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-ignite" name="DFC (Ignite)">
|
||||
<span><i class="ms ms-dfc-ignite"></i> Ignite <em>(dfc-ignite)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-moon" name="DFC (Moon)">
|
||||
<span><i class="ms ms-dfc-moon"></i> Moon <em>(dfc-moon)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-emrakul" name="DFC (Emrakul)">
|
||||
<span><i class="ms ms-dfc-emrakul"></i> Emrakul <em>(dfc-emrakul)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-enchantment" name="DFC (Enchantment)">
|
||||
<span><i class="ms ms-dfc-enchantment"></i> Enchantment <em>(dfc-enchantment)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-modal-face" name="DFC Modal (Face">
|
||||
<span><i class="ms ms-dfc-modal-face"></i> Modal (Face) <em>(dfc-modal-face)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-modal-back" name="DFC Modal (Back)">
|
||||
<span><i class="ms ms-dfc-modal-back"></i> Modal (Back) <em>(dfc-modal-back)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 style="padding-top:25px;">Card Types</h4>
|
||||
<div class="icons">
|
||||
<div class="icon" id="artifact" name="Artifact">
|
||||
<span><i class="ms ms-artifact"></i> Artifact <em>(artifact)</em></span>
|
||||
</div>
|
||||
@ -196,62 +270,268 @@
|
||||
<div class="icon" id="sorcery" name="Sorcery">
|
||||
<span><i class="ms ms-sorcery"></i> Sorcery <em>(sorcery)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="multiple" name="Multiple">
|
||||
<span><i class="ms ms-multiple"></i> Multiple <em>(multiple)</em></span>
|
||||
<div class="icon" id="tribal" name="Tribal">
|
||||
<span><i class="ms ms-tribal"></i> Tribal <em>(tribal, multiple)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="flashback" name="Flashback">
|
||||
<span><i class="ms ms-flashback"></i> Flashback <em>(flashback)</em></span>
|
||||
<div class="icon" id="plane" name="Plane">
|
||||
<span><i class="ms ms-plane"></i> Plane <em>(plane)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-up" name="Loyalty Up">
|
||||
<span><i class="ms ms-loyalty-up"></i> Loyalty Up <em>(loyalty-up)</em></span>
|
||||
<div class="icon" id="phenomenon" name="Phenomenon">
|
||||
<span><i class="ms ms-phenomenon"></i> Phenomenon <em>(phenomenon)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-down" name="Loyalty Down">
|
||||
<span><i class="ms ms-loyalty-down"></i> Loyalty Down <em>(loyalty-down)</em></span>
|
||||
<div class="icon" id="scheme" name="Scheme">
|
||||
<span><i class="ms ms-scheme"></i> Scheme <em>(scheme)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-zero" name="Loyalty Zero">
|
||||
<span><i class="ms ms-loyalty-zero"></i> Loyalty Zero <em>(loyalty-zero)</em></span>
|
||||
<div class="icon" id="conspiracy" name="Conspiracy">
|
||||
<span><i class="ms ms-conspiracy"></i> Conspiracy <em>(conspiracy)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="loyalty-start" name="Loyalty Start">
|
||||
<span><i class="ms ms-loyalty-start"></i> Loyalty Start <em>(loyalty-start)</em></span>
|
||||
<div class="icon" id="vanguard" name="Vanguard">
|
||||
<span><i class="ms ms-vanguard"></i> Vanguard <em>(vanguard)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-day" name="DFC (Day)">
|
||||
<span><i class="ms ms-dfc-day"></i> DFC Day <em>(dfc-day)</em></span>
|
||||
<div class="icon" id="token" name="Token">
|
||||
<span><i class="ms ms-token"></i> Token <em>(token)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-night" name="DFC (Night)">
|
||||
<span><i class="ms ms-dfc-night"></i> DFC Night <em>(dfc-night)</em></span>
|
||||
</div>
|
||||
|
||||
<h4 style="padding-top:25px;">Magic Online Counters</h4>
|
||||
<div class="icons">
|
||||
<div class="icon" id="counter-arrow" name="Arrow Counter">
|
||||
<span><i class="ms ms-counter-arrow ms-2x"></i> Arrow <em>(counter-arrow)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-spark" name="DFC (Spark)">
|
||||
<span><i class="ms ms-dfc-spark"></i> DFC Spark <em>(dfc-spark)</em></span>
|
||||
<div class="icon" id="counter-brick" name="Brick Counter">
|
||||
<span><i class="ms ms-counter-brick ms-2x"></i> Brick <em>(counter-brick)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-ignite" name="DFC (Ignite)">
|
||||
<span><i class="ms ms-dfc-ignite"></i> DFC Ignite <em>(dfc-ignite)</em></span>
|
||||
<div class="icon" id="counter-charge" name="Charge Counter">
|
||||
<span><i class="ms ms-counter-charge ms-2x"></i> Charge <em>(counter-charge)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-moon" name="DFC (Moon)">
|
||||
<span><i class="ms ms-dfc-moon"></i> DFC Moon <em>(dfc-moon)</em></span>
|
||||
<div class="icon" id="counter-devotion" name="Devotion Counter">
|
||||
<span><i class="ms ms-counter-devotion ms-2x"></i> Devotion <em>(counter-devotion)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-emrakul" name="DFC (Emrakul)">
|
||||
<span><i class="ms ms-dfc-emrakul"></i> DFC Emrakul <em>(dfc-emrakul)</em></span>
|
||||
<div class="icon" id="counter-doom" name="Doom Counter">
|
||||
<span><i class="ms ms-counter-doom ms-2x"></i> Doom <em>(counter-doom)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dfc-enchantment" name="DFC (Enchantment)">
|
||||
<span><i class="ms ms-dfc-enchantment"></i> DFC Enchantment <em>(dfc-enchantment)</em></span>
|
||||
<div class="icon" id="counter-echo" name="Echo Counter">
|
||||
<span><i class="ms ms-counter-echo ms-2x"></i> Echo <em>(counter-echo)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="power" name="Power">
|
||||
<span><i class="ms ms-power"></i> Power <em>(power)</em></span>
|
||||
<div class="icon" id="counter-flame" name="Flame Counter">
|
||||
<span><i class="ms ms-counter-flame ms-2x"></i> Flame <em>(counter-flame)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="toughness" name="Toughness">
|
||||
<span><i class="ms ms-toughness"></i> Toughness <em>(toughness)</em></span>
|
||||
<div class="icon" id="counter-flood" name="Flood Counter">
|
||||
<span><i class="ms ms-counter-flood ms-2x"></i> Flood <em>(counter-flood)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="artist-brush" name="Artist (Brush)">
|
||||
<span><i class="ms ms-artist-brush"></i> Artist (Brush) <em>(artist-brush)</em></span>
|
||||
<div class="icon" id="counter-fungus" name="Fungus Counter">
|
||||
<span><i class="ms ms-counter-fungus ms-2x"></i> Fungus <em>(counter-fungus)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="artist-nib" name="Artist (Nib)">
|
||||
<span><i class="ms ms-artist-nib"></i> Artist (Nib) <em>(artist-nib)</em></span>
|
||||
<div class="icon" id="counter-gold" name="Gold Counter">
|
||||
<span><i class="ms ms-counter-gold ms-2x"></i> Gold <em>(counter-gold)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="saga" name="Saga">
|
||||
<span><i class="ms ms-saga ms-saga-1"></i> Saga <em>(saga)</em></span>
|
||||
<div class="icon" id="counter-ki" name="Ki Counter">
|
||||
<span><i class="ms ms-counter-ki ms-2x"></i> Ki <em>(counter-ki)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="acorn" name="Acorn">
|
||||
<span><i class="ms ms-acorn"></i> Acorn <em>(acorn)</em></span>
|
||||
<div class="icon" id="counter-lore" name="Lore Counter">
|
||||
<span><i class="ms ms-counter-lore ms-2x"></i> Lore <em>(counter-lore)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-loyalty" name="Loyalty Counter">
|
||||
<span><i class="ms ms-counter-loyalty ms-2x"></i> Loyalty <em>(counter-loyalty)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-mining" name="Mining Counter">
|
||||
<span><i class="ms ms-counter-mining ms-2x"></i> Mining <em>(counter-mining)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-minus" name="Minus Counter">
|
||||
<span><i class="ms ms-counter-minus ms-2x"></i> Minus <em>(counter-minus)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-minus-uneven" name="Uneven Minus Counter">
|
||||
<span><i class="ms ms-counter-minus-uneven ms-2x"></i> Minus (Uneven) <em>(counter-minus-uneven)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-muster" name="Muster Counter">
|
||||
<span><i class="ms ms-counter-muster ms-2x"></i> Muster <em>(counter-muster)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-paw" name="Paw Counter">
|
||||
<span><i class="ms ms-counter-paw ms-2x"></i> Paw <em>(counter-paw)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-pin" name="Pin Counter">
|
||||
<span><i class="ms ms-counter-pin ms-2x"></i> Pin <em>(counter-pin)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-plus" name="Plus Counter">
|
||||
<span><i class="ms ms-counter-plus ms-2x"></i> Plus <em>(counter-plus)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-plus-uneven" name="Uneven Plus Counter">
|
||||
<span><i class="ms ms-counter-plus-uneven ms-2x"></i> Plus (Uneven) <em>(counter-plus-uneven)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-scream" name="Scream Counter">
|
||||
<span><i class="ms ms-counter-scream ms-2x"></i> Scream <em>(counter-scream)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-skeleton" name="Skeleton Counter">
|
||||
<span><i class="ms ms-counter-skeleton ms-2x"></i> Skeleton <em>(counter-skeleton)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-skull" name="Skull Counter">
|
||||
<span><i class="ms ms-counter-skull ms-2x"></i> Skull <em>(counter-skull)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-slime" name="Slime Counter">
|
||||
<span><i class="ms ms-counter-slime ms-2x"></i> Slime <em>(counter-slime)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-time" name="Time Counter">
|
||||
<span><i class="ms ms-counter-time ms-2x"></i> Time <em>(counter-time)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-verse" name="Verse Counter">
|
||||
<span><i class="ms ms-counter-verse ms-2x"></i> Verse <em>(counter-verse)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="counter-vortex" name="Vortex Counter">
|
||||
<span><i class="ms ms-counter-vortex ms-2x"></i> Vortex <em>(counter-vortex)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4 style="padding-top:25px;">Arena Ability Symbols</h4>
|
||||
<div class="icons">
|
||||
<div class="icon" id="activated" name="Activated Ability">
|
||||
<span><i class="ms ms-ability-activated"></i> Activated <em>(ability-activated)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="adamant" name="Adamant">
|
||||
<span><i class="ms ms-ability-adamant"></i> Adamant <em>(ability-adamant)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="adapt" name="Adapt">
|
||||
<span><i class="ms ms-ability-adapt"></i> Adapt <em>(ability-adapt)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="addendum" name="Addendum">
|
||||
<span><i class="ms ms-ability-addendum"></i> Addendum <em>(ability-addendum)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="adventure" name="Adventure">
|
||||
<span><i class="ms ms-ability-adventure"></i> Adventure <em>(ability-adventure)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="afflict" name="Afflict">
|
||||
<span><i class="ms ms-ability-afflict"></i> Afflict <em>(ability-afflict)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="afterlife" name="Afterlife">
|
||||
<span><i class="ms ms-ability-afterlife"></i> Afterlife <em>(ability-afterlife)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="aftermath" name="Aftermath">
|
||||
<span><i class="ms ms-ability-aftermath"></i> Aftermath <em>(ability-aftermath)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="amass" name="Amass">
|
||||
<span><i class="ms ms-ability-amass"></i> Amass <em>(ability-amass)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ascend" name="Ascend">
|
||||
<span><i class="ms ms-ability-ascend"></i> Ascend <em>(ability-ascend)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="companion" name="Companion">
|
||||
<span><i class="ms ms-ability-companion"></i> Companion <em>(ability-companion)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="constellation" name="Constellation">
|
||||
<span><i class="ms ms-ability-constellation"></i> Constellation <em>(ability-constellation)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="convoke" name="Convoke">
|
||||
<span><i class="ms ms-ability-convoke"></i> Convoke <em>(ability-convoke)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="deathtouch" name="Deathtouch">
|
||||
<span><i class="ms ms-ability-deathtouch"></i> Deathtouch <em>(ability-deathtouch)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="defender" name="Defender">
|
||||
<span><i class="ms ms-ability-defender"></i> Defender <em>(ability-defender)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="devotion" name="Devotion">
|
||||
<span><i class="ms ms-ability-devotion"></i> Devotion <em>(ability-devotion)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="double-strike" name="Double Strike">
|
||||
<span><i class="ms ms-ability-double-strike"></i> Double Strike <em>(ability-double-strike)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="embalm" name="Embalm">
|
||||
<span><i class="ms ms-ability-embalm"></i> Embalm <em>(ability-embalm)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="enrage" name="Enrage">
|
||||
<span><i class="ms ms-ability-enrage"></i> Enrage <em>(ability-enrage)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="escape" name="Escape">
|
||||
<span><i class="ms ms-ability-escape"></i> Escape <em>(ability-escape)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="eternalize" name="Eternalize">
|
||||
<span><i class="ms ms-ability-eternalize"></i> Eternalize <em>(ability-eternalize)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="explore" name="Explore">
|
||||
<span><i class="ms ms-ability-explore"></i> Explore <em>(ability-explore)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="first-strike" name="First Strike">
|
||||
<span><i class="ms ms-ability-first-strike"></i> First Strike <em>(ability-first-strike)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="flash" name="Flash">
|
||||
<span><i class="ms ms-ability-flash"></i> Flash <em>(ability-flash)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="flying" name="Flying">
|
||||
<span><i class="ms ms-ability-flying"></i> Flying <em>(ability-flying)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="haste" name="Haste">
|
||||
<span><i class="ms ms-ability-haste"></i> Haste <em>(ability-haste)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="hexproof" name="Hexproof">
|
||||
<span><i class="ms ms-ability-hexproof"></i> Hexproof <em>(ability-hexproof)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="hexproof-white" name="Hexproof: White">
|
||||
<span><i class="ms ms-ability-hexproof-white"></i> Hexproof: White <em>(ability-hexproof-white)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="hexproof-blue" name="Hexproof: Blue">
|
||||
<span><i class="ms ms-ability-hexproof-blue"></i> Hexproof: Blue <em>(ability-hexproof-blue)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="hexproof-black" name="Hexproof: Black">
|
||||
<span><i class="ms ms-ability-hexproof-black"></i> Hexproof: Black <em>(ability-hexproof-black)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="hexproof-red" name="Hexproof: Red">
|
||||
<span><i class="ms ms-ability-hexproof-red"></i> Hexproof: Red <em>(ability-hexproof-red)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="hexproof-green" name="Hexproof: Green">
|
||||
<span><i class="ms ms-ability-hexproof-green"></i> Hexproof: Green <em>(ability-hexproof-green)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="indestructible" name="Indestructible">
|
||||
<span><i class="ms ms-ability-indestructible"></i> Indestructible <em>(ability-indestructible)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="jumpstart" name="Jumpstart">
|
||||
<span><i class="ms ms-ability-jumpstart"></i> Jumpstart <em>(ability-jumpstart)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="lifelink" name="Lifelink">
|
||||
<span><i class="ms ms-ability-lifelink"></i> Lifelink <em>(ability-lifelink)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="menace" name="Menace">
|
||||
<span><i class="ms ms-ability-menace"></i> Menace <em>(ability-menace)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mutate" name="Mutate">
|
||||
<span><i class="ms ms-ability-mutate"></i> Mutate <em>(ability-mutate)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="proliferate" name="Proliferate">
|
||||
<span><i class="ms ms-ability-proliferate"></i> Proliferate <em>(ability-proliferate)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="prowess" name="Prowess">
|
||||
<span><i class="ms ms-ability-prowess"></i> Prowess <em>(ability-prowess)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="raid" name="Raid">
|
||||
<span><i class="ms ms-ability-raid"></i> Raid <em>(ability-raid)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="reach" name="Reach">
|
||||
<span><i class="ms ms-ability-reach"></i> Reach <em>(ability-reach)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="revolt" name="Revolt">
|
||||
<span><i class="ms ms-ability-revolt"></i> Revolt <em>(ability-revolt)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="riot" name="Riot">
|
||||
<span><i class="ms ms-ability-riot"></i> Riot <em>(ability-riot)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="spectacle" name="Spectacle">
|
||||
<span><i class="ms ms-ability-spectacle"></i> Spectacle <em>(ability-spectacle)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="static" name="Static Ability">
|
||||
<span><i class="ms ms-ability-static"></i> Static Ability <em>(ability-static)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="summoning-sickness" name="Summoning Sickness">
|
||||
<span><i class="ms ms-ability-summoning-sickness"></i> Summoning Sickness <em>(ability-summoning-sickness)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="surveil" name="Surveil">
|
||||
<span><i class="ms ms-ability-surveil"></i> Surveil <em>(ability-surveil)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="trample" name="Trample">
|
||||
<span><i class="ms ms-ability-trample"></i> Trample <em>(ability-trample)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="transform" name="Transform">
|
||||
<span><i class="ms ms-ability-transform"></i> Transform <em>(ability-transform)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="triggered" name="Triggered Ability">
|
||||
<span><i class="ms ms-ability-triggered"></i> Triggered Ability <em>(ability-triggered)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -337,7 +617,7 @@
|
||||
<footer>
|
||||
<div class="wrapper">
|
||||
<div class="float-left">
|
||||
<p>Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a></p>
|
||||
<p>Made with ♥ by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
|
||||
</div>
|
||||
<div class="float-right" style="text-align: right;">
|
||||
<p>
|
||||
|
26
index.html
26
index.html
@ -15,7 +15,7 @@
|
||||
<a href="index.html" class="item">Home</a>
|
||||
<a href="icons.html" class="item">Mana Icons</a>
|
||||
<a href="attributes.html" class="item">Attributes</a>
|
||||
<a href="http://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
|
||||
<a href="https://github.com/andrewgioia/Mana" class="item">GitHub Project</a>
|
||||
<span class="item">
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=andrewgioia&repo=mana&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px" style="margin-bottom: -4px;"></iframe>
|
||||
</span>
|
||||
@ -34,7 +34,7 @@
|
||||
<h1>Mana</h1>
|
||||
<h2>Magic: the Gathering card symbol font</h2>
|
||||
<div class="actions">
|
||||
<a class="dl button" href="https://github.com/andrewgioia/Mana/archive/master.zip">
|
||||
<a class="dl button" href="https://github.com/andrewgioia/mana/archive/master.zip">
|
||||
<i class="ms ms-instant"></i>
|
||||
Download
|
||||
</a>
|
||||
@ -44,7 +44,7 @@
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
Current version 1.6.0 includes all known mana and card icons.
|
||||
Current version 1.9.1 includes all known mana and card icons.
|
||||
</p>
|
||||
</div>
|
||||
</header>
|
||||
@ -56,12 +56,12 @@
|
||||
</section>
|
||||
<section class="content">
|
||||
<h4>Using Mana</h4>
|
||||
<p>Each mana/card 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="ms ..."></i></code> element. There are class names for each mana color (w, u, b, r, g, c) and for the various symbols that appear on cards (like tap). See the <a href="icons.html">full list</a> of available symbols.</p>
|
||||
<p>Each mana/card symbol has its own font character. Display them in a manner similar to <a href="https://fontawesome.io">Font Awesome</a> using the <code><i class="ms ..."></i></code> element. There are class names for each mana color (w, u, b, r, g, c) and for the various symbols that appear on cards (like tap). See the <a href="icons.html">full list</a> of available symbols.</p>
|
||||
<p>To use Mana, move the font files to your /fonts directory and include the <code>mana.css</code> stylesheet in your <code><head></code>:</p>
|
||||
<blockquote>
|
||||
<<span class="e">link</span> <span class="a">href</span>=<span class="v">"css/mana.css"</span> <span class="a">rel</span>=<span class="v">"stylesheet"</span> <span class="a">type</span>=<span class="v">"text/css"</span> />
|
||||
</blockquote>
|
||||
<p><strong>New!</strong> You can also now use Mana via CDN thanks to the amazing <a href="http://jsdelivr.com">jsDelivr</a> project! You can include the latest version in your project (and note the name is "mana-font"):</p>
|
||||
<p><strong>New!</strong> You can also now use Mana via CDN thanks to the amazing <a href="https://jsdelivr.com">jsDelivr</a> project! You can include the latest version in your project (and note the name is "mana-font"):</p>
|
||||
<blockquote>
|
||||
<<span class="e">link</span> <span class="a">href</span>=<span class="v">"//cdn.jsdelivr.net/npm/mana-font@latest/css/mana.css"</span> <span class="a">rel</span>=<span class="v">"stylesheet"</span> <span class="a">type</span>=<span class="v">"text/css"</span> />
|
||||
</blockquote>
|
||||
@ -72,15 +72,15 @@
|
||||
</section>
|
||||
<section class="content">
|
||||
<h4>Editing the Source</h4>
|
||||
<p>Feel free to edit the source files and compile Mana to fit your needs. All SVG glyphs are compiled into font files using the wonderful <a href="http://icomoon.io">IcoMoon</a> app. For styling, both LESS and Sass are included.</p>
|
||||
<p>Feel free to edit the source files and compile Mana to fit your needs. All SVG glyphs are compiled into font files using the wonderful <a href="https://icomoon.io">IcoMoon</a> app. For styling, both LESS and Sass are included.</p>
|
||||
</section>
|
||||
<section class="content">
|
||||
<h4>License</h4>
|
||||
<p>Please review the following licenses for each component of Mana:</p>
|
||||
<ul>
|
||||
<li>All mana and card symbol images are copyright Wizards of the Coast (<a href="http://magicthegathering.com">http://magicthegathering.com</a>)</li>
|
||||
<li>The Mana font is licensed under the the SIL OFL 1.1 (<a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</li>
|
||||
<li>Mana CSS, LESS, and Sass files are licensed under the MIT License (<a href="http://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</li>
|
||||
<li>All mana and card symbol images are copyright Wizards of the Coast (<a href="https://magicthegathering.com">http://magicthegathering.com</a>)</li>
|
||||
<li>The Mana font is licensed under the the SIL OFL 1.1 (<a href="https://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</li>
|
||||
<li>Mana CSS, LESS, and Sass files are licensed under the MIT License (<a href="https://opensource.org/licenses/mit-license.html">http://opensource.org/licenses/mit-license.html</a>)</li>
|
||||
</ul>
|
||||
<p>Attribution is <strong>greatly appreciated</strong> but not required!</p>
|
||||
</section>
|
||||
@ -90,13 +90,13 @@
|
||||
<footer>
|
||||
<div class="wrapper">
|
||||
<div class="float-left">
|
||||
<p>Made with ♥ by <a href="http://andrewgioia.com">Andrew Gioia</a></p>
|
||||
<p>Made with ♥ by <a href="https://andrewgioia.com">Andrew Gioia</a></p>
|
||||
</div>
|
||||
<div class="float-right" style="text-align: right;">
|
||||
<p>
|
||||
All mana images and card symbols © <a href="http://magicthegathering.com">Wizards of the Coast</a><br />
|
||||
The Mana font is licensed under the the <a href="http://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
|
||||
Mana CSS, LESS, and Sass files are licensed under the <a href="http://opensource.org/licenses/mit-license.html">MIT License</a><br />
|
||||
All mana images and card symbols © <a href="https://magicthegathering.com">Wizards of the Coast</a><br />
|
||||
The Mana font is licensed under the the <a href="https://scripts.sil.org/OFL">SIL OFL 1.1</a><br />
|
||||
Mana CSS, LESS, and Sass files are licensed under the <a href="https://opensource.org/licenses/mit-license.html">MIT License</a><br />
|
||||
</p>
|
||||
</div>
|
||||
<div class="clear"></div>
|
||||
|
1324
node_modules/mana-font/css/mana.css
generated
vendored
1324
node_modules/mana-font/css/mana.css
generated
vendored
File diff suppressed because it is too large
Load Diff
1
node_modules/mana-font/css/mana.css.map
generated
vendored
Normal file
1
node_modules/mana-font/css/mana.css.map
generated
vendored
Normal file
@ -0,0 +1 @@
|
||||
{"version":3,"sourceRoot":"","sources":["../sass/_path.scss","../sass/_core.scss","../sass/_icons.scss","../sass/_cost.scss","../sass/_loyalty.scss","../sass/_variables.scss","../sass/_dfc.scss","../sass/_sizes.scss"],"names":[],"mappings":"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","file":"mana.css"}
|
2
node_modules/mana-font/css/mana.min.css
generated
vendored
2
node_modules/mana-font/css/mana.min.css
generated
vendored
File diff suppressed because one or more lines are too long
BIN
node_modules/mana-font/fonts/mana.eot
generated
vendored
Executable file → Normal file
BIN
node_modules/mana-font/fonts/mana.eot
generated
vendored
Executable file → Normal file
Binary file not shown.
96
node_modules/mana-font/fonts/mana.svg
generated
vendored
Executable file → Normal file
96
node_modules/mana-font/fonts/mana.svg
generated
vendored
Executable file → Normal file
File diff suppressed because one or more lines are too long
Before Width: | Height: | Size: 332 KiB After Width: | Height: | Size: 592 KiB |
BIN
node_modules/mana-font/fonts/mana.ttf
generated
vendored
Executable file → Normal file
BIN
node_modules/mana-font/fonts/mana.ttf
generated
vendored
Executable file → Normal file
Binary file not shown.
BIN
node_modules/mana-font/fonts/mana.woff
generated
vendored
Executable file → Normal file
BIN
node_modules/mana-font/fonts/mana.woff
generated
vendored
Executable file → Normal file
Binary file not shown.
BIN
node_modules/mana-font/fonts/mana.woff2
generated
vendored
Executable file → Normal file
BIN
node_modules/mana-font/fonts/mana.woff2
generated
vendored
Executable file → Normal file
Binary file not shown.
6
package-lock.json
generated
6
package-lock.json
generated
@ -5,9 +5,9 @@
|
||||
"requires": true,
|
||||
"dependencies": {
|
||||
"mana-font": {
|
||||
"version": "1.6.0",
|
||||
"resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.6.0.tgz",
|
||||
"integrity": "sha512-Hsou/8NEW9v0fyaWBxudKLZrGxN3stPwmEOGBOLSphhLrdyqtSLGfPrEph/xJnynSHdDiNmxdU7GxfAktFRGHQ=="
|
||||
"version": "1.9.1",
|
||||
"resolved": "https://registry.npmjs.org/mana-font/-/mana-font-1.9.1.tgz",
|
||||
"integrity": "sha512-9poTLktjpAbOEKDntbr0LAWnzC4b0/KpLza/wzUtlJb+TwuulWhSnWRgP/jYKeCLHIfyTI+j/iXiqEXMi2UZhw=="
|
||||
},
|
||||
"zepto": {
|
||||
"version": "1.2.0",
|
||||
|
@ -4,7 +4,7 @@
|
||||
"description": "Mana documentation website",
|
||||
"main": "index.html",
|
||||
"dependencies": {
|
||||
"mana-font": "*",
|
||||
"mana-font": "^1.9.1",
|
||||
"zepto": "*"
|
||||
},
|
||||
"devDependencies": {},
|
||||
|
Loading…
Reference in New Issue
Block a user