Adds Jumpstart: Historic Horizons preliminary symbol, working on fixi…

…ng the gradient border for duo symbols

CHANGELOG.md

@@ -11,6 +11,10 @@ All notable changes to this project will be documented in this file.
 
 ## Versions 
 
+### [3.8.3] 2021-07-31 Jumpstart: Historic Horizons
+
+* **Added:** preliminary trace of a very low res source J21 symbol
+
 ### [3.8.2] 2021-07-15 Forgotten Realms Commander
 
 * **Added:** Adventures in the Forgotten Realms Commander (AFC) set symbol ([#163](https://github.com/andrewgioia/keyrune/issues/163))

README.md

@@ -1,4 +1,4 @@
-# Keyrune v3.8.2
+# Keyrune v3.8.3
 
 ## The Magic: the Gathering set symbol font!
 

bower.json

@@ -1,7 +1,7 @@
 {
     "name": "keyrune",
     "homepage": "http://keyrune.andrewgioia.com",
-    "version": "3.8.2",
+    "version": "3.8.3",
     "authors": [
         "Andrew Gioia <[email protected]>"
     ],

css/keyrune.css

@@ -2,8 +2,8 @@
  * Global */
 @font-face {
   font-family: 'Keyrune';
-  src: url('../fonts/keyrune.eot?v=3.8.2');
-  src: url('../fonts/keyrune.eot?#iefix&v=3.8.2') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=3.8.2') format('woff2'), url('../fonts/keyrune.woff?v=3.8.2') format('woff'), url('../fonts/keyrune.ttf?v=3.8.2') format('truetype'), url('../fonts/keyrune.svg?v=3.8.2#keyrune') format('svg');
+  src: url('../fonts/keyrune.eot?v=3.8.3');
+  src: url('../fonts/keyrune.eot?#iefix&v=3.8.3') format('embedded-opentype'), url('../fonts/keyrune.woff2?v=3.8.3') format('woff2'), url('../fonts/keyrune.woff?v=3.8.3') format('woff'), url('../fonts/keyrune.ttf?v=3.8.3') format('truetype'), url('../fonts/keyrune.svg?v=3.8.3#keyrune') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -71,6 +71,9 @@
 .ss-duo.ss-c21::after {
   content: "\e97f";
 }
+.ss-duo.ss-j21::after {
+  content: "\e984";
+}
 .ss-duo.ss-xin4::after {
   content: "\e979";
 }
@@ -95,7 +98,8 @@
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ss-common.ss-grad.ss-no-border {
+.ss-common.ss-grad.ss-no-border,
+.ss-common.ss-grad.ss-duo {
   -webkit-text-stroke: 0;
 }
 .ss-uncommon {
@@ -109,9 +113,13 @@
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ss-uncommon.ss-grad.ss-no-border {
+.ss-uncommon.ss-grad.ss-no-border,
+.ss-uncommon.ss-grad.ss-duo {
   -webkit-text-stroke: 0;
 }
+.ss-uncommon.ss-grad.ss-duo::after {
+  -webkit-text-fill-color: inherit;
+}
 .ss-rare {
   color: #A58E4A;
 }
@@ -123,9 +131,13 @@
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ss-rare.ss-grad.ss-no-border {
+.ss-rare.ss-grad.ss-no-border,
+.ss-rare.ss-grad.ss-duo {
   -webkit-text-stroke: 0;
 }
+.ss-rare.ss-grad.ss-duo::after {
+  -webkit-text-fill-color: inherit;
+}
 .ss-mythic {
   color: #BF4427;
 }
@@ -137,9 +149,13 @@
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ss-mythic.ss-grad.ss-no-border {
+.ss-mythic.ss-grad.ss-no-border,
+.ss-mythic.ss-grad.ss-duo {
   -webkit-text-stroke: 0;
 }
+.ss-mythic.ss-grad.ss-duo::after {
+  -webkit-text-fill-color: inherit;
+}
 .ss-timeshifted {
   color: #652978;
 }
@@ -154,9 +170,13 @@
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ss-timeshifted.ss-grad.ss-no-border {
+.ss-timeshifted.ss-grad.ss-no-border,
+.ss-timeshifted.ss-grad.ss-duo {
   -webkit-text-stroke: 0;
 }
+.ss-timeshifted.ss-grad.ss-duo::after {
+  -webkit-text-fill-color: inherit;
+}
 .ss-foil {
   color: #a6dced;
 }
@@ -169,9 +189,13 @@
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
-.ss-foil.ss-grad.ss-no-border {
+.ss-foil.ss-grad.ss-no-border,
+.ss-foil.ss-grad.ss-duo {
   -webkit-text-stroke: 0;
 }
+.ss-foil.ss-grad.ss-duo::after {
+  -webkit-text-fill-color: inherit;
+}
 /**
  * Fixed width */
 .ss-fw {
@@ -719,6 +743,9 @@
 .ss-sta:before {
   content: "\e980";
 }
+.ss-j21:before {
+  content: "\e983";
+}
 /**
  * Beginner */
 .ss-por:before {

docs/cheatsheet.html

@@ -175,6 +175,7 @@ <h4>Icons, CSS Class, and Unicode</h4>
                     <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>&#xe96a;</i> ss-j20 <code>&amp;#xe96a;</code></span>
+                    <span class="utf"><i>&#xe983;</i> ss-j21 <code>&amp;#xe983;</code></span>
                     <span class="utf"><i>&#xe96f;</i> ss-jmp <code>&amp;#xe96f;</code></span>
                     <span class="utf"><i>&#xe652;</i> ss-jou <code>&amp;#xe652;</code></span>
                     <span class="utf"><i>&#xe62d;</i> ss-jud <code>&amp;#xe62d;</code></span>
@@ -359,6 +360,7 @@ <h4>Icons, CSS Class, and Unicode</h4>
                     <span class="utf"><i>&#xe982;</i> afc border <code>&amp;#xe982;</code></span>
                     <span class="utf"><i>&#xe973;</i> afr border <code>&amp;#xe973;</code></span>
                     <span class="utf"><i>&#xe97f;</i> c21 border <code>&amp;#xe97f;</code></span>
+                    <span class="utf"><i>&#xe984;</i> j21 border <code>&amp;#xe984;</code></span>
                     <span class="utf"><i>&#xe979;</i> xin4 border <code>&amp;#xe979;</code></span>
                 </div>
             </section>

docs/icons.html

@@ -37,15 +37,15 @@ <h1 class="sub">Set Symbol Icons</h1>
                 <i class="ss ss-pmtg2"></i>
                 Download
             </a>
-            <h2 class="sub">Complete 281 Magic set symbol font icons</h2>
+            <h2 class="sub">Complete 282 Magic set symbol font icons</h2>
         </div>
     </header>
 
     <main>
         <div class="wrapper">
             <section>
                 <h3>
-                    View the full list of 281 set and expansion symbols below, for all sets and special edition products up to <strong>Adventures in the Forgotten Realms</strong> and <strong>Commander 2021</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 282 set and expansion symbols below, for all sets and special edition products up to <strong>Adventures in the Forgotten Realms</strong> and <strong>Commander 2021</strong>. To use the symbols on your desktop or just get the vectors, check out the <a href="cheatsheet.html">Cheatsheet</a>.
                 </h3>
                 <p style="margin: -15px 0 25px;">
                     <strong>Note:</strong> you can now link directly to a preview of each symbol's by adding the symbol code at the end of the url like this: <a href="https://keyrune.andrewgioia.com/icons.html?icon=ody">https://keyrune.andrewgioia.com/icons.html?icon=ody</a>.
@@ -493,10 +493,10 @@ <h4>Command Zone Sets</h4>
                     <div class="icon" id="khc" name="Kaldheim Commander" data-name="Kaldheim Commander" data-class="khc" data-unicode="e97d" data-added="v3.7.2">
                         <span class="name"><i class="ss ss-khc"></i> Kaldheim Commander <em>(khc)</em></span>
                     </div>
-                    <div class="icon" id="c21" name="Commander 2021" data-name="Commander 2021" data-class="c21" data-unicode="e97e" data-added="v3.8.0">
+                    <div class="icon" id="c21" name="Commander 2021" data-name="Commander 2021" data-class="c21" data-unicode="e97e" data-added="v3.8.0" data-duo="true">
                         <span class="name"><i class="ss ss-c21 ss-duo ss-common"></i> Commander 2021 <em>(c21)</em></span>
                     </div>
-                    <div class="icon" id="afc" name="Forgotten Realms Commander" data-name="Forgotten Realms Commander" data-class="afc" data-unicode="e981" data-added="v3.8.2">
+                    <div class="icon" id="afc" name="Forgotten Realms Commander" data-name="Forgotten Realms Commander" data-class="afc" data-unicode="e981" data-added="v3.8.2" data-duo="true">
                         <span class="name"><i class="ss ss-afc ss-duo ss-common"></i> Forgotten Realms Commander <em>(afc)</em></span>
                     </div>
                 </div>
@@ -564,6 +564,9 @@ <h4>Reprint Sets</h4>
                     <div class="icon" id="sta" name="Strixhaven: Mystical Archives" data-name="Strixhaven: Mystical Archives" data-class="sta" data-unicode="e980" data-added="v3.8.0">
                         <span class="name"><i class="ss ss-sta"></i> Strixhaven: Mystical Archives <em>(sta)</em></span>
                     </div>
+                    <div class="icon" id="j21" name="Jumpstart: Historic Horizons" data-name="Jumpstart: Historic Horizons" data-class="j21" data-unicode="e983" data-added="v3.8.3" data-duo="true">
+                        <span class="name"><i class="ss ss-j21 ss-duo"></i> Jumpstart: Historic Horizons <em>(j21)</em></span>
+                    </div>
                 </div>
             </section>
             <section class="content">
@@ -797,7 +800,7 @@ <h4>Other Supplemental Products</h4>
                         <span class="name"><i class="ss ss-xin3"></i> Innistrad Vampires <em>(xin3)</em></span>
                     </div>
                     <div class="icon" id="xin4" name="Innistrad Werewolves" data-name="Innistrad Werewolves" data-class="xin4" data-unicode="e978" data-added="v3.7.0" data-duo="true">
-                        <span class="name"><i class="ss ss-xin4"></i> Innistrad Werewolves <em>(xin4)</em></span>
+                        <span class="name"><i class="ss ss-xin4 ss-duo"></i> Innistrad Werewolves <em>(xin4)</em></span>
                     </div>
                 </div>
             </section>

docs/index.html

@@ -43,7 +43,7 @@ <h2>Magic: the Gathering set symbol font</h2>
                 </a>
             </div>
             <p>
-                Current version 3.8.2 includes all sets to Forgotten Realms and Commander 2021.
+                Current version 3.8.3 includes all sets to Forgotten Realms and Commander 2021.
             </p>
         </div>
     </header>