Adding in Keyrune as a bower component

2024-12-22 15:39:56 +00:00 · 2015-03-14 19:01:51 -04:00 · 2015-03-14 19:01:51 -04:00 · c31492e985
commit c31492e985
parent f4c6b950ed
19 changed files with 1136 additions and 73 deletions
--- a/bower_components/keyrune/.bower.json
+++ b/bower_components/keyrune/.bower.json
@ -0,0 +1,14 @@
+{
+  "name": "keyrune",
+  "homepage": "https://github.com/andrewgioia/keyrune",
+  "_release": "1c9e332020",
+  "_resolution": {
+    "type": "branch",
+    "branch": "master",
+    "commit": "1c9e33202046152b8e5f8969ca63edb4974584ec"
+  },
+  "_source": "git://github.com/andrewgioia/keyrune.git",
+  "_target": "*",
+  "_originalSource": "andrewgioia/keyrune",
+  "_direct": true
+}
--- a/bower_components/keyrune/README.md
+++ b/bower_components/keyrune/README.md
@ -0,0 +1,33 @@
+# Keyrune v0.1
+
+## The Magic: the Gathering set symbol font!
+
+Keyrune is the first suite of complete Magic: the Gathering expansion and set symbols as a pictographic font. You can use this font anywhere you want to display set symbols&mdash;in your MtG app or website, documents, card images, anything!
+
+## Usage
+
+Each set symbol has its own font character. Display them in a manner similar to [Font Awesome](http://fontawesome.io) using the `<i class="ss ss-exp"></i>` element. Class name codes are based on the expansion codes from [MTG JSON](http://mtgjson.com).
+
+To use Keyrune, move the font files to your `/fonts` directory and include the keyrune.css stylesheet in your `<head>`:
+
+```html
+<link href="css/keyrune.css" rel="stylesheet" type="text/css" />
+```
+
+## Editing the Source
+
+Feel free to edit the source files and compile Keyrune to fit your needs. Currently LESS is supported, with Sass coming soon.
+
+## License
+
+All set symbol images are copyright Wizards of the Coast ([http://magicthegathering.com](http://magicthegathering.com))
+
+The Keyrune font is licensed under the the SIL OFL 1.1 ([http://scripts.sil.org/OFL](http://scripts.sil.org/OFL))
+
+Keyrune CSS, LESS, and Sass files are licensed under the MIT License ([http://opensource.org/licenses/mit-license.html](http://opensource.org/licenses/mit-license.html))
+
+Attribution is **greatly appreciated** but not required!
+
+## Changelog
+
+* v0.1 - initial font creation and CSS/LESS files for all sets up to Fate Reforged
--- a/bower_components/keyrune/css/keyrune.css
+++ b/bower_components/keyrune/css/keyrune.css
@ -0,0 +1,540 @@
+/**
+ * Global */
+@font-face {
+  font-family: 'Keyrune';
+  src: url('../fonts/keyrune.eot?v=0.1');
+  src: url('../fonts/keyrune.eot?#iefix&v=0.1') format('embedded-opentype'), url('../fonts/keyrune.woff?v=0.1') format('woff'), url('../fonts/keyrune.ttf?v=0.1') format('truetype'), url('../fonts/keyrune.svg?v=0.1#keyrune') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.ss {
+  display: inline-block;
+  font: normal normal normal 14px/1 Keyrune;
+  font-size: inherit;
+  line-height: 1em;
+  text-rendering: auto;
+  transform: translate(0, 0);
+  speak: none;
+  text-transform: none;
+  vertical-align: middle;
+  /* Better font rendering  */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/**
+ * Larger sizes */
+.ss-2x {
+  font-size: 2em;
+}
+.ss-3x {
+  font-size: 3em;
+}
+.ss-4x {
+  font-size: 4em;
+}
+.ss-5x {
+  font-size: 5em;
+}
+.ss-6x {
+  font-size: 6em;
+}
+/**
+ * Rarity colors */
+.common {
+  color: #444;
+}
+.uncommon {
+  color: #7795A1;
+}
+.rare {
+  color: #A58E4A;
+}
+.mythic {
+  color: #A2472A;
+}
+/**
+ * Core */
+.ss-lea:before {
+  content: "\e600";
+}
+.ss-leb:before {
+  content: "\e601";
+}
+.ss-2ed:before {
+  content: "\e602";
+}
+.ss-3ed:before {
+  content: "\e603";
+}
+.ss-4ed:before {
+  content: "\e604";
+}
+.ss-psum:before {
+  content: "\e605";
+}
+.ss-5ed:before {
+  content: "\e606";
+}
+.ss-6ed:before {
+  content: "\e607";
+}
+.ss-7ed:before {
+  content: "\e608";
+}
+.ss-8ed:before {
+  content: "\e609";
+}
+.ss-9ed:before {
+  content: "\e60a";
+}
+.ss-10e:before {
+  content: "\e60b";
+}
+.ss-m10:before {
+  content: "\e60c";
+}
+.ss-m11:before {
+  content: "\e60d";
+}
+.ss-m12:before {
+  content: "\e60e";
+}
+.ss-m13:before {
+  content: "\e60f";
+}
+.ss-m14:before {
+  content: "\e610";
+}
+.ss-m15:before {
+  content: "\e611";
+}
+.ss-bcore:before {
+  content: "\e612";
+}
+/**
+ * Expansions */
+/* Artifact Block */
+.ss-arn:before {
+  content: "\e613";
+}
+.ss-atq:before {
+  content: "\e614";
+}
+.ss-leg:before {
+  content: "\e615";
+}
+/* Wizards Block */
+.ss-drk:before {
+  content: "\e616";
+}
+.ss-fem:before {
+  content: "\e617";
+}
+.ss-hml:before {
+  content: "\e618";
+}
+/* Ice Age Block */
+.ss-ice:before {
+  content: "\e619";
+}
+.ss-all:before {
+  content: "\e61a";
+}
+.ss-csp:before {
+  content: "\e61b";
+}
+/* Mirage Block */
+.ss-mir:before {
+  content: "\e61c";
+}
+.ss-vis:before {
+  content: "\e61d";
+}
+.ss-wth:before {
+  content: "\e61e";
+}
+/* Tempest Block */
+.ss-tmp:before {
+  content: "\e61f";
+}
+.ss-sth:before {
+  content: "\e620";
+}
+.ss-exo:before {
+  content: "\e621";
+}
+/* Urza's Block */
+.ss-usg:before {
+  content: "\e622";
+}
+.ss-ulg:before {
+  content: "\e623";
+}
+.ss-uds:before {
+  content: "\e624";
+}
+/* Mercadian Block */
+.ss-mmq:before {
+  content: "\e625";
+}
+.ss-nms:before {
+  content: "\e626";
+}
+.ss-pcy:before {
+  content: "\e627";
+}
+/* Invasion Block */
+.ss-inv:before {
+  content: "\e628";
+}
+.ss-pls:before {
+  content: "\e629";
+}
+.ss-apc:before {
+  content: "\e62a";
+}
+/* Odyssey Block */
+.ss-ody:before {
+  content: "\e62b";
+}
+.ss-tor:before {
+  content: "\e62c";
+}
+.ss-jud:before {
+  content: "\e62d";
+}
+/* Onslaught Block */
+.ss-ons:before {
+  content: "\e62e";
+}
+.ss-lgn:before {
+  content: "\e62f";
+}
+.ss-scg:before {
+  content: "\e630";
+}
+/* Mirrodin Block */
+.ss-mrd:before {
+  content: "\e631";
+}
+.ss-dst:before {
+  content: "\e632";
+}
+.ss-5dn:before {
+  content: "\e633";
+}
+/* Kamigawa Block */
+.ss-chk:before {
+  content: "\e634";
+}
+.ss-bok:before {
+  content: "\e635";
+}
+.ss-sok:before {
+  content: "\e636";
+}
+/* Ravnica Block */
+.ss-rav:before {
+  content: "\e637";
+}
+.ss-gpt:before {
+  content: "\e638";
+}
+.ss-dis:before {
+  content: "\e639";
+}
+/* Time Spiral Block */
+.ss-tsp:before {
+  content: "\e63a";
+}
+.ss-plc:before {
+  content: "\e63b";
+}
+.ss-fut:before {
+  content: "\e63c";
+}
+/* Lorwyn Block */
+.ss-lrw:before {
+  content: "\e63d";
+}
+.ss-mor:before {
+  content: "\e63e";
+}
+/* Shadowmoor Block */
+.ss-shm:before {
+  content: "\e63f";
+}
+.ss-eve:before {
+  content: "\e640";
+}
+/* Alara Block */
+.ss-ala:before {
+  content: "\e641";
+}
+.ss-con:before {
+  content: "\e642";
+}
+.ss-arb:before {
+  content: "\e643";
+}
+/* Zendikar Block */
+.ss-zen:before {
+  content: "\e644";
+}
+.ss-wwk:before {
+  content: "\e645";
+}
+.ss-roe:before {
+  content: "\e646";
+}
+/* Scars Block */
+.ss-som:before {
+  content: "\e647";
+}
+.ss-mbs:before {
+  content: "\e648";
+}
+.ss-nph:before {
+  content: "\e649";
+}
+/* Innistrad Block */
+.ss-isd:before {
+  content: "\e64a";
+}
+.ss-dka:before {
+  content: "\e64b";
+}
+.ss-avr:before {
+  content: "\e64c";
+}
+/* RTR Block */
+.ss-rtr:before {
+  content: "\e64d";
+}
+.ss-gtc:before {
+  content: "\e64e";
+}
+.ss-dgm:before {
+  content: "\e64f";
+}
+/* Theros Block */
+.ss-ths:before {
+  content: "\e650";
+}
+.ss-bng:before {
+  content: "\e651";
+}
+.ss-jou:before {
+  content: "\e652";
+}
+/* Khans Block */
+.ss-ktk:before {
+  content: "\e653";
+}
+.ss-frf:before {
+  content: "\e654";
+}
+/**
+ * Command Zone */
+.ss-van:before {
+  content: "\e655";
+}
+.ss-hop:before {
+  content: "\e656";
+}
+.ss-arc:before {
+  content: "\e657";
+}
+.ss-cmd:before {
+  content: "\e658";
+}
+.ss-pc2:before {
+  content: "\e659";
+}
+.ss-cm1:before {
+  content: "\e65a";
+}
+.ss-c13:before {
+  content: "\e65b";
+}
+.ss-cns:before {
+  content: "\e65c";
+}
+.ss-c14:before {
+  content: "\e65d";
+}
+/**
+ * Reprint */
+.ss-chr:before {
+  content: "\e65e";
+}
+.ss-ath:before {
+  content: "\e65f";
+}
+.ss-brb:before {
+  content: "\e660";
+}
+.ss-btd:before {
+  content: "\e661";
+}
+.ss-dkm:before {
+  content: "\e662";
+}
+.ss-mma:before {
+  content: "\e663";
+}
+/**
+ * Beginner */
+.ss-por:before {
+  content: "\e664";
+}
+.ss-po2:before {
+  content: "\e665";
+}
+.ss-ptk:before {
+  content: "\e666";
+}
+.ss-s99:before {
+  content: "\e667";
+}
+.ss-s00:before {
+  content: "\e668";
+}
+/**
+ * Duel Decks */
+.ss-evg:before {
+  content: "\e669";
+}
+.ss-dd2:before {
+  content: "\e66a";
+}
+.ss-ddc:before {
+  content: "\e66b";
+}
+.ss-ddd:before {
+  content: "\e66c";
+}
+.ss-dde:before {
+  content: "\e66d";
+}
+.ss-ddf:before {
+  content: "\e66e";
+}
+.ss-ddg:before {
+  content: "\e66f";
+}
+.ss-ddh:before {
+  content: "\e670";
+}
+.ss-ddi:before {
+  content: "\e671";
+}
+.ss-ddj:before {
+  content: "\e672";
+}
+.ss-ddk:before {
+  content: "\e673";
+}
+.ss-ddl:before {
+  content: "\e674";
+}
+.ss-ddm:before {
+  content: "\e675";
+}
+.ss-ddn:before {
+  content: "\e676";
+}
+.ss-ddo:before {
+  content: "\e677";
+}
+/**
+ * From the Vault */
+.ss-drb:before {
+  content: "\e678";
+}
+.ss-v09:before {
+  content: "\e679";
+}
+.ss-v10:before {
+  content: "\e67a";
+}
+.ss-v11:before {
+  content: "\e67b";
+}
+.ss-v12:before {
+  content: "\e67c";
+}
+.ss-v13:before {
+  content: "\e67d";
+}
+.ss-v14:before {
+  content: "\e67e";
+}
+/**
+ * Premium Deck Series */
+.ss-h09:before {
+  content: "\e67f";
+}
+.ss-pd2:before {
+  content: "\e680";
+}
+.ss-pd3:before {
+  content: "\e681";
+}
+.ss-md1:before {
+  content: "\e682";
+}
+/**
+ * Promotional */
+.ss-pgru:before {
+  content: "\e683";
+}
+.ss-pmtg1:before {
+  content: "\e684";
+}
+.ss-pmtg2:before {
+  content: "\e685";
+}
+.ss-pleaf:before {
+  content: "\e686";
+}
+.ss-pmei:before {
+  content: "\e687";
+}
+.ss-parl:before {
+  content: "\e688";
+}
+.ss-dpa:before {
+  content: "\e689";
+}
+.ss-pbook:before {
+  content: "\e68a";
+}
+.ss-past:before {
+  content: "\e68b";
+}
+.ss-parl2:before {
+  content: "\e68c";
+}
+/**
+ * Online */
+.ss-med:before {
+  content: "\e68d";
+}
+.ss-me2:before {
+  content: "\e68e";
+}
+.ss-me3:before {
+  content: "\e68f";
+}
+.ss-me4:before {
+  content: "\e690";
+}
+/**
+ * Un-serious */
+.ss-ugl:before {
+  content: "\e691";
+}
+.ss-unh:before {
+  content: "\e692";
+}
--- a/bower_components/keyrune/css/keyrune.min.css
+++ b/bower_components/keyrune/css/keyrune.min.css
--- a/bower_components/keyrune/fonts/keyrune.eot
+++ b/bower_components/keyrune/fonts/keyrune.eot
--- a/bower_components/keyrune/fonts/keyrune.svg
+++ b/bower_components/keyrune/fonts/keyrune.svg
--- a/bower_components/keyrune/fonts/keyrune.ttf
+++ b/bower_components/keyrune/fonts/keyrune.ttf
--- a/bower_components/keyrune/fonts/keyrune.woff
+++ b/bower_components/keyrune/fonts/keyrune.woff
--- a/bower_components/keyrune/less/core.less
+++ b/bower_components/keyrune/less/core.less
@ -0,0 +1,14 @@
+.@{prefix} {
+    display: inline-block;
+    font: normal normal normal @font-size-base/1 Keyrune;
+    font-size: inherit;
+    line-height: 1em;
+    text-rendering: auto;
+    transform: translate(0, 0);
+    speak: none;
+    text-transform: none;
+    vertical-align: middle;
+    /* Better font rendering  */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
--- a/bower_components/keyrune/less/icons.less
+++ b/bower_components/keyrune/less/icons.less
@ -0,0 +1,213 @@
+/**
+ * Core */
+
+.@{prefix}-lea:before { content: "\e600"; } // Alpha
+.@{prefix}-leb:before { content: "\e601"; } // Beta
+.@{prefix}-2ed:before { content: "\e602"; } // Unlimited
+.@{prefix}-3ed:before { content: "\e603"; } // Revised
+.@{prefix}-4ed:before { content: "\e604"; } // 4th Edition
+.@{prefix}-psum:before { content: "\e605"; } // Summer Magic
+.@{prefix}-5ed:before { content: "\e606"; } // 5th Edition
+.@{prefix}-6ed:before { content: "\e607"; } // 6th Edition
+.@{prefix}-7ed:before { content: "\e608"; } // 7th Edition
+.@{prefix}-8ed:before { content: "\e609"; } // 8th Edition
+.@{prefix}-9ed:before { content: "\e60a"; } // 9th Edition
+.@{prefix}-10e:before { content: "\e60b"; } // 10th Edition
+.@{prefix}-m10:before { content: "\e60c"; } // Magic 2010
+.@{prefix}-m11:before { content: "\e60d"; } // Magic 2011
+.@{prefix}-m12:before { content: "\e60e"; } // Magic 2012
+.@{prefix}-m13:before { content: "\e60f"; } // Magic 2013
+.@{prefix}-m14:before { content: "\e610"; } // Magic 2014
+.@{prefix}-m15:before { content: "\e611"; } // Magic 2015
+.@{prefix}-bcore:before { content: "\e612"; } // Core background
+
+/**
+ * Expansions */
+
+/* Artifact Block */
+.@{prefix}-arn:before { content: "\e613"; } // Arabian Nights
+.@{prefix}-atq:before { content: "\e614"; } // Antiquities
+.@{prefix}-leg:before { content: "\e615"; } // Legends
+/* Wizards Block */
+.@{prefix}-drk:before { content: "\e616"; } // The Dark
+.@{prefix}-fem:before { content: "\e617"; } // Fallen Empires
+.@{prefix}-hml:before { content: "\e618"; } // Homelands
+/* Ice Age Block */
+.@{prefix}-ice:before { content: "\e619"; } // Ice Age
+.@{prefix}-all:before { content: "\e61a"; } // Alliances
+.@{prefix}-csp:before { content: "\e61b"; } // Coldsnap
+/* Mirage Block */
+.@{prefix}-mir:before { content: "\e61c"; } // Mirage
+.@{prefix}-vis:before { content: "\e61d"; } // Visions
+.@{prefix}-wth:before { content: "\e61e"; } // Weatherlight
+/* Tempest Block */
+.@{prefix}-tmp:before { content: "\e61f"; } // Tempest
+.@{prefix}-sth:before { content: "\e620"; } // Stronghold
+.@{prefix}-exo:before { content: "\e621"; } // Exodus
+/* Urza's Block */
+.@{prefix}-usg:before { content: "\e622"; } // Urza's Saga
+.@{prefix}-ulg:before { content: "\e623"; } // Urza's Legacy
+.@{prefix}-uds:before { content: "\e624"; } // Urza's Destiny
+/* Mercadian Block */
+.@{prefix}-mmq:before { content: "\e625"; } // Mercadian Masque
+.@{prefix}-nms:before { content: "\e626"; } // Nemesis
+.@{prefix}-pcy:before { content: "\e627"; } // Prophecy
+/* Invasion Block */
+.@{prefix}-inv:before { content: "\e628"; } // Invasion
+.@{prefix}-pls:before { content: "\e629"; } // Planeshift
+.@{prefix}-apc:before { content: "\e62a"; } // Apocalypse
+/* Odyssey Block */
+.@{prefix}-ody:before { content: "\e62b"; } // Odyssey
+.@{prefix}-tor:before { content: "\e62c"; } // Torment
+.@{prefix}-jud:before { content: "\e62d"; } // Judgement
+/* Onslaught Block */
+.@{prefix}-ons:before { content: "\e62e"; } // Onslaught
+.@{prefix}-lgn:before { content: "\e62f"; } // Legions
+.@{prefix}-scg:before { content: "\e630"; } // Scourge
+/* Mirrodin Block */
+.@{prefix}-mrd:before { content: "\e631"; } // Mirrodin
+.@{prefix}-dst:before { content: "\e632"; } // Darksteel
+.@{prefix}-5dn:before { content: "\e633"; } // 5th Dawn
+/* Kamigawa Block */
+.@{prefix}-chk:before { content: "\e634"; } // Champions of Kamigawa
+.@{prefix}-bok:before { content: "\e635"; } // Betrayers of Kamigawa
+.@{prefix}-sok:before { content: "\e636"; } // Saviors of Kamigawa
+/* Ravnica Block */
+.@{prefix}-rav:before { content: "\e637"; } // Ravnica
+.@{prefix}-gpt:before { content: "\e638"; } // Guildpact
+.@{prefix}-dis:before { content: "\e639"; } // Dissension
+/* Time Spiral Block */
+.@{prefix}-tsp:before { content: "\e63a"; } // Time Spiral
+.@{prefix}-plc:before { content: "\e63b"; } // Planeshift
+.@{prefix}-fut:before { content: "\e63c"; } // Future Sight
+/* Lorwyn Block */
+.@{prefix}-lrw:before { content: "\e63d"; } // Lorwyn
+.@{prefix}-mor:before { content: "\e63e"; } // Morningtide
+/* Shadowmoor Block */
+.@{prefix}-shm:before { content: "\e63f"; } // Shadowmoor
+.@{prefix}-eve:before { content: "\e640"; } // Eventide
+/* Alara Block */
+.@{prefix}-ala:before { content: "\e641"; } // Shards of Alara
+.@{prefix}-con:before { content: "\e642"; } // Conflux
+.@{prefix}-arb:before { content: "\e643"; } // Alara Reborn
+/* Zendikar Block */
+.@{prefix}-zen:before { content: "\e644"; } // Zendikar
+.@{prefix}-wwk:before { content: "\e645"; } // Worldwake
+.@{prefix}-roe:before { content: "\e646"; } // Rise of Eldrazi
+/* Scars Block */
+.@{prefix}-som:before { content: "\e647"; } // Scars of Mirrodin
+.@{prefix}-mbs:before { content: "\e648"; } // Mirrodin Besieged
+.@{prefix}-nph:before { content: "\e649"; } // New Phyrexia
+/* Innistrad Block */
+.@{prefix}-isd:before { content: "\e64a"; } // Innistrad
+.@{prefix}-dka:before { content: "\e64b"; } // Dark Ascension
+.@{prefix}-avr:before { content: "\e64c"; } // Avacyn Restored
+/* RTR Block */
+.@{prefix}-rtr:before { content: "\e64d"; } // Return to Ravnica
+.@{prefix}-gtc:before { content: "\e64e"; } // Gatecrash
+.@{prefix}-dgm:before { content: "\e64f"; } // Dragon's Maze
+/* Theros Block */
+.@{prefix}-ths:before { content: "\e650"; } // Theros
+.@{prefix}-bng:before { content: "\e651"; } // Born of the Gods
+.@{prefix}-jou:before { content: "\e652"; } // Journey into Nyx
+/* Khans Block */
+.@{prefix}-ktk:before { content: "\e653"; } // Khans of Tarkir
+.@{prefix}-frf:before { content: "\e654"; } // Fate Reforged
+
+/**
+ * Command Zone */
+
+.@{prefix}-van:before { content: "\e655"; } // Vanguard
+.@{prefix}-hop:before { content: "\e656"; } // Planechase 2009
+.@{prefix}-arc:before { content: "\e657"; } // Archenemy
+.@{prefix}-cmd:before { content: "\e658"; } // Commander
+.@{prefix}-pc2:before { content: "\e659"; } // Planechase 2012
+.@{prefix}-cm1:before { content: "\e65a"; } // Commander's Arsenal
+.@{prefix}-c13:before { content: "\e65b"; } // Commander 2013
+.@{prefix}-cns:before { content: "\e65c"; } // Conspiracy
+.@{prefix}-c14:before { content: "\e65d"; } // Commander 2014
+
+/**
+ * Reprint */
+
+.@{prefix}-chr:before { content: "\e65e"; } // Chronicles
+.@{prefix}-ath:before { content: "\e65f"; } // Anthologies
+.@{prefix}-brb:before { content: "\e660"; } // Battle Royale
+.@{prefix}-btd:before { content: "\e661"; } // Beatdown
+.@{prefix}-dkm:before { content: "\e662"; } // Deckmasters
+.@{prefix}-mma:before { content: "\e663"; } // Modern Masters
+
+/**
+ * Beginner */
+
+.@{prefix}-por:before { content: "\e664"; } // Portal
+.@{prefix}-po2:before { content: "\e665"; } // Portal 2
+.@{prefix}-ptk:before { content: "\e666"; } // Portal 3 Kingdoms
+.@{prefix}-s99:before { content: "\e667"; } // Starter 1999
+.@{prefix}-s00:before { content: "\e668"; } // Starter 2000
+
+/**
+ * Duel Decks */
+
+.@{prefix}-evg:before { content: "\e669"; } // Elves vs. Goblins
+.@{prefix}-dd2:before { content: "\e66a"; } // Jace vs. Chandra
+.@{prefix}-ddc:before { content: "\e66b"; } // Divine vs. Demonic
+.@{prefix}-ddd:before { content: "\e66c"; } // Garruk vs. Liliana
+.@{prefix}-dde:before { content: "\e66d"; } // Phyrexia vs. Coalition
+.@{prefix}-ddf:before { content: "\e66e"; } // Elspeth vs. Tezzeret
+.@{prefix}-ddg:before { content: "\e66f"; } // Knights vs. Dragons
+.@{prefix}-ddh:before { content: "\e670"; } // Ajani vs. Nicol Bolas
+.@{prefix}-ddi:before { content: "\e671"; } // Venser vs. Koth
+.@{prefix}-ddj:before { content: "\e672"; } // Izzet vs. Golgari
+.@{prefix}-ddk:before { content: "\e673"; } // Sorin vs. Tibalt
+.@{prefix}-ddl:before { content: "\e674"; } // Heroes vs. Monsters
+.@{prefix}-ddm:before { content: "\e675"; } // Jace vs. Vraska
+.@{prefix}-ddn:before { content: "\e676"; } // Speed vs. Cunning
+.@{prefix}-ddo:before { content: "\e677"; } // Kiora vs. Elspeth
+
+/**
+ * From the Vault */
+
+.@{prefix}-drb:before { content: "\e678"; } // Dragons
+.@{prefix}-v09:before { content: "\e679"; } // Exiled
+.@{prefix}-v10:before { content: "\e67a"; } // Relics
+.@{prefix}-v11:before { content: "\e67b"; } // Legends
+.@{prefix}-v12:before { content: "\e67c"; } // Realms
+.@{prefix}-v13:before { content: "\e67d"; } // Twenty
+.@{prefix}-v14:before { content: "\e67e"; } // Annihilation
+
+/**
+ * Premium Deck Series */
+
+.@{prefix}-h09:before { content: "\e67f"; } // Slivers
+.@{prefix}-pd2:before { content: "\e680"; } // Fire & Lightning
+.@{prefix}-pd3:before { content: "\e681"; } // Graveborn
+.@{prefix}-md1:before { content: "\e682"; } // Modern Event Deck
+
+/**
+ * Promotional */
+
+.@{prefix}-pgru:before { content: "\e683"; } // Guru
+.@{prefix}-pmtg1:before { content: "\e684"; } // Magic symbol
+.@{prefix}-pmtg2:before { content: "\e685"; } // Magic symbol (alt)
+.@{prefix}-pleaf:before { content: "\e686"; } // Leaf
+.@{prefix}-pmei:before { content: "\e687"; } // Media Insert
+.@{prefix}-parl:before { content: "\e688"; } // DCI (Arena)
+.@{prefix}-dpa:before { content: "\e689"; } // Dragons
+.@{prefix}-pbook:before { content: "\e68a"; } // Book Insert
+.@{prefix}-past:before { content: "\e68b"; } // Astral
+.@{prefix}-parl2:before { content: "\e68c"; } // Arena logo
+
+/**
+ * Online */
+
+.@{prefix}-med:before { content: "\e68d"; } // Masters Edition
+.@{prefix}-me2:before { content: "\e68e"; } // Masters Edition II
+.@{prefix}-me3:before { content: "\e68f"; } // Masters Edition III
+.@{prefix}-me4:before { content: "\e690"; } // Masters Edition IV
+
+/**
+ * Un-serious */
+
+.@{prefix}-ugl:before { content: "\e691"; } // Unglued
+.@{prefix}-unh:before { content: "\e692"; } // Unhinged
--- a/bower_components/keyrune/less/keyrune.less
+++ b/bower_components/keyrune/less/keyrune.less
@ -0,0 +1,6 @@
+@import "variables.less";
+@import "path.less";
+@import "core.less";
+@import "sizes.less";
+@import "rarities.less";
+@import "icons.less";
--- a/bower_components/keyrune/less/path.less
+++ b/bower_components/keyrune/less/path.less
@ -0,0 +1,10 @@
+@font-face {
+    font-family: 'Keyrune';
+    src:url( '@{font-path}/keyrune.eot?v=@{version}' );
+    src:url( '@{font-path}/keyrune.eot?#iefix&v=@{version}') format( 'embedded-opentype' ),
+        url( '@{font-path}/keyrune.woff?v=@{version}') format( 'woff' ),
+        url( '@{font-path}/keyrune.ttf?v=@{version}') format( 'truetype' ),
+        url( '@{font-path}/keyrune.svg?v=@{version}#keyrune') format( 'svg' );
+    font-weight: normal;
+    font-style: normal;
+}
--- a/bower_components/keyrune/less/rarities.less
+++ b/bower_components/keyrune/less/rarities.less
@ -0,0 +1,10 @@
+/**
+ * Rarity colors */
+
+.common { color: #444; }
+
+.uncommon { color: #7795A1; }
+
+.rare { color: #A58E4A; }
+
+.mythic { color: #A2472A; }
--- a/bower_components/keyrune/less/sizes.less
+++ b/bower_components/keyrune/less/sizes.less
@ -0,0 +1,8 @@
+/**
+ * Larger sizes */
+
+.@{prefix}-2x { font-size: 2em; }
+.@{prefix}-3x { font-size: 3em; }
+.@{prefix}-4x { font-size: 4em; }
+.@{prefix}-5x { font-size: 5em; }
+.@{prefix}-6x { font-size: 6em; }
--- a/bower_components/keyrune/less/variables.less
+++ b/bower_components/keyrune/less/variables.less
@ -0,0 +1,7 @@
+/**
+ * Global */
+
+@font-path: '../fonts';
+@version: '0.1';
+@font-size-base: 14px;
+@prefix: ss;
--- a/css/main.css
+++ b/css/main.css
@ -0,0 +1,15 @@
+body {
+    background: #fff;
+    color: #333;
+    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
+        Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 15px;
+    margin: 0;
+    padding: 0;
+}
+
+header {
+    background: #E6E2D7;
+    color: #333;
+    margin: 0;
+}
--- a/css/pygment_trac.css
+++ b/css/pygment_trac.css
@ -0,0 +1,69 @@
+.highlight  { background: #ffffff; }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { font-weight: bold } /* Keyword */
+.highlight .o { font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
+.highlight .ge { font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { font-weight: bold } /* Keyword.Constant */
+.highlight .kd { font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d14 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d14 } /* Literal.String.Backtick */
+.highlight .sc { color: #d14 } /* Literal.String.Char */
+.highlight .sd { color: #d14 } /* Literal.String.Doc */
+.highlight .s2 { color: #d14 } /* Literal.String.Double */
+.highlight .se { color: #d14 } /* Literal.String.Escape */
+.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
+.highlight .si { color: #d14 } /* Literal.String.Interpol */
+.highlight .sx { color: #d14 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d14 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
+
+.type-csharp .highlight .k { color: #0000FF }
+.type-csharp .highlight .kt { color: #0000FF }
+.type-csharp .highlight .nf { color: #000000; font-weight: normal }
+.type-csharp .highlight .nc { color: #2B91AF }
+.type-csharp .highlight .nn { color: #000000 }
+.type-csharp .highlight .s { color: #A31515 }
+.type-csharp .highlight .sc { color: #A31515 }
--- a/index.html
+++ b/index.html
@ -1,79 +1,28 @@
 <!doctype html>
 <html>
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="chrome=1">
-    <title>Keyrune by andrewgioia</title>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
+    <title>Keyrune | Andrew Gioia</title>
+    <link rel="stylesheet" href="css/main.css" />
+    <link rel="stylesheet" href="stylesheets/pygment_trac.css" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+</head>
+<body>

-    <link rel="stylesheet" href="stylesheets/styles.css">
-    <link rel="stylesheet" href="stylesheets/pygment_trac.css">
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
-    <!--[if lt IE 9]>
-    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
-    <![endif]-->
-  </head>
-  <body>
-    <div class="wrapper">
-      <header>
-        <h1>Keyrune</h1>
-        <p>Magic: the Gathering set symbol pictographic font</p>
+    <header>
+        Header
+    </header>

-        <p class="view"><a href="https://github.com/andrewgioia/Keyrune">View the Project on GitHub <small>andrewgioia/Keyrune</small></a></p>
+    <main>
+        <section>
+            Main body
+        </section>
+    </main>

+    <footer>
+        Footer
+    </footer>

-        <ul>
-          <li><a href="https://github.com/andrewgioia/Keyrune/zipball/master">Download <strong>ZIP File</strong></a></li>
-          <li><a href="https://github.com/andrewgioia/Keyrune/tarball/master">Download <strong>TAR Ball</strong></a></li>
-          <li><a href="https://github.com/andrewgioia/Keyrune">View On <strong>GitHub</strong></a></li>
-        </ul>
-      </header>
-      <section>
-        <h1>
-<a id="keyrune-v01" class="anchor" href="#keyrune-v01" aria-hidden="true"><span class="octicon octicon-link"></span></a>Keyrune v0.1</h1>
-
-<h2>
-<a id="the-magic-the-gathering-set-symbol-font" class="anchor" href="#the-magic-the-gathering-set-symbol-font" aria-hidden="true"><span class="octicon octicon-link"></span></a>The Magic: the Gathering set symbol font!</h2>
-
-<p>Keyrune is the first suite of complete Magic: the Gathering expansion and set symbols as a pictographic font. You can use this font anywhere you want to display set symbols—in your MtG app or website, documents, card images, anything!</p>
-
-<h2>
-<a id="usage" class="anchor" href="#usage" aria-hidden="true"><span class="octicon octicon-link"></span></a>Usage</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 <code>/fonts</code> directory and include the keyrune.css stylesheet in your <code>&lt;head&gt;</code>:</p>
-
-<div class="highlight highlight-html"><pre>&lt;<span class="pl-ent">link</span> <span class="pl-e">href</span>=<span class="pl-s1"><span class="pl-pds">"</span>css/keyrune.css<span class="pl-pds">"</span></span> <span class="pl-e">rel</span>=<span class="pl-s1"><span class="pl-pds">"</span>stylesheet<span class="pl-pds">"</span></span> <span class="pl-e">type</span>=<span class="pl-s1"><span class="pl-pds">"</span>text/css<span class="pl-pds">"</span></span> /&gt;</pre></div>
-
-<h2>
-<a id="editing-the-source" class="anchor" href="#editing-the-source" aria-hidden="true"><span class="octicon octicon-link"></span></a>Editing the Source</h2>
-
-<p>Feel free to edit the source files and compile Keyrune to fit your needs. Currently LESS is supported, with Sass coming soon.</p>
-
-<h2>
-<a id="license" class="anchor" href="#license" aria-hidden="true"><span class="octicon octicon-link"></span></a>License</h2>
-
-<p>All set symbol images are copyright Wizards of the Coast (<a href="http://magicthegathering.com">http://magicthegathering.com</a>)</p>
-
-<p>The Keyrune font is licensed under the the SIL OFL 1.1 (<a href="http://scripts.sil.org/OFL">http://scripts.sil.org/OFL</a>)</p>
-
-<p>Keyrune 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>)</p>
-
-<p>Attribution is <strong>greatly appreciated</strong> but not required!</p>
-
-<h2>
-<a id="changelog" class="anchor" href="#changelog" aria-hidden="true"><span class="octicon octicon-link"></span></a>Changelog</h2>
-
-<ul>
-<li>v0.1 - initial font creation and CSS/LESS files for all sets up to Fate Reforged</li>
-</ul>
-      </section>
-      <footer>
-        <p>This project is maintained by <a href="https://github.com/andrewgioia">andrewgioia</a></p>
-        <p><small>Hosted on GitHub Pages &mdash; Theme by <a href="https://github.com/orderedlist">orderedlist</a></small></p>
-      </footer>
-    </div>
-    <script src="javascripts/scale.fix.js"></script>
-    
-  </body>
-</html>
+</body>
+</html>
--- a/js/scale.fix.js
+++ b/js/scale.fix.js
@ -0,0 +1,17 @@
+var metas = document.getElementsByTagName('meta');
+var i;
+if (navigator.userAgent.match(/iPhone/i)) {
+  for (i=0; i<metas.length; i++) {
+    if (metas[i].name == "viewport") {
+      metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
+    }
+  }
+  document.addEventListener("gesturestart", gestureStart, false);
+}
+function gestureStart() {
+  for (i=0; i<metas.length; i++) {
+    if (metas[i].name == "viewport") {
+      metas[i].content = "width=device-width, minimum-scale=0.25, maximum-scale=1.6";
+    }
+  }
+}