mirror of
https://github.com/andrewgioia/keyrune.git
synced 2026-04-03 19:05:40 +00:00
deploy: 99d5f01fce
This commit is contained in:
andrewgioia
parent
27e3c6f7cb
commit
d233d6fd0b
459
assets/docs.css
Normal file
459
assets/docs.css
Normal file
@ -0,0 +1,459 @@
|
||||
@font-face {
|
||||
font-family: 'Beleren';
|
||||
src: url( '../fonts/beleren.eot' );
|
||||
src: url( '../fonts/beleren.woff' ) format( 'woff' ),
|
||||
url( '../fonts/beleren.ttf' ) format( 'truetype' ),
|
||||
url( '../fonts/beleren.svg' ) format( 'svg' );
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
color: #223344;
|
||||
font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 15px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
max-width: 1080px;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #008eae;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #166075;
|
||||
}
|
||||
|
||||
section#banner {
|
||||
background: #D5D2C8;
|
||||
color: #445566;
|
||||
padding: 12px 0;
|
||||
text-align: right;
|
||||
text-shadow: 0 1px 0 #E6E2D7;
|
||||
}
|
||||
|
||||
section#banner .item {
|
||||
display: inline-block;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
section#banner .logo {
|
||||
color: #223344;
|
||||
float: left;
|
||||
font-family: Beleren;
|
||||
font-size: 18px;
|
||||
margin-top: -2px;
|
||||
}
|
||||
|
||||
header {
|
||||
background: #E6E2D7;
|
||||
border-bottom: 1px solid #CFCDC7;
|
||||
color: #223344;
|
||||
margin: 0;
|
||||
overflow-y: hidden;
|
||||
padding: 25px 0 15px;
|
||||
}
|
||||
|
||||
header.main {
|
||||
height: 272px;
|
||||
}
|
||||
|
||||
.bigicon {
|
||||
float: right;
|
||||
font-size: 450px;
|
||||
line-height: 200px;
|
||||
margin-top: -100px;
|
||||
text-shadow: 0 2px 0 #fff;
|
||||
}
|
||||
|
||||
header .vs {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 16px;
|
||||
line-height: 1.6em;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
li {
|
||||
margin: 0 0 10px;
|
||||
}
|
||||
|
||||
ol li {
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #445566;
|
||||
margin: 0;
|
||||
font-family: Beleren;
|
||||
font-size: 64px;
|
||||
font-weight: lighter;
|
||||
padding: 0 0 20px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
h1.sub {
|
||||
font-size: 48px;
|
||||
padding: 0 0 15px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
color: #445566;
|
||||
font-family: Beleren;
|
||||
font-size: 30px;
|
||||
font-weight: lighter;
|
||||
margin: 0;
|
||||
padding: 0 0 30px;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
h2.sub {
|
||||
font-size: 26px;
|
||||
padding: 0 0 20px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
color: #445566;
|
||||
font-size: 19px;
|
||||
font-weight: normal;
|
||||
line-height: 1.6em;
|
||||
padding-bottom: 20px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h4 {
|
||||
color: #61605B;
|
||||
font-family: Beleren;
|
||||
font-size: 24px;
|
||||
font-weight: lighter;
|
||||
margin: 15px 0 5px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
h5 {
|
||||
font-size: 17px;
|
||||
margin: 15px 0 5px;
|
||||
}
|
||||
|
||||
main {
|
||||
margin: 0;
|
||||
padding: 20px 0 25px;
|
||||
}
|
||||
|
||||
main section.content {
|
||||
padding: 0 0 10px;
|
||||
}
|
||||
|
||||
blockquote,
|
||||
code {
|
||||
font-family: Inconsolate, 'Courier New', Courier, monospace;
|
||||
}
|
||||
|
||||
code {
|
||||
background: #F7EEF1;
|
||||
color: #BB073B;
|
||||
padding: 1px 3px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
background: #EFEDE8;
|
||||
border-bottom: 1px solid #E0DCCD;
|
||||
line-height: 1.4em;
|
||||
padding: 20px 20px 18px;
|
||||
margin: 20px 0 25px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.button {
|
||||
background: #008eae;
|
||||
border-bottom: 2px solid #166075;
|
||||
color: #fff;
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
padding: 10px 18px 9px;
|
||||
border-radius: 4px;
|
||||
text-shadow: 0 1px 0 #223344;
|
||||
}
|
||||
|
||||
.button:hover {
|
||||
background: #00809F;
|
||||
border-bottom-color: #155A6E;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button .ss {
|
||||
margin-right: 5px;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.button.vs {
|
||||
background: #667788;
|
||||
border-bottom-color: #223344;
|
||||
}
|
||||
|
||||
.button.vs:hover {
|
||||
background: #556677;
|
||||
border-bottom-color: #112233;
|
||||
}
|
||||
|
||||
.button.dl.float-right {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.icons {
|
||||
padding: 10px 0 5px;
|
||||
}
|
||||
|
||||
.icon {
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
overflow: hidden;
|
||||
width: 24.5%;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.icon .name {
|
||||
display: inline-block;
|
||||
padding: 9px 10px;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.icon .info {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.icon:hover {
|
||||
background: #eee;
|
||||
position: relative;
|
||||
margin-top: -4px;
|
||||
margin-bottom: -5px;
|
||||
}
|
||||
|
||||
.icon .ss {
|
||||
font-size: 22px;
|
||||
margin-right: 5px;
|
||||
margin-top: -2px;
|
||||
text-align: center;
|
||||
width: 32px;
|
||||
}
|
||||
|
||||
.icon:hover .ss {
|
||||
font-size: 32px;
|
||||
/*text-shadow: 0 1px 0 #fff;*/
|
||||
}
|
||||
|
||||
.icon em {
|
||||
color: #99aabb;
|
||||
font-size: 13px;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.vectors {
|
||||
padding: 10px 0 0;
|
||||
}
|
||||
|
||||
.utf {
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
float: left;
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.utf i {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
padding: 0 5px 0 0;
|
||||
text-align: center;
|
||||
width: 1.25em;
|
||||
font: normal normal normal 16px/1 Keyrune;
|
||||
font-size: 1.25em;
|
||||
text-rendering: auto;
|
||||
transform: translate(0, 0);
|
||||
speak: none;
|
||||
text-transform: none;
|
||||
vertical-align: middle;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.utf code {
|
||||
background-color: #f5f5f5;
|
||||
color: #445566;
|
||||
margin-left: 3px;
|
||||
}
|
||||
|
||||
.example {
|
||||
font-size: 16px;
|
||||
padding: 15px 0 0;
|
||||
width: 200px;
|
||||
}
|
||||
|
||||
.example .each {
|
||||
display: block;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.explanation {
|
||||
margin-left: 200px;
|
||||
}
|
||||
|
||||
footer {
|
||||
border-top: 1px solid #eee;
|
||||
margin-top: 20px;
|
||||
padding: 10px 0 30px;
|
||||
}
|
||||
|
||||
|
||||
/* Utilities */
|
||||
|
||||
.float-left {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.float-right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clearfix:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.e { color: #63A35C; }
|
||||
.a { color: #795DA3; }
|
||||
.v { color: #183691; }
|
||||
.o { color: #ED8C5A; }
|
||||
|
||||
|
||||
/* Icon modal */
|
||||
|
||||
#overlay {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
background: rgba(0,0,0,.5);
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 100;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#modal {
|
||||
width: 760px;
|
||||
position: fixed;
|
||||
padding: 30px;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
background: rgba(255,255,255,.9);
|
||||
border-radius: 5px;
|
||||
box-shadow: 0 5px 35px #445566;
|
||||
z-index: 200;
|
||||
display: none;
|
||||
}
|
||||
|
||||
#modal.open {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
#iconPreview {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 30px;
|
||||
width: 320px;
|
||||
}
|
||||
#iconPreview .ss {
|
||||
font-size: 300px;
|
||||
}
|
||||
|
||||
#iconMeta {
|
||||
}
|
||||
#iconMeta h3 {
|
||||
font-size: 24px;
|
||||
line-height: 1.2em;
|
||||
margin: 10px 0 20px;
|
||||
padding: 0 0 5px;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#iconMeta #setCode {
|
||||
font-size: 16px;
|
||||
color: #778899;
|
||||
}
|
||||
|
||||
#metaInfo {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#metaInfo li {
|
||||
padding: 0 0 5px;
|
||||
color: #223344;
|
||||
}
|
||||
|
||||
#metaInfo strong {
|
||||
color: #778899;
|
||||
display: inline-block;
|
||||
width: 75px;
|
||||
}
|
||||
|
||||
#toggleRarity {
|
||||
list-style: none;
|
||||
margin: 25px 0 10px;
|
||||
padding: 0;
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
#toggleRarity a {
|
||||
border: 1px solid #CFCDC7;
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 6px 10px 7px;
|
||||
margin: 0 0 0 -1px;
|
||||
}
|
||||
|
||||
#toggleRarity a.left {
|
||||
border-radius: 4px 0 0 4px;
|
||||
}
|
||||
|
||||
#toggleRarity a.right {
|
||||
border-radius: 0 4px 4px 0;
|
||||
}
|
||||
|
||||
#toggleRarity a.active {
|
||||
background: #E6E2D7;
|
||||
color: #445566;
|
||||
}
|
||||
|
||||
#withGradient {
|
||||
padding: 0 0 5px;
|
||||
}
|
||||
|
||||
#closeModalContainer {
|
||||
position: absolute;
|
||||
top: 18px;
|
||||
right: 20px;
|
||||
}
|
||||
1988
assets/keyrune.min.css
vendored
Normal file
1988
assets/keyrune.min.css
vendored
Normal file
File diff suppressed because it is too large
Load Diff
2
assets/zepto.min.js
vendored
Normal file
2
assets/zepto.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
171
cheatsheet.html
171
cheatsheet.html
@ -4,8 +4,8 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||
<title>Cheatsheet | Keyrune</title>
|
||||
<link rel="stylesheet" href="css/keyrune.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="stylesheet" href="assets/keyrune.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="assets/docs.css" type="text/css" />
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
</head>
|
||||
@ -59,8 +59,11 @@
|
||||
<span class="utf"><i></i> ss-2ed <code>&#xe602;</code></span>
|
||||
<span class="utf"><i></i> ss-2u <code>&#xe949;</code></span>
|
||||
<span class="utf"><i></i> ss-2xm <code>&#xe96e;</code></span>
|
||||
<span class="utf"><i></i> ss-2x2 <code>&#xe99c;</code></span>
|
||||
<span class="utf"><i></i> ss-30a <code>&#xe9aa;</code></span>
|
||||
<span class="utf"><i></i> ss-3e <code>&#xe94a;</code></span>
|
||||
<span class="utf"><i></i> ss-3ed <code>&#xe603;</code></span>
|
||||
<span class="utf"><i></i> ss-40k <code>&#xe998;</code></span>
|
||||
<span class="utf"><i></i> ss-4ed <code>&#xe604;</code></span>
|
||||
<span class="utf"><i></i> ss-5dn <code>&#xe633;</code></span>
|
||||
<span class="utf"><i></i> ss-5ed <code>&#xe606;</code></span>
|
||||
@ -69,7 +72,10 @@
|
||||
<span class="utf"><i></i> ss-8ed <code>&#xe609;</code></span>
|
||||
<span class="utf"><i></i> ss-9ed <code>&#xe60a;</code></span>
|
||||
<span class="utf"><i></i> ss-a25 <code>&#xe93d;</code></span>
|
||||
<span class="utf"><i></i> ss-acr <code>&#xe9ce;</code></span>
|
||||
<span class="utf"><i></i> ss-aer <code>&#xe90f;</code></span>
|
||||
<span class="utf"><i></i> ss-afc <code>&#xe981;</code></span>
|
||||
<span class="utf"><i></i> ss-afr <code>&#xe972;</code></span>
|
||||
<span class="utf"><i></i> ss-akh <code>&#xe914;</code></span>
|
||||
<span class="utf"><i></i> ss-akr <code>&#xe970;</code></span>
|
||||
<span class="utf"><i></i> ss-ala <code>&#xe641;</code></span>
|
||||
@ -84,26 +90,39 @@
|
||||
<span class="utf"><i></i> ss-avr <code>&#xe64c;</code></span>
|
||||
<span class="utf"><i></i> ss-bbd <code>&#xe942;</code></span>
|
||||
<span class="utf"><i></i> ss-bfz <code>&#xe699;</code></span>
|
||||
<span class="utf"><i></i> ss-big <code>&#xe9d6;</code></span>
|
||||
<span class="utf"><i></i> ss-blb <code>&#xe9cd;</code></span>
|
||||
<span class="utf"><i></i> ss-blc <code>&#xe9d4;</code></span>
|
||||
<span class="utf"><i></i> ss-bng <code>&#xe651;</code></span>
|
||||
<span class="utf"><i></i> ss-bok <code>&#xe635;</code></span>
|
||||
<span class="utf"><i></i> ss-bot <code>&#xe99e;</code></span>
|
||||
<span class="utf"><i></i> ss-br <code>&#xe9c1;</code></span>
|
||||
<span class="utf"><i></i> ss-brb <code>&#xe660;</code></span>
|
||||
<span class="utf"><i></i> ss-brc <code>&#xe99f;</code></span>
|
||||
<span class="utf"><i></i> ss-bro <code>&#xe99d;</code></span>
|
||||
<span class="utf"><i></i> ss-brr <code>&#xe9a0;</code></span>
|
||||
<span class="utf"><i></i> ss-btd <code>&#xe661;</code></span>
|
||||
<span class="utf"><i></i> ss-c13 <code>&#xe65b;</code></span>
|
||||
<span class="utf"><i></i> ss-c14 <code>&#xe65d;</code></span>
|
||||
<span class="utf"><i></i> ss-c15 <code>&#xe900;</code></span>
|
||||
<span class="utf"><i></i> ss-c16 <code>&#xe910;</code></span>
|
||||
<span class="utf"><i></i> ss-c16 <code>&#xe9e5;</code></span>
|
||||
<span class="utf"><i></i> ss-c17 <code>&#xe934;</code></span>
|
||||
<span class="utf"><i></i> ss-c18 <code>&#xe946;</code></span>
|
||||
<span class="utf"><i></i> ss-c19 <code>&#xe95f;</code></span>
|
||||
<span class="utf"><i></i> ss-c20 <code>&#xe966;</code></span>
|
||||
<span class="utf"><i></i> ss-c21 <code>&#xe97e;</code></span>
|
||||
<span class="utf"><i></i> ss-clb <code>&#xe991;</code></span>
|
||||
<span class="utf"><i></i> ss-cc1 <code>&#xe968;</code></span>
|
||||
<span class="utf"><i></i> ss-cc2 <code>&#xe987;</code></span>
|
||||
<span class="utf"><i></i> ss-chk <code>&#xe634;</code></span>
|
||||
<span class="utf"><i></i> ss-chr <code>&#xe65e;</code></span>
|
||||
<span class="utf"><i></i> ss-clu <code>&#xe9cb;</code></span>
|
||||
<span class="utf"><i></i> ss-cm1 <code>&#xe65a;</code></span>
|
||||
<span class="utf"><i></i> ss-cm2 <code>&#xe940;</code></span>
|
||||
<span class="utf"><i></i> ss-cma <code>&#xe916;</code></span>
|
||||
<span class="utf"><i></i> ss-cmc <code>&#xe969;</code></span>
|
||||
<span class="utf"><i></i> ss-cmd <code>&#xe658;</code></span>
|
||||
<span class="utf"><i></i> ss-cmm <code>&#xe9b5;</code></span>
|
||||
<span class="utf"><i></i> ss-cmr <code>&#xe969;</code></span>
|
||||
<span class="utf"><i></i> ss-cns <code>&#xe65c;</code></span>
|
||||
<span class="utf"><i></i> ss-cn2 <code>&#xe904;</code></span>
|
||||
@ -129,31 +148,51 @@
|
||||
<span class="utf"><i></i> ss-dds <code>&#xe921;</code></span>
|
||||
<span class="utf"><i></i> ss-ddt <code>&#xe933;</code></span>
|
||||
<span class="utf"><i></i> ss-ddu <code>&#xe93e;</code></span>
|
||||
<span class="utf"><i></i> ss-dft <code>&#xe9e0;</code></span>
|
||||
<span class="utf"><i></i> ss-dgm <code>&#xe64f;</code></span>
|
||||
<span class="utf"><i></i> ss-dis <code>&#xe639;</code></span>
|
||||
<span class="utf"><i></i> ss-dka <code>&#xe64b;</code></span>
|
||||
<span class="utf"><i></i> ss-dkm <code>&#xe662;</code></span>
|
||||
<span class="utf"><i></i> ss-dmr <code>&#xe9a4;</code></span>
|
||||
<span class="utf"><i></i> ss-dmu <code>&#xe993;</code></span>
|
||||
<span class="utf"><i></i> ss-dmc <code>&#xe994;</code></span>
|
||||
<span class="utf"><i></i> ss-drc <code>&#xe9e8;</code></span>
|
||||
<span class="utf"><i></i> ss-dom <code>&#xe93f;</code></span>
|
||||
<span class="utf"><i></i> ss-dpa <code>&#xe689;</code></span>
|
||||
<span class="utf"><i></i> ss-drb <code>&#xe678;</code></span>
|
||||
<span class="utf"><i></i> ss-drk <code>&#xe616;</code></span>
|
||||
<span class="utf"><i></i> ss-dsc <code>&#xe9dc;</code></span>
|
||||
<span class="utf"><i></i> ss-dsk <code>&#xe9d7;</code></span>
|
||||
<span class="utf"><i></i> ss-dst <code>&#xe632;</code></span>
|
||||
<span class="utf"><i></i> ss-dtk <code>&#xe693;</code></span>
|
||||
<span class="utf"><i></i> ss-dvk <code>&#xea03;</code></span>
|
||||
<span class="utf"><i></i> ss-e01 <code>&#xe92d;</code></span>
|
||||
<span class="utf"><i></i> ss-e02 <code>&#xe931;</code></span>
|
||||
<span class="utf"><i></i> ss-ea1 <code>&#xe9b4;</code></span>
|
||||
<span class="utf"><i></i> ss-ecc <code>&#xea11;</code></span>
|
||||
<span class="utf"><i></i> ss-ecl <code>&#xea04;</code></span>
|
||||
<span class="utf"><i></i> ss-eld <code>&#xe95e;</code></span>
|
||||
<span class="utf"><i></i> ss-ema <code>&#xe903;</code></span>
|
||||
<span class="utf"><i></i> ss-emn <code>&#xe90b;</code></span>
|
||||
<span class="utf"><i></i> ss-eoc <code>&#xe9f6;</code></span>
|
||||
<span class="utf"><i></i> ss-eoe <code>&#xe9f0;</code></span>
|
||||
<span class="utf"><i></i> ss-eos <code>&#xea00;</code></span>
|
||||
<span class="utf"><i></i> ss-eve <code>&#xe640;</code></span>
|
||||
<span class="utf"><i></i> ss-evg <code>&#xe669;</code></span>
|
||||
<span class="utf"><i></i> ss-exo <code>&#xe621;</code></span>
|
||||
<span class="utf"><i></i> ss-exp <code>&#xe69a;</code></span>
|
||||
<span class="utf"><i></i> ss-fca <code>&#xe9f8;</code></span>
|
||||
<span class="utf"><i></i> ss-fem <code>&#xe617;</code></span>
|
||||
<span class="utf"><i></i> ss-fdc <code>&#xe9e4;</code></span>
|
||||
<span class="utf"><i></i> ss-fdn <code>&#xe9d8;</code></span>
|
||||
<span class="utf"><i></i> ss-fic <code>&#xe9f5;</code></span>
|
||||
<span class="utf"><i></i> ss-fin <code>&#xe9ed;</code></span>
|
||||
<span class="utf"><i></i> ss-frf <code>&#xe654;</code></span>
|
||||
<span class="utf"><i></i> ss-fut <code>&#xe63c;</code></span>
|
||||
<span class="utf"><i></i> ss-gk1 <code>&#xe94b;</code></span>
|
||||
<span class="utf"><i></i> ss-gk2 <code>&#xe959;</code></span>
|
||||
<span class="utf"><i></i> ss-gn2 <code>&#xe964;</code></span>
|
||||
<span class="utf"><i></i> ss-gn3 <code>&#xe9a5;</code></span>
|
||||
<span class="utf"><i></i> ss-gnt <code>&#xe94d;</code></span>
|
||||
<span class="utf"><i></i> ss-gpt <code>&#xe638;</code></span>
|
||||
<span class="utf"><i></i> ss-grn <code>&#xe94b;</code></span>
|
||||
@ -162,6 +201,7 @@
|
||||
<span class="utf"><i></i> ss-h09 <code>&#xe67f;</code></span>
|
||||
<span class="utf"><i></i> ss-h17 <code>&#xe938;</code></span>
|
||||
<span class="utf"><i></i> ss-ha1 <code>&#xe96b;</code></span>
|
||||
<span class="utf"><i></i> ss-hbg <code>&#xe9a6;</code></span>
|
||||
<span class="utf"><i></i> ss-hml <code>&#xe618;</code></span>
|
||||
<span class="utf"><i></i> ss-hop <code>&#xe656;</code></span>
|
||||
<span class="utf"><i></i> ss-hou <code>&#xe924;</code></span>
|
||||
@ -169,19 +209,30 @@
|
||||
<span class="utf"><i></i> ss-ice2 <code>&#xe925;</code></span>
|
||||
<span class="utf"><i></i> ss-iko <code>&#xe962;</code></span>
|
||||
<span class="utf"><i></i> ss-ima <code>&#xe935;</code></span>
|
||||
<span class="utf"><i></i> ss-inr <code>&#xe9e2;</code></span>
|
||||
<span class="utf"><i></i> ss-inv <code>&#xe628;</code></span>
|
||||
<span class="utf"><i></i> ss-isd <code>&#xe64a;</code></span>
|
||||
<span class="utf"><i></i> ss-j20 <code>&#xe96a;</code></span>
|
||||
<span class="utf"><i></i> ss-j21 <code>&#xe983;</code></span>
|
||||
<span class="utf"><i></i> ss-j22 <code>&#xe9ad;</code></span>
|
||||
<span class="utf"><i></i> ss-j25 <code>&#xe9df;</code></span>
|
||||
<span class="utf"><i></i> ss-jmp <code>&#xe96f;</code></span>
|
||||
<span class="utf"><i></i> ss-jou <code>&#xe652;</code></span>
|
||||
<span class="utf"><i></i> ss-jud <code>&#xe62d;</code></span>
|
||||
<span class="utf"><i></i> ss-khc <code>&#xe97d;</code></span>
|
||||
<span class="utf"><i></i> ss-khm <code>&#xe974;</code></span>
|
||||
<span class="utf"><i></i> ss-kld <code>&#xe90e;</code></span>
|
||||
<span class="utf"><i></i> ss-klr <code>&#xe97c;</code></span>
|
||||
<span class="utf"><i></i> ss-ktk <code>&#xe653;</code></span>
|
||||
<span class="utf"><i></i> ss-lcc <code>&#xe9c7;</code></span>
|
||||
<span class="utf"><i></i> ss-lci <code>&#xe9c2;</code></span>
|
||||
<span class="utf"><i></i> ss-lea <code>&#xe600;</code></span>
|
||||
<span class="utf"><i></i> ss-leb <code>&#xe601;</code></span>
|
||||
<span class="utf"><i></i> ss-leg <code>&#xe615;</code></span>
|
||||
<span class="utf"><i></i> ss-lgn <code>&#xe62f;</code></span>
|
||||
<span class="utf"><i></i> ss-lrw <code>&#xe63d;</code></span>
|
||||
<span class="utf"><i></i> ss-ltc <code>&#xe9b6;</code></span>
|
||||
<span class="utf"><i></i> ss-ltr <code>&#xe9af;</code></span>
|
||||
<span class="utf"><i></i> ss-m10 <code>&#xe60c;</code></span>
|
||||
<span class="utf"><i></i> ss-m11 <code>&#xe60d;</code></span>
|
||||
<span class="utf"><i></i> ss-m12 <code>&#xe60e;</code></span>
|
||||
@ -191,7 +242,10 @@
|
||||
<span class="utf"><i></i> ss-m19 <code>&#xe941;</code></span>
|
||||
<span class="utf"><i></i> ss-m20 <code>&#xe95d;</code></span>
|
||||
<span class="utf"><i></i> ss-m21 <code>&#xe960;</code></span>
|
||||
<span class="utf"><i></i> ss-m3c <code>&#xe9d0;</code></span>
|
||||
<span class="utf"><i></i> ss-mat <code>&#xe9a3;</code></span>
|
||||
<span class="utf"><i></i> ss-mb1 <code>&#xe971;</code></span>
|
||||
<span class="utf"><i></i> ss-mb2 <code>&#xe9d9;</code></span>
|
||||
<span class="utf"><i></i> ss-mbs <code>&#xe648;</code></span>
|
||||
<span class="utf"><i></i> ss-md1 <code>&#xe682;</code></span>
|
||||
<span class="utf"><i></i> ss-me1 <code>&#xe68d;</code></span>
|
||||
@ -201,59 +255,99 @@
|
||||
<span class="utf"><i></i> ss-med <code>&#xe94c;</code></span>
|
||||
<span class="utf"><i></i> ss-mh1 <code>&#xe95b;</code></span>
|
||||
<span class="utf"><i></i> ss-mh2 <code>&#xe97b;</code></span>
|
||||
<span class="utf"><i></i> ss-mh3 <code>&#xe9cf;</code></span>
|
||||
<span class="utf"><i></i> ss-mic <code>&#xe985;</code></span>
|
||||
<span class="utf"><i></i> ss-mid <code>&#xe978;</code></span>
|
||||
<span class="utf"><i></i> ss-mir <code>&#xe61c;</code></span>
|
||||
<span class="utf"><i></i> ss-mkc <code>&#xe9ca;</code></span>
|
||||
<span class="utf"><i></i> ss-mkm <code>&#xe9c9;</code></span>
|
||||
<span class="utf"><i></i> ss-mm2 <code>&#xe695;</code></span>
|
||||
<span class="utf"><i></i> ss-mm3 <code>&#xe912;</code></span>
|
||||
<span class="utf"><i></i> ss-mma <code>&#xe663;</code></span>
|
||||
<span class="utf"><i></i> ss-mmq <code>&#xe625;</code></span>
|
||||
<span class="utf"><i></i> ss-moc <code>&#xe9a9;</code></span>
|
||||
<span class="utf"><i></i> ss-mom <code>&#xe9a2;</code></span>
|
||||
<span class="utf"><i></i> ss-mor <code>&#xe63e;</code></span>
|
||||
<span class="utf"><i></i> ss-mp1 <code>&#xe913;</code></span>
|
||||
<span class="utf"><i></i> ss-mp2 <code>&#xe922;</code></span>
|
||||
<span class="utf"><i></i> ss-mps <code>&#xe913;</code></span>
|
||||
<span class="utf"><i></i> ss-mrd <code>&#xe631;</code></span>
|
||||
<span class="utf"><i></i> ss-mul <code>&#xe9ba;</code></span>
|
||||
<span class="utf"><i></i> ss-nem <code>&#xe626;</code></span>
|
||||
<span class="utf"><i></i> ss-nec <code>&#xe98d;</code></span>
|
||||
<span class="utf"><i></i> ss-neo <code>&#xe98c;</code></span>
|
||||
<span class="utf"><i></i> ss-nms <code>&#xe626;</code></span>
|
||||
<span class="utf"><i></i> ss-ncc <code>&#xe98e;</code></span>
|
||||
<span class="utf"><i></i> ss-nph <code>&#xe649;</code></span>
|
||||
<span class="utf"><i></i> ss-ody <code>&#xe62b;</code></span>
|
||||
<span class="utf"><i></i> ss-ogw <code>&#xe901;</code></span>
|
||||
<span class="utf"><i></i> ss-om1 <code>&#xea0e;</code></span>
|
||||
<span class="utf"><i></i> ss-omb <code>&#xea10;</code></span>
|
||||
<span class="utf"><i></i> ss-onc <code>&#xe9a8;</code></span>
|
||||
<span class="utf"><i></i> ss-one <code>&#xe9a1;</code></span>
|
||||
<span class="utf"><i></i> ss-ons <code>&#xe62e;</code></span>
|
||||
<span class="utf"><i></i> ss-ori <code>&#xe697;</code></span>
|
||||
<span class="utf"><i></i> ss-otc <code>&#xe9d2;</code></span>
|
||||
<span class="utf"><i></i> ss-otj <code>&#xe9cc;</code></span>
|
||||
<span class="utf"><i></i> ss-otp <code>&#xe9d5;</code></span>
|
||||
<span class="utf"><i></i> ss-p02 <code>&#xe665;</code></span>
|
||||
<span class="utf"><i></i> ss-pc2 <code>&#xe659;</code></span>
|
||||
<span class="utf"><i></i> ss-pca <code>&#xe911;</code></span>
|
||||
<span class="utf"><i></i> ss-pcy <code>&#xe627;</code></span>
|
||||
<span class="utf"><i></i> ss-pd2 <code>&#xe680;</code></span>
|
||||
<span class="utf"><i></i> ss-pd3 <code>&#xe681;</code></span>
|
||||
<span class="utf"><i></i> ss-pio <code>&#xe9e7;</code></span>
|
||||
<span class="utf"><i></i> ss-pip <code>&#xe9c3;</code></span>
|
||||
<span class="utf"><i></i> ss-plc <code>&#xe63b;</code></span>
|
||||
<span class="utf"><i></i> ss-pls <code>&#xe629;</code></span>
|
||||
<span class="utf"><i></i> ss-pma <code>&#xea01;</code></span>
|
||||
<span class="utf"><i></i> ss-pm2 <code>&#xea02;</code></span>
|
||||
<span class="utf"><i></i> ss-po2 <code>&#xe665;</code></span>
|
||||
<span class="utf"><i></i> ss-por <code>&#xe664;</code></span>
|
||||
<span class="utf"><i></i> ss-ptg <code>&#xe965;</code></span>
|
||||
<span class="utf"><i></i> ss-ptk <code>&#xe666;</code></span>
|
||||
<span class="utf"><i></i> ss-rav <code>&#xe637;</code></span>
|
||||
<span class="utf"><i></i> ss-ren <code>&#xe917;</code></span>
|
||||
<span class="utf"><i></i> ss-rex <code>&#xe9c4;</code></span>
|
||||
<span class="utf"><i></i> ss-rin <code>&#xe918;</code></span>
|
||||
<span class="utf"><i></i> ss-rix <code>&#xe92f;</code></span>
|
||||
<span class="utf"><i></i> ss-xren <code>&#xe917;</code></span>
|
||||
<span class="utf"><i></i> ss-xrin <code>&#xe918;</code></span>
|
||||
<span class="utf"><i></i> ss-rna <code>&#xe959;</code></span>
|
||||
<span class="utf"><i></i> ss-roe <code>&#xe646;</code></span>
|
||||
<span class="utf"><i></i> ss-rtr <code>&#xe64d;</code></span>
|
||||
<span class="utf"><i></i> ss-rvr <code>&#xe9bb;</code></span>
|
||||
<span class="utf"><i></i> ss-s00 <code>&#xe668;</code></span>
|
||||
<span class="utf"><i></i> ss-s99 <code>&#xe667;</code></span>
|
||||
<span class="utf"><i></i> ss-scd <code>&#xe9ab;</code></span>
|
||||
<span class="utf"><i></i> ss-scg <code>&#xe630;</code></span>
|
||||
<span class="utf"><i></i> ss-shm <code>&#xe63f;</code></span>
|
||||
<span class="utf"><i></i> ss-sir <code>&#xe9b1;</code></span>
|
||||
<span class="utf"><i></i> ss-sis <code>&#xe9b2;</code></span>
|
||||
<span class="utf"><i></i> ss-sld <code>&#xe687;</code></span>
|
||||
<span class="utf"><i></i> ss-sld2 <code>&#xe9bc;</code></span>
|
||||
<span class="utf"><i></i> ss-slu <code>&#xe687;</code></span>
|
||||
<span class="utf"><i></i> ss-snc <code>&#xe98b;</code></span>
|
||||
<span class="utf"><i></i> ss-soi <code>&#xe902;</code></span>
|
||||
<span class="utf"><i></i> ss-sok <code>&#xe636;</code></span>
|
||||
<span class="utf"><i></i> ss-som <code>&#xe647;</code></span>
|
||||
<span class="utf"><i></i> ss-spe <code>&#xe9f3;</code></span>
|
||||
<span class="utf"><i></i> ss-spg <code>&#xe9c8;</code></span>
|
||||
<span class="utf"><i></i> ss-spm <code>&#xe9f1;</code></span>
|
||||
<span class="utf"><i></i> ss-ss1 <code>&#xe944;</code></span>
|
||||
<span class="utf"><i></i> ss-ss2 <code>&#xe95c;</code></span>
|
||||
<span class="utf"><i></i> ss-ss3 <code>&#xe96d;</code></span>
|
||||
<span class="utf"><i></i> ss-sta <code>&#xe980;</code></span>
|
||||
<span class="utf"><i></i> ss-sth <code>&#xe620;</code></span>
|
||||
<span class="utf"><i></i> ss-stx <code>&#xe975;</code></span>
|
||||
<span class="utf"><i></i> ss-td2 <code>&#xe91c;</code></span>
|
||||
<span class="utf"><i></i> ss-tdc <code>&#xe9f4;</code></span>
|
||||
<span class="utf"><i></i> ss-tdm <code>&#xe9e6;</code></span>
|
||||
<span class="utf"><i></i> ss-thb <code>&#xe961;</code></span>
|
||||
<span class="utf"><i></i> ss-ths <code>&#xe650;</code></span>
|
||||
<span class="utf"><i></i> ss-tla <code>&#xe9fb;</code></span>
|
||||
<span class="utf"><i></i> ss-tle <code>&#xea0b;</code></span>
|
||||
<span class="utf"><i></i> ss-tmc <code>&#xea15;</code></span>
|
||||
<span class="utf"><i></i> ss-tmp <code>&#xe61f;</code></span>
|
||||
<span class="utf"><i></i> ss-tmt <code>&#xea06;</code></span>
|
||||
<span class="utf"><i></i> ss-tor <code>&#xe62c;</code></span>
|
||||
<span class="utf"><i></i> ss-tpr <code>&#xe694;</code></span>
|
||||
<span class="utf"><i></i> ss-tsp <code>&#xe63a;</code></span>
|
||||
@ -262,7 +356,9 @@
|
||||
<span class="utf"><i></i> ss-ugl <code>&#xe691;</code></span>
|
||||
<span class="utf"><i></i> ss-ulg <code>&#xe623;</code></span>
|
||||
<span class="utf"><i></i> ss-uma <code>&#xe958;</code></span>
|
||||
<span class="utf"><i></i> ss-una <code>&#xe9be;</code></span>
|
||||
<span class="utf"><i></i> ss-und <code>&#xe96c;</code></span>
|
||||
<span class="utf"><i></i> ss-unf <code>&#xe98a;</code></span>
|
||||
<span class="utf"><i></i> ss-unh <code>&#xe692;</code></span>
|
||||
<span class="utf"><i></i> ss-ust <code>&#xe930;</code></span>
|
||||
<span class="utf"><i></i> ss-usg <code>&#xe622;</code></span>
|
||||
@ -278,18 +374,24 @@
|
||||
<span class="utf"><i></i> ss-v17 <code>&#xe939;</code></span>
|
||||
<span class="utf"><i></i> ss-van <code>&#xe655;</code></span>
|
||||
<span class="utf"><i></i> ss-vis <code>&#xe61d;</code></span>
|
||||
<span class="utf"><i></i> ss-voc <code>&#xe986;</code></span>
|
||||
<span class="utf"><i></i> ss-vow <code>&#xe977;</code></span>
|
||||
<span class="utf"><i></i> ss-vma <code>&#xe696;</code></span>
|
||||
<span class="utf"><i></i> ss-w16 <code>&#xe907;</code></span>
|
||||
<span class="utf"><i></i> ss-w17 <code>&#xe923;</code></span>
|
||||
<span class="utf"><i></i> ss-war <code>&#xe95a;</code></span>
|
||||
<span class="utf"><i></i> ss-who <code>&#xe9b0;</code></span>
|
||||
<span class="utf"><i></i> ss-woc <code>&#xe9b9;</code></span>
|
||||
<span class="utf"><i></i> ss-woe <code>&#xe9ae;</code></span>
|
||||
<span class="utf"><i></i> ss-wot <code>&#xe9c0;</code></span>
|
||||
<span class="utf"><i></i> ss-wth <code>&#xe61e;</code></span>
|
||||
<span class="utf"><i></i> ss-wwk <code>&#xe645;</code></span>
|
||||
<span class="utf"><i></i> ss-xdnd <code>&#xe972;</code></span>
|
||||
<span class="utf"><i></i> ss-xin3 <code>&#xe977;</code></span>
|
||||
<span class="utf"><i></i> ss-xin4 <code>&#xe978;</code></span>
|
||||
<span class="utf"><i></i> ss-xkld <code>&#xe974;</code></span>
|
||||
<span class="utf"><i></i> ss-xln <code>&#xe92e;</code></span>
|
||||
<span class="utf"><i></i> ss-xssm <code>&#xe975;</code></span>
|
||||
<span class="utf"><i></i> ss-y22 <code>&#xe989;</code></span>
|
||||
<span class="utf"><i></i> ss-y23 <code>&#xe9a7;</code></span>
|
||||
<span class="utf"><i></i> ss-y24 <code>&#xe9bd;</code></span>
|
||||
<span class="utf"><i></i> ss-y25 <code>&#xe9da;</code></span>
|
||||
<span class="utf"><i></i> ss-ydmu <code>&#xe9a7;</code></span>
|
||||
<span class="utf"><i></i> ss-zen <code>&#xe644;</code></span>
|
||||
<span class="utf"><i></i> ss-znc <code>&#xe967;</code></span>
|
||||
<span class="utf"><i></i> ss-znr <code>&#xe963;</code></span>
|
||||
@ -312,6 +414,7 @@
|
||||
<span class="utf"><i></i> ss-bcore <code>&#xe612;</code></span>
|
||||
<span class="utf"><i></i> ss-htr <code>&#xe687;</code></span>
|
||||
<span class="utf"><i></i> ss-htr17 <code>&#xe687;</code></span>
|
||||
<span class="utf"><i></i> ss-j25a <code>&#xe9db;</code></span>
|
||||
<span class="utf"><i></i> ss-papac <code>&#xe92a;</code></span>
|
||||
<span class="utf"><i></i> ss-parl <code>&#xe688;</code></span>
|
||||
<span class="utf"><i></i> ss-parl2 <code>&#xe68c;</code></span>
|
||||
@ -350,6 +453,54 @@
|
||||
<span class="utf"><i></i> ss-zne <code>&#xe97a;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
<div class="vectors overflow-hidden">
|
||||
<span class="utf"><i></i> 40k border <code>&#xe99a;</code></span>
|
||||
<span class="utf"><i></i> 40k rarity <code>&#xe999;</code></span>
|
||||
<span class="utf"><i></i> 40k white <code>&#xe99b;</code></span>
|
||||
<span class="utf"><i></i> afc border <code>&#xe982;</code></span>
|
||||
<span class="utf"><i></i> afr border <code>&#xe973;</code></span>
|
||||
<span class="utf"><i></i> c16 rarity <code>&#xe910;</code></span>
|
||||
<span class="utf"><i></i> c21 border <code>&#xe97f;</code></span>
|
||||
<span class="utf"><i></i> cc2 border <code>&#xe988;</code></span>
|
||||
<span class="utf"><i></i> clb inner <code>&#xe992;</code></span>
|
||||
<span class="utf"><i></i> dft rarity <code>&#xe9e1;</code></span>
|
||||
<span class="utf"><i></i> dmc border <code>&#xe996;</code></span>
|
||||
<span class="utf"><i></i> dmc rarity <code>&#xe995;</code></span>
|
||||
<span class="utf"><i></i> dmc inner <code>&#xe997;</code></span>
|
||||
<span class="utf"><i></i> drc border <code>&#xe996;</code></span>
|
||||
<span class="utf"><i></i> drc rarity <code>&#xe995;</code></span>
|
||||
<span class="utf"><i></i> drc inner <code>&#xe997;</code></span>
|
||||
<span class="utf"><i></i> dsc border <code>&#xe9dd;</code></span>
|
||||
<span class="utf"><i></i> dsc inner <code>&#xe9de;</code></span>
|
||||
<span class="utf"><i></i> ecc border <code>&#xea13;</code></span>
|
||||
<span class="utf"><i></i> ecc inner <code>&#xea14;</code></span>
|
||||
<span class="utf"><i></i> ecl border <code>&#xea05;</code></span>
|
||||
<span class="utf"><i></i> eoc inner <code>&#xe9f7;</code></span>
|
||||
<span class="utf"><i></i> eos rarity <code>&#xe9ff;</code></span>
|
||||
<span class="utf"><i></i> fin border <code>&#xe9ef;</code></span>
|
||||
<span class="utf"><i></i> fin rarity <code>&#xe9ee;</code></span>
|
||||
<span class="utf"><i></i> inr border <code>&#xe9e3;</code></span>
|
||||
<span class="utf"><i></i> j21 border <code>&#xe984;</code></span>
|
||||
<span class="utf"><i></i> khc rarity <code>&#xe9c5;</code></span>
|
||||
<span class="utf"><i></i> khc inner <code>&#xe9c6;</code></span>
|
||||
<span class="utf"><i></i> m3c inner <code>&#xe9d1;</code></span>
|
||||
<span class="utf"><i></i> mid border <code>&#xe979;</code></span>
|
||||
<span class="utf"><i></i> ncc inner color <code>&#xe98f;</code></span>
|
||||
<span class="utf"><i></i> ncc inner wing <code>&#xe990;</code></span>
|
||||
<span class="utf"><i></i> om1 rarity <code>&#xea0d;</code></span>
|
||||
<span class="utf"><i></i> omb rarity <code>&#xea0f;</code></span>
|
||||
<span class="utf"><i></i> otc inner <code>&#xe9d3;</code></span>
|
||||
<span class="utf"><i></i> scd rarity <code>&#xe9ab;</code></span>
|
||||
<span class="utf"><i></i> scd inner <code>&#xe9ac;</code></span>
|
||||
<span class="utf"><i></i> spm inner <code>&#xe9f2;</code></span>
|
||||
<span class="utf"><i></i> tla border <code>&#xe9fd;</code></span>
|
||||
<span class="utf"><i></i> tla inner <code>&#xe9fe;</code></span>
|
||||
<span class="utf"><i></i> tmc border <code>&#xea16;</code></span>
|
||||
<span class="utf"><i></i> tmt border <code>&#xea07;</code></span>
|
||||
<span class="utf"><i></i> tmt inner <code>&#xea17;</code></span>
|
||||
<span class="utf"><i></i> una inner <code>&#xe9bf;</code></span>
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
@ -4,8 +4,8 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||
<title>Examples | Keyrune</title>
|
||||
<link rel="stylesheet" href="css/keyrune.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="stylesheet" href="assets/keyrune.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="assets/docs.css" type="text/css" />
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
</head>
|
||||
@ -67,7 +67,7 @@
|
||||
<span class="each"><i class="ss ss-sth ss-6x"></i> ss-6x</span>
|
||||
</div>
|
||||
<div class="explanation">
|
||||
<p>To conveniently increase the size of a set symbol you can append the classes <code>ss-2x</code>, <code>ss-3x</code>, <code>ss-4x</code>, <code>ss-4x</code>, and <code>ss-6x</code>. These classes increase the size by a factor equal to class name number.</p>
|
||||
<p>To conveniently increase the size of a set symbol you can append the classes <code>ss-2x</code>, <code>ss-3x</code>, <code>ss-4x</code>, <code>ss-5x</code>, and <code>ss-6x</code>. These classes increase the size by a factor equal to class name number.</p>
|
||||
<blockquote>
|
||||
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-sth ss-2x"</span>></<span class="e">i</span>> ss-2x<br />
|
||||
<<span class="e">i</span> <span class="a">class</span>=<span class="v">"ss ss-sth ss-3x"</span>></<span class="e">i</span>> ss-3x<br />
|
||||
@ -152,4 +152,4 @@
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
|
||||
Binary file not shown.
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 607 KiB After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
371
icons.html
371
icons.html
@ -4,8 +4,8 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||
<title>Set Symbol Icons | Keyrune</title>
|
||||
<link rel="stylesheet" href="css/keyrune.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="stylesheet" href="assets/keyrune.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="assets/docs.css" type="text/css" />
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
</head>
|
||||
@ -37,7 +37,7 @@
|
||||
<i class="ss ss-pmtg2"></i>
|
||||
Download
|
||||
</a>
|
||||
<h2 class="sub">Complete 277 Magic set symbol font icons</h2>
|
||||
<h2 class="sub">Complete Magic set symbol font icons</h2>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@ -45,7 +45,7 @@
|
||||
<div class="wrapper">
|
||||
<section>
|
||||
<h3>
|
||||
View the full list of 277 set and expansion symbols below, for all sets and special edition products up to <strong>Kaldheim</strong> and <strong>Time Spiral Remastered</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 set and expansion symbols below, for all sets and special edition products up to <strong>Lorwyn Eclipsed and TMNT</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>.
|
||||
@ -135,8 +135,11 @@
|
||||
<div class="icon" id="m21" name="Core 2021" data-name="Core 2021" data-class="m21" data-unicode="e960" data-added="v3.6.6">
|
||||
<span class="name"><i class="ss ss-m21"></i> Core 2021 <em>(m21)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="xdnd" name="Dungeons & Dragons: Adventures in the Forgotten Realms" data-name="Dungeons & Dragons: Adventures in the Forgotten Realms" data-class="xdnd" data-unicode="e972" data-added="v3.7.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-xdnd ss-duo"></i> DnD: Adventures in the Forgotten Realms <em>(xdnd)</em></span>
|
||||
<div class="icon" id="afr" name="Adventures in the Forgotten Realms" data-name="Adventures in the Forgotten Realms" data-class="afr" data-unicode="e972" data-added="v3.7.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-afr ss-common ss-duo"></i> Adventures in the Forgotten Realms <em>(afr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="fdn" name="Foundations" data-name="Foundations" data-class="fdn" data-unicode="e9d8" data-added="v3.15.0">
|
||||
<span class="name"><i class="ss ss-fdn"></i> Foundations <em>(fdn)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -401,11 +404,83 @@
|
||||
<div class="icon" id="znr" name="Zendikar Rising" data-name="Zendikar Rising" data-class="znr" data-unicode="e963" data-added="v3.6.0">
|
||||
<span class="name"><i class="ss ss-znr"></i> Zendikar Rising <em>(znr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="xkld" name="Kaldheim" data-name="Kaldheim" data-class="xkld" data-unicode="e974" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-xkld"></i> Kaldheim <em>(xkld)</em></span>
|
||||
<div class="icon" id="khm" name="Kaldheim" data-name="Kaldheim" data-class="khm" data-unicode="e974" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-khm"></i> Kaldheim <em>(khm)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="xssm" name="Strixhaven: School of Mages" data-name="Strixhaven: School of Mages" data-class="xssm" data-unicode="e975" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-xssm"></i> Strixhaven: School of Mages <em>(xssm)</em></span>
|
||||
<div class="icon" id="stx" name="Strixhaven: School of Mages" data-name="Strixhaven: School of Mages" data-class="stx" data-unicode="e975" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-stx"></i> Strixhaven: School of Mages <em>(stx)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mid" name="Innistrad: Midnight Hunt" data-name="Innistrad: Midnight Hunt" data-class="mid" data-unicode="e978" data-added="v3.7.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-mid ss-duo"></i> Innistrad: Midnight Hunt <em>(mid)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="vow" name="Innistrad: Crimson Vow" data-name="Innistrad: Crimson Vow" data-class="vow" data-unicode="e977" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-vow"></i> Innistrad: Crimson Vow <em>(vow)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="neo" name="Kamigawa: Neon Dynasty" data-name="Kamigawa: Neon Dynasty" data-class="neo" data-unicode="e98c" data-added="v3.9.0">
|
||||
<span class="name"><i class="ss ss-neo"></i> Kamigawa: Neon Dynasty <em>(neo)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="snc" name="Streets of New Capenna" data-name="Streets of New Capenna" data-class="snc" data-unicode="e98b" data-added="v3.9.1">
|
||||
<span class="name"><i class="ss ss-snc"></i> Streets of New Capenna <em>(snc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dmu" name="Dominaria United" data-name="Dominaria United" data-class="dmu" data-unicode="e993" data-added="v3.10.0">
|
||||
<span class="name"><i class="ss ss-dmu"></i> Dominaria United <em>(dmu)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="bro" name="The Brothers' War" data-name="The Brothers' War" data-class="bro" data-unicode="e99d" data-added="v3.11.0">
|
||||
<span class="name"><i class="ss ss-bro"></i> The Brothers' War <em>(bro)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="one" name="Phyrexia: All Will Be One" data-name="Phyrexia: All Will Be One" data-class="one" data-unicode="e9a1" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-one"></i> Phyrexia: All Will Be One <em>(one)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mom" name="March of the Machine" data-name="March of the Machine" data-class="mom" data-unicode="e9a2" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-mom"></i> March of the Machine <em>(mom)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mat" name="March of the Machines: The Aftermath" data-name="March of the Machines: The Aftermath" data-class="mat" data-unicode="e9a3" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-mat"></i> March of the Machine: The Aftermath <em>(mat)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="woe" name="Wilds of Eldraine" data-name="Wilds of Eldraine" data-class="woe" data-unicode="e9ae" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-woe"></i> Wilds of Eldraine <em>(woe)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="lci" name="Lost Caverns of Ixalan" data-name="Lost Caverns of Ixalan" data-class="lci" data-unicode="e9c2" data-added="v3.13.0">
|
||||
<span class="name"><i class="ss ss-lci"></i> Lost Caverns of Ixalan <em>(lci)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mkm" name="Murders at Karlov Manor" data-name="Murders at Karlov Manor" data-class="mkm" data-unicode="e9c9" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-mkm"></i> Murders at Karlov Manor <em>(mkm)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="otj" name="Outlaws of Thunder Junction" data-name="Outlaws of Thunder Junction" data-class="otj" data-unicode="e9cc" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-otj"></i> Outlaws of Thunder Junction <em>(otj)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="big" name="The Big Score" data-name="The Big Score" data-class="big" data-unicode="e9d6" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-big"></i> The Big Score <em>(big)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="blb" name="Bloomburrow" data-name="Bloomburrow" data-class="blb" data-unicode="e9cf" data-added="v3.15.0">
|
||||
<span class="name"><i class="ss ss-blb"></i> Bloomburrow <em>(blb)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dsk" name="Duskmourn: House of Horror" data-name="Duskmourn" data-class="dsk" data-unicode="e9d7" data-added="v3.15.0">
|
||||
<span class="name"><i class="ss ss-dsk"></i> Duskmourn: House of Horror<em>(dsk)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dft" name="Aetherdrift" data-name="Aetherdrift" data-class="dft" data-unicode="e9e0" data-added="v3.16.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-dft"></i> Aetherdrift <em>(dft)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="tdm" name="Tarkir: Dragonstorm" data-name="Tarkir: Dragonstorm" data-class="tdm" data-unicode="e9e6" data-added="v3.16.1" data-duo="false">
|
||||
<span class="name"><i class="ss ss-tdm"></i> Tarkir: Dragonstorm <em>(tdm)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="fin" name="Final Fantasy" data-name="Final Fantasy" data-class="fin" data-unicode="e9ed" data-added="v3.17.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-fin"></i> Final Fantasy <em>(fin)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="eoe" name="Edge of Eternities" data-name="Edge of Eternities" data-class="eoe" data-unicode="e9ee" data-added="v3.17.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-eoe"></i> Edge of Eternities <em>(eoe)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="spm" name="Marvel Spider-Man" data-name="Marvel Spider-Man" data-class="spm" data-unicode="e9f1" data-added="v3.17.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-spm ss-common"></i> Marvel Spider-Man <em>(spm)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="tla" name="Avatar: The Last Airbender" data-name="Avatar: The Last Airbender" data-class="tla" data-unicode="e9fb" data-added="v3.17.1" data-duo="true">
|
||||
<span class="name"><i class="ss ss-tla ss-common"></i> Avatar: The Last Airbender <em>(tla)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ecl" name="Lorwyn Eclipsed" data-name="Lorwyn Eclipsed" data-class="ecl" data-unicode="ea04" data-added="v3.18.0">
|
||||
<span class="name"><i class="ss ss-ecl ss-common"></i> Lorwyn Eclipsed <em>(ecl)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="tmt" name="Teenage Mutant Ninja Turtles" data-name="Teenage Mutant Ninja Turtles" data-class="tmt" data-unicode="ea06" data-added="v3.18.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-tmt ss-common"></i> Teenage Mutant Ninja Turtles <em>(tmt)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -445,7 +520,7 @@
|
||||
<div class="icon" id="cn2" name="Conspiracy 2: Take the Crown" data-name="Conspiracy 2: Take the Crown" data-class="cn2" data-unicode="e904" data-added="v1.5.2">
|
||||
<span class="name"><i class="ss ss-cn2"></i> Conspiracy 2: Take the Crown <em>(cn2)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="c16" name="Commander 2016" data-name="Commander 2016" data-class="c16" data-unicode="e910" data-added="v1.7.0">
|
||||
<div class="icon" id="c16" name="Commander 2016" data-name="Commander 2016" data-class="c16" data-unicode="e910" data-added="v1.7.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-c16"></i> Commander 2016 <em>(c16)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="pca" name="Planechase Anthology" data-name="Planechase Anthology" data-class="pca" data-unicode="e911" data-added="v1.7.0">
|
||||
@ -490,6 +565,105 @@
|
||||
<div class="icon" id="cmc" name="Commander Legends Decks" data-name="Commander Legends Decks" data-class="cmc" data-unicode="e969" data-added="v3.6.2">
|
||||
<span class="name"><i class="ss ss-cmc"></i> Commander Legends Decks <em>(cmc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="khc" name="Kaldheim Commander" data-name="Kaldheim Commander" data-class="khc" data-unicode="e97d" data-added="v3.7.2" data-duo="true">
|
||||
<span class="name"><i class="ss ss-khc ss-duo ss-common"></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" 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" 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 class="icon" id="mic" name="Innistrad: Midnight Hunt Commander" data-name="Innistrad: Midnight Hunt Commander" data-class="mic" data-unicode="e985" data-added="v3.8.4" data-duo="true">
|
||||
<span class="name"><i class="ss ss-mic ss-common"></i> Midnight Hunt Commander <em>(mic)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="voc" name="Innistrad: Crimson Vow Commander" data-name="Innistrad: Crimson Vow Commander" data-class="voc" data-unicode="e986" data-added="v3.8.4" data-duo="true">
|
||||
<span class="name"><i class="ss ss-voc ss-common"></i> Crimson Vow Commander <em>(voc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="cc2" name="Commander Collection: Black" data-name="Commander Collection: Black" data-class="cc2" data-unicode="e987" data-added="v3.8.4" data-duo="true">
|
||||
<span class="name"><i class="ss ss-cc2 ss-duo ss-common"></i> Commander Collection: Black <em>(cc2)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="nec" name="Kamigawa: Neon Dynasty: Commander" data-name="Kamigawa: Neon Dynasty: Commander" data-class="nec" data-unicode="e98d" data-added="v3.9.1">
|
||||
<span class="name"><i class="ss ss-nec"></i> Kamigawa Commander <em>(nec)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ncc" name="Streets of New Capenna: Commander" data-name="Streets of New Capenna: Commander" data-class="ncc" data-unicode="e98e" data-added="v3.9.2" data-duo="true">
|
||||
<span class="name"><i class="ss ss-ncc ss-common"></i> Streets of New Capenna Commander <em>(ncc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="clb" name="Commander Legends: Battle for Baldur's Gate" data-name="Commander Legends: Battle for Baldur's Gate" data-class="clb" data-unicode="e991" data-added="v3.9.2" data-duo="true">
|
||||
<span class="name"><i class="ss ss-clb ss-duo ss-common"></i> Commander Legends: Battle for Baldur's Gate <em>(clb)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dmc" name="Dominaria United Commander" data-name="Dominaria United Commander" data-class="dmc" data-unicode="e994" data-added="v3.10.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-dmc ss-common"></i> Dominaria United Commander <em>(dmc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="40k" name="Warhammer 40K" data-name="Warhammer 40K" data-class="40k" data-unicode="e998" data-added="v3.10.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-40k ss-common"></i> Warhammer 40K <em>(40k)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="brc" name="The Brothers' War Commander" data-name="The Brothers' War Commander" data-class="brc" data-unicode="e99f" data-added="v3.11.0">
|
||||
<span class="name"><i class="ss ss-brc"></i> The Brothers' War Commander <em>(brc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="onc" name="Phyrexia: All Will Be One Commander" data-name="Phyrexia: All Will Be One Commander" data-class="onc" data-unicode="e9a8" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-onc"></i> Phyrexia: All Will Be One Commander <em>(onc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="moc" name="March of the Machine Commander" data-name="March of the Machine Commander" data-class="moc" data-unicode="e9a9" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-moc"></i> March of the Machine Commander <em>(moc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="scd" name="Starter Commander Decks" data-name="Starter Commander Decks" data-class="scd" data-unicode="e9ab" data-added="v3.12.1" data-duo="true">
|
||||
<span class="name"><i class="ss ss-scd ss-duo ss-common"></i> Starter Commander Decks <em>(scd)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="cmm" name="Commander Masters" data-name="Commander Masters" data-class="cmm" data-unicode="e9b5" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-cmm"></i> Commander Masters <em>(cmm)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ltc" name="The Lord of the Rings: Tales of Middle-Earth Commander" data-name="The Lord of the Rings: Tales of Middle-Earth Commander" data-class="ltc" data-unicode="e9b6" data-added="v3.12.2" data-duo="true">
|
||||
<span class="name"><i class="ss ss-ltc"></i> Lord of the Rings Commander <em>(ltc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="who" name="Universes Beyond: Doctor Who" data-name="Universes Beyond: Doctor Who" data-class="who" data-unicode="e9b0" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-who"></i> UB: Doctor Who <em>(who)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="woc" name="Wilds of Eldraine Commander" data-name="Wilds of Eldraine Commander" data-class="woc" data-unicode="e9b9" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-woc"></i> Wilds of Eldraine Commander <em>(woc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="lcc" name="Lost Caverns of Ixalan Commander" data-name="Lost Caverns of Ixalan Commander" data-class="lcc" data-unicode="e9c7" data-added="v3.13.0">
|
||||
<span class="name"><i class="ss ss-lcc"></i> LCI Commander <em>(lcc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="pip" name="Universes Beyond: Fallout" data-name="Universes Beyond: Fallout" data-class="pip" data-unicode="e9c3" data-added="v3.13.0">
|
||||
<span class="name"><i class="ss ss-pip"></i> UB: Fallout <em>(pip)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mkc" name="Murders at Karlov Manor Commander" data-name="Murders at Karlov Manor Commander" data-class="mkc" data-unicode="e9ca" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-mkc"></i> MKM Commander <em>(mkc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="otc" name="Outlaws of Thunder Junction Commander" data-name="Outlaws of Thunder Junction Commander" data-class="otc" data-unicode="e9d2" data-duo="true" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-otc"></i> OTJ Commander <em>(otc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="blc" name="Bloomburrow Commander" data-name="Bloomburrow Commander" data-class="blc" data-unicode="e9d4" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-blc"></i> Bloomburrow Commander <em>(blc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="m3c" name="Modern Horizons 3 Commander" data-name="Modern Horizons 3 Commander" data-class="m3c" data-unicode="e9d0" data-duo="true" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-m3c"></i> MH3 Commander <em>(m3c)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dsc" name="Duskmourn Commander" data-name="Duskmourn Commander" data-class="dsc" data-unicode="e9dc" data-added="v3.15.1" data-duo="true">
|
||||
<span class="name"><i class="ss ss-dsc ss-common"></i> Duskmourn Commander <em>(dsc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="fdc" name="Foundations Commander" data-name="Foundations Commander" data-class="fdc" data-unicode="e9e4" data-added="v3.16.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-fdc ss-common"></i> Foundations Commander <em>(fdc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="drc" name="Aetherdrift Commander" data-name="Aetherdrift Commander" data-class="drc" data-unicode="e9e8" data-added="v3.16.1" data-duo="true">
|
||||
<span class="name"><i class="ss ss-drc ss-common"></i> Aetherdrift Commander <em>(drc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="tdc" name="Tarkir: Dragonstorm Commander" data-name="Tarkir: Dragonstorm Commander" data-class="tdc" data-unicode="e9f4" data-added="v3.17.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-tdc"></i> Tarkir: Dragonstorm Commander <em>(tdc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="fic" name="Final Fantasy Commander" data-name="Final Fantasy Commander" data-class="fic" data-unicode="e9f5" data-added="v3.17.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-fic"></i> Final Fantasy Commander <em>(fic)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="eoc" name="Edge of Eternities Commander" data-name="Edge of Eternities Commander" data-class="eoc" data-unicode="e9f6" data-added="v3.17.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-eoc ss-common"></i> Edge of Eternities Commander <em>(eoc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ecc" name="Lorwyn Eclipsed Commander" data-name="Lorwyn Eclipsed Commander" data-class="ecc" data-unicode="ea11" data-added="v3.18.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-ecc ss-common"></i> Lorwyn Eclipsed Commander <em>(ecc)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="tmc" name="Teenage Mutant Ninja Turtles Eternal-Legal" data-name="Teenage Mutant Ninja Turtles Eternal-Legal" data-class="tmc" data-unicode="ea15" data-added="v3.18.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-tmc ss-common"></i> TMT Eternal-Legal <em>(tmc)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content">
|
||||
@ -522,11 +696,11 @@
|
||||
<div class="icon" id="mm3" name="Modern Masters 2017" data-name="Modern Masters 2017" data-class="mm3" data-unicode="e912" data-added="v1.7.0">
|
||||
<span class="name"><i class="ss ss-mm3"></i> Modern Masters 2017 <em>(mm3)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="xren" name="Renaissance" data-name="Renaissance" data-class="xren" data-unicode="e917" data-added="v2.1.0">
|
||||
<span class="name"><i class="ss ss-xren"></i> Renaissance <em>(xren)</em></span>
|
||||
<div class="icon" id="ren" name="Renaissance" data-name="Renaissance" data-class="ren" data-unicode="e917" data-added="v2.1.0">
|
||||
<span class="name"><i class="ss ss-ren"></i> Renaissance <em>(ren)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="xrin" name="Rinascimento" data-name="Rinascimento" data-class="xrin" data-unicode="e918" data-added="v2.1.0">
|
||||
<span class="name"><i class="ss ss-xrin"></i> Rinascimento <em>(xrin)</em></span>
|
||||
<div class="icon" id="rin" name="Rinascimento" data-name="Rinascimento" data-class="rin" data-unicode="e918" data-added="v2.1.0">
|
||||
<span class="name"><i class="ss ss-rin"></i> Rinascimento <em>(rin)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ima" name="Iconic Masters" data-name="Iconic Masters" data-class="ima" data-unicode="e935" data-added="v3.1.4">
|
||||
<span class="name"><i class="ss ss-ima"></i> Iconic Masters <em>(ima)</em></span>
|
||||
@ -552,6 +726,54 @@
|
||||
<div class="icon" id="mh2" name="Modern Horizons 2" data-name="Modern Horizons 2" data-class="mh2" data-unicode="e97b" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-mh2"></i> Modern Horizons 2 <em>(mh2)</em></span>
|
||||
</div>
|
||||
<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 class="icon" id="2x2" name="Double Masters 2022" data-name="Double Masters 2022" data-class="2x2" data-unicode="e99c" data-added="v3.10.0">
|
||||
<span class="name"><i class="ss ss-2x2"></i> Double Masters 2022 <em>(2x2)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="brr" name="The Brothers' War Retro Artifacts" data-name="The Brothers' War Retro Artifacts" data-class="brr" data-unicode="e9a0" data-added="v3.11.0">
|
||||
<span class="name"><i class="ss ss-brr"></i> The Brothers' War Retro Artifacts <em>(brr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="j22" name="Jumpstart 2022" data-name="Jumpstart 2022" data-class="j22" data-unicode="e9ad" data-added="v3.12.1">
|
||||
<span class="name"><i class="ss ss-j22"></i> Jumpstart 2022 <em>(j22)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mul" name="Multiverse Legends" data-name="Multiverse Legends" data-class="mul" data-unicode="e9ba" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-mul"></i> Multiverse Legends <em>(mul)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="wot" name="Wilds of Eldraine Enchanting Tales" data-name="Wilds of Eldraine Enchanting Tales" data-class="wot" data-unicode="e9c0" data-added="v3.12.3">
|
||||
<span class="name"><i class="ss ss-wot"></i> Wilds of Eldraine Enchanting Tales <em>(wot)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="br" name="Battle Royale (alternate)" data-name="Battle Royale (alternate)" data-class="br" data-unicode="e9c1" data-added="v3.12.3">
|
||||
<span class="name"><i class="ss ss-br"></i> Battle Royale (alternate) <em>(br)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="spg" name="Special Guests" data-name="Special Guests" data-class="spg" data-unicode="e9c8" data-added="v3.13.0">
|
||||
<span class="name"><i class="ss ss-spg"></i> Special Guests <em>(spg)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="otp" name="Breaking News" data-name="Breaking News" data-class="otp" data-unicode="e9d5" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-otp"></i> Breaking News <em>(otp)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mb2" name="Mystery Booster 2" data-name="Mystery Booster 2" data-class="mb2" data-unicode="e9d9" data-added="v3.15.1">
|
||||
<span class="name"><i class="ss ss-mb2"></i> Mystery Booster 2<em>(mb2)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="j25" name="Jumpstart 2025" data-name="Jumpstart 2025" data-class="j25" data-unicode="e96f" data-added="v3.15.1">
|
||||
<span class="name"><i class="ss ss-j25"></i> Jumpstart 2025 <em>(j25)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="pio" name="Pioneer Masters" data-name="Pioneer Masters" data-class="pio" data-unicode="e9e7" data-added="v3.16.1">
|
||||
<span class="name"><i class="ss ss-pio"></i> Pioneer Masters <em>(pio)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="fca" name="Final Fantasy: Through the Ages" data-name="Final Fantasy: Through the Ages" data-class="fca" data-unicode="e9f8" data-added="v3.17.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-fca"></i> FF: Through the Ages <em>(fca)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mar" name="Marvel (TBD)" data-name="Marvel (TBD)" data-class="mar" data-unicode="e9f9" data-added="v3.17.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-mar ss-common"></i> Marvel (TBD) <em>(mar)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="eos" name="Edge of Eternities: Stellar Sights" data-name="Edge of Eternities: Stellar Sights" data-class="eos" data-unicode="ea00" data-added="v3.17.1" data-duo="false">
|
||||
<span class="name"><i class="ss ss-eos"></i> Stellar Sights <em>(eos)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content">
|
||||
@ -781,11 +1003,44 @@
|
||||
<div class="icon" id="tsr" name="Time Spiral Remastered" data-name="Time Spiral Remastered" data-class="tsr" data-unicode="e976" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-tsr"></i> Time Spiral Remastered <em>(tsr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="xin3" name="Innistrad Vampires" data-name="Innistrad Vampires" data-class="xin3" data-unicode="e977" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-xin3"></i> Innistrad Vampires <em>(xin3)</em></span>
|
||||
<div class="icon" id="dmr" name="Dominaria Remastered" data-name="Dominaria Remastered" data-class="dmr" data-unicode="e9a4" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-dmr"></i> Dominaria Remastered <em>(dmr)</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>
|
||||
<div class="icon" id="gn3" name="Game Night: Free for All" data-name="Game Night: Free for All" data-class="gn3" data-unicode="e9a5" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-gn3"></i> Game Night: Free for All <em>(gn3)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ltr" name="The Lord of the Rings: Tales of Middle-Earth" data-name="The Lord of the Rings: Tales of Middle-Earth" data-class="ltr" data-unicode="e9af" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-ltr"></i> Lord of the Rings <em>(ltr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="rvr" name="Ravnica Remastered" data-name="Ravnica Remastered" data-class="rvr" data-unicode="e9bb" data-added="v3.12.3">
|
||||
<span class="name"><i class="ss ss-rvr"></i> Ravnica Remastered <em>(rvr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="sld" name="Secret Lair" data-name="Secret Lair" data-class="sld" data-unicode="e687" data-added="v3.12.3">
|
||||
<span class="name"><i class="ss ss-sld"></i> Secret Lair <em>(sld)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="sld2" name="Secret Lair (logo)" data-name="Secret Lair (logo)" data-class="sld2" data-unicode="e9bc" data-added="v3.12.3">
|
||||
<span class="name"><i class="ss ss-sld2"></i> Secret Lair (logo) <em>(sld)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="clu" name="Ravnica: Clue Edition" data-name="Ravnica: Clue Edition" data-class="clu" data-unicode="e9cb" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-clu"></i> Ravnica: Clue Edition <em>(clu)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="acr" name="Universes Beyond: Assassin's Creed" data-name="Universes Beyond: Assassin's Creed" data-class="acr" data-unicode="e9ce" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-acr"></i> UB: Assassin's Creed <em>(acr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="mh3" name="Modern Horizons 3" data-name="Modern Horizons 3" data-class="mh3" data-unicode="e9cf" data-added="v3.14.0">
|
||||
<span class="name"><i class="ss ss-mh3"></i> Modern Horizons 3 <em>(mh3)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="inr" name="Innistrad Remastered" data-name="Innistrad Remastered" data-class="inr" data-unicode="e9e2" data-added="v3.16.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-inr ss-common"></i> Innistrad Remastered <em>(inr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="spe" name="Marvel Spider-Man Eternal-Legal" data-name="Marvel Spider-Man Eternal-Legal" data-class="spe" data-unicode="e9f3" data-added="v3.17.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-spe"></i> Marvel Spider-Man Scene <em>(spe)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="tle" name="Avatar: the Last Airbender Eternal-Legal" data-name="Avatar: the Last Airbender Eternal-Legal" data-class="tle" data-unicode="ea0b" data-added="v3.18.0" data-duo="true">
|
||||
<span class="name"><i class="ss ss-tle ss-common"></i> Avatar Eternal-Legal <em>(tle)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="pza" name="Teenage Mutant Ninja Turtle Source Material Cards" data-name="Teenage Mutant Ninja Turtle Source Material Cards" data-class="pza" data-unicode="ea08" data-added="v3.18.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-pza ss-common"></i> TMT Source Material<em>(pza)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@ -885,10 +1140,19 @@
|
||||
<div class="icon" id="zne" name="Zendikar Rising Expeditions" data-name="Zendikar Rising Expeditions" data-class="zne" data-unicode="e97a" data-added="v3.7.0">
|
||||
<span class="name"><i class="ss ss-zne"></i> Zendikar Rising Expeditions <em>(zne)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="bot" name="The Brothers' War Transformers" data-name="The Brothers' War Transformers" data-class="bot" data-unicode="e99e" data-added="v3.11.0">
|
||||
<span class="name"><i class="ss ss-bot"></i> The Brothers' War Transformers <em>(bot)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="rex" name="Jurassic World" data-name="Jurassic World" data-class="rex" data-unicode="e9c4" data-added="v3.13.0">
|
||||
<span class="name"><i class="ss ss-rex"></i> Jurassic World <em>(rex)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="sta-jpn" name="Strixhaven Mystical Archives Japan Promos" data-name="Strixhaven Mystical Archives Japan Promos" data-class="sta-jpn" data-unicode="e9fc" data-added="v3.18.0">
|
||||
<span class="name"><i class="ss ss-sta-jpn"></i> STA Japan Promos <em>(sta-jpn)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content">
|
||||
<h4>Online Sets</h4>
|
||||
<h4>Digital Sets</h4>
|
||||
<div class="icons">
|
||||
<div class="icon" id="me1" name="Masters Edition" data-name="Masters Edition" data-class="me1" data-unicode="e68d" data-added="v0.1.0">
|
||||
<span class="name"><i class="ss ss-me1"></i> Masters Edition <em>(me1)</em></span>
|
||||
@ -929,6 +1193,48 @@
|
||||
<div class="icon" id="akr" name="Amonkhet Remastered" data-name="Amonkhet Remastered" data-class="akr" data-unicode="e970" data-added="v3.6.7">
|
||||
<span class="name"><i class="ss ss-akr"></i> Amonkhet Remastered <em>(akr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="klr" name="Kaladesh Remastered" data-name="Kaladesh Remastered" data-class="klr" data-unicode="e97c" data-added="v3.7.1">
|
||||
<span class="name"><i class="ss ss-klr"></i> Kaladesh Remastered <em>(klr)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="y22" name="Alchemy 2022" data-name="Alchemy 2022" data-class="y22" data-unicode="e989" data-added="v3.9.0">
|
||||
<span class="name"><i class="ss ss-y22"></i> Alchemy 2022 <em>(y22)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="hbg" name="Alchemy Horizons: Baldur's Gate" data-name="Alchemy Horizons: Baldur's Gate" data-class="hbg" data-unicode="e9a6" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-hbg"></i> Alchemy Horizons: Baldur's Gate <em>(hbg)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ydmu" name="Alchemy: Dominaria" data-name="Alchemy: Dominaria" data-class="ydmu" data-unicode="e9a7" data-added="v3.12.0">
|
||||
<span class="name"><i class="ss ss-ydmu"></i> Alchemy: Dominaria <em>(ydmu)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="sir" name="Shadows Over Innistrad" data-name="Shadows Over Innistrad" data-class="sir" data-unicode="e9b1" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-sir"></i> Shadows Over Innistrad <em>(sir)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="sis" name="Shadows of the Past" data-name="Shadows of the Past" data-class="sis" data-unicode="e9b2" data-added="v3.12.2" data-duo="true">
|
||||
<span class="name"><i class="ss ss-sis ss-duo ss-common"></i> Shadows of the Past <em>(sis)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="ea1" name="Explorer Anthology 1" data-name="Explorer Anthology 1" data-class="ea1" data-unicode="e9b4" data-added="v3.12.2">
|
||||
<span class="name"><i class="ss ss-ea1"></i> Explorer Anthology 1 <em>(ea1)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="y24" name="Alchemy 2024" data-name="Alchemy 2024" data-class="y24" data-unicode="e9bd" data-added="v3.12.3">
|
||||
<span class="name"><i class="ss ss-y24"></i> Alchemy 2024 <em>(y24)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="y25" name="Alchemy 2025" data-name="Alchemy 2025" data-class="y25" data-unicode="e9da" data-added="v3.15.1">
|
||||
<span class="name"><i class="ss ss-y25"></i> Alchemy 2025 <em>(y25)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="pma" name="Puzzle Masters" data-name="Puzzle Masters" data-class="pma" data-unicode="ea01" data-added="v3.17.1">
|
||||
<span class="name"><i class="ss ss-pma"></i> Puzzle Masters <em>(pma)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="pm2" name="Puzzle Masters 2" data-name="Puzzle Masters 2" data-class="pm2" data-unicode="ea02" data-added="v3.17.1">
|
||||
<span class="name"><i class="ss ss-pm2"></i> Puzzle Masters 2 <em>(pm2)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="dvk" name="Puzzle Masters: Daxos vs. Kalemne" data-name="Puzzle Masters: Daxos vs. Kalemne" data-class="dvk" data-unicode="ea03" data-added="v3.17.1">
|
||||
<span class="name"><i class="ss ss-dvk"></i> Daxos vs. Kalemne <em>(dvk)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="om1" name="Through the Omenpaths" data-name="Through the Omenpaths" data-class="om1" data-unicode="ea0e" data-added="v3.18.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-om1"></i> Through the Omenpaths <em>(om1)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="omb" name="Through the Omenpaths Bonus Sheet" data-name="Through the Omenpaths Bonus Sheet" data-class="omb" data-unicode="ea0f" data-added="v3.18.0" data-duo="false">
|
||||
<span class="name"><i class="ss ss-omb"></i> OM1 Bonus <em>(omb)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content">
|
||||
@ -946,6 +1252,12 @@
|
||||
<div class="icon" id="und" name="Unsanctioned" data-name="Unsanctioned" data-class="und" data-unicode="e96c" data-added="v3.6.5">
|
||||
<span class="name"><i class="ss ss-und"></i> Unsanctioned <em>(und)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="unf" name="Unfinity" data-name="Unfinity" data-class="unf" data-unicode="e98a" data-added="v3.9.0">
|
||||
<span class="name"><i class="ss ss-unf"></i> Unfinity <em>(unf)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="una" name="Unfinity Acorns" data-name="Unfinity Acorns" data-class="una" data-unicode="e9be" data-added="v3.12.3" data-duo="true">
|
||||
<span class="name"><i class="ss ss-una ss-duo ss-common"></i> Unfinity Acorns <em>(una)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="content">
|
||||
@ -972,6 +1284,9 @@
|
||||
<div class="icon" id="pfnm" name="Friday Night Magic" data-name="Friday Night Magic" data-class="pfnm" data-unicode="e937" data-added="v3.1.5">
|
||||
<span class="name"><i class="ss ss-pfnm"></i> Friday Night Magic <em>(pfnm)</em></span>
|
||||
</div>
|
||||
<div class="icon" id="30a" name="30th Anniversary Edition" data-name="30th Anniversary Edition" data-class="30a" data-unicode="e9aa" data-added="v3.12.1">
|
||||
<span class="name"><i class="ss ss-30a"></i> J30th Anniversary Edition <em>(30a)</em></span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
@ -1035,10 +1350,13 @@
|
||||
<div id="withGradient">
|
||||
<input type="checkbox" name="withGradient" id="toggleGradient" /> Show rarity gradient
|
||||
</div>
|
||||
<div id="withBorder">
|
||||
<input type="checkbox" name="withBorder" id="toggleBorder" /> Show experimental border
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="js/zepto.min.js"></script>
|
||||
<script type="text/javascript" src="assets/zepto.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$( function (e) {
|
||||
@ -1068,7 +1386,7 @@
|
||||
|
||||
// show the modal
|
||||
$( '#overlay' ).show();
|
||||
$( '#modal' ).show();
|
||||
$( '#modal' ).addClass('open');
|
||||
|
||||
// update the url query string
|
||||
var newurl = window.location.origin + window.location.pathname + '?icon='+icon;
|
||||
@ -1084,18 +1402,25 @@
|
||||
$( '#toggleRarity a.active' ).removeClass( 'active' );
|
||||
$( this ).addClass( 'active' );
|
||||
});
|
||||
|
||||
// gradient toggle
|
||||
$( '#toggleGradient' ).on( 'click', function( e ) {
|
||||
$( '#iconPreview i' ).toggleClass( 'ss-grad' );
|
||||
});
|
||||
|
||||
// border toggle
|
||||
$( '#toggleBorder' ).on( 'click', function( e ) {
|
||||
$( '#iconPreview i' ).toggleClass( 'ss-border' );
|
||||
});
|
||||
|
||||
// close modal button
|
||||
$( '#closeModal' ).on( 'click', function( e ) {
|
||||
$( '#overlay' ).hide();
|
||||
$( '#toggleGradient' ).prop( 'checked', false );
|
||||
$( '#toggleBorder' ).prop( 'checked', false );
|
||||
$( '#toggleRarity a.active' ).removeClass( 'active' );
|
||||
$( '#toggleRarity a[data-rarity="common"]' ).addClass( 'active' );
|
||||
$( '#modal' ).hide();
|
||||
$( '#modal' ).removeClass('open');
|
||||
});
|
||||
|
||||
// get icon from url, if there is one
|
||||
|
||||
11
index.html
11
index.html
@ -4,13 +4,12 @@
|
||||
<meta charset="utf-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
|
||||
<title>Keyrune | Andrew Gioia</title>
|
||||
<link rel="stylesheet" href="css/keyrune.min.css" />
|
||||
<link rel="stylesheet" href="css/main.css" />
|
||||
<link rel="stylesheet" href="assets/keyrune.min.css" type="text/css" />
|
||||
<link rel="stylesheet" href="assets/docs.css" type="text/css" />
|
||||
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<section id="banner">
|
||||
<div class="wrapper">
|
||||
<a href="index.html" class="item">Home</a>
|
||||
@ -26,7 +25,6 @@
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<header class="main">
|
||||
<div class="wrapper">
|
||||
<div class="bigicon">
|
||||
@ -45,11 +43,10 @@
|
||||
</a>
|
||||
</div>
|
||||
<p>
|
||||
Current version 3.7.0 includes all sets to Kaldheim and Time Spiral Remastered.
|
||||
Current version 3.18.0 includes all sets to Lorwyn Eclipsed.
|
||||
</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="wrapper">
|
||||
<section>
|
||||
@ -120,7 +117,6 @@
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<footer>
|
||||
<div class="wrapper">
|
||||
<div class="float-left">
|
||||
@ -136,6 +132,5 @@
|
||||
<div class="clear"></div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user