diff --git a/css/keyrune.css b/css/keyrune.css index b5d55f3..0a78ac9 100644 --- a/css/keyrune.css +++ b/css/keyrune.css @@ -553,9 +553,11 @@ content: "\e963"; } /* 2021 Sets */ +.ss-xkld:before, .ss-khm:before { content: "\e974"; } +.ss-xssm:before, .ss-stx:before { content: "\e975"; } diff --git a/css/keyrune.min.css b/css/keyrune.min.css index eccc352..4d6b4d4 100644 --- a/css/keyrune.min.css +++ b/css/keyrune.min.css @@ -1 +1 @@ -@font-face{font-family:Keyrune;src:url(../fonts/keyrune.eot?v=3.7.1);src:url(../fonts/keyrune.eot?#iefix&v=3.7.1) format('embedded-opentype'),url(../fonts/keyrune.woff2?v=3.7.1) format('woff2'),url(../fonts/keyrune.woff?v=3.7.1) format('woff'),url(../fonts/keyrune.ttf?v=3.7.1) format('truetype'),url(../fonts/keyrune.svg?v=3.7.1#keyrune) format('svg');font-weight:400;font-style:normal}.ss{display:inline-block;font:normal normal normal 14px/1 Keyrune;font-size:inherit;line-height:1em;text-rendering:auto;transform:translate(0,0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss:before{content:"\e684"}.ss-2x{font-size:2em}.ss-3x{font-size:3em}.ss-4x{font-size:4em}.ss-5x{font-size:5em}.ss-6x{font-size:6em}.ss-duo{color:#fff}.ss-duo::after{color:#000;content:'';display:block;font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.ss-duo.ss-xdnd::after{content:"\e973"}.ss-duo.ss-xin4::after{content:"\e979"}.ss-duo.ss-common{color:#fff}.ss-duo.ss-mythic::after,.ss-duo.ss-rare::after,.ss-duo.ss-uncommon::after{color:#000}.ss-common{color:#1A1718}.ss-common.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(1%,#302b2c),color-stop(50%,#474040),color-stop(100%,#302b2c));background:-webkit-linear-gradient(left,#302b2c 1%,#474040 50%,#302b2c 100%);-webkit-text-stroke:.03em #000;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-common.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-uncommon{color:#707883}.ss-uncommon.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#5a6572),color-stop(50%,#9e9e9e),color-stop(100%,#5a6572));background:-webkit-linear-gradient(left,#5a6572 0,#9e9e9e 50%,#5a6572 100%);-webkit-text-stroke:.03em #111;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-uncommon.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-rare{color:#A58E4A}.ss-rare.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#876a3b),color-stop(50%,#dfbd6b),color-stop(100%,#876a3b));background:-webkit-linear-gradient(left,#876a3b 0,#dfbd6b 50%,#876a3b 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-rare.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-mythic{color:#BF4427}.ss-mythic.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#b21f0f),color-stop(50%,#f38300),color-stop(100%,#b21f0f));background:-webkit-linear-gradient(left,#b21f0f 0,#f38300 50%,#b21f0f 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-mythic.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-timeshifted{color:#652978}.ss-timeshifted.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#652978),color-stop(50%,#c09ac5),color-stop(100%,#652978));background:-webkit-linear-gradient(-45deg,#652978 0,#c09ac5 50%,#652978 100%);background:linear-gradient(135deg,#652978 0,#c09ac5 50%,#652978 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-timeshifted.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-foil{color:#a6dced}.ss-foil.ss-grad{background:-webkit-linear-gradient(-45deg,#ea8d66 0,#ea8d66 10%,#fdef8a 17%,#8bcc93 33%,#a6dced 50%,#6f75aa 67%,#e599c2 83%,#eee 100%);background:linear-gradient(135deg,#ea8d66 0,#ea8d66 15%,#fdef8a 28%,#8bcc93 42%,#a6dced 55%,#6f75aa 68%,#e599c2 84%,#e599c2 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-foil.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-fw{width:1.28571429em;text-align:center}.ss-lea:before{content:"\e600"}.ss-leb:before{content:"\e601"}.ss-2ed:before{content:"\e602"}.ss-3ed:before{content:"\e603"}.ss-4ed:before{content:"\e604"}.ss-psum:before{content:"\e605"}.ss-5ed:before{content:"\e606"}.ss-6ed:before{content:"\e607"}.ss-7ed:before{content:"\e608"}.ss-8ed:before{content:"\e609"}.ss-9ed:before{content:"\e60a"}.ss-10e:before{content:"\e60b"}.ss-m10:before{content:"\e60c"}.ss-m11:before{content:"\e60d"}.ss-m12:before{content:"\e60e"}.ss-m13:before{content:"\e60f"}.ss-m14:before{content:"\e610"}.ss-m15:before{content:"\e611"}.ss-bcore:before{content:"\e612"}.ss-ori:before{content:"\e697"}.ss-m19:before{content:"\e941"}.ss-m20:before{content:"\e95d"}.ss-1e:before{content:"\e947"}.ss-2e:before{content:"\e948"}.ss-2u:before{content:"\e949"}.ss-3e:before{content:"\e94a"}.ss-m21:before{content:"\e960"}.ss-xdnd:before{content:"\e972"}.ss-arn:before{content:"\e613"}.ss-atq:before{content:"\e614"}.ss-leg:before{content:"\e615"}.ss-drk:before{content:"\e616"}.ss-fem:before{content:"\e617"}.ss-hml:before{content:"\e618"}.ss-ice:before{content:"\e619"}.ss-ice2:before{content:"\e925"}.ss-all:before{content:"\e61a"}.ss-csp:before{content:"\e61b"}.ss-mir:before{content:"\e61c"}.ss-vis:before{content:"\e61d"}.ss-wth:before{content:"\e61e"}.ss-tmp:before{content:"\e61f"}.ss-sth:before{content:"\e620"}.ss-exo:before{content:"\e621"}.ss-usg:before{content:"\e622"}.ss-ulg:before{content:"\e623"}.ss-uds:before{content:"\e624"}.ss-mmq:before{content:"\e625"}.ss-nem:before,.ss-nms:before{content:"\e626"}.ss-pcy:before{content:"\e627"}.ss-inv:before{content:"\e628"}.ss-pls:before{content:"\e629"}.ss-apc:before{content:"\e62a"}.ss-ody:before{content:"\e62b"}.ss-tor:before{content:"\e62c"}.ss-jud:before{content:"\e62d"}.ss-ons:before{content:"\e62e"}.ss-lgn:before{content:"\e62f"}.ss-scg:before{content:"\e630"}.ss-mrd:before{content:"\e631"}.ss-dst:before{content:"\e632"}.ss-5dn:before{content:"\e633"}.ss-chk:before{content:"\e634"}.ss-bok:before{content:"\e635"}.ss-sok:before{content:"\e636"}.ss-rav:before{content:"\e637"}.ss-gpt:before{content:"\e638"}.ss-dis:before{content:"\e639"}.ss-tsp:before{content:"\e63a"}.ss-plc:before{content:"\e63b"}.ss-fut:before{content:"\e63c"}.ss-lrw:before{content:"\e63d"}.ss-mor:before{content:"\e63e"}.ss-shm:before{content:"\e63f"}.ss-eve:before{content:"\e640"}.ss-ala:before{content:"\e641"}.ss-con:before{content:"\e642"}.ss-arb:before{content:"\e643"}.ss-zen:before{content:"\e644"}.ss-wwk:before{content:"\e645"}.ss-roe:before{content:"\e646"}.ss-som:before{content:"\e647"}.ss-mbs:before{content:"\e648"}.ss-nph:before{content:"\e649"}.ss-isd:before{content:"\e64a"}.ss-dka:before{content:"\e64b"}.ss-avr:before{content:"\e64c"}.ss-rtr:before{content:"\e64d"}.ss-gtc:before{content:"\e64e"}.ss-dgm:before{content:"\e64f"}.ss-ths:before{content:"\e650"}.ss-bng:before{content:"\e651"}.ss-jou:before{content:"\e652"}.ss-ktk:before{content:"\e653"}.ss-frf:before{content:"\e654"}.ss-dtk:before{content:"\e693"}.ss-bfz:before{content:"\e699"}.ss-ogw:before{content:"\e901"}.ss-soi:before{content:"\e902"}.ss-emn:before{content:"\e90b"}.ss-kld:before{content:"\e90e"}.ss-aer:before{content:"\e90f"}.ss-akh:before{content:"\e914"}.ss-hou:before{content:"\e924"}.ss-xln:before{content:"\e92e"}.ss-rix:before{content:"\e92f"}.ss-dom:before{content:"\e93f"}.ss-gk1:before,.ss-grn:before{content:"\e94b"}.ss-gk2:before,.ss-rna:before{content:"\e959"}.ss-war:before{content:"\e95a"}.ss-eld:before{content:"\e95e"}.ss-thb:before{content:"\e961"}.ss-iko:before{content:"\e962"}.ss-znr:before{content:"\e963"}.ss-khm:before{content:"\e974"}.ss-stx:before{content:"\e975"}.ss-van:before{content:"\e655"}.ss-hop:before{content:"\e656"}.ss-arc:before{content:"\e657"}.ss-cmd:before{content:"\e658"}.ss-pc2:before{content:"\e659"}.ss-cm1:before{content:"\e65a"}.ss-c13:before{content:"\e65b"}.ss-cns:before{content:"\e65c"}.ss-c14:before{content:"\e65d"}.ss-c15:before{content:"\e900"}.ss-cn2:before{content:"\e904"}.ss-c16:before{content:"\e910"}.ss-pca:before{content:"\e911"}.ss-cma:before{content:"\e916"}.ss-ann:before,.ss-e01:before{content:"\e92d"}.ss-e02:before{content:"\e931"}.ss-c17:before{content:"\e934"}.ss-cm2:before{content:"\e940"}.ss-bbd:before{content:"\e942"}.ss-c18:before{content:"\e946"}.ss-c19:before{content:"\e95f"}.ss-c20:before{content:"\e966"}.ss-znc:before{content:"\e967"}.ss-cc1:before{content:"\e968"}.ss-cmc:before,.ss-cmr:before{content:"\e969"}.ss-chr:before{content:"\e65e"}.ss-ath:before{content:"\e65f"}.ss-brb:before{content:"\e660"}.ss-btd:before{content:"\e661"}.ss-dkm:before{content:"\e662"}.ss-mma:before{content:"\e663"}.ss-mm2:before{content:"\e695"}.ss-ema:before{content:"\e903"}.ss-mm3:before{content:"\e912"}.ss-xren:before{content:"\e917"}.ss-xrin:before{content:"\e918"}.ss-ima:before{content:"\e935"}.ss-a25:before{content:"\e93d"}.ss-uma:before{content:"\e958"}.ss-mh1:before{content:"\e95b"}.ss-2xm:before{content:"\e96e"}.ss-jmp:before{content:"\e96f"}.ss-mb1:before{content:"\e971"}.ss-mh2:before{content:"\e97b"}.ss-por:before{content:"\e664"}.ss-p02:before,.ss-po2:before{content:"\e665"}.ss-ptk:before{content:"\e666"}.ss-s99:before{content:"\e667"}.ss-s00:before{content:"\e668"}.ss-w16:before{content:"\e907"}.ss-w17:before{content:"\e923"}.ss-evg:before{content:"\e669"}.ss-dd2:before{content:"\e66a"}.ss-ddc:before{content:"\e66b"}.ss-ddd:before{content:"\e66c"}.ss-dde:before{content:"\e66d"}.ss-ddf:before{content:"\e66e"}.ss-ddg:before{content:"\e66f"}.ss-ddh:before{content:"\e670"}.ss-ddi:before{content:"\e671"}.ss-ddj:before{content:"\e672"}.ss-ddk:before{content:"\e673"}.ss-ddl:before{content:"\e674"}.ss-ddm:before{content:"\e675"}.ss-ddn:before{content:"\e676"}.ss-ddo:before{content:"\e677"}.ss-ddp:before{content:"\e698"}.ss-ddq:before{content:"\e908"}.ss-ddr:before{content:"\e90d"}.ss-td2:before{content:"\e91c"}.ss-dds:before{content:"\e921"}.ss-ddt:before{content:"\e933"}.ss-ddu:before{content:"\e93e"}.ss-drb:before{content:"\e678"}.ss-v09:before{content:"\e679"}.ss-v10:before{content:"\e67a"}.ss-v11:before{content:"\e67b"}.ss-v12:before{content:"\e67c"}.ss-v13:before{content:"\e67d"}.ss-v14:before{content:"\e67e"}.ss-v15:before{content:"\e905"}.ss-v16:before{content:"\e906"}.ss-v0x:before{content:"\e920"}.ss-v17:before{content:"\e939"}.ss-h09:before{content:"\e67f"}.ss-pd2:before{content:"\e680"}.ss-pd3:before{content:"\e681"}.ss-md1:before{content:"\e682"}.ss-ss1:before{content:"\e944"}.ss-ss2:before{content:"\e95c"}.ss-ss3:before{content:"\e96d"}.ss-gs1:before{content:"\e945"}.ss-azorius:before{content:"\e94e"}.ss-boros:before{content:"\e94f"}.ss-dimir:before{content:"\e950"}.ss-golgari:before{content:"\e951"}.ss-gruul:before{content:"\e952"}.ss-izzet:before{content:"\e953"}.ss-orzhov:before{content:"\e954"}.ss-rakdos:before{content:"\e955"}.ss-selesnya:before{content:"\e956"}.ss-simic:before{content:"\e957"}.ss-gnt:before{content:"\e94d"}.ss-gn2:before{content:"\e964"}.ss-tsr:before{content:"\e976"}.ss-xin3:before{content:"\e977"}.ss-xin4:before{content:"\e978"}.ss-pgru:before{content:"\e683"}.ss-pmtg1:before{content:"\e684"}.ss-pmtg2:before{content:"\e685"}.ss-pleaf:before{content:"\e686"}.ss-htr17:before,.ss-htr:before,.ss-pmei:before{content:"\e687"}.ss-parl:before{content:"\e688"}.ss-dpa:before{content:"\e689"}.ss-pbook:before{content:"\e68a"}.ss-past:before{content:"\e68b"}.ss-parl2:before{content:"\e68c"}.ss-exp:before{content:"\e69a"}.ss-psalvat05:before{content:"\e909"}.ss-psalvat11:before{content:"\e90a"}.ss-mp1:before,.ss-mps:before{content:"\e913"}.ss-pxbox:before{content:"\e915"}.ss-pmps:before{content:"\e919"}.ss-pmpu:before{content:"\e91a"}.ss-mp2:before{content:"\e922"}.ss-pidw:before{content:"\e92c"}.ss-pdrc:before{content:"\e932"}.ss-pheart:before{content:"\e936"}.ss-h17:before{content:"\e938"}.ss-pdep:before{content:"\e93a"}.ss-psega:before{content:"\e93b"}.ss-ptsa:before{content:"\e93c"}.ss-parl3:before{content:"\e943"}.ss-med:before{content:"\e94c"}.ss-ptg:before{content:"\e965"}.ss-j20:before{content:"\e96a"}.ss-zne:before{content:"\e97a"}.ss-slu:before{content:"\e687"}.ss-sld:before{content:"\e687"}.ss-psld:before{content:"\e687"}.ss-me1:before{content:"\e68d"}.ss-me2:before{content:"\e68e"}.ss-me3:before{content:"\e68f"}.ss-me4:before{content:"\e690"}.ss-tpr:before{content:"\e694"}.ss-vma:before{content:"\e696"}.ss-pz1:before,.ss-xlcu:before{content:"\e90c"}.ss-modo:before,.ss-pmodo:before{content:"\e91b"}.ss-duels:before,.ss-xduels:before{content:"\e91d"}.ss-xmods:before{content:"\e91e"}.ss-pz2:before{content:"\e91f"}.ss-ha1:before{content:"\e96b"}.ss-akr:before{content:"\e970"}.ss-klr:before{content:"\e97c"}.ss-ugl:before{content:"\e691"}.ss-unh:before{content:"\e692"}.ss-ust:before{content:"\e930"}.ss-und:before{content:"\e96c"}.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-pfnm:before{content:"\e937"}.ss-border:after{content:"";position:absolute;left:-.05em;top:0;color:#fff;font-size:1.15em;z-index:-1;background:#fff;-webkit-text-stroke:.05em #fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-border.ss-van:after{content:"\e655"}.ss-border.ss-hop:after{content:"\e656"}.ss-border.ss-arc:after{content:"\e657"}.ss-border.ss-cmd:after{content:"\e658"}.ss-border.ss-pc2:after{content:"\e659"}.ss-border.ss-cm1:after{content:"\e65a"}.ss-border.ss-c13:after{content:"\e65b"}.ss-border.ss-cns:after{content:"\e65c"}.ss-border.ss-c14:after{content:"\e65d"}.ss-border.ss-c15:after{content:"\e900"} \ No newline at end of file +@font-face{font-family:Keyrune;src:url(../fonts/keyrune.eot?v=3.7.1);src:url(../fonts/keyrune.eot?#iefix&v=3.7.1) format('embedded-opentype'),url(../fonts/keyrune.woff2?v=3.7.1) format('woff2'),url(../fonts/keyrune.woff?v=3.7.1) format('woff'),url(../fonts/keyrune.ttf?v=3.7.1) format('truetype'),url(../fonts/keyrune.svg?v=3.7.1#keyrune) format('svg');font-weight:400;font-style:normal}.ss{display:inline-block;font:normal normal normal 14px/1 Keyrune;font-size:inherit;line-height:1em;text-rendering:auto;transform:translate(0,0);speak:none;text-transform:none;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ss:before{content:"\e684"}.ss-2x{font-size:2em}.ss-3x{font-size:3em}.ss-4x{font-size:4em}.ss-5x{font-size:5em}.ss-6x{font-size:6em}.ss-duo{color:#fff}.ss-duo::after{color:#000;content:'';display:block;font-size:1em;height:100%;left:0;position:absolute;top:0;width:100%}.ss-duo.ss-xdnd::after{content:"\e973"}.ss-duo.ss-xin4::after{content:"\e979"}.ss-duo.ss-common{color:#fff}.ss-duo.ss-mythic::after,.ss-duo.ss-rare::after,.ss-duo.ss-uncommon::after{color:#000}.ss-common{color:#1A1718}.ss-common.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(1%,#302b2c),color-stop(50%,#474040),color-stop(100%,#302b2c));background:-webkit-linear-gradient(left,#302b2c 1%,#474040 50%,#302b2c 100%);-webkit-text-stroke:.03em #000;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-common.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-uncommon{color:#707883}.ss-uncommon.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#5a6572),color-stop(50%,#9e9e9e),color-stop(100%,#5a6572));background:-webkit-linear-gradient(left,#5a6572 0,#9e9e9e 50%,#5a6572 100%);-webkit-text-stroke:.03em #111;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-uncommon.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-rare{color:#A58E4A}.ss-rare.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#876a3b),color-stop(50%,#dfbd6b),color-stop(100%,#876a3b));background:-webkit-linear-gradient(left,#876a3b 0,#dfbd6b 50%,#876a3b 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-rare.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-mythic{color:#BF4427}.ss-mythic.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#b21f0f),color-stop(50%,#f38300),color-stop(100%,#b21f0f));background:-webkit-linear-gradient(left,#b21f0f 0,#f38300 50%,#b21f0f 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-mythic.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-timeshifted{color:#652978}.ss-timeshifted.ss-grad{background:-webkit-gradient(linear,left top,right top,color-stop(0,#652978),color-stop(50%,#c09ac5),color-stop(100%,#652978));background:-webkit-linear-gradient(-45deg,#652978 0,#c09ac5 50%,#652978 100%);background:linear-gradient(135deg,#652978 0,#c09ac5 50%,#652978 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-timeshifted.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-foil{color:#a6dced}.ss-foil.ss-grad{background:-webkit-linear-gradient(-45deg,#ea8d66 0,#ea8d66 10%,#fdef8a 17%,#8bcc93 33%,#a6dced 50%,#6f75aa 67%,#e599c2 83%,#eee 100%);background:linear-gradient(135deg,#ea8d66 0,#ea8d66 15%,#fdef8a 28%,#8bcc93 42%,#a6dced 55%,#6f75aa 68%,#e599c2 84%,#e599c2 100%);-webkit-text-stroke:.03em #333;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-foil.ss-grad.ss-no-border{-webkit-text-stroke:0}.ss-fw{width:1.28571429em;text-align:center}.ss-lea:before{content:"\e600"}.ss-leb:before{content:"\e601"}.ss-2ed:before{content:"\e602"}.ss-3ed:before{content:"\e603"}.ss-4ed:before{content:"\e604"}.ss-psum:before{content:"\e605"}.ss-5ed:before{content:"\e606"}.ss-6ed:before{content:"\e607"}.ss-7ed:before{content:"\e608"}.ss-8ed:before{content:"\e609"}.ss-9ed:before{content:"\e60a"}.ss-10e:before{content:"\e60b"}.ss-m10:before{content:"\e60c"}.ss-m11:before{content:"\e60d"}.ss-m12:before{content:"\e60e"}.ss-m13:before{content:"\e60f"}.ss-m14:before{content:"\e610"}.ss-m15:before{content:"\e611"}.ss-bcore:before{content:"\e612"}.ss-ori:before{content:"\e697"}.ss-m19:before{content:"\e941"}.ss-m20:before{content:"\e95d"}.ss-1e:before{content:"\e947"}.ss-2e:before{content:"\e948"}.ss-2u:before{content:"\e949"}.ss-3e:before{content:"\e94a"}.ss-m21:before{content:"\e960"}.ss-xdnd:before{content:"\e972"}.ss-arn:before{content:"\e613"}.ss-atq:before{content:"\e614"}.ss-leg:before{content:"\e615"}.ss-drk:before{content:"\e616"}.ss-fem:before{content:"\e617"}.ss-hml:before{content:"\e618"}.ss-ice:before{content:"\e619"}.ss-ice2:before{content:"\e925"}.ss-all:before{content:"\e61a"}.ss-csp:before{content:"\e61b"}.ss-mir:before{content:"\e61c"}.ss-vis:before{content:"\e61d"}.ss-wth:before{content:"\e61e"}.ss-tmp:before{content:"\e61f"}.ss-sth:before{content:"\e620"}.ss-exo:before{content:"\e621"}.ss-usg:before{content:"\e622"}.ss-ulg:before{content:"\e623"}.ss-uds:before{content:"\e624"}.ss-mmq:before{content:"\e625"}.ss-nem:before,.ss-nms:before{content:"\e626"}.ss-pcy:before{content:"\e627"}.ss-inv:before{content:"\e628"}.ss-pls:before{content:"\e629"}.ss-apc:before{content:"\e62a"}.ss-ody:before{content:"\e62b"}.ss-tor:before{content:"\e62c"}.ss-jud:before{content:"\e62d"}.ss-ons:before{content:"\e62e"}.ss-lgn:before{content:"\e62f"}.ss-scg:before{content:"\e630"}.ss-mrd:before{content:"\e631"}.ss-dst:before{content:"\e632"}.ss-5dn:before{content:"\e633"}.ss-chk:before{content:"\e634"}.ss-bok:before{content:"\e635"}.ss-sok:before{content:"\e636"}.ss-rav:before{content:"\e637"}.ss-gpt:before{content:"\e638"}.ss-dis:before{content:"\e639"}.ss-tsp:before{content:"\e63a"}.ss-plc:before{content:"\e63b"}.ss-fut:before{content:"\e63c"}.ss-lrw:before{content:"\e63d"}.ss-mor:before{content:"\e63e"}.ss-shm:before{content:"\e63f"}.ss-eve:before{content:"\e640"}.ss-ala:before{content:"\e641"}.ss-con:before{content:"\e642"}.ss-arb:before{content:"\e643"}.ss-zen:before{content:"\e644"}.ss-wwk:before{content:"\e645"}.ss-roe:before{content:"\e646"}.ss-som:before{content:"\e647"}.ss-mbs:before{content:"\e648"}.ss-nph:before{content:"\e649"}.ss-isd:before{content:"\e64a"}.ss-dka:before{content:"\e64b"}.ss-avr:before{content:"\e64c"}.ss-rtr:before{content:"\e64d"}.ss-gtc:before{content:"\e64e"}.ss-dgm:before{content:"\e64f"}.ss-ths:before{content:"\e650"}.ss-bng:before{content:"\e651"}.ss-jou:before{content:"\e652"}.ss-ktk:before{content:"\e653"}.ss-frf:before{content:"\e654"}.ss-dtk:before{content:"\e693"}.ss-bfz:before{content:"\e699"}.ss-ogw:before{content:"\e901"}.ss-soi:before{content:"\e902"}.ss-emn:before{content:"\e90b"}.ss-kld:before{content:"\e90e"}.ss-aer:before{content:"\e90f"}.ss-akh:before{content:"\e914"}.ss-hou:before{content:"\e924"}.ss-xln:before{content:"\e92e"}.ss-rix:before{content:"\e92f"}.ss-dom:before{content:"\e93f"}.ss-gk1:before,.ss-grn:before{content:"\e94b"}.ss-gk2:before,.ss-rna:before{content:"\e959"}.ss-war:before{content:"\e95a"}.ss-eld:before{content:"\e95e"}.ss-thb:before{content:"\e961"}.ss-iko:before{content:"\e962"}.ss-znr:before{content:"\e963"}.ss-khm:before,.ss-xkld:before{content:"\e974"}.ss-stx:before,.ss-xssm:before{content:"\e975"}.ss-van:before{content:"\e655"}.ss-hop:before{content:"\e656"}.ss-arc:before{content:"\e657"}.ss-cmd:before{content:"\e658"}.ss-pc2:before{content:"\e659"}.ss-cm1:before{content:"\e65a"}.ss-c13:before{content:"\e65b"}.ss-cns:before{content:"\e65c"}.ss-c14:before{content:"\e65d"}.ss-c15:before{content:"\e900"}.ss-cn2:before{content:"\e904"}.ss-c16:before{content:"\e910"}.ss-pca:before{content:"\e911"}.ss-cma:before{content:"\e916"}.ss-ann:before,.ss-e01:before{content:"\e92d"}.ss-e02:before{content:"\e931"}.ss-c17:before{content:"\e934"}.ss-cm2:before{content:"\e940"}.ss-bbd:before{content:"\e942"}.ss-c18:before{content:"\e946"}.ss-c19:before{content:"\e95f"}.ss-c20:before{content:"\e966"}.ss-znc:before{content:"\e967"}.ss-cc1:before{content:"\e968"}.ss-cmc:before,.ss-cmr:before{content:"\e969"}.ss-chr:before{content:"\e65e"}.ss-ath:before{content:"\e65f"}.ss-brb:before{content:"\e660"}.ss-btd:before{content:"\e661"}.ss-dkm:before{content:"\e662"}.ss-mma:before{content:"\e663"}.ss-mm2:before{content:"\e695"}.ss-ema:before{content:"\e903"}.ss-mm3:before{content:"\e912"}.ss-xren:before{content:"\e917"}.ss-xrin:before{content:"\e918"}.ss-ima:before{content:"\e935"}.ss-a25:before{content:"\e93d"}.ss-uma:before{content:"\e958"}.ss-mh1:before{content:"\e95b"}.ss-2xm:before{content:"\e96e"}.ss-jmp:before{content:"\e96f"}.ss-mb1:before{content:"\e971"}.ss-mh2:before{content:"\e97b"}.ss-por:before{content:"\e664"}.ss-p02:before,.ss-po2:before{content:"\e665"}.ss-ptk:before{content:"\e666"}.ss-s99:before{content:"\e667"}.ss-s00:before{content:"\e668"}.ss-w16:before{content:"\e907"}.ss-w17:before{content:"\e923"}.ss-evg:before{content:"\e669"}.ss-dd2:before{content:"\e66a"}.ss-ddc:before{content:"\e66b"}.ss-ddd:before{content:"\e66c"}.ss-dde:before{content:"\e66d"}.ss-ddf:before{content:"\e66e"}.ss-ddg:before{content:"\e66f"}.ss-ddh:before{content:"\e670"}.ss-ddi:before{content:"\e671"}.ss-ddj:before{content:"\e672"}.ss-ddk:before{content:"\e673"}.ss-ddl:before{content:"\e674"}.ss-ddm:before{content:"\e675"}.ss-ddn:before{content:"\e676"}.ss-ddo:before{content:"\e677"}.ss-ddp:before{content:"\e698"}.ss-ddq:before{content:"\e908"}.ss-ddr:before{content:"\e90d"}.ss-td2:before{content:"\e91c"}.ss-dds:before{content:"\e921"}.ss-ddt:before{content:"\e933"}.ss-ddu:before{content:"\e93e"}.ss-drb:before{content:"\e678"}.ss-v09:before{content:"\e679"}.ss-v10:before{content:"\e67a"}.ss-v11:before{content:"\e67b"}.ss-v12:before{content:"\e67c"}.ss-v13:before{content:"\e67d"}.ss-v14:before{content:"\e67e"}.ss-v15:before{content:"\e905"}.ss-v16:before{content:"\e906"}.ss-v0x:before{content:"\e920"}.ss-v17:before{content:"\e939"}.ss-h09:before{content:"\e67f"}.ss-pd2:before{content:"\e680"}.ss-pd3:before{content:"\e681"}.ss-md1:before{content:"\e682"}.ss-ss1:before{content:"\e944"}.ss-ss2:before{content:"\e95c"}.ss-ss3:before{content:"\e96d"}.ss-gs1:before{content:"\e945"}.ss-azorius:before{content:"\e94e"}.ss-boros:before{content:"\e94f"}.ss-dimir:before{content:"\e950"}.ss-golgari:before{content:"\e951"}.ss-gruul:before{content:"\e952"}.ss-izzet:before{content:"\e953"}.ss-orzhov:before{content:"\e954"}.ss-rakdos:before{content:"\e955"}.ss-selesnya:before{content:"\e956"}.ss-simic:before{content:"\e957"}.ss-gnt:before{content:"\e94d"}.ss-gn2:before{content:"\e964"}.ss-tsr:before{content:"\e976"}.ss-xin3:before{content:"\e977"}.ss-xin4:before{content:"\e978"}.ss-pgru:before{content:"\e683"}.ss-pmtg1:before{content:"\e684"}.ss-pmtg2:before{content:"\e685"}.ss-pleaf:before{content:"\e686"}.ss-htr17:before,.ss-htr:before,.ss-pmei:before{content:"\e687"}.ss-parl:before{content:"\e688"}.ss-dpa:before{content:"\e689"}.ss-pbook:before{content:"\e68a"}.ss-past:before{content:"\e68b"}.ss-parl2:before{content:"\e68c"}.ss-exp:before{content:"\e69a"}.ss-psalvat05:before{content:"\e909"}.ss-psalvat11:before{content:"\e90a"}.ss-mp1:before,.ss-mps:before{content:"\e913"}.ss-pxbox:before{content:"\e915"}.ss-pmps:before{content:"\e919"}.ss-pmpu:before{content:"\e91a"}.ss-mp2:before{content:"\e922"}.ss-pidw:before{content:"\e92c"}.ss-pdrc:before{content:"\e932"}.ss-pheart:before{content:"\e936"}.ss-h17:before{content:"\e938"}.ss-pdep:before{content:"\e93a"}.ss-psega:before{content:"\e93b"}.ss-ptsa:before{content:"\e93c"}.ss-parl3:before{content:"\e943"}.ss-med:before{content:"\e94c"}.ss-ptg:before{content:"\e965"}.ss-j20:before{content:"\e96a"}.ss-zne:before{content:"\e97a"}.ss-slu:before{content:"\e687"}.ss-sld:before{content:"\e687"}.ss-psld:before{content:"\e687"}.ss-me1:before{content:"\e68d"}.ss-me2:before{content:"\e68e"}.ss-me3:before{content:"\e68f"}.ss-me4:before{content:"\e690"}.ss-tpr:before{content:"\e694"}.ss-vma:before{content:"\e696"}.ss-pz1:before,.ss-xlcu:before{content:"\e90c"}.ss-modo:before,.ss-pmodo:before{content:"\e91b"}.ss-duels:before,.ss-xduels:before{content:"\e91d"}.ss-xmods:before{content:"\e91e"}.ss-pz2:before{content:"\e91f"}.ss-ha1:before{content:"\e96b"}.ss-akr:before{content:"\e970"}.ss-klr:before{content:"\e97c"}.ss-ugl:before{content:"\e691"}.ss-unh:before{content:"\e692"}.ss-ust:before{content:"\e930"}.ss-und:before{content:"\e96c"}.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-pfnm:before{content:"\e937"}.ss-border:after{content:"";position:absolute;left:-.05em;top:0;color:#fff;font-size:1.15em;z-index:-1;background:#fff;-webkit-text-stroke:.05em #fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ss-border.ss-van:after{content:"\e655"}.ss-border.ss-hop:after{content:"\e656"}.ss-border.ss-arc:after{content:"\e657"}.ss-border.ss-cmd:after{content:"\e658"}.ss-border.ss-pc2:after{content:"\e659"}.ss-border.ss-cm1:after{content:"\e65a"}.ss-border.ss-c13:after{content:"\e65b"}.ss-border.ss-cns:after{content:"\e65c"}.ss-border.ss-c14:after{content:"\e65d"}.ss-border.ss-c15:after{content:"\e900"} \ No newline at end of file diff --git a/docs/assets/beleren.eot b/docs/assets/beleren.eot new file mode 100755 index 0000000..11f41cc Binary files /dev/null and b/docs/assets/beleren.eot differ diff --git a/docs/assets/beleren.otf b/docs/assets/beleren.otf new file mode 100755 index 0000000..d4105a2 Binary files /dev/null and b/docs/assets/beleren.otf differ diff --git a/docs/assets/beleren.svg b/docs/assets/beleren.svg new file mode 100755 index 0000000..84c1bb5 --- /dev/null +++ b/docs/assets/beleren.svg @@ -0,0 +1,3634 @@ + + + + +Created by FontForge 20090914 at Wed Mar 11 16:33:40 2015 + By www-data +Copyright (c) 2013 Wizards of the Coast, a Hasbro Subsidiary. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/assets/beleren.ttf b/docs/assets/beleren.ttf new file mode 100755 index 0000000..7dd1bff Binary files /dev/null and b/docs/assets/beleren.ttf differ diff --git a/docs/assets/beleren.woff b/docs/assets/beleren.woff new file mode 100755 index 0000000..e2f1f32 Binary files /dev/null and b/docs/assets/beleren.woff differ diff --git a/docs/assets/docs.css b/docs/assets/docs.css new file mode 100644 index 0000000..d353598 --- /dev/null +++ b/docs/assets/docs.css @@ -0,0 +1,449 @@ +@font-face { + font-family: 'Beleren'; + src: url( 'beleren.eot' ); + src: url( 'beleren.woff' ) format( 'woff' ), + url( 'beleren.ttf' ) format( 'truetype' ), + url( '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; + font-family: keyrune; + font-style: normal; + font-size: 1.25em; + vertical-align: top; + padding: 0 5px 0 0; + text-align: center; + width: 1.25em; + } + + .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; +} + + #iconPreview { + float: left; + width: 340px; + } + #iconPreview .ss { + font-size: 300px; + margin: 0 40px 0 0; + width: 300px; + height: 300px; + text-align: center; + vertical-align: top; + float: left; + } + + #iconMeta { + float: left; + width: 420px; + } + #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; + } + + #closeModalContainer { + position: absolute; + top: 18px; + right: 20px; + } \ No newline at end of file diff --git a/docs/assets/zepto.min.js b/docs/assets/zepto.min.js new file mode 100644 index 0000000..4821a1c --- /dev/null +++ b/docs/assets/zepto.min.js @@ -0,0 +1,2 @@ +/* Zepto v1.2.0 - zepto event ajax form ie - zeptojs.com/license */ +!function(t,e){"function"==typeof define&&define.amd?define(function(){return e(t)}):e(t)}(this,function(t){var e=function(){function $(t){return null==t?String(t):S[C.call(t)]||"object"}function F(t){return"function"==$(t)}function k(t){return null!=t&&t==t.window}function M(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function R(t){return"object"==$(t)}function Z(t){return R(t)&&!k(t)&&Object.getPrototypeOf(t)==Object.prototype}function z(t){var e=!!t&&"length"in t&&t.length,n=r.type(t);return"function"!=n&&!k(t)&&("array"==n||0===e||"number"==typeof e&&e>0&&e-1 in t)}function q(t){return a.call(t,function(t){return null!=t})}function H(t){return t.length>0?r.fn.concat.apply([],t):t}function I(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function V(t){return t in l?l[t]:l[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function _(t,e){return"number"!=typeof e||h[I(t)]?e:e+"px"}function B(t){var e,n;return c[t]||(e=f.createElement(t),f.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),c[t]=n),c[t]}function U(t){return"children"in t?u.call(t.children):r.map(t.childNodes,function(t){return 1==t.nodeType?t:void 0})}function X(t,e){var n,r=t?t.length:0;for(n=0;r>n;n++)this[n]=t[n];this.length=r,this.selector=e||""}function J(t,r,i){for(n in r)i&&(Z(r[n])||L(r[n]))?(Z(r[n])&&!Z(t[n])&&(t[n]={}),L(r[n])&&!L(t[n])&&(t[n]=[]),J(t[n],r[n],i)):r[n]!==e&&(t[n]=r[n])}function W(t,e){return null==e?r(t):r(t).filter(e)}function Y(t,e,n,r){return F(e)?e.call(t,n,r):e}function G(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function K(t,n){var r=t.className||"",i=r&&r.baseVal!==e;return n===e?i?r.baseVal:r:void(i?r.baseVal=n:t.className=n)}function Q(t){try{return t?"true"==t||("false"==t?!1:"null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?r.parseJSON(t):t):t}catch(e){return t}}function tt(t,e){e(t);for(var n=0,r=t.childNodes.length;r>n;n++)tt(t.childNodes[n],e)}var e,n,r,i,O,P,o=[],s=o.concat,a=o.filter,u=o.slice,f=t.document,c={},l={},h={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},p=/^\s*<(\w+|!)[^>]*>/,d=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,m=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,g=/^(?:body|html)$/i,v=/([A-Z])/g,y=["val","css","html","text","data","width","height","offset"],x=["after","prepend","before","append"],b=f.createElement("table"),E=f.createElement("tr"),j={tr:f.createElement("tbody"),tbody:b,thead:b,tfoot:b,td:E,th:E,"*":f.createElement("div")},w=/complete|loaded|interactive/,T=/^[\w-]*$/,S={},C=S.toString,N={},A=f.createElement("div"),D={tabindex:"tabIndex",readonly:"readOnly","for":"htmlFor","class":"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},L=Array.isArray||function(t){return t instanceof Array};return N.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.matches||t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var r,i=t.parentNode,o=!i;return o&&(i=A).appendChild(t),r=~N.qsa(i,e).indexOf(t),o&&A.removeChild(t),r},O=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},P=function(t){return a.call(t,function(e,n){return t.indexOf(e)==n})},N.fragment=function(t,n,i){var o,s,a;return d.test(t)&&(o=r(f.createElement(RegExp.$1))),o||(t.replace&&(t=t.replace(m,"<$1>")),n===e&&(n=p.test(t)&&RegExp.$1),n in j||(n="*"),a=j[n],a.innerHTML=""+t,o=r.each(u.call(a.childNodes),function(){a.removeChild(this)})),Z(i)&&(s=r(o),r.each(i,function(t,e){y.indexOf(t)>-1?s[t](e):s.attr(t,e)})),o},N.Z=function(t,e){return new X(t,e)},N.isZ=function(t){return t instanceof N.Z},N.init=function(t,n){var i;if(!t)return N.Z();if("string"==typeof t)if(t=t.trim(),"<"==t[0]&&p.test(t))i=N.fragment(t,RegExp.$1,n),t=null;else{if(n!==e)return r(n).find(t);i=N.qsa(f,t)}else{if(F(t))return r(f).ready(t);if(N.isZ(t))return t;if(L(t))i=q(t);else if(R(t))i=[t],t=null;else if(p.test(t))i=N.fragment(t.trim(),RegExp.$1,n),t=null;else{if(n!==e)return r(n).find(t);i=N.qsa(f,t)}}return N.Z(i,t)},r=function(t,e){return N.init(t,e)},r.extend=function(t){var e,n=u.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){J(t,n,e)}),t},N.qsa=function(t,e){var n,r="#"==e[0],i=!r&&"."==e[0],o=r||i?e.slice(1):e,s=T.test(o);return t.getElementById&&s&&r?(n=t.getElementById(o))?[n]:[]:1!==t.nodeType&&9!==t.nodeType&&11!==t.nodeType?[]:u.call(s&&!r&&t.getElementsByClassName?i?t.getElementsByClassName(o):t.getElementsByTagName(e):t.querySelectorAll(e))},r.contains=f.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},r.type=$,r.isFunction=F,r.isWindow=k,r.isArray=L,r.isPlainObject=Z,r.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},r.isNumeric=function(t){var e=Number(t),n=typeof t;return null!=t&&"boolean"!=n&&("string"!=n||t.length)&&!isNaN(e)&&isFinite(e)||!1},r.inArray=function(t,e,n){return o.indexOf.call(e,t,n)},r.camelCase=O,r.trim=function(t){return null==t?"":String.prototype.trim.call(t)},r.uuid=0,r.support={},r.expr={},r.noop=function(){},r.map=function(t,e){var n,i,o,r=[];if(z(t))for(i=0;i=0?t:t+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return o.every.call(this,function(e,n){return t.call(e,n,e)!==!1}),this},filter:function(t){return F(t)?this.not(this.not(t)):r(a.call(this,function(e){return N.matches(e,t)}))},add:function(t,e){return r(P(this.concat(r(t,e))))},is:function(t){return this.length>0&&N.matches(this[0],t)},not:function(t){var n=[];if(F(t)&&t.call!==e)this.each(function(e){t.call(this,e)||n.push(this)});else{var i="string"==typeof t?this.filter(t):z(t)&&F(t.item)?u.call(t):r(t);this.forEach(function(t){i.indexOf(t)<0&&n.push(t)})}return r(n)},has:function(t){return this.filter(function(){return R(t)?r.contains(this,t):r(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!R(t)?t:r(t)},last:function(){var t=this[this.length-1];return t&&!R(t)?t:r(t)},find:function(t){var e,n=this;return e=t?"object"==typeof t?r(t).filter(function(){var t=this;return o.some.call(n,function(e){return r.contains(e,t)})}):1==this.length?r(N.qsa(this[0],t)):this.map(function(){return N.qsa(this,t)}):r()},closest:function(t,e){var n=[],i="object"==typeof t&&r(t);return this.each(function(r,o){for(;o&&!(i?i.indexOf(o)>=0:N.matches(o,t));)o=o!==e&&!M(o)&&o.parentNode;o&&n.indexOf(o)<0&&n.push(o)}),r(n)},parents:function(t){for(var e=[],n=this;n.length>0;)n=r.map(n,function(t){return(t=t.parentNode)&&!M(t)&&e.indexOf(t)<0?(e.push(t),t):void 0});return W(e,t)},parent:function(t){return W(P(this.pluck("parentNode")),t)},children:function(t){return W(this.map(function(){return U(this)}),t)},contents:function(){return this.map(function(){return this.contentDocument||u.call(this.childNodes)})},siblings:function(t){return W(this.map(function(t,e){return a.call(U(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return r.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=B(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var e=F(t);if(this[0]&&!e)var n=r(t).get(0),i=n.parentNode||this.length>1;return this.each(function(o){r(this).wrapAll(e?t.call(this,o):i?n.cloneNode(!0):n)})},wrapAll:function(t){if(this[0]){r(this[0]).before(t=r(t));for(var e;(e=t.children()).length;)t=e.first();r(t).append(this)}return this},wrapInner:function(t){var e=F(t);return this.each(function(n){var i=r(this),o=i.contents(),s=e?t.call(this,n):t;o.length?o.wrapAll(s):i.append(s)})},unwrap:function(){return this.parent().each(function(){r(this).replaceWith(r(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(t){return this.each(function(){var n=r(this);(t===e?"none"==n.css("display"):t)?n.show():n.hide()})},prev:function(t){return r(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return r(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var n=this.innerHTML;r(this).empty().append(Y(this,t,e,n))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var n=Y(this,t,e,this.textContent);this.textContent=null==n?"":""+n}):0 in this?this.pluck("textContent").join(""):null},attr:function(t,r){var i;return"string"!=typeof t||1 in arguments?this.each(function(e){if(1===this.nodeType)if(R(t))for(n in t)G(this,n,t[n]);else G(this,t,Y(this,r,e,this.getAttribute(t)))}):0 in this&&1==this[0].nodeType&&null!=(i=this[0].getAttribute(t))?i:e},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){G(this,t)},this)})},prop:function(t,e){return t=D[t]||t,1 in arguments?this.each(function(n){this[t]=Y(this,e,n,this[t])}):this[0]&&this[0][t]},removeProp:function(t){return t=D[t]||t,this.each(function(){delete this[t]})},data:function(t,n){var r="data-"+t.replace(v,"-$1").toLowerCase(),i=1 in arguments?this.attr(r,n):this.attr(r);return null!==i?Q(i):e},val:function(t){return 0 in arguments?(null==t&&(t=""),this.each(function(e){this.value=Y(this,t,e,this.value)})):this[0]&&(this[0].multiple?r(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(e){if(e)return this.each(function(t){var n=r(this),i=Y(this,e,t,n.offset()),o=n.offsetParent().offset(),s={top:i.top-o.top,left:i.left-o.left};"static"==n.css("position")&&(s.position="relative"),n.css(s)});if(!this.length)return null;if(f.documentElement!==this[0]&&!r.contains(f.documentElement,this[0]))return{top:0,left:0};var n=this[0].getBoundingClientRect();return{left:n.left+t.pageXOffset,top:n.top+t.pageYOffset,width:Math.round(n.width),height:Math.round(n.height)}},css:function(t,e){if(arguments.length<2){var i=this[0];if("string"==typeof t){if(!i)return;return i.style[O(t)]||getComputedStyle(i,"").getPropertyValue(t)}if(L(t)){if(!i)return;var o={},s=getComputedStyle(i,"");return r.each(t,function(t,e){o[e]=i.style[O(e)]||s.getPropertyValue(e)}),o}}var a="";if("string"==$(t))e||0===e?a=I(t)+":"+_(t,e):this.each(function(){this.style.removeProperty(I(t))});else for(n in t)t[n]||0===t[n]?a+=I(n)+":"+_(n,t[n])+";":this.each(function(){this.style.removeProperty(I(n))});return this.each(function(){this.style.cssText+=";"+a})},index:function(t){return t?this.indexOf(r(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return t?o.some.call(this,function(t){return this.test(K(t))},V(t)):!1},addClass:function(t){return t?this.each(function(e){if("className"in this){i=[];var n=K(this),o=Y(this,t,e,n);o.split(/\s+/g).forEach(function(t){r(this).hasClass(t)||i.push(t)},this),i.length&&K(this,n+(n?" ":"")+i.join(" "))}}):this},removeClass:function(t){return this.each(function(n){if("className"in this){if(t===e)return K(this,"");i=K(this),Y(this,t,n,i).split(/\s+/g).forEach(function(t){i=i.replace(V(t)," ")}),K(this,i.trim())}})},toggleClass:function(t,n){return t?this.each(function(i){var o=r(this),s=Y(this,t,i,K(this));s.split(/\s+/g).forEach(function(t){(n===e?!o.hasClass(t):n)?o.addClass(t):o.removeClass(t)})}):this},scrollTop:function(t){if(this.length){var n="scrollTop"in this[0];return t===e?n?this[0].scrollTop:this[0].pageYOffset:this.each(n?function(){this.scrollTop=t}:function(){this.scrollTo(this.scrollX,t)})}},scrollLeft:function(t){if(this.length){var n="scrollLeft"in this[0];return t===e?n?this[0].scrollLeft:this[0].pageXOffset:this.each(n?function(){this.scrollLeft=t}:function(){this.scrollTo(t,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),n=this.offset(),i=g.test(e[0].nodeName)?{top:0,left:0}:e.offset();return n.top-=parseFloat(r(t).css("margin-top"))||0,n.left-=parseFloat(r(t).css("margin-left"))||0,i.top+=parseFloat(r(e[0]).css("border-top-width"))||0,i.left+=parseFloat(r(e[0]).css("border-left-width"))||0,{top:n.top-i.top,left:n.left-i.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||f.body;t&&!g.test(t.nodeName)&&"static"==r(t).css("position");)t=t.offsetParent;return t})}},r.fn.detach=r.fn.remove,["width","height"].forEach(function(t){var n=t.replace(/./,function(t){return t[0].toUpperCase()});r.fn[t]=function(i){var o,s=this[0];return i===e?k(s)?s["inner"+n]:M(s)?s.documentElement["scroll"+n]:(o=this.offset())&&o[t]:this.each(function(e){s=r(this),s.css(t,Y(this,i,e,s[t]()))})}}),x.forEach(function(n,i){var o=i%2;r.fn[n]=function(){var n,a,s=r.map(arguments,function(t){var i=[];return n=$(t),"array"==n?(t.forEach(function(t){return t.nodeType!==e?i.push(t):r.zepto.isZ(t)?i=i.concat(t.get()):void(i=i.concat(N.fragment(t)))}),i):"object"==n||null==t?t:N.fragment(t)}),u=this.length>1;return s.length<1?this:this.each(function(e,n){a=o?n:n.parentNode,n=0==i?n.nextSibling:1==i?n.firstChild:2==i?n:null;var c=r.contains(f.documentElement,a);s.forEach(function(e){if(u)e=e.cloneNode(!0);else if(!a)return r(e).remove();a.insertBefore(e,n),c&&tt(e,function(e){if(!(null==e.nodeName||"SCRIPT"!==e.nodeName.toUpperCase()||e.type&&"text/javascript"!==e.type||e.src)){var n=e.ownerDocument?e.ownerDocument.defaultView:t;n.eval.call(n,e.innerHTML)}})})})},r.fn[o?n+"To":"insert"+(i?"Before":"After")]=function(t){return r(t)[n](this),this}}),N.Z.prototype=X.prototype=r.fn,N.uniq=P,N.deserializeValue=Q,r.zepto=N,r}();return t.Zepto=e,void 0===t.$&&(t.$=e),function(e){function h(t){return t._zid||(t._zid=n++)}function p(t,e,n,r){if(e=d(e),e.ns)var i=m(e.ns);return(a[h(t)]||[]).filter(function(t){return t&&(!e.e||t.e==e.e)&&(!e.ns||i.test(t.ns))&&(!n||h(t.fn)===h(n))&&(!r||t.sel==r)})}function d(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function m(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function g(t,e){return t.del&&!f&&t.e in c||!!e}function v(t){return l[t]||f&&c[t]||t}function y(t,n,i,o,s,u,f){var c=h(t),p=a[c]||(a[c]=[]);n.split(/\s/).forEach(function(n){if("ready"==n)return e(document).ready(i);var a=d(n);a.fn=i,a.sel=s,a.e in l&&(i=function(t){var n=t.relatedTarget;return!n||n!==this&&!e.contains(this,n)?a.fn.apply(this,arguments):void 0}),a.del=u;var c=u||i;a.proxy=function(e){if(e=T(e),!e.isImmediatePropagationStopped()){e.data=o;var n=c.apply(t,e._args==r?[e]:[e].concat(e._args));return n===!1&&(e.preventDefault(),e.stopPropagation()),n}},a.i=p.length,p.push(a),"addEventListener"in t&&t.addEventListener(v(a.e),a.proxy,g(a,f))})}function x(t,e,n,r,i){var o=h(t);(e||"").split(/\s/).forEach(function(e){p(t,e,n,r).forEach(function(e){delete a[o][e.i],"removeEventListener"in t&&t.removeEventListener(v(e.e),e.proxy,g(e,i))})})}function T(t,n){return(n||!t.isDefaultPrevented)&&(n||(n=t),e.each(w,function(e,r){var i=n[e];t[e]=function(){return this[r]=b,i&&i.apply(n,arguments)},t[r]=E}),t.timeStamp||(t.timeStamp=Date.now()),(n.defaultPrevented!==r?n.defaultPrevented:"returnValue"in n?n.returnValue===!1:n.getPreventDefault&&n.getPreventDefault())&&(t.isDefaultPrevented=b)),t}function S(t){var e,n={originalEvent:t};for(e in t)j.test(e)||t[e]===r||(n[e]=t[e]);return T(n,t)}var r,n=1,i=Array.prototype.slice,o=e.isFunction,s=function(t){return"string"==typeof t},a={},u={},f="onfocusin"in t,c={focus:"focusin",blur:"focusout"},l={mouseenter:"mouseover",mouseleave:"mouseout"};u.click=u.mousedown=u.mouseup=u.mousemove="MouseEvents",e.event={add:y,remove:x},e.proxy=function(t,n){var r=2 in arguments&&i.call(arguments,2);if(o(t)){var a=function(){return t.apply(n,r?r.concat(i.call(arguments)):arguments)};return a._zid=h(t),a}if(s(n))return r?(r.unshift(t[n],t),e.proxy.apply(null,r)):e.proxy(t[n],t);throw new TypeError("expected function")},e.fn.bind=function(t,e,n){return this.on(t,e,n)},e.fn.unbind=function(t,e){return this.off(t,e)},e.fn.one=function(t,e,n,r){return this.on(t,e,n,r,1)};var b=function(){return!0},E=function(){return!1},j=/^([A-Z]|returnValue$|layer[XY]$|webkitMovement[XY]$)/,w={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};e.fn.delegate=function(t,e,n){return this.on(e,t,n)},e.fn.undelegate=function(t,e,n){return this.off(e,t,n)},e.fn.live=function(t,n){return e(document.body).delegate(this.selector,t,n),this},e.fn.die=function(t,n){return e(document.body).undelegate(this.selector,t,n),this},e.fn.on=function(t,n,a,u,f){var c,l,h=this;return t&&!s(t)?(e.each(t,function(t,e){h.on(t,n,a,e,f)}),h):(s(n)||o(u)||u===!1||(u=a,a=n,n=r),(u===r||a===!1)&&(u=a,a=r),u===!1&&(u=E),h.each(function(r,o){f&&(c=function(t){return x(o,t.type,u),u.apply(this,arguments)}),n&&(l=function(t){var r,s=e(t.target).closest(n,o).get(0);return s&&s!==o?(r=e.extend(S(t),{currentTarget:s,liveFired:o}),(c||u).apply(s,[r].concat(i.call(arguments,1)))):void 0}),y(o,t,u,a,n,l||c)}))},e.fn.off=function(t,n,i){var a=this;return t&&!s(t)?(e.each(t,function(t,e){a.off(t,n,e)}),a):(s(n)||o(i)||i===!1||(i=n,n=r),i===!1&&(i=E),a.each(function(){x(this,t,i,n)}))},e.fn.trigger=function(t,n){return t=s(t)||e.isPlainObject(t)?e.Event(t):T(t),t._args=n,this.each(function(){t.type in c&&"function"==typeof this[t.type]?this[t.type]():"dispatchEvent"in this?this.dispatchEvent(t):e(this).triggerHandler(t,n)})},e.fn.triggerHandler=function(t,n){var r,i;return this.each(function(o,a){r=S(s(t)?e.Event(t):t),r._args=n,r.target=a,e.each(p(a,t.type||t),function(t,e){return i=e.proxy(r),r.isImmediatePropagationStopped()?!1:void 0})}),i},"focusin focusout focus blur load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(t){e.fn[t]=function(e){return 0 in arguments?this.bind(t,e):this.trigger(t)}}),e.Event=function(t,e){s(t)||(e=t,t=e.type);var n=document.createEvent(u[t]||"Events"),r=!0;if(e)for(var i in e)"bubbles"==i?r=!!e[i]:n[i]=e[i];return n.initEvent(t,r,!0),T(n)}}(e),function(e){function p(t,n,r){var i=e.Event(n);return e(t).trigger(i,r),!i.isDefaultPrevented()}function d(t,e,n,i){return t.global?p(e||r,n,i):void 0}function m(t){t.global&&0===e.active++&&d(t,null,"ajaxStart")}function g(t){t.global&&!--e.active&&d(t,null,"ajaxStop")}function v(t,e){var n=e.context;return e.beforeSend.call(n,t,e)===!1||d(e,n,"ajaxBeforeSend",[t,e])===!1?!1:void d(e,n,"ajaxSend",[t,e])}function y(t,e,n,r){var i=n.context,o="success";n.success.call(i,t,o,e),r&&r.resolveWith(i,[t,o,e]),d(n,i,"ajaxSuccess",[e,n,t]),b(o,e,n)}function x(t,e,n,r,i){var o=r.context;r.error.call(o,n,e,t),i&&i.rejectWith(o,[n,e,t]),d(r,o,"ajaxError",[n,r,t||e]),b(e,n,r)}function b(t,e,n){var r=n.context;n.complete.call(r,e,t),d(n,r,"ajaxComplete",[e,n]),g(n)}function E(t,e,n){if(n.dataFilter==j)return t;var r=n.context;return n.dataFilter.call(r,t,e)}function j(){}function w(t){return t&&(t=t.split(";",2)[0]),t&&(t==c?"html":t==f?"json":a.test(t)?"script":u.test(t)&&"xml")||"text"}function T(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function S(t){t.processData&&t.data&&"string"!=e.type(t.data)&&(t.data=e.param(t.data,t.traditional)),!t.data||t.type&&"GET"!=t.type.toUpperCase()&&"jsonp"!=t.dataType||(t.url=T(t.url,t.data),t.data=void 0)}function C(t,n,r,i){return e.isFunction(n)&&(i=r,r=n,n=void 0),e.isFunction(r)||(i=r,r=void 0),{url:t,data:n,success:r,dataType:i}}function O(t,n,r,i){var o,s=e.isArray(n),a=e.isPlainObject(n);e.each(n,function(n,u){o=e.type(u),i&&(n=r?i:i+"["+(a||"object"==o||"array"==o?n:"")+"]"),!i&&s?t.add(u.name,u.value):"array"==o||!r&&"object"==o?O(t,u,r,n):t.add(n,u)})}var i,o,n=+new Date,r=t.document,s=/)<[^<]*)*<\/script>/gi,a=/^(?:text|application)\/javascript/i,u=/^(?:text|application)\/xml/i,f="application/json",c="text/html",l=/^\s*$/,h=r.createElement("a");h.href=t.location.href,e.active=0,e.ajaxJSONP=function(i,o){if(!("type"in i))return e.ajax(i);var c,p,s=i.jsonpCallback,a=(e.isFunction(s)?s():s)||"Zepto"+n++,u=r.createElement("script"),f=t[a],l=function(t){e(u).triggerHandler("error",t||"abort")},h={abort:l};return o&&o.promise(h),e(u).on("load error",function(n,r){clearTimeout(p),e(u).off().remove(),"error"!=n.type&&c?y(c[0],h,i,o):x(null,r||"error",h,i,o),t[a]=f,c&&e.isFunction(f)&&f(c[0]),f=c=void 0}),v(h,i)===!1?(l("abort"),h):(t[a]=function(){c=arguments},u.src=i.url.replace(/\?(.+)=\?/,"?$1="+a),r.head.appendChild(u),i.timeout>0&&(p=setTimeout(function(){l("timeout")},i.timeout)),h)},e.ajaxSettings={type:"GET",beforeSend:j,success:j,error:j,complete:j,context:null,global:!0,xhr:function(){return new t.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:f,xml:"application/xml, text/xml",html:c,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0,dataFilter:j},e.ajax=function(n){var u,f,s=e.extend({},n||{}),a=e.Deferred&&e.Deferred();for(i in e.ajaxSettings)void 0===s[i]&&(s[i]=e.ajaxSettings[i]);m(s),s.crossDomain||(u=r.createElement("a"),u.href=s.url,u.href=u.href,s.crossDomain=h.protocol+"//"+h.host!=u.protocol+"//"+u.host),s.url||(s.url=t.location.toString()),(f=s.url.indexOf("#"))>-1&&(s.url=s.url.slice(0,f)),S(s);var c=s.dataType,p=/\?.+=\?/.test(s.url);if(p&&(c="jsonp"),s.cache!==!1&&(n&&n.cache===!0||"script"!=c&&"jsonp"!=c)||(s.url=T(s.url,"_="+Date.now())),"jsonp"==c)return p||(s.url=T(s.url,s.jsonp?s.jsonp+"=?":s.jsonp===!1?"":"callback=?")),e.ajaxJSONP(s,a);var P,d=s.accepts[c],g={},b=function(t,e){g[t.toLowerCase()]=[t,e]},C=/^([\w-]+:)\/\//.test(s.url)?RegExp.$1:t.location.protocol,N=s.xhr(),O=N.setRequestHeader;if(a&&a.promise(N),s.crossDomain||b("X-Requested-With","XMLHttpRequest"),b("Accept",d||"*/*"),(d=s.mimeType||d)&&(d.indexOf(",")>-1&&(d=d.split(",",2)[0]),N.overrideMimeType&&N.overrideMimeType(d)),(s.contentType||s.contentType!==!1&&s.data&&"GET"!=s.type.toUpperCase())&&b("Content-Type",s.contentType||"application/x-www-form-urlencoded"),s.headers)for(o in s.headers)b(o,s.headers[o]);if(N.setRequestHeader=b,N.onreadystatechange=function(){if(4==N.readyState){N.onreadystatechange=j,clearTimeout(P);var t,n=!1;if(N.status>=200&&N.status<300||304==N.status||0==N.status&&"file:"==C){if(c=c||w(s.mimeType||N.getResponseHeader("content-type")),"arraybuffer"==N.responseType||"blob"==N.responseType)t=N.response;else{t=N.responseText;try{t=E(t,c,s),"script"==c?(1,eval)(t):"xml"==c?t=N.responseXML:"json"==c&&(t=l.test(t)?null:e.parseJSON(t))}catch(r){n=r}if(n)return x(n,"parsererror",N,s,a)}y(t,N,s,a)}else x(N.statusText||null,N.status?"error":"abort",N,s,a)}},v(N,s)===!1)return N.abort(),x(null,"abort",N,s,a),N;var A="async"in s?s.async:!0;if(N.open(s.type,s.url,A,s.username,s.password),s.xhrFields)for(o in s.xhrFields)N[o]=s.xhrFields[o];for(o in g)O.apply(N,g[o]);return s.timeout>0&&(P=setTimeout(function(){N.onreadystatechange=j,N.abort(),x(null,"timeout",N,s,a)},s.timeout)),N.send(s.data?s.data:null),N},e.get=function(){return e.ajax(C.apply(null,arguments))},e.post=function(){var t=C.apply(null,arguments);return t.type="POST",e.ajax(t)},e.getJSON=function(){var t=C.apply(null,arguments);return t.dataType="json",e.ajax(t)},e.fn.load=function(t,n,r){if(!this.length)return this;var a,i=this,o=t.split(/\s/),u=C(t,n,r),f=u.success;return o.length>1&&(u.url=o[0],a=o[1]),u.success=function(t){i.html(a?e("
").html(t.replace(s,"")).find(a):t),f&&f.apply(i,arguments)},e.ajax(u),this};var N=encodeURIComponent;e.param=function(t,n){var r=[];return r.add=function(t,n){e.isFunction(n)&&(n=n()),null==n&&(n=""),this.push(N(t)+"="+N(n))},O(r,t,n),r.join("&").replace(/%20/g,"+")}}(e),function(t){t.fn.serializeArray=function(){var e,n,r=[],i=function(t){return t.forEach?t.forEach(i):void r.push({name:e,value:t})};return this[0]&&t.each(this[0].elements,function(r,o){n=o.type,e=o.name,e&&"fieldset"!=o.nodeName.toLowerCase()&&!o.disabled&&"submit"!=n&&"reset"!=n&&"button"!=n&&"file"!=n&&("radio"!=n&&"checkbox"!=n||o.checked)&&i(t(o).val())}),r},t.fn.serialize=function(){var t=[];return this.serializeArray().forEach(function(e){t.push(encodeURIComponent(e.name)+"="+encodeURIComponent(e.value))}),t.join("&")},t.fn.submit=function(e){if(0 in arguments)this.bind("submit",e);else if(this.length){var n=t.Event("submit");this.eq(0).trigger(n),n.isDefaultPrevented()||this.get(0).submit()}return this}}(e),function(){try{getComputedStyle(void 0)}catch(e){var n=getComputedStyle;t.getComputedStyle=function(t,e){try{return n(t,e)}catch(r){return null}}}}(),e}); \ No newline at end of file diff --git a/docs/cheatsheet.html b/docs/cheatsheet.html new file mode 100644 index 0000000..1cf3638 --- /dev/null +++ b/docs/cheatsheet.html @@ -0,0 +1,375 @@ + + + + + + Cheatsheet | Keyrune + + + + + + + + + +
+
+

Cheatsheet

+ + + Download + +

The complete Keyrune copy-able reference

+
+
+ +
+
+
+

+ To use Keyrune on the desktop, install keyrune.otf, set it + as the font in your application, then copy and paste the + icons (not the unicode) directly from this page into + your designs. The UTF8 representation is provided as + a reference as well. +

+
+
+

Icons, CSS Class, and Unicode

+
+ ss-10e &#xe60b; + ss-1e &#xe947; + ss-2e &#xe948; + ss-2ed &#xe602; + ss-2u &#xe949; + ss-2xm &#xe96e; + ss-3e &#xe94a; + ss-3ed &#xe603; + ss-4ed &#xe604; + ss-5dn &#xe633; + ss-5ed &#xe606; + ss-6ed &#xe607; + ss-7ed &#xe608; + ss-8ed &#xe609; + ss-9ed &#xe60a; + ss-a25 &#xe93d; + ss-aer &#xe90f; + ss-akh &#xe914; + ss-akr &#xe970; + ss-ala &#xe641; + ss-all &#xe61a; + ss-ann &#xe92d; + ss-apc &#xe62a; + ss-arb &#xe643; + ss-arc &#xe657; + ss-arn &#xe613; + ss-ath &#xe65f; + ss-atq &#xe614; + ss-avr &#xe64c; + ss-bbd &#xe942; + ss-bfz &#xe699; + ss-bng &#xe651; + ss-bok &#xe635; + ss-brb &#xe660; + ss-btd &#xe661; + ss-c13 &#xe65b; + ss-c14 &#xe65d; + ss-c15 &#xe900; + ss-c16 &#xe910; + ss-c17 &#xe934; + ss-c18 &#xe946; + ss-c19 &#xe95f; + ss-c20 &#xe966; + ss-cc1 &#xe968; + ss-chk &#xe634; + ss-chr &#xe65e; + ss-cm1 &#xe65a; + ss-cm2 &#xe940; + ss-cma &#xe916; + ss-cmc &#xe969; + ss-cmd &#xe658; + ss-cmr &#xe969; + ss-cns &#xe65c; + ss-cn2 &#xe904; + ss-con &#xe642; + ss-csp &#xe61b; + ss-dd2 &#xe66a; + ss-ddc &#xe66b; + ss-ddd &#xe66c; + ss-dde &#xe66d; + ss-ddf &#xe66e; + ss-ddg &#xe66f; + ss-ddh &#xe670; + ss-ddi &#xe671; + ss-ddj &#xe672; + ss-ddk &#xe673; + ss-ddl &#xe674; + ss-ddm &#xe675; + ss-ddn &#xe676; + ss-ddo &#xe677; + ss-ddp &#xe698; + ss-ddq &#xe908; + ss-ddr &#xe90d; + ss-dds &#xe921; + ss-ddt &#xe933; + ss-ddu &#xe93e; + ss-dgm &#xe64f; + ss-dis &#xe639; + ss-dka &#xe64b; + ss-dkm &#xe662; + ss-dom &#xe93f; + ss-dpa &#xe689; + ss-drb &#xe678; + ss-drk &#xe616; + ss-dst &#xe632; + ss-dtk &#xe693; + ss-e01 &#xe92d; + ss-e02 &#xe931; + ss-eld &#xe95e; + ss-ema &#xe903; + ss-emn &#xe90b; + ss-eve &#xe640; + ss-evg &#xe669; + ss-exo &#xe621; + ss-exp &#xe69a; + ss-fem &#xe617; + ss-frf &#xe654; + ss-fut &#xe63c; + ss-gk1 &#xe94b; + ss-gk2 &#xe959; + ss-gn2 &#xe964; + ss-gnt &#xe94d; + ss-gpt &#xe638; + ss-grn &#xe94b; + ss-gs1 &#xe945; + ss-gtc &#xe64e; + ss-h09 &#xe67f; + ss-h17 &#xe938; + ss-ha1 &#xe96b; + ss-hml &#xe618; + ss-hop &#xe656; + ss-hou &#xe924; + ss-ice &#xe619; + ss-ice2 &#xe925; + ss-iko &#xe962; + ss-ima &#xe935; + ss-inv &#xe628; + ss-isd &#xe64a; + ss-j20 &#xe96a; + ss-jmp &#xe96f; + ss-jou &#xe652; + ss-jud &#xe62d; + ss-khm &#xe974; + ss-kld &#xe90e; + ss-klr &#xe97c; + ss-ktk &#xe653; + ss-lea &#xe600; + ss-leb &#xe601; + ss-leg &#xe615; + ss-lgn &#xe62f; + ss-lrw &#xe63d; + ss-m10 &#xe60c; + ss-m11 &#xe60d; + ss-m12 &#xe60e; + ss-m13 &#xe60f; + ss-m14 &#xe610; + ss-m15 &#xe611; + ss-m19 &#xe941; + ss-m20 &#xe95d; + ss-m21 &#xe960; + ss-mb1 &#xe971; + ss-mbs &#xe648; + ss-md1 &#xe682; + ss-me1 &#xe68d; + ss-me2 &#xe68e; + ss-me3 &#xe68f; + ss-me4 &#xe690; + ss-med &#xe94c; + ss-mh1 &#xe95b; + ss-mh2 &#xe97b; + ss-mir &#xe61c; + ss-mm2 &#xe695; + ss-mm3 &#xe912; + ss-mma &#xe663; + ss-mmq &#xe625; + ss-mor &#xe63e; + ss-mp1 &#xe913; + ss-mp2 &#xe922; + ss-mps &#xe913; + ss-mrd &#xe631; + ss-nem &#xe626; + ss-nms &#xe626; + ss-nph &#xe649; + ss-ody &#xe62b; + ss-ogw &#xe901; + ss-ons &#xe62e; + ss-ori &#xe697; + ss-p02 &#xe665; + ss-pc2 &#xe659; + ss-pca &#xe911; + ss-pcy &#xe627; + ss-pd2 &#xe680; + ss-pd3 &#xe681; + ss-plc &#xe63b; + ss-pls &#xe629; + ss-po2 &#xe665; + ss-por &#xe664; + ss-ptg &#xe965; + ss-ptk &#xe666; + ss-rav &#xe637; + ss-rix &#xe92f; + ss-xren &#xe917; + ss-xrin &#xe918; + ss-rna &#xe959; + ss-roe &#xe646; + ss-rtr &#xe64d; + ss-s00 &#xe668; + ss-s99 &#xe667; + ss-scg &#xe630; + ss-shm &#xe63f; + ss-sld &#xe687; + ss-slu &#xe687; + ss-soi &#xe902; + ss-sok &#xe636; + ss-som &#xe647; + ss-ss1 &#xe944; + ss-ss2 &#xe95c; + ss-ss3 &#xe96d; + ss-sth &#xe620; + ss-stx &#xe975; + ss-td2 &#xe91c; + ss-thb &#xe961; + ss-ths &#xe650; + ss-tmp &#xe61f; + ss-tor &#xe62c; + ss-tpr &#xe694; + ss-tsp &#xe63a; + ss-tsr &#xe976; + ss-uds &#xe624; + ss-ugl &#xe691; + ss-ulg &#xe623; + ss-uma &#xe958; + ss-und &#xe96c; + ss-unh &#xe692; + ss-ust &#xe930; + ss-usg &#xe622; + ss-v09 &#xe679; + ss-v0x &#xe920; + ss-v10 &#xe67a; + ss-v11 &#xe67b; + ss-v12 &#xe67c; + ss-v13 &#xe67d; + ss-v14 &#xe67e; + ss-v15 &#xe905; + ss-v16 &#xe906; + ss-v17 &#xe939; + ss-van &#xe655; + ss-vis &#xe61d; + ss-vma &#xe696; + ss-w16 &#xe907; + ss-w17 &#xe923; + ss-war &#xe95a; + ss-wth &#xe61e; + ss-wwk &#xe645; + ss-xdnd &#xe972; + ss-xin3 &#xe977; + ss-xin4 &#xe978; + ss-xln &#xe92e; + ss-zen &#xe644; + ss-znc &#xe967; + ss-znr &#xe963; +
+
+
+ ss-azorius &#xe94e; + ss-boros &#xe94f; + ss-dimir &#xe950; + ss-golgari &#xe951; + ss-gruul &#xe952; + ss-izzet &#xe953; + ss-orzhov &#xe954; + ss-rakdos &#xe955; + ss-selesnya &#xe956; + ss-simic &#xe957; +
+
+
+ ss-bcore &#xe612; + ss-htr &#xe687; + ss-htr17 &#xe687; + ss-papac &#xe92a; + ss-parl &#xe688; + ss-parl2 &#xe68c; + ss-parl3 &#xe943; + ss-past &#xe68b; + ss-pbook &#xe68a; + ss-pdep &#xe93a; + ss-pdrc &#xe932; + ss-peuro &#xe92b; + ss-pfnm &#xe937; + ss-pgru &#xe683; + ss-pheart &#xe936; + ss-pidw &#xe92c; + ss-pleaf &#xe686; + ss-pmei &#xe687; + ss-pmodo &#xe91b; + ss-pmps &#xe919; + ss-pmpu &#xe91a; + ss-pmtg1 &#xe684; + ss-pmtg2 &#xe685; + ss-psalvat05 &#xe909; + ss-psalvat11 &#xe90a; + ss-psega &#xe93b; + ss-psld &#xe687; + ss-psum &#xe605; + ss-ptsa &#xe93c; + ss-pxbox &#xe915; + ss-pz1 &#xe90c; + ss-pz2 &#xe91f; + ss-x2ps &#xe928; + ss-x4ea &#xe929; + ss-xcle &#xe926; + ss-xduels &#xe91d; + ss-xice &#xe927; + ss-xmods &#xe91e; + ss-zne &#xe97a; +
+
+
+
+
+ + + + + \ No newline at end of file diff --git a/docs/examples.html b/docs/examples.html new file mode 100644 index 0000000..538a1ef --- /dev/null +++ b/docs/examples.html @@ -0,0 +1,155 @@ + + + + + + Examples | Keyrune + + + + + + + + + +
+
+

Options & Examples

+ + + Download + +

Built-in size, position, and rarity options

+
+
+ +
+
+
+

Keyrune has some built in icon options to easily change the size, position, and rarity color of the set symbols. Take a look below at examples of each option with the class names to implement them.

+
+
+

Displaying a Set Icon

+
+ ss-zen +
+
+

You can place Keyrune icons anywhere using the CSS classname prefix ss (for set symbol) and then the set icon's code. Inline elements like <i> and <span> are preferred, but any can be used.

+
+ <i class="ss ss-zen"></i> ss-zen +
+
+
+
+
+

Icon Sizes

+
+ ss-2x + ss-3x + ss-4x + ss-5x + ss-6x +
+
+

To conveniently increase the size of a set symbol you can append the classes ss-2x, ss-3x, ss-4x, ss-4x, and ss-6x. These classes increase the size by a factor equal to class name number.

+
+ <i class="ss ss-sth ss-2x"></i> ss-2x
+ <i class="ss ss-sth ss-3x"></i> ss-3x
+ <i class="ss ss-sth ss-4x"></i> ss-4x
+ <i class="ss ss-sth ss-5x"></i> ss-5x
+ <i class="ss ss-sth ss-6x"></i> ss-6x +
+
+
+
+
+

Fixed Width

+
+
Fixed width:
+ Invasion + Nemesis +
Default (to compare):
+ Invasion + Nemesis +
+
+

All of the set symbols are variable width by default, if you put them in a list they may stack irregularly. To fix their width just append the class .ss-fw and the set symbols will have a constant width and centered icon.

+
+ <i class="ss ss-inv ss-fw"></i> Invasion
+ <i class="ss ss-nms ss-fw"></i> Nemesis +
+
+
+
+
+

Rarity Colors

+
+ ss-common + ss-uncommon + ss-rare + ss-mythic + ss-timeshifted +
+
+

You can add a rarity color to each set symbol by appending the classes ss-common, ss-uncommon, ss-rare, and ss-mythic.

+
+ <i class="ss ss-ons ss-common"></i> ss-common
+ <i class="ss ss-ons ss-uncommon"></i> ss-uncommon
+ <i class="ss ss-ons ss-rare"></i> ss-rare
+ <i class="ss ss-ons ss-mythic"></i> ss-mythic
+ <i class="ss ss-tsp ss-timeshifted"></i> ss-timeshifted +
+
+
+
+ ss-grad +   ss-grad + ss-foil +
+
+

Webkit browsers suport the background-clip: text property which opens up some exciting options for rarities: true text gradients! Append the .ss-grad class to add a modern rarity gradient.

+
+ <i class="ss ss-mor ss-rare ss-grad ss-3x"></i> ss-grad
+ <i class="ss ss-tsp ss-timeshifted ss-grad ss-3x"></i> ss-grad
+ <i class="ss ss-isd ss-foil ss-grad ss-3x"></i> ss-foil
+
+

Note: You will only see a gradient while using a Webkit browser (i.e., Chrome or Safari).

+
+
+
+
+ + + + + \ No newline at end of file diff --git a/docs/favicon.ico b/docs/favicon.ico new file mode 100644 index 0000000..771710e Binary files /dev/null and b/docs/favicon.ico differ diff --git a/docs/icons.html b/docs/icons.html new file mode 100644 index 0000000..f00a5ac --- /dev/null +++ b/docs/icons.html @@ -0,0 +1,1127 @@ + + + + + + Set Symbol Icons | Keyrune + + + + + + + +
+ + + +
+
+

Set Symbol Icons

+ + + Download + +

Complete 278 Magic set symbol font icons

+
+
+ +
+
+
+

+ View the full list of 278 set and expansion symbols below, for all sets and special edition products up to Kaldheim and Time Spiral Remastered. To use the symbols on your desktop or just get the vectors, check out the Cheatsheet. +

+

+ Note: 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: https://keyrune.andrewgioia.com/icons.html?icon=ody. +

+
+
+

Core Sets

+
+
+ Alpha (lea) +
+
+ Beta (leb) +
+
+ Unlimited (2ed) +
+
+ Revised (3ed) +
+
+ Alpha (Online) (1e) +
+
+ Beta (Online) (2e) +
+
+ Unlimited (Online) (2u) +
+
+ Revised (Online) (3e) +
+
+ Fourth Edition (4ed) +
+
+ Summer Magic (psum) +
+
+ Fifth Edition (5ed) +
+
+ Sixth Edition (6ed) +
+
+ Seventh Edition (7ed) +
+
+ Eighth Edition (8ed) +
+
+ Ninth Edition (9ed) +
+
+ Tenth Edition (10e) +
+
+ Magic 2010 (m10) +
+
+ Magic 2011 (m11) +
+
+ Magic 2012 (m12) +
+
+ Magic 2013 (m13) +
+
+ Magic 2014 (m14) +
+
+ Magic 2015 (m15) +
+
+ Blank Core Set (bcore) +
+
+ Magic Origins (ori) +
+
+ Magic 2019 (m19) +
+
+ Magic 2020 (m20) +
+
+ Core 2021 (m21) +
+
+ DnD: Adventures in the Forgotten Realms (xdnd) +
+
+
+
+

Expansion Sets

+
+
+ Arabian Nights (arn) +
+
+ Antiquities (atq) +
+
+ Legends (leg) +
+
+ The Dark (drk) +
+
+ Fallen Empires (fem) +
+
+ Homelands (hml) +
+
+ Ice Age (ice) +
+
+ Ice Age (Original) (ice2) +
+
+ Alliances (all) +
+
+ Coldsnap (csp) +
+
+ Mirage (mir) +
+
+ Visions (vis) +
+
+ Weatherlight (wth) +
+
+ Tempest (tmp) +
+
+ Stronghold (sth) +
+
+ Exodus (exo) +
+
+ Urza's Saga (usg) +
+
+ Urza's Legacy (ulg) +
+
+ Urza's Destiny (uds) +
+
+ Mercadian Masques (mmq) +
+
+ Nemesis (nem) +
+
+ Prophecy (pcy) +
+
+ Invasion (inv) +
+
+ Planeshift (pls) +
+
+ Apocalypse (apc) +
+
+ Odyssey (ody) +
+
+ Torment (tor) +
+
+ Judgement (jud) +
+
+ Onslaught (ons) +
+
+ Legions (lgn) +
+
+ Scourge (scg) +
+
+ Mirrodin (mrd) +
+
+ Darksteel (dst) +
+
+ Fifth Dawn (5dn) +
+
+ Champions of Kamigawa (chk) +
+
+ Betrayers of Kamigawa (bok) +
+
+ Saviors of Kamigawa (sok) +
+
+ Ravnica (rav) +
+
+ Guildpact (gpt) +
+
+ Dissension (dis) +
+
+ Time Spiral (tsp) +
+
+ Planar Chaos (plc) +
+
+ Future Sight (fut) +
+
+ Lorwyn (lrw) +
+
+ Morningtide (mor) +
+
+ Shadowmoor (shm) +
+
+ Eventide (eve) +
+
+ Shards of Alara (ala) +
+
+ Conflux (con) +
+
+ Alara Reborn (arb) +
+
+ Zendikar (zen) +
+
+ Worldwake (wwk) +
+
+ Rise of the Eldrazi (roe) +
+
+ Scars of Mirrodin (som) +
+
+ Mirrodin Besieged (mbs) +
+
+ New Phyrexia (nph) +
+
+ Innistrad (isd) +
+
+ Dark Ascension (dka) +
+
+ Avacyn Restored (avr) +
+
+ Return to Ravnica (rtr) +
+
+ Gatecrash (gtc) +
+
+ Dragon's Maze (dgm) +
+
+ Theros (ths) +
+
+ Born of the Gods (bng) +
+
+ Journey into Nyx (jou) +
+
+ Khans of Tarkir (ktk) +
+
+ Fate Reforged (frf) +
+
+ Dragons of Tarkir (dtk) +
+
+ Battle for Zendikar (bfz) +
+
+ Oath of the Gatewatch (ogw) +
+
+ Shadows Over Innistrad (soi) +
+
+ Eldritch Moon (emn) +
+
+ Kaladesh (kld) +
+
+ Aether Revolt (aer) +
+
+ Amonkhet (akh) +
+
+ Hour of Devastation (hou) +
+
+ Ixalan (xln) +
+
+ Rivals of Ixalan (rix) +
+
+ Dominaria (dom) +
+
+ Guilds of Ravnica (grn) +
+
+ Ravnica Allegiance (rna) +
+
+ War of the Spark (war) +
+
+ Throne of Eldraine (eld) +
+
+ Theros: Beyond Death (thb) +
+
+ Ikoria: Lair of Behemoths (iko) +
+
+ Zendikar Rising (znr) +
+
+ Kaldheim (khm) +
+
+ Strixhaven: School of Mages (stx) +
+
+
+
+

Command Zone Sets

+
+
+ Vanguard (van) +
+
+ Planechase (hop) +
+
+ Archenemy (arc) +
+
+ Commander (cmd) +
+
+ Planechase 2012 (pc2) +
+
+ Commander's Arsenal (cm1) +
+
+ Commander 2013 (c13) +
+
+ Conspiracy (cns) +
+
+ Commander 2014 (c14) +
+
+ Commander 2015 (c15) +
+
+ Conspiracy 2: Take the Crown (cn2) +
+
+ Commander 2016 (c16) +
+
+ Planechase Anthology (pca) +
+
+ Commander Anthology (cma) +
+
+ Archenemy: Nicol Bolas (e01) +
+
+ Explorers of Ixalan (e02) +
+
+ Commander 2017 (c17) +
+
+ Commander Anthology 2 (cm2) +
+
+ Battlebond (bbd) +
+
+ Commander 2018 (c18) +
+
+ Commander 2019 (c19) +
+
+ Ikoria: Commander 2020 (c20) +
+
+ Zendikar Rising: Commander Decks (znc) +
+
+ Commander Collection: Green (cc1) +
+
+ Commander Legends (cmr) +
+
+ Commander Legends Decks (cmc) +
+
+
+
+

Reprint Sets

+
+
+ Chronicles (chr) +
+
+ Anthologies (ath) +
+
+ Battle Royale (brb) +
+
+ Beatdown (btd) +
+
+ Deckmasters (dkm) +
+
+ Modern Masters (mma) +
+
+ Modern Masters 2015 (mm2) +
+
+ Eternal Masters (ema) +
+
+ Modern Masters 2017 (mm3) +
+
+ Renaissance (xren) +
+
+ Rinascimento (xrin) +
+
+ Iconic Masters (ima) +
+
+ Masters 25 (a25) +
+
+ Ultimate Masters (uma) +
+
+ Modern Horizons (mh1) +
+
+ Double Masters (2xm) +
+
+ Jumpstart (jmp) +
+
+ Mystery Booster (mb1) +
+
+ Modern Horizons 2 (mh2) +
+
+
+
+

Beginner Sets

+
+
+ Portal (por) +
+
+ Portal 2 (p02) +
+
+ Portal Three Kingdoms (ptk) +
+
+ Starter 1999 (s99) +
+
+ Starter 2000 (s00) +
+
+ Welcome Deck 2016 (w16) +
+
+ Welcome Deck 2017 (w17) +
+
+
+
+

Duel Decks

+
+
+ Elves v. Goblins (evg) +
+
+ Jace v. Chandra (dd2) +
+
+ Divine v. Demonic (ddc) +
+
+ Garruk v. Liliana (ddd) +
+
+ Phyrexia v. Coalition (dde) +
+
+ Elspeth v. Tezzeret (ddf) +
+
+ Knights v. Dragons (ddg) +
+
+ Ajani v. Nicol Bolas (ddh) +
+
+ Venser v. Koth (ddi) +
+
+ Izzet v. Golgari (ddj) +
+
+ Sorin v. Tibalt (ddk) +
+
+ Heroes v. Monsters (ddl) +
+
+ Jace v. Vraska (ddm) +
+
+ Speed v. Cunning (ddn) +
+
+ Kiora v. Elspeth (ddo) +
+
+ Zendikar v. Eldrazi (ddp) +
+
+ Blessed v. Cursed (ddq) +
+
+ Nissa v. Ob Nixilis (ddr) +
+
+ New Phyrexia v. Mirrodin Pure (td2) +
+
+ Mind v. Might (dds) +
+
+ Merfolk v. Goblins (ddt) +
+
+ Elves v. Inventors (ddu) +
+
+
+
+

From the Vault Sets

+
+
+ FTV: Dragons (drb) +
+
+ FTV: Exiled (v09) +
+
+ FTV: Vaults (v0x) +
+
+ FTV: Relics (v10) +
+
+ FTV: Legends (v11) +
+
+ FTV: Realms (v12) +
+
+ FTV: Twenty (v13) +
+
+ FTV: Annihilation (v14) +
+
+ FTV: Angels (v15) +
+
+ FTV: Lore (v16) +
+
+ FTV: Transform (v17) +
+
+
+
+

Premium Deck Series

+
+
+ PDS: Slivers (h09) +
+
+ PDS: Fire & Lightning (pd2) +
+
+ PDS: Graveborn (pd3) +
+
+ Modern Event Deck (md1) +
+
+
+
+

Signature Spellbooks

+
+
+ Jace (ss1) +
+
+ Gideon (ss2) +
+
+ Chandra (ss3) +
+
+
+
+

Global Series

+
+
+ Jiang Yanggu & Mu Yanling (gs1) +
+
+
+
+

Guild Kits

+
+
+ Guild Kit: Azorius (azorius) +
+
+ Guild Kit: Boros (boros) +
+
+ Guild Kit: Dimir (dimir) +
+
+ Guild Kit: Golgari (golgari) +
+
+ Guild Kit: Gruul (gruul) +
+
+ Guild Kit: Izzet (izzet) +
+
+ Guild Kit: Orzhov (orzhov) +
+
+ Guild Kit: Rakdos (rakdos) +
+
+ Guild Kit: Selesnya (selesnya) +
+
+ Guild Kit: Simic (simic) +
+
+
+
+

Other Supplemental Products

+
+
+ Game Night (gnt) +
+
+ GRN Guild Kits (gk1) +
+
+ RNA Guild Kits (gk2) +
+
+ Game Night 2019 (gn2) +
+
+ Time Spiral Remastered (tsr) +
+
+ Innistrad Vampires (xin3) +
+
+ Innistrad Werewolves (xin4) +
+
+
+
+

Promotional Sets

+
+
+ Guru Lands (pgru) +
+
+ MtG Promo (pmtg1) +
+
+ MtG Promo (Alt) (pmtg2) +
+
+ Leaf Promo (pleaf) +
+
+ Media Insert (pmei) +
+
+ Arena Promo (DCI) (parl) +
+
+ Duels of the Planeswalkers (dpa) +
+
+ Book Inserts (pbook) +
+
+ Astral (past) +
+
+ Arena League (parl2) +
+
+ Arena League (MODO) (parl3) +
+
+ Zendikar Expeditions (exp) +
+
+ Salvat 2005 (psalvat05) +
+
+ Salvat 2011 (psalvat11) +
+
+ Kaladesh Inventions (mp1) +
+
+ Xbox Media Promo (pxbox) +
+
+ Magic Premiere Shop (pmps) +
+
+ Mirrodin Pure (pmpu) +
+
+ Amonkhet Invocations (mp2) +
+
+ IDW Promo (pidw) +
+
+ Dragon*Con Promo (pdrc) +
+
+ Phoenix Heart (card) (pheart) +
+
+ HasCon 2017 (h17) +
+
+ Duelist: Extra Pulled (pdep) +
+
+ SEGA Dreamcast (psega) +
+
+ The Sorcerer's Apprentice (ptsa) +
+
+ Heroes of the Realm (htr) +
+
+ Mythic Edition (med) +
+
+ Ponies: the Galloping (ptg) +
+
+ Judge Academy 2020 (j20) +
+
+ Zendikar Rising Expeditions (zne) +
+
+
+
+

Online Sets

+
+
+ Masters Edition (me1) +
+
+ Masters Edition II (me2) +
+
+ Masters Edition III (me3) +
+
+ Masters Edition IV (me4) +
+
+ Vintage Masters (vma) +
+
+ Tempest Remastered (tpr) +
+
+ Legendary Cube (pz1) +
+
+ Magic Online (pmodo) +
+
+ Magic Duels (xduels) +
+
+ Magic Online Deck Series (xmods) +
+
+ Treasure Chests (pz2) +
+
+ Historic Anthology 1 (ha1) +
+
+ Amonkhet Remastered (akr) +
+
+ Kaladesh Remastered (klr) +
+
+
+
+

Un-Serious Sets

+
+
+ Unglued (ugl) +
+
+ Unhinged (unh) +
+
+ Unstable (ust) +
+
+ Unsanctioned (und) +
+
+
+
+

Unofficial Symbols

+
+
+ Collector's Edition (xcle) +
+
+ International Collector's Edition (xice) +
+
+ Two Player Introductory Set (x2ps) +
+
+ Alternate 4th Edition (x4ea) +
+
+ APAC Lands (papac) +
+
+ Euro Lands (peuro) +
+
+ Friday Night Magic (pfnm) +
+
+
+
+
+ + + + + + + + + + + + \ No newline at end of file diff --git a/docs/index.html b/docs/index.html new file mode 100644 index 0000000..23ecf0c --- /dev/null +++ b/docs/index.html @@ -0,0 +1,136 @@ + + + + + + Keyrune | Andrew Gioia + + + + + + + +
+
+
+ +
+

Keyrune

+

Magic: the Gathering set symbol font

+
+ + + Download + + + + View Set Icons + +
+

+ Current version 3.7.1 includes all sets to Kaldheim and Time Spiral Remastered. +

+
+
+
+
+
+

Keyrune is a complete set of scalable vector icons for Magic set symbols. Drop them into your application, website, or custom cards (like this ) and control their size, color, drop shadow, or any dimension just as you would with text!

+
+
+

Using Keyrune in your project

+

Keyrune is CSS and font package you can use in your project to easily display MTG set symbols as font icons. You can download the source and manually include it in your application, or include it via Bower or NPM (project name "keyrune" for both).

+

Each set symbol has its own font character. Display them in a manner similar to Font Awesome using the <i class="ss ss-exp"></i> element. Class name codes are based on the expansion codes from MTG JSON.

+
Including Keyrune in your project
+

To use Keyrune, move the font files to your /fonts directory and include the keyrune.css stylesheet in your <head>:

+
+ <link href="css/keyrune.css" rel="stylesheet" type="text/css" /> +
+

New! You can also now use Keyrune via CDN thanks to the amazing jsDelivr project! Include the latest version, reference:

+
+ <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.css" rel="stylesheet" type="text/css" /> +
+

Note: as of v3.1.1 (June 2017) the URL structure at jsDelivr changed to the above. Also, you do not need to explicitly include the font-family via @font-face, but if you still would like to here is the css ruleset:

+ <link href="//cdn.jsdelivr.net/npm/keyrune@latest/css/keyrune.min.css" rel="stylesheet" type="text/css" />
+ <style type="text/css">
+   @font-face {
+     font-family: 'Keyrune';
+     src: url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot');
+     src: url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.eot?#iefix') format('embedded-opentype'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff2') format('woff2'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.woff') format('woff'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.ttf') format('truetype'),
+          url('//cdn.jsdelivr.net/npm/keyrune@latest/fonts/keyrune.svg') format('svg');
+     font-weight: normal;
+     font-style: normal;
+   }
+ </style> +
+
Creating icons in your project
+

Insert set symbol icons by using the .ss class and then the set code class, such as .ss-mor for Morningtide:

+
+ <i class="ss ss-mor"></i> +
+
+
+

Using Keyrune in desktop software

+

You can also install Keyrune just like you would with any font, for use in desktop applications like Word, Pages, or Illustrator. This can be useful if you're designing and printing binder covers or set dividers.

+

Note: For those unfamiliar with CSS projects like this, none of the styling in the documentation will be available when using Keyrune in a desktop app—you have to style everything manually like you would with any other font or "Word Art", for instance.

+

Follow these steps to work with Keyrune on your desktop:

+
    +
  1. Install the Keyrune font. To do this, click the "Download" button above, unzip the archive that downloads, then navigate to Keyrune-master/fonts. Double click on keyrune.ttf and install it.
    2. +
  2. Open up your desktop application. Check to see that "Keyrune" shows up in your list of available fonts.
    3. +
  3. Go to the Cheatsheet. Copy the symbol that you want to use and then paste it into the application you're using. You should see it show up correctly in there, with the font "Keyrune" active. You can't "type" this font like you would with any other (like Times New Roman), as it uses a reserved character set; you can only copy and paste from the Cheatsheet.
    4. +
  4. Style the symbol however you want. Unfortunately you're going to have to do this manually :( I've created a sample Word document that you can use as a reference with rare Urza's Saga, mythic Morningtide, and uncommon Mercadian Masques symbols as examples. In that doc, each symbol has a 2.5pt black border (on 144pt font) and a gradient applied to each one for their rarities.
    5. +
+

Every time new set symbols are added to Keyrune you need to reinstall the keyrune.ttf. If you don't see the updated glyphs, try uninstalling the font first and then installing it.

+

Feel free to use the font and symbols however you like in your project, subject to the license terms below.

+
+
+

Editing the Source

+

Feel free to edit the source files and compile Keyrune to fit your needs. All SVG glyphs are compiled into font files using the wonderful IcoMoon app. For styling, currently LESS is supported with Sass coming soon.

+
+
+

License

+

Please review the following licenses for each component of Keyrune:

+ +

Attribution is greatly appreciated but not required!

+
+
+
+ + + \ No newline at end of file diff --git a/less/icons.less b/less/icons.less index 4518488..4a9f68d 100644 --- a/less/icons.less +++ b/less/icons.less @@ -155,7 +155,9 @@ .@{ss-prefix}-iko:before { content: "\e962"; } // Ikoria: Lair of Behemoths .@{ss-prefix}-znr:before { content: "\e963"; } // Zendikar Rising /* 2021 Sets */ +.@{ss-prefix}-xkld:before, .@{ss-prefix}-khm:before { content: "\e974"; } // Kaldheim +.@{ss-prefix}-xssm:before, .@{ss-prefix}-stx:before { content: "\e975"; } // Strixhaven: School of Mages /** diff --git a/package-lock.json b/package-lock.json index a0e2bfe..990438b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,14 @@ { "name": "keyrune", - "version": "3.6.0", - "lockfileVersion": 1 + "version": "3.7.1", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "zepto": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/zepto/-/zepto-1.2.0.tgz", + "integrity": "sha1-4Se9nmb9hGvl6rSME5SIL3wOT5g=", + "dev": true + } + } } diff --git a/package.json b/package.json index 47fca24..a4844eb 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,9 @@ "keywords": [], "homepage": "https://keyrune.andrewgioia.com", "dependencies": {}, - "devDependencies": {}, + "devDependencies": { + "zepto": "^1.2.0" + }, "license": "(OFL-1.1 AND GPL-3.0-only)", "main": "css/keyrune.css", "scripts": { @@ -43,4 +45,4 @@ "engines": { "node": "*" } -} \ No newline at end of file +}