All new icons now added to docs page with working preview mode

This commit is contained in:
Andrew Gioia 2017-05-02 18:57:41 -04:00
parent 4bd4344b71
commit ecda23ec53
16 changed files with 113 additions and 27 deletions

View File

@ -1,7 +1,7 @@
{ {
"name": "keyrune", "name": "keyrune",
"homepage": "http://andrewgioia.github.io/Keyrune", "homepage": "http://andrewgioia.github.io/Keyrune",
"version": "2.3.0", "version": "3.0.0",
"authors": [ "authors": [
"Andrew Gioia <andrewgioia@gmail.com>" "Andrew Gioia <andrewgioia@gmail.com>"
], ],
@ -32,11 +32,11 @@
"node_modules", "node_modules",
"bower_components" "bower_components"
], ],
"_release": "2.3.0", "_release": "3.0.0",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v2.3.0", "tag": "v3.0.0",
"commit": "bedb506720c69b094a9293038bf78c5036bd606a" "commit": "8417579b6d7bda0f8582e077ff22a76e264aa253"
}, },
"_source": "https://github.com/andrewgioia/keyrune.git", "_source": "https://github.com/andrewgioia/keyrune.git",
"_target": "*", "_target": "*",

View File

@ -1,7 +1,7 @@
{ {
"name": "keyrune", "name": "keyrune",
"homepage": "http://andrewgioia.github.io/Keyrune", "homepage": "http://andrewgioia.github.io/Keyrune",
"version": "2.3.0", "version": "3.0.0",
"authors": [ "authors": [
"Andrew Gioia <andrewgioia@gmail.com>" "Andrew Gioia <andrewgioia@gmail.com>"
], ],

View File

@ -2,8 +2,8 @@
* Global */ * Global */
@font-face { @font-face {
font-family: 'Keyrune'; font-family: 'Keyrune';
src: url('../fonts/keyrune.eot?v=2.3.0'); src: url('../fonts/keyrune.eot?v=3.0.0');
src: url('../fonts/keyrune.eot?#iefix&v=2.3.0') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=2.3.0') format('woff2'), url('../fonts/keyrune.woff?v=2.3.0') format('woff'), url('../fonts/keyrune.ttf?v=2.3.0') format('truetype'), url('../fonts/keyrune.svg?v=2.3.0#keyrune') format('svg'); src: url('../fonts/keyrune.eot?#iefix&v=3.0.0') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=3.0.0') format('woff2'), url('../fonts/keyrune.woff?v=3.0.0') format('woff'), url('../fonts/keyrune.ttf?v=3.0.0') format('truetype'), url('../fonts/keyrune.svg?v=3.0.0#keyrune') format('svg');
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@ -224,6 +224,9 @@
.ss-ice:before { .ss-ice:before {
content: "\e619"; content: "\e619";
} }
.ss-ice2:before {
content: "\e925";
}
.ss-all:before { .ss-all:before {
content: "\e61a"; content: "\e61a";
} }
@ -770,6 +773,26 @@
.ss-unh:before { .ss-unh:before {
content: "\e692"; content: "\e692";
} }
/**
* Unofficial */
.ss-xcle:before {
content: "\e926";
}
.ss-xice:before {
content: "\e927";
}
.ss-x2ps:before {
content: "\e928";
}
.ss-x4ea:before {
content: "\e929";
}
.ss-papac:before {
content: "\e92a";
}
.ss-peuro:before {
content: "\e92b";
}
.ss-border:after { .ss-border:after {
content: ""; content: "";
position: absolute; position: absolute;

File diff suppressed because one or more lines are too long

Binary file not shown.

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 292 KiB

After

Width:  |  Height:  |  Size: 331 KiB

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -34,7 +34,8 @@
.@{ss-prefix}-fem:before { content: "\e617"; } // Fallen Empires .@{ss-prefix}-fem:before { content: "\e617"; } // Fallen Empires
.@{ss-prefix}-hml:before { content: "\e618"; } // Homelands .@{ss-prefix}-hml:before { content: "\e618"; } // Homelands
/* Ice Age Block */ /* Ice Age Block */
.@{ss-prefix}-ice:before { content: "\e619"; } // Ice Age .@{ss-prefix}-ice:before { content: "\e619"; } // Ice Age (Re-release)
.@{ss-prefix}-ice2:before { content: "\e925"; } // Ice Age (Original)
.@{ss-prefix}-all:before { content: "\e61a"; } // Alliances .@{ss-prefix}-all:before { content: "\e61a"; } // Alliances
.@{ss-prefix}-csp:before { content: "\e61b"; } // Coldsnap .@{ss-prefix}-csp:before { content: "\e61b"; } // Coldsnap
/* Mirage Block */ /* Mirage Block */
@ -268,3 +269,14 @@
.@{ss-prefix}-ugl:before { content: "\e691"; } // Unglued .@{ss-prefix}-ugl:before { content: "\e691"; } // Unglued
.@{ss-prefix}-unh:before { content: "\e692"; } // Unhinged .@{ss-prefix}-unh:before { content: "\e692"; } // Unhinged
/**
* Unofficial */
.@{ss-prefix}-xcle:before { content: "\e926"; } // Collector's Edition
.@{ss-prefix}-xice:before { content: "\e927"; } // International Collector's Edition
.@{ss-prefix}-x2ps:before { content: "\e928"; } // Two Player Introductory Set
.@{ss-prefix}-x4ea:before { content: "\e929"; } // Alternate 4th Edition
.@{ss-prefix}-papac:before { content: "\e92a"; } // APAC Lands
.@{ss-prefix}-peuro:before { content: "\e92b"; } // Euro Lands

View File

@ -2,6 +2,6 @@
* Global */ * Global */
@ss-font-path: '../fonts'; @ss-font-path: '../fonts';
@ss-version: '2.3.0'; @ss-version: '3.0.0';
@ss-font-size-base: 14px; @ss-font-size-base: 14px;
@ss-prefix: ss; @ss-prefix: ss;

View File

@ -1,7 +1,7 @@
// _variables.scss // _variables.scss
// #. // #.
$keyrune_version: '2.3.0' !default; $keyrune_version: '3.0.0' !default;
$keyrune_font_path: '../fonts' !default; $keyrune_font_path: '../fonts' !default;
// #. Keyrune Font ============================== // #. Keyrune Font ==============================
@ -95,6 +95,7 @@ $mtg_setlist: (
("Homelands", 'hml', "\e618"), ("Homelands", 'hml', "\e618"),
// Ice Age block // Ice Age block
("Ice Age", 'ice', "\e619"), ("Ice Age", 'ice', "\e619"),
("Ice Age (Original)", 'ice2', "\e925"),
("Alliances", 'all', "\e61a"), ("Alliances", 'all', "\e61a"),
("Coldsnap", 'csp', "\e61b"), ("Coldsnap", 'csp', "\e61b"),
// Mirage block // Mirage block
@ -298,5 +299,12 @@ $mtg_setlist: (
("Treasure Chests", 'pz2', "\e91f"), ("Treasure Chests", 'pz2', "\e91f"),
// # The Unsets // # The Unsets
("Unglued", 'ugl', "\e691"), ("Unglued", 'ugl', "\e691"),
("Unhinged", 'unh', "\e692") ("Unhinged", 'unh', "\e692"),
// # Unofficial
("Collector's Edition", 'xcle', "\e926"),
("International Collector's Edition", 'xice', "\e927"),
("Two Player Introductory Set", 'x2ps', "\e928"),
("Alternate 4th Edition", 'x4ea', "\e929"),
("APAC Lands", 'papac', "\e92a"),
("Euro Lands", 'peuro', "\e92b")
) !default; ) !default;

View File

@ -136,6 +136,7 @@
<span class="utf"><i>&#xe656;</i> ss-hop <code>&amp;#xe656;</code></span> <span class="utf"><i>&#xe656;</i> ss-hop <code>&amp;#xe656;</code></span>
<span class="utf"><i>&#xe924;</i> ss-hou <code>&amp;#xe924;</code></span> <span class="utf"><i>&#xe924;</i> ss-hou <code>&amp;#xe924;</code></span>
<span class="utf"><i>&#xe619;</i> ss-ice <code>&amp;#xe619;</code></span> <span class="utf"><i>&#xe619;</i> ss-ice <code>&amp;#xe619;</code></span>
<span class="utf"><i>&#xe925;</i> ss-ice2 <code>&amp;#xe925;</code></span>
<span class="utf"><i>&#xe628;</i> ss-inv <code>&amp;#xe628;</code></span> <span class="utf"><i>&#xe628;</i> ss-inv <code>&amp;#xe628;</code></span>
<span class="utf"><i>&#xe64a;</i> ss-isd <code>&amp;#xe64a;</code></span> <span class="utf"><i>&#xe64a;</i> ss-isd <code>&amp;#xe64a;</code></span>
<span class="utf"><i>&#xe652;</i> ss-jou <code>&amp;#xe652;</code></span> <span class="utf"><i>&#xe652;</i> ss-jou <code>&amp;#xe652;</code></span>
@ -232,10 +233,12 @@
</div> </div>
<div class="vectors overflow-hidden"> <div class="vectors overflow-hidden">
<span class="utf"><i>&#xe612;</i> ss-bcore <code>&amp;#xe612;</code></span> <span class="utf"><i>&#xe612;</i> ss-bcore <code>&amp;#xe612;</code></span>
<span class="utf"><i>&#xe92a;</i> ss-papac <code>&amp;#xe92a;</code></span>
<span class="utf"><i>&#xe688;</i> ss-parl <code>&amp;#xe688;</code></span> <span class="utf"><i>&#xe688;</i> ss-parl <code>&amp;#xe688;</code></span>
<span class="utf"><i>&#xe68c;</i> ss-parl2 <code>&amp;#xe68c;</code></span> <span class="utf"><i>&#xe68c;</i> ss-parl2 <code>&amp;#xe68c;</code></span>
<span class="utf"><i>&#xe68b;</i> ss-past <code>&amp;#xe68b;</code></span> <span class="utf"><i>&#xe68b;</i> ss-past <code>&amp;#xe68b;</code></span>
<span class="utf"><i>&#xe68a;</i> ss-pbook <code>&amp;#xe68a;</code></span> <span class="utf"><i>&#xe68a;</i> ss-pbook <code>&amp;#xe68a;</code></span>
<span class="utf"><i>&#xe92b;</i> ss-peuro <code>&amp;#xe92b;</code></span>
<span class="utf"><i>&#xe683;</i> ss-pgru <code>&amp;#xe683;</code></span> <span class="utf"><i>&#xe683;</i> ss-pgru <code>&amp;#xe683;</code></span>
<span class="utf"><i>&#xe686;</i> ss-pleaf <code>&amp;#xe686;</code></span> <span class="utf"><i>&#xe686;</i> ss-pleaf <code>&amp;#xe686;</code></span>
<span class="utf"><i>&#xe687;</i> ss-pmei <code>&amp;#xe687;</code></span> <span class="utf"><i>&#xe687;</i> ss-pmei <code>&amp;#xe687;</code></span>
@ -250,7 +253,11 @@
<span class="utf"><i>&#xe605;</i> ss-psum <code>&amp;#xe605;</code></span> <span class="utf"><i>&#xe605;</i> ss-psum <code>&amp;#xe605;</code></span>
<span class="utf"><i>&#xe90c;</i> ss-pz1 <code>&amp;#xe90c;</code></span> <span class="utf"><i>&#xe90c;</i> ss-pz1 <code>&amp;#xe90c;</code></span>
<span class="utf"><i>&#xe91f;</i> ss-pz2 <code>&amp;#xe91f;</code></span> <span class="utf"><i>&#xe91f;</i> ss-pz2 <code>&amp;#xe91f;</code></span>
<span class="utf"><i>&#xe928;</i> ss-x2ps <code>&amp;#xe928;</code></span>
<span class="utf"><i>&#xe929;</i> ss-x4ea <code>&amp;#xe929;</code></span>
<span class="utf"><i>&#xe926;</i> ss-xcle <code>&amp;#xe926;</code></span>
<span class="utf"><i>&#xe91d;</i> ss-xduels <code>&amp;#xe91d;</code></span> <span class="utf"><i>&#xe91d;</i> ss-xduels <code>&amp;#xe91d;</code></span>
<span class="utf"><i>&#xe927;</i> ss-xice <code>&amp;#xe927;</code></span>
<span class="utf"><i>&#xe91e;</i> ss-xmods <code>&amp;#xe91e;</code></span> <span class="utf"><i>&#xe91e;</i> ss-xmods <code>&amp;#xe91e;</code></span>
<div class="clear"></div> <div class="clear"></div>
</div> </div>

View File

@ -347,7 +347,7 @@ footer {
width: 100%; width: 100%;
height: 100%; height: 100%;
position: fixed; position: fixed;
background: rgba(0,0,0,.4); background: rgba(0,0,0,.5);
top: 0; top: 0;
left: 0; left: 0;
z-index: 100; z-index: 100;
@ -366,6 +366,7 @@ footer {
border-radius: 5px; border-radius: 5px;
box-shadow: 0 5px 35px #444; box-shadow: 0 5px 35px #444;
z-index: 200; z-index: 200;
display: none;
} }
#iconPreview .ss { #iconPreview .ss {

View File

@ -37,7 +37,7 @@
<i class="ss ss-pmtg2"></i> <i class="ss ss-pmtg2"></i>
Download Download
</a> </a>
<h2 class="sub">Complete 192 Magic set symbol font icons</h2> <h2 class="sub">Complete 199 Magic set symbol font icons</h2>
</div> </div>
</header> </header>
@ -45,7 +45,7 @@
<div class="wrapper"> <div class="wrapper">
<section> <section>
<h3> <h3>
View the full list of 192 set and expansion symbols below, for all sets and special edition products up to <strong>Hour of Devastation</strong>. To use the symbols on your desktop or just get the vectors, check out the <a href="cheatsheet.html">Cheatsheet</a>. View the full list of 199 set and expansion symbols below, for all sets and special edition products up to <strong>Hour of Devastation</strong>. To use the symbols on your desktop or just get the vectors, check out the <a href="cheatsheet.html">Cheatsheet</a>.
</h3> </h3>
</section> </section>
<section class="content"> <section class="content">
@ -137,6 +137,9 @@
<div class="icon" id="ice" name="Ice Age" data-name="Ice Age" data-class="ice" data-unicode="e619" data-added="v0.1.0"> <div class="icon" id="ice" name="Ice Age" data-name="Ice Age" data-class="ice" data-unicode="e619" data-added="v0.1.0">
<span class="name"><i class="ss ss-ice"></i> Ice Age <em>(ice)</em></span> <span class="name"><i class="ss ss-ice"></i> Ice Age <em>(ice)</em></span>
</div> </div>
<div class="icon" id="ice2" name="Ice Age (Original)" data-name="Ice Ag (Original)" data-class="ice2" data-unicode="e925" data-added="v3.0.0">
<span class="name"><i class="ss ss-ice2"></i> Ice Age (Original) <em>(ice2)</em></span>
</div>
<div class="icon" id="all" name="Alliances" data-name="Alliances" data-class="all" data-unicode="e61a" data-added="v0.1.0"> <div class="icon" id="all" name="Alliances" data-name="Alliances" data-class="all" data-unicode="e61a" data-added="v0.1.0">
<span class="name"><i class="ss ss-all"></i> Alliances <em>(all)</em></span> <span class="name"><i class="ss ss-all"></i> Alliances <em>(all)</em></span>
</div> </div>
@ -682,6 +685,29 @@
</div> </div>
</div> </div>
</section> </section>
<section class="content">
<h4>Unofficial Symbols</h4>
<div class="icons">
<div class="icon" id="xcle" name="Collector's Edition" data-name="Collector's Edition" data-class="xcle" data-unicode="e926" data-added="v3.0.0">
<span class="name"><i class="ss ss-xcle"></i> Collector's Edition <em>(xcle)</em></span>
</div>
<div class="icon" id="xice" name="International Collector's Edition" data-name="International Collector's Edition" data-class="xice" data-unicode="e927" data-added="v3.0.0">
<span class="name"><i class="ss ss-xice"></i> International Collector's Edition <em>(xice)</em></span>
</div>
<div class="icon" id="x2ps" name="Two Player Introductory Set" data-name="Two Player Introductory Set" data-class="x2ps" data-unicode="e928" data-added="v3.0.0">
<span class="name"><i class="ss ss-x2ps"></i> Two Player Introductory Set <em>(x2ps)</em></span>
</div>
<div class="icon" id="x4ea" name="Alternate 4th Edition" data-name="Alternate 4th Edition" data-class="x4ea" data-unicode="e929" data-added="v3.0.0">
<span class="name"><i class="ss ss-x4ea"></i> Alternate 4th Edition <em>(x4ea)</em></span>
</div>
<div class="icon" id="papac" name="APAC Lands" data-name="APAC Lands" data-class="papac" data-unicode="e92a" data-added="v3.0.0">
<span class="name"><i class="ss ss-papac"></i> APAC Lands <em>(papac)</em></span>
</div>
<div class="icon" id="peuro" name="Euro Lands" data-name="Euro Lands" data-class="peuro" data-unicode="e92b" data-added="v3.0.0">
<span class="name"><i class="ss ss-peuro"></i> Euro Lands <em>(peuro)</em></span>
</div>
</div>
</section>
</div> </div>
</main> </main>
@ -803,7 +829,9 @@
if ( results && results[2] ) { if ( results && results[2] ) {
icon = decodeURIComponent( results[2].replace(/\+/g, " ") ); icon = decodeURIComponent( results[2].replace(/\+/g, " ") );
} }
if ( icon.length > 0 ) {
loadModal( icon ); loadModal( icon );
}
// load modal from icon clicks // load modal from icon clicks
$( 'main' ).on( 'click', '.icon', function (e) { $( 'main' ).on( 'click', '.icon', function (e) {

View File

@ -45,7 +45,7 @@
</a> </a>
</div> </div>
<p> <p>
Current version 2.3.0 includes all sets to Hour of Devastation. Current version 3.0.0 includes all sets to Hour of Devastation.
</p> </p>
</div> </div>
</header> </header>