This commit is contained in:
“g0dsp33d” 2024-01-05 17:03:58 +01:00
commit ab89f5d568
62 changed files with 5682 additions and 0 deletions

BIN
css/Bebas-Regular.eot Normal file

Binary file not shown.

765
css/Bebas-Regular.svg Normal file
View File

@ -0,0 +1,765 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20170731 at Mon Mar 11 11:27:29 2019
By Aleksey,,,
Copyright (c) 2005 by Ryoichi Tsunekawa. All rights reserved.
</metadata>
<defs>
<font id="Bebas-Regular" horiz-adv-x="236" >
<font-face
font-family="Bebas"
font-weight="400"
font-stretch="normal"
units-per-em="1000"
panose-1="2 11 6 6 2 2 2 5 2 1"
ascent="850"
descent="-150"
cap-height="700"
bbox="0 -150 689 850"
underline-thickness="10"
underline-position="-90"
unicode-range="U+0020-2212"
/>
<missing-glyph horiz-adv-x="400"
d="M55 700h290v-700h-290v700zM296 49v602h-192v-602h192z" />
<glyph glyph-name=".notdef" horiz-adv-x="400"
d="M55 700h290v-700h-290v700zM296 49v602h-192v-602h192z" />
<glyph glyph-name=".null" horiz-adv-x="0"
/>
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="200"
/>
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
/>
<glyph glyph-name="exclam" unicode="!" horiz-adv-x="226"
d="M166 700v-221l-18 -299h-70l-18 299v221h106zM166 106v-106h-106v106h106z" />
<glyph glyph-name="quotedbl" unicode="&#x22;" horiz-adv-x="354"
d="M45 700h108l-21 -210h-65zM200 700h108l-21 -210h-65z" />
<glyph glyph-name="numbersign" unicode="#" horiz-adv-x="467"
d="M86 189h-55l7 79h55l21 208h-56l8 79h56l15 145h87l-14 -145h83l14 145h87l-14 -145h56l-8 -79h-55l-21 -208h56l-9 -79h-55l-19 -189h-88l19 189h-83l-20 -189h-88zM265 268l20 208h-84l-21 -208h85z" />
<glyph glyph-name="dollar" unicode="$" horiz-adv-x="436"
d="M354.5 74q-34.5 -45 -92.5 -59v-55h-90v55q-57 14 -91 59t-34 108v25l102 11v-26q0 -38 18 -60t50 -22q31 0 49.5 18t18.5 49q0 33 -25 64t-75 72q-60 49 -94 97t-34 108q0 65 30 109.5t85 57.5v55h90v-55q55 -13 86 -57t31 -111v-18l-102 -11v20q0 40 -15 61t-43 21
t-43 -17t-15 -50t24.5 -62t75.5 -74q61 -52 94.5 -98.5t33.5 -106.5q0 -63 -34.5 -108z" />
<glyph glyph-name="percent" unicode="%" horiz-adv-x="621"
d="M73 340q-27 29 -27 83v175q0 54 27 83t79 29t79 -29t27 -83v-175q0 -54 -27 -83t-79 -29t-79 29zM421 700h70l-291 -700h-70zM188 418v185q0 44 -36 44t-36 -44v-185q0 -44 36 -44t36 44zM390 19q-27 29 -27 83v175q0 54 27 83t79 29t79 -29t27 -83v-175q0 -54 -27 -83
t-79 -29t-79 29zM505 97v185q0 44 -36 44t-36 -44v-185q0 -44 36 -44t36 44z" />
<glyph glyph-name="ampersand" unicode="&#x26;" horiz-adv-x="518"
d="M360 0l-30 49q-56 -59 -132 -59q-69 0 -112.5 45t-43.5 131q0 59 22.5 102.5t70.5 94.5l-15 24q-25 42 -40.5 81.5t-15.5 83.5q0 69 42.5 113.5t112.5 44.5q67 0 108 -41t41 -110q0 -38 -9.5 -66t-31.5 -58.5t-68 -80.5l67 -104q9 31 23 100h106q-28 -129 -63 -203
l95 -147h-127zM180.5 598q-14.5 -17 -14.5 -46q0 -51 41 -117q34 34 49 60t15 57t-13 47t-38 16t-39.5 -17zM252 98.5q15 8.5 29 29.5l-92 147q-22 -27 -31.5 -50.5t-9.5 -53.5q0 -81 70 -81q19 0 34 8.5z" />
<glyph glyph-name="quotesingle" unicode="'" horiz-adv-x="199"
d="M45 700h108l-21 -210h-65z" />
<glyph glyph-name="parenleft" unicode="(" horiz-adv-x="258"
d="M65.5 159.5q-36.5 98.5 -36.5 191.5t36.5 191.5t105.5 193.5l66 -29q-53 -102 -77.5 -187.5t-24.5 -168.5t24.5 -168.5t77.5 -187.5l-66 -29q-69 95 -105.5 193.5z" />
<glyph glyph-name="parenright" unicode=")" horiz-adv-x="258"
d="M21 -5q53 102 77.5 187.5t24.5 168.5t-24.5 168.5t-77.5 187.5l66 29q69 -95 105.5 -193.5t36.5 -191.5t-36.5 -191.5t-105.5 -193.5z" />
<glyph glyph-name="asterisk" unicode="*" horiz-adv-x="456"
d="M79 380l92 109l-139 36l28 85l135 -55l-12 145h90l-12 -145l135 55l28 -85l-139 -36l92 -109l-72 -53l-77 122l-77 -122z" />
<glyph glyph-name="plus" unicode="+" horiz-adv-x="434"
d="M397 303h-141v-141h-78v141h-141v78h141v141h78v-141h141v-78z" />
<glyph glyph-name="comma" unicode=","
d="M103 0h-38v105h106v-95l-56 -115h-50z" />
<glyph glyph-name="hyphen" unicode="-" horiz-adv-x="300"
d="M30 402h240v-104h-240v104z" />
<glyph glyph-name="hyphen" unicode="&#x2010;" horiz-adv-x="300"
d="M30 402h240v-104h-240v104z" />
<glyph glyph-name="period" unicode="."
d="M65 105h106v-105h-106v105z" />
<glyph glyph-name="slash" unicode="/" horiz-adv-x="336"
d="M241 733h86l-232 -766h-86z" />
<glyph glyph-name="zero" unicode="0" horiz-adv-x="434"
d="M94 36.5q-47 46.5 -47 122.5v382q0 76 47 122.5t123 46.5t123 -46.5t47 -122.5v-382q0 -76 -47 -122.5t-123 -46.5t-123 46.5zM264 108q17 18 17 51v382q0 33 -17 51t-47 18t-47 -18t-17 -51v-382q0 -33 17 -51t47 -18t47 18z" />
<glyph glyph-name="one" unicode="1" horiz-adv-x="303"
d="M141 549h-120v74q58 4 96.5 25t55.5 52h74v-700h-106v549z" />
<glyph glyph-name="two" unicode="2" horiz-adv-x="399"
d="M156 100h210v-100h-336v92l155 247q43 68 59 110.5t16 83.5q0 37 -16.5 56.5t-47.5 19.5t-47.5 -19.5t-16.5 -56.5v-41h-102v33q0 86 44.5 135t122.5 49q79 0 124 -46t45 -127q0 -57 -20.5 -111.5t-73.5 -139.5z" />
<glyph glyph-name="three" unicode="3" horiz-adv-x="404"
d="M366 227v-65q0 -80 -45 -126t-124 -46t-124 46t-45 126v21l102 10v-23q0 -80 65 -80q31 0 48 18t17 52v73q0 42 -19 61t-61 19h-42v100h35q42 0 61 19t19 61v54q0 31 -15.5 47t-44.5 16q-60 0 -60 -73v-16h-102v24q0 76 43.5 120.5t120.5 44.5t120.5 -44.5t43.5 -120.5
v-46q0 -47 -19 -81t-56 -53q82 -38 82 -138z" />
<glyph glyph-name="four" unicode="4" horiz-adv-x="416"
d="M394 146h-57v-146h-106v146h-207v95l187 459h126v-454h57v-100zM231 246v275l-107 -275h107z" />
<glyph glyph-name="five" unicode="5" horiz-adv-x="415"
d="M88.5 35.5q-44.5 45.5 -44.5 124.5v21l102 10v-23q0 -78 63 -78q30 0 46.5 17t16.5 51v162q0 30 -15 45.5t-41 15.5q-29 0 -47.5 -18.5t-18.5 -50.5v-12h-102v400h303v-100h-201v-174q12 21 39.5 36t61.5 15q59 0 93 -38.5t34 -102.5v-176q0 -79 -44.5 -124.5
t-122.5 -45.5t-122.5 45.5z" />
<glyph glyph-name="six" unicode="6" horiz-adv-x="423"
d="M94 36.5q-47 46.5 -47 121.5v384q0 75 46 121.5t121 46.5t120.5 -46.5t45.5 -121.5v-23h-102v28q0 29 -17 46t-46 17q-28 0 -45 -17t-17 -46v-160q13 21 39.5 35.5t63.5 14.5q60 0 94.5 -38.5t34.5 -104.5v-136q0 -75 -46.5 -121.5t-121.5 -46.5q-76 0 -123 46.5z
M262 107q17 17 17 46v125q0 32 -15 47.5t-43 15.5q-32 0 -50 -18.5t-18 -51.5v-118q0 -29 17 -46t47 -17q28 0 45 17z" />
<glyph glyph-name="seven" unicode="7" horiz-adv-x="367"
d="M343 700v-92l-168 -608h-110l175 598h-219v102h322z" />
<glyph glyph-name="eight" unicode="8" horiz-adv-x="428"
d="M370 311q20 -35 20 -84v-65q0 -80 -46 -126t-130 -46t-130 46t-46 126v65q0 49 20 84t58 53q-34 19 -52.5 53.5t-18.5 81.5v46q0 77 44.5 121t124.5 44t124.5 -44t44.5 -121v-46q0 -47 -18.5 -81.5t-52.5 -53.5q38 -18 58 -53zM151 493q0 -80 63 -80t63 80v54
q0 31 -16 47t-47 16t-47 -16t-16 -47v-54zM284 233q0 41 -17.5 60.5t-52.5 19.5t-52.5 -19.5t-17.5 -60.5v-73q0 -70 70 -70t70 70v73z" />
<glyph glyph-name="nine" unicode="9" horiz-adv-x="423"
d="M319 663.5q47 -46.5 47 -121.5v-384q0 -75 -46 -121.5t-121 -46.5t-120.5 46.5t-45.5 121.5v23h102v-28q0 -28 17.5 -45.5t45.5 -17.5t45 17t17 46v160q-13 -21 -39.5 -35.5t-63.5 -14.5q-60 0 -94.5 38.5t-34.5 104.5v136q0 75 46.5 121.5t121.5 46.5q76 0 123 -46.5z
M151 593q-17 -17 -17 -46v-125q0 -32 15 -47.5t43 -15.5q32 0 50 18.5t18 51.5v118q0 29 -17 46t-47 17q-28 0 -45 -17z" />
<glyph glyph-name="colon" unicode=":"
d="M65 105h106v-105h-106v105zM65 482h106v-105h-106v105z" />
<glyph glyph-name="semicolon" unicode=";"
d="M103 0h-38v105h106v-95l-56 -115h-50zM65 482h106v-105h-106v105z" />
<glyph glyph-name="less" unicode="&#x3c;" horiz-adv-x="424"
d="M392 533v-91l-241 -99l241 -98v-90l-350 150v76z" />
<glyph glyph-name="equal" unicode="=" horiz-adv-x="434"
d="M392 467v-78h-350v78h350zM392 294v-78h-350v78h350z" />
<glyph glyph-name="greater" unicode="&#x3e;" horiz-adv-x="434"
d="M392 305l-350 -150v90l241 98l-241 99v91l350 -152v-76z" />
<glyph glyph-name="question" unicode="?" horiz-adv-x="402"
d="M132 196q0 67 18.5 107.5t52.5 84.5q29 37 44 68.5t15 77.5q0 37 -16.5 56.5t-47.5 19.5t-47.5 -19.5t-16.5 -56.5v-42h-102v34q0 86 44.5 135t122.5 49q79 0 124 -46t45 -127q0 -62 -20.5 -103.5t-58.5 -87.5q-33 -40 -50 -72.5t-17 -77.5v-16h-90v16zM124 106h106v-106
h-106v106z" />
<glyph glyph-name="at" unicode="@" horiz-adv-x="731"
d="M136 29.5q-92 89.5 -92 255.5q0 136 38.5 238.5t116 159.5t190.5 57q144 0 222 -76t78 -218q0 -79 -17 -151t-57 -119t-104 -47q-78 0 -91 67q-16 -32 -42 -49.5t-58 -17.5q-52 0 -77.5 30.5t-25.5 84.5q0 9 2 29l13 132q7 67 36.5 99.5t77.5 32.5q64 0 91 -50l4 40h97
l-30 -270l-1 -12q0 -26 25 -26q36 0 55 72t19 157q0 97 -56.5 152t-157.5 55q-134 0 -194 -101.5t-60 -278.5q0 -122 67.5 -186.5t190.5 -64.5q50 0 93 13.5t87 45.5l-8 -96q-40 -25 -82.5 -36t-91.5 -11q-166 0 -258 89.5zM396.5 232.5q16.5 18.5 20.5 58.5l9 88v7
q0 31 -13 49t-38 18q-43 0 -48 -60l-12 -117q-1 -5 -1 -14q0 -48 43 -48q23 0 39.5 18.5z" />
<glyph glyph-name="A" unicode="A" horiz-adv-x="422"
d="M267 155h-114l-23 -155h-106l116 700h142l116 -700h-108zM253 257l-43 293l-43 -293h86z" />
<glyph glyph-name="A" unicode="a" horiz-adv-x="422"
d="M267 155h-114l-23 -155h-106l116 700h142l116 -700h-108zM253 257l-43 293l-43 -293h86z" />
<glyph glyph-name="B" unicode="B" horiz-adv-x="439"
d="M380.5 309q20.5 -35 20.5 -85v-57q0 -76 -45 -121.5t-121 -45.5h-177v700h168q76 0 121 -45.5t45 -121.5v-37q0 -94 -71 -134q39 -18 59.5 -53zM164 600v-190h47q38 0 56.5 18.5t18.5 56.5v50q0 31 -17 48t-48 17h-57zM295 235q0 38 -18.5 56.5t-56.5 18.5h-56v-210h66
q31 0 48 17t17 48v70z" />
<glyph glyph-name="B" unicode="b" horiz-adv-x="439"
d="M380.5 309q20.5 -35 20.5 -85v-57q0 -76 -45 -121.5t-121 -45.5h-177v700h168q76 0 121 -45.5t45 -121.5v-37q0 -94 -71 -134q39 -18 59.5 -53zM164 600v-190h47q38 0 56.5 18.5t18.5 56.5v50q0 31 -17 48t-48 17h-57zM295 235q0 38 -18.5 56.5t-56.5 18.5h-56v-210h66
q31 0 48 17t17 48v70z" />
<glyph glyph-name="C" unicode="C" horiz-adv-x="420"
d="M95 36q-46 46 -46 120v388q0 74 46 120t120 46t120 -46t46 -120v-82h-104v82q0 30 -17 48t-44 18t-44 -18t-17 -48v-388q0 -30 17 -48t44 -18t44 18t17 48v100h104v-100q0 -74 -46 -120t-120 -46t-120 46z" />
<glyph glyph-name="C" unicode="c" horiz-adv-x="420"
d="M95 36q-46 46 -46 120v388q0 74 46 120t120 46t120 -46t46 -120v-82h-104v82q0 30 -17 48t-44 18t-44 -18t-17 -48v-388q0 -30 17 -48t44 -18t44 18t17 48v100h104v-100q0 -74 -46 -120t-120 -46t-120 46z" />
<glyph glyph-name="D" unicode="D" horiz-adv-x="438"
d="M58 700h166q76 0 121 -45.5t45 -121.5v-366q0 -76 -45 -121.5t-121 -45.5h-166v700zM219 100q31 0 48 17t17 48v370q0 31 -17 48t-48 17h-55v-500h55z" />
<glyph glyph-name="D" unicode="d" horiz-adv-x="438"
d="M58 700h166q76 0 121 -45.5t45 -121.5v-366q0 -76 -45 -121.5t-121 -45.5h-166v700zM219 100q31 0 48 17t17 48v370q0 31 -17 48t-48 17h-55v-500h55z" />
<glyph glyph-name="E" unicode="E" horiz-adv-x="390"
d="M58 700h301v-100h-195v-195h155v-100h-155v-205h195v-100h-301v700z" />
<glyph glyph-name="E" unicode="e" horiz-adv-x="390"
d="M58 700h301v-100h-195v-195h155v-100h-155v-205h195v-100h-301v700z" />
<glyph glyph-name="F" unicode="F" horiz-adv-x="378"
d="M58 700h296v-100h-190v-205h150v-100h-150v-295h-106v700z" />
<glyph glyph-name="F" unicode="f" horiz-adv-x="378"
d="M58 700h296v-100h-190v-205h150v-100h-150v-295h-106v700z" />
<glyph glyph-name="G" unicode="G" horiz-adv-x="434"
d="M283 482v59q0 33 -17 51t-47 18t-47 -18t-17 -51v-382q0 -33 17 -51t47 -18t47 18t17 51v124h-64v100h170v-224q0 -76 -47 -122.5t-123 -46.5t-123 46.5t-47 122.5v382q0 76 47 122.5t123 46.5t123 -46.5t47 -122.5v-59h-106z" />
<glyph glyph-name="G" unicode="g" horiz-adv-x="434"
d="M283 482v59q0 33 -17 51t-47 18t-47 -18t-17 -51v-382q0 -33 17 -51t47 -18t47 18t17 51v124h-64v100h170v-224q0 -76 -47 -122.5t-123 -46.5t-123 46.5t-47 122.5v382q0 76 47 122.5t123 46.5t123 -46.5t47 -122.5v-59h-106z" />
<glyph glyph-name="H" unicode="H" horiz-adv-x="454"
d="M58 0v700h106v-295h126v295h106v-700h-106v305h-126v-305h-106z" />
<glyph glyph-name="H" unicode="h" horiz-adv-x="454"
d="M58 0v700h106v-295h126v295h106v-700h-106v305h-126v-305h-106z" />
<glyph glyph-name="I" unicode="I" horiz-adv-x="222"
d="M58 700h106v-700h-106v700z" />
<glyph glyph-name="I" unicode="i" horiz-adv-x="222"
d="M58 700h106v-700h-106v700z" />
<glyph glyph-name="J" unicode="J" horiz-adv-x="309"
d="M22 0l14 95q18 -5 41 -5q38 0 55 20t17 65v525h106v-544q0 -75 -45 -120.5t-120 -45.5q-36 0 -68 10z" />
<glyph glyph-name="J" unicode="j" horiz-adv-x="309"
d="M22 0l14 95q18 -5 41 -5q38 0 55 20t17 65v525h106v-544q0 -75 -45 -120.5t-120 -45.5q-36 0 -68 10z" />
<glyph glyph-name="K" unicode="K" horiz-adv-x="450"
d="M204 288l-40 -77v-211h-106v700h106v-284l140 284h114l-149 -297l160 -403h-114z" />
<glyph glyph-name="K" unicode="k" horiz-adv-x="450"
d="M204 288l-40 -77v-211h-106v700h106v-284l140 284h114l-149 -297l160 -403h-114z" />
<glyph glyph-name="L" unicode="L" horiz-adv-x="377"
d="M58 700h106v-600h189v-100h-295v700z" />
<glyph glyph-name="L" unicode="l" horiz-adv-x="377"
d="M58 700h106v-600h189v-100h-295v700z" />
<glyph glyph-name="M" unicode="M" horiz-adv-x="598"
d="M540 700v-700h-106v480l-99 -480h-74l-99 480v-480h-104v700h150l92 -447l88 447h152z" />
<glyph glyph-name="M" unicode="m" horiz-adv-x="598"
d="M540 700v-700h-106v480l-99 -480h-74l-99 480v-480h-104v700h150l92 -447l88 447h152z" />
<glyph glyph-name="N" unicode="N" horiz-adv-x="472"
d="M58 700h117l135 -470v470h104v-700h-112l-140 448v-448h-104v700z" />
<glyph glyph-name="N" unicode="n" horiz-adv-x="472"
d="M58 700h117l135 -470v470h104v-700h-112l-140 448v-448h-104v700z" />
<glyph glyph-name="O" unicode="O" horiz-adv-x="438"
d="M96 36.5q-47 46.5 -47 122.5v382q0 76 47 122.5t123 46.5t123 -46.5t47 -122.5v-382q0 -76 -47 -122.5t-123 -46.5t-123 46.5zM266 108q17 18 17 51v382q0 33 -17 51t-47 18t-47 -18t-17 -51v-382q0 -33 17 -51t47 -18t47 18z" />
<glyph glyph-name="O" unicode="o" horiz-adv-x="438"
d="M96 36.5q-47 46.5 -47 122.5v382q0 76 47 122.5t123 46.5t123 -46.5t47 -122.5v-382q0 -76 -47 -122.5t-123 -46.5t-123 46.5zM266 108q17 18 17 51v382q0 33 -17 51t-47 18t-47 -18t-17 -51v-382q0 -33 17 -51t47 -18t47 18z" />
<glyph glyph-name="P" unicode="P" horiz-adv-x="421"
d="M58 700h166q76 0 121 -45.5t45 -121.5v-82q0 -76 -45 -121.5t-121 -45.5h-60v-284h-106v700zM219 384q31 0 48 17t17 48v86q0 31 -17 48t-48 17h-55v-216h55z" />
<glyph glyph-name="P" unicode="p" horiz-adv-x="421"
d="M58 700h166q76 0 121 -45.5t45 -121.5v-82q0 -76 -45 -121.5t-121 -45.5h-60v-284h-106v700zM219 384q31 0 48 17t17 48v86q0 31 -17 48t-48 17h-55v-216h55z" />
<glyph glyph-name="Q" unicode="Q" horiz-adv-x="446"
d="M408 62v-102q-38 0 -63 12t-40 38q-37 -20 -86 -20q-76 0 -123 46.5t-47 122.5v382q0 76 47 122.5t123 46.5t123 -46.5t47 -122.5v-382q0 -49 -20 -87q13 -10 39 -10zM283 541q0 33 -17 51t-47 18t-47 -18t-17 -51v-382q0 -33 17 -51t47 -18t47 18t17 51v382z" />
<glyph glyph-name="Q" unicode="q" horiz-adv-x="446"
d="M408 62v-102q-38 0 -63 12t-40 38q-37 -20 -86 -20q-76 0 -123 46.5t-47 122.5v382q0 76 47 122.5t123 46.5t123 -46.5t47 -122.5v-382q0 -49 -20 -87q13 -10 39 -10zM283 541q0 33 -17 51t-47 18t-47 -18t-17 -51v-382q0 -33 17 -51t47 -18t47 18t17 51v382z" />
<glyph glyph-name="R" unicode="R" horiz-adv-x="435"
d="M296 0l-77 289h-55v-289h-106v700h166q76 0 121 -45.5t45 -121.5v-77q0 -48 -19 -85t-54 -58l89 -313h-110zM164 389h55q31 0 48 17t17 48v81q0 31 -17 48t-48 17h-55v-211z" />
<glyph glyph-name="R" unicode="r" horiz-adv-x="435"
d="M296 0l-77 289h-55v-289h-106v700h166q76 0 121 -45.5t45 -121.5v-77q0 -48 -19 -85t-54 -58l89 -313h-110zM164 389h55q31 0 48 17t17 48v81q0 31 -17 48t-48 17h-55v-211z" />
<glyph glyph-name="S" unicode="S" horiz-adv-x="408"
d="M116 12q-39 22 -60.5 61t-21.5 89v25l102 11v-26q0 -38 18 -60t50 -22q31 0 49.5 18t18.5 49q0 34 -19.5 65t-77.5 86q-78 74 -106.5 123t-28.5 107q0 79 43 125.5t118 46.5t118 -47t43 -126v-18l-102 -11v20q0 40 -15 61t-43 21t-43 -17t-15 -50t20 -63.5t77 -87.5
q78 -78 106.5 -125.5t28.5 -104.5q0 -50 -21.5 -89t-60.5 -61t-89 -22t-89 22z" />
<glyph glyph-name="S" unicode="s" horiz-adv-x="408"
d="M116 12q-39 22 -60.5 61t-21.5 89v25l102 11v-26q0 -38 18 -60t50 -22q31 0 49.5 18t18.5 49q0 34 -19.5 65t-77.5 86q-78 74 -106.5 123t-28.5 107q0 79 43 125.5t118 46.5t118 -47t43 -126v-18l-102 -11v20q0 40 -15 61t-43 21t-43 -17t-15 -50t20 -63.5t77 -87.5
q78 -78 106.5 -125.5t28.5 -104.5q0 -50 -21.5 -89t-60.5 -61t-89 -22t-89 22z" />
<glyph glyph-name="T" unicode="T" horiz-adv-x="386"
d="M24 700h338v-100h-116v-600h-106v600h-116v100z" />
<glyph glyph-name="T" unicode="t" horiz-adv-x="386"
d="M24 700h338v-100h-116v-600h-106v600h-116v100z" />
<glyph glyph-name="U" unicode="U" horiz-adv-x="436"
d="M100 35.5q-46 45.5 -46 118.5v546h106v-546q0 -30 16.5 -47t42.5 -17t42.5 17t16.5 47v546h104v-546q0 -73 -45 -118.5t-118 -45.5t-119 45.5z" />
<glyph glyph-name="U" unicode="u" horiz-adv-x="436"
d="M100 35.5q-46 45.5 -46 118.5v546h106v-546q0 -30 16.5 -47t42.5 -17t42.5 17t16.5 47v546h104v-546q0 -73 -45 -118.5t-118 -45.5t-119 45.5z" />
<glyph glyph-name="V" unicode="V" horiz-adv-x="422"
d="M398 700l-116 -700h-142l-116 700h108l80 -550l80 550h106z" />
<glyph glyph-name="V" unicode="v" horiz-adv-x="422"
d="M398 700l-116 -700h-142l-116 700h108l80 -550l80 550h106z" />
<glyph glyph-name="W" unicode="W" horiz-adv-x="602"
d="M577 700l-103 -700h-117l-56 461l-56 -461h-117l-103 700h107l58 -473l58 473h108l58 -473l58 473h105z" />
<glyph glyph-name="W" unicode="w" horiz-adv-x="602"
d="M577 700l-103 -700h-117l-56 461l-56 -461h-117l-103 700h107l58 -473l58 473h108l58 -473l58 473h105z" />
<glyph glyph-name="X" unicode="X" horiz-adv-x="443"
d="M307 0l-90 244l-85 -244h-110l139 362l-130 338h114l83 -224l78 224h110l-132 -343l137 -357h-114z" />
<glyph glyph-name="X" unicode="x" horiz-adv-x="443"
d="M307 0l-90 244l-85 -244h-110l139 362l-130 338h114l83 -224l78 224h110l-132 -343l137 -357h-114z" />
<glyph glyph-name="Y" unicode="Y" horiz-adv-x="430"
d="M410 700l-142 -407v-293h-106v293l-142 407h113l82 -267l84 267h111z" />
<glyph glyph-name="Y" unicode="y" horiz-adv-x="430"
d="M410 700l-142 -407v-293h-106v293l-142 407h113l82 -267l84 267h111z" />
<glyph glyph-name="Z" unicode="Z" horiz-adv-x="382"
d="M350 610l-200 -510h200v-100h-318v90l200 510h-200v100h318v-90z" />
<glyph glyph-name="Z" unicode="z" horiz-adv-x="382"
d="M350 610l-200 -510h200v-100h-318v90l200 510h-200v100h318v-90z" />
<glyph glyph-name="bracketleft" unicode="[" horiz-adv-x="259"
d="M56 722h178v-82h-82v-581h82v-81h-178v744z" />
<glyph glyph-name="backslash" unicode="\" horiz-adv-x="336"
d="M9 733h86l232 -766h-86z" />
<glyph glyph-name="bracketright" unicode="]" horiz-adv-x="258"
d="M25 59h82v581h-82v82h177v-744h-177v81z" />
<glyph glyph-name="asciicircum" unicode="^" horiz-adv-x="434"
d="M256 700l150 -350h-90l-98 241l-99 -241h-91l152 350h76z" />
<glyph glyph-name="underscore" unicode="_" horiz-adv-x="400"
d="M0 -40h400v-77h-400v77z" />
<glyph glyph-name="grave" unicode="`" horiz-adv-x="190"
d="M15 700h98l57 -161h-66z" />
<glyph glyph-name="braceleft" unicode="{" horiz-adv-x="273"
d="M117 0q-40 30 -40 108v153q0 27 -12 37.5t-44 10.5v82q32 0 44 10.5t12 37.5v153q0 78 40 108t131 30v-82q-33 0 -48.5 -5t-21 -19t-5.5 -44v-126q0 -91 -63 -104q63 -13 63 -104v-126q0 -30 5.5 -44t21 -19t48.5 -5v-82q-91 0 -131 30z" />
<glyph glyph-name="bar" unicode="|" horiz-adv-x="400"
d="M152 850h96v-1000h-96v1000z" />
<glyph glyph-name="braceright" unicode="}" horiz-adv-x="273"
d="M25 52q33 0 48.5 5t21 19t5.5 44v126q0 91 63 104q-63 13 -63 104v126q0 30 -5.5 44t-21 19t-48.5 5v82q91 0 131 -30t40 -108v-153q0 -27 12.5 -37.5t43.5 -10.5v-82q-31 0 -43.5 -10.5t-12.5 -37.5v-153q0 -78 -40 -108t-131 -30v82z" />
<glyph glyph-name="asciitilde" unicode="~" horiz-adv-x="434"
d="M29 311q31 53 57.5 76.5t63.5 23.5q16 0 31 -6t43 -23q6 -4 20 -12.5t22.5 -12t16.5 -3.5q17 0 29 12.5t36 47.5l57 -43q-31 -53 -57.5 -76.5t-63.5 -23.5q-17 0 -32 6t-42 23t-37.5 22.5t-21.5 5.5q-17 0 -29 -12.5t-36 -47.5z" />
<glyph glyph-name="cent" unicode="&#xa2;" horiz-adv-x="438"
d="M285 437v27q0 30 -17 48t-44 18t-44 -18t-17 -48v-228q0 -30 17 -48t44 -18t44 18t17 48v45h104v-45q0 -60 -31.5 -103t-85.5 -57v-66h-90v64q-57 12 -91 55.5t-34 106.5v228q0 63 34 106.5t91 55.5v64h90v-66q54 -14 85.5 -57t31.5 -103v-27h-104z" />
<glyph glyph-name="sterling" unicode="&#xa3;" horiz-adv-x="438"
d="M285 494v33q0 45 -12 63.5t-45 18.5q-59 0 -59 -71q0 -24 8 -50t24 -61q25 -57 34 -92h114v-96h-105q-2 -45 -14 -75.5t-43 -63.5h202v-100h-334v92q51 22 74 54.5t25 92.5h-99v96h83q-5 13 -25 48q-24 40 -36 75t-12 86q0 77 42 121t120 44q79 0 120.5 -44t41.5 -121
v-50h-104z" />
<glyph glyph-name="brokenbar" unicode="&#xa6;" horiz-adv-x="400"
d="M152 850h96v-400h-96v400zM152 250h96v-400h-96v400z" />
<glyph glyph-name="periodcentered" unicode="&#xb7;"
d="M65 403h106v-105h-106v105z" />
<glyph glyph-name="endash" unicode="&#x2013;" horiz-adv-x="400"
d="M30 397h340v-94h-340v94z" />
<glyph glyph-name="emdash" unicode="&#x2014;" horiz-adv-x="600"
d="M30 397h540v-94h-540v94z" />
<glyph glyph-name="quoteleft" unicode="&#x2018;"
d="M133 595h38v-105h-106v95l56 115h50z" />
<glyph glyph-name="quoteright" unicode="&#x2019;"
d="M103 595h-38v105h106v-95l-56 -115h-50z" />
<glyph glyph-name="quotesinglbase" unicode="&#x201a;"
d="M103 0h-38v105h106v-95l-56 -115h-50z" />
<glyph glyph-name="quotedblleft" unicode="&#x201c;" horiz-adv-x="396"
d="M133 595h38v-105h-106v95l56 115h50zM293 595h38v-105h-106v95l56 115h50z" />
<glyph glyph-name="quotedblright" unicode="&#x201d;" horiz-adv-x="396"
d="M263 595h-38v105h106v-95l-56 -115h-50zM103 595h-38v105h106v-95l-56 -115h-50z" />
<glyph glyph-name="quotedblbase" unicode="&#x201e;" horiz-adv-x="396"
d="M263 0h-38v105h106v-95l-56 -115h-50zM103 0h-38v105h106v-95l-56 -115h-50z" />
<glyph glyph-name="bullet" unicode="&#x2022;" horiz-adv-x="400"
d="M115 435h170v-169h-170v169z" />
<glyph glyph-name="minus" unicode="&#x2212;" horiz-adv-x="434"
d="M397 303h-360v78h360v-78z" />
<glyph glyph-name="NULL" horiz-adv-x="0"
/>
<hkern u1="&#x2a;" u2="&#x34;" k="40" />
<hkern u1="&#x2f;" u2="&#x2f;" k="100" />
<hkern u1="&#x31;" u2="&#x31;" k="-10" />
<hkern u1="&#x32;" u2="&#x34;" k="10" />
<hkern u1="&#x32;" u2="&#x32;" k="-4" />
<hkern u1="&#x34;" u2="&#x3f;" k="10" />
<hkern u1="&#x34;" u2="&#x37;" k="20" />
<hkern u1="&#x34;" u2="&#x34;" k="-10" />
<hkern u1="&#x34;" u2="&#x31;" k="10" />
<hkern u1="&#x35;" u2="&#x31;" k="10" />
<hkern u1="&#x37;" u2="&#x37;" k="-10" />
<hkern u1="&#x37;" u2="&#x34;" k="50" />
<hkern u1="&#x37;" u2="&#x31;" k="-10" />
<hkern g1="colon,semicolon"
g2="seven"
k="10" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="seven"
k="30" />
<hkern g1="comma,period,quotesinglbase,quotedblbase"
g2="seven"
k="40" />
<hkern g1="comma,period,quotesinglbase,quotedblbase"
g2="one"
k="84" />
<hkern g1="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
g2="seven"
k="-10" />
<hkern g1="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
g2="four"
k="60" />
<hkern g1="seven"
g2="comma,period,quotesinglbase,quotedblbase"
k="84" />
<hkern g1="seven"
g2="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
k="-10" />
<hkern g1="A"
g2="A"
k="-10" />
<hkern g1="A"
g2="C,G,O,Q"
k="1" />
<hkern g1="A"
g2="T"
k="42" />
<hkern g1="A"
g2="U"
k="4" />
<hkern g1="A"
g2="V,W"
k="22" />
<hkern g1="A"
g2="Y"
k="43" />
<hkern g1="A"
g2="colon,semicolon"
k="-10" />
<hkern g1="A"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="20" />
<hkern g1="A"
g2="comma,period,quotesinglbase,quotedblbase"
k="-10" />
<hkern g1="A"
g2="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
k="40" />
<hkern g1="A"
g2="asterisk"
k="40" />
<hkern g1="A"
g2="question"
k="30" />
<hkern g1="B"
g2="A"
k="3" />
<hkern g1="B"
g2="V,W"
k="1" />
<hkern g1="B"
g2="Y"
k="15" />
<hkern g1="B"
g2="X"
k="14" />
<hkern g1="C"
g2="C,G,O,Q"
k="-4" />
<hkern g1="C"
g2="T"
k="-4" />
<hkern g1="C"
g2="Y"
k="8" />
<hkern g1="C"
g2="X"
k="4" />
<hkern g1="E"
g2="A"
k="-10" />
<hkern g1="E"
g2="V,W"
k="-10" />
<hkern g1="E"
g2="X"
k="-4" />
<hkern g1="E"
g2="J"
k="-10" />
<hkern g1="E"
g2="Z"
k="-6" />
<hkern g1="F"
g2="A"
k="37" />
<hkern g1="F"
g2="T"
k="-10" />
<hkern g1="F"
g2="V,W"
k="-6" />
<hkern g1="F"
g2="comma,period,quotesinglbase,quotedblbase"
k="84" />
<hkern g1="F"
g2="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
k="-10" />
<hkern g1="F"
g2="question"
k="-10" />
<hkern g1="F"
g2="J"
k="60" />
<hkern g1="F"
g2="slash"
k="40" />
<hkern g1="J"
g2="A"
k="4" />
<hkern g1="J"
g2="J"
k="8" />
<hkern g1="K"
g2="C,G,O,Q"
k="13" />
<hkern g1="K"
g2="T"
k="2" />
<hkern g1="K"
g2="U"
k="5" />
<hkern g1="K"
g2="V,W"
k="4" />
<hkern g1="K"
g2="Y"
k="8" />
<hkern g1="K"
g2="colon,semicolon"
k="-5" />
<hkern g1="K"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="50" />
<hkern g1="K"
g2="comma,period,quotesinglbase,quotedblbase"
k="-5" />
<hkern g1="K"
g2="asterisk"
k="20" />
<hkern g1="K"
g2="question"
k="20" />
<hkern g1="K"
g2="S"
k="6" />
<hkern g1="L"
g2="A"
k="-10" />
<hkern g1="L"
g2="T"
k="64" />
<hkern g1="L"
g2="V,W"
k="42" />
<hkern g1="L"
g2="Y"
k="72" />
<hkern g1="L"
g2="colon,semicolon"
k="-5" />
<hkern g1="L"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="60" />
<hkern g1="L"
g2="comma,period,quotesinglbase,quotedblbase"
k="-5" />
<hkern g1="L"
g2="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
k="80" />
<hkern g1="L"
g2="asterisk"
k="80" />
<hkern g1="L"
g2="question"
k="30" />
<hkern g1="L"
g2="J"
k="-10" />
<hkern g1="D,G,O"
g2="A"
k="1" />
<hkern g1="D,G,O"
g2="V,W"
k="1" />
<hkern g1="D,G,O"
g2="Y"
k="18" />
<hkern g1="D,G,O"
g2="X"
k="10" />
<hkern g1="P"
g2="A"
k="38" />
<hkern g1="P"
g2="Y"
k="9" />
<hkern g1="P"
g2="comma,period,quotesinglbase,quotedblbase"
k="94" />
<hkern g1="P"
g2="question"
k="-10" />
<hkern g1="P"
g2="X"
k="12" />
<hkern g1="P"
g2="J"
k="70" />
<hkern g1="R"
g2="T"
k="2" />
<hkern g1="R"
g2="V,W"
k="2" />
<hkern g1="R"
g2="Y"
k="18" />
<hkern g1="R"
g2="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
k="10" />
<hkern g1="R"
g2="Z"
k="-2" />
<hkern g1="S"
g2="T"
k="3" />
<hkern g1="S"
g2="V,W"
k="3" />
<hkern g1="S"
g2="Y"
k="18" />
<hkern g1="S"
g2="X"
k="12" />
<hkern g1="T"
g2="A"
k="42" />
<hkern g1="T"
g2="T"
k="-10" />
<hkern g1="T"
g2="V,W"
k="-10" />
<hkern g1="T"
g2="colon,semicolon"
k="30" />
<hkern g1="T"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="50" />
<hkern g1="T"
g2="comma,period,quotesinglbase,quotedblbase"
k="84" />
<hkern g1="T"
g2="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
k="-10" />
<hkern g1="T"
g2="asterisk"
k="-10" />
<hkern g1="T"
g2="question"
k="-10" />
<hkern g1="T"
g2="J"
k="60" />
<hkern g1="T"
g2="slash"
k="40" />
<hkern g1="T"
g2="S"
k="1" />
<hkern g1="T"
g2="at"
k="20" />
<hkern g1="U"
g2="A"
k="4" />
<hkern g1="U"
g2="J"
k="8" />
<hkern g1="V,W"
g2="A"
k="22" />
<hkern g1="V,W"
g2="C,G,O,Q"
k="1" />
<hkern g1="V,W"
g2="T"
k="-10" />
<hkern g1="V,W"
g2="V,W"
k="-10" />
<hkern g1="V,W"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="20" />
<hkern g1="V,W"
g2="comma,period,quotesinglbase,quotedblbase"
k="60" />
<hkern g1="V,W"
g2="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
k="-10" />
<hkern g1="V,W"
g2="J"
k="45" />
<hkern g1="V,W"
g2="slash"
k="20" />
<hkern g1="V,W"
g2="S"
k="4" />
<hkern g1="V,W"
g2="at"
k="10" />
<hkern g1="V,W"
g2="ampersand"
k="5" />
<hkern g1="X"
g2="C,G,O,Q"
k="10" />
<hkern g1="X"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="35" />
<hkern g1="X"
g2="asterisk"
k="10" />
<hkern g1="X"
g2="S"
k="6" />
<hkern g1="X"
g2="at"
k="10" />
<hkern g1="Y"
g2="A"
k="43" />
<hkern g1="Y"
g2="C,G,O,Q"
k="18" />
<hkern g1="Y"
g2="colon,semicolon"
k="30" />
<hkern g1="Y"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="40" />
<hkern g1="Y"
g2="comma,period,quotesinglbase,quotedblbase"
k="84" />
<hkern g1="Y"
g2="question"
k="8" />
<hkern g1="Y"
g2="J"
k="60" />
<hkern g1="Y"
g2="slash"
k="40" />
<hkern g1="Y"
g2="S"
k="18" />
<hkern g1="Y"
g2="at"
k="25" />
<hkern g1="Y"
g2="ampersand"
k="20" />
<hkern g1="Z"
g2="hyphen,periodcentered,endash,emdash,bullet"
k="20" />
<hkern g1="Z"
g2="Z"
k="-10" />
<hkern g1="colon,semicolon"
g2="A"
k="-10" />
<hkern g1="colon,semicolon"
g2="T"
k="30" />
<hkern g1="colon,semicolon"
g2="Y"
k="30" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="A"
k="20" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="T"
k="50" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="Y"
k="40" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="J"
k="50" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="V,W"
k="20" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="X"
k="35" />
<hkern g1="hyphen,periodcentered,endash,emdash,bullet"
g2="Z"
k="20" />
<hkern g1="comma,period,quotesinglbase,quotedblbase"
g2="A"
k="-10" />
<hkern g1="comma,period,quotesinglbase,quotedblbase"
g2="T"
k="84" />
<hkern g1="comma,period,quotesinglbase,quotedblbase"
g2="Y"
k="84" />
<hkern g1="comma,period,quotesinglbase,quotedblbase"
g2="J"
k="-5" />
<hkern g1="comma,period,quotesinglbase,quotedblbase"
g2="V,W"
k="60" />
<hkern g1="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
g2="A"
k="40" />
<hkern g1="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
g2="T"
k="-10" />
<hkern g1="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
g2="J"
k="80" />
<hkern g1="quotedbl,quotesingle,quoteleft,quoteright,quotedblleft,quotedblright"
g2="V,W"
k="-10" />
<hkern g1="asterisk"
g2="A"
k="40" />
<hkern g1="asterisk"
g2="T"
k="-10" />
<hkern g1="asterisk"
g2="J"
k="60" />
<hkern g1="asterisk"
g2="X"
k="10" />
<hkern g1="slash"
g2="A"
k="20" />
<hkern g1="slash"
g2="J"
k="40" />
<hkern g1="ampersand"
g2="T"
k="30" />
<hkern g1="ampersand"
g2="V,W"
k="10" />
<hkern g1="ampersand"
g2="Y"
k="30" />
<hkern g1="at"
g2="A"
k="15" />
<hkern g1="at"
g2="J"
k="20" />
<hkern g1="at"
g2="X"
k="10" />
</font>
</defs></svg>

After

Width:  |  Height:  |  Size: 30 KiB

BIN
css/Bebas-Regular.ttf Normal file

Binary file not shown.

BIN
css/Bebas-Regular.woff Normal file

Binary file not shown.

BIN
css/Bebas-Regular.woff2 Normal file

Binary file not shown.

BIN
css/CarbonType.eot Normal file

Binary file not shown.

617
css/CarbonType.svg Normal file
View File

@ -0,0 +1,617 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20170731 at Thu Feb 22 03:04:10 2007
By Aleksey,,,
2007 Vic Fieger
</metadata>
<defs>
<font id="CarbonType" horiz-adv-x="636" >
<font-face
font-family="CarbonType"
font-weight="400"
font-stretch="normal"
units-per-em="2048"
panose-1="2 0 0 0 0 0 0 0 0 0"
ascent="1638"
descent="-410"
x-height="1059"
cap-height="1493"
bbox="6 -456 1563.75 1654"
underline-thickness="48"
underline-position="-236"
unicode-range="U+0020-F002"
/>
<missing-glyph horiz-adv-x="500"
d="M63 0v1280h1024v-1280h-1024zM95 32h960v1216h-960v-1216z" />
<glyph glyph-name=".notdef" horiz-adv-x="500"
d="M63 0v1280h1024v-1280h-1024zM95 32h960v1216h-960v-1216z" />
<glyph glyph-name=".null" horiz-adv-x="0"
/>
<glyph glyph-name="nonmarkingreturn" horiz-adv-x="390"
/>
<glyph glyph-name="space" unicode=" " horiz-adv-x="1502"
/>
<glyph glyph-name="exclam" unicode="!" horiz-adv-x="1491"
d="M325 1455q13 -108 0 -188l54 -57l-18 -37v-57v-132l54 -18q-18 -236 54 -415q113 80 180 151q-18 198 0 320l-36 19v113q13 19 0 37q59 151 54 264q-99 108 -216 113q-72 -80 -126 -113zM325 307q103 -626 414 0q-131 150 -252 150q-113 -61 -162 -150z" />
<glyph glyph-name="quotedbl" unicode="&#x22;" horiz-adv-x="1491"
d="M448 1585q9 -113 -12 -190q24 -44 12 -83q44 -122 36 -226l11 -47q60 -18 107 -12q0 122 -12 202l36 59q-6 119 12 202q-39 95 -107 119zM828 1561v-59q-3 -92 0 -154h36q18 -158 0 -262q62 -127 142 12l-23 12q-18 158 71 261q3 164 -119 238q-68 -21 -107 -48z" />
<glyph glyph-name="numbersign" unicode="#"
/>
<glyph glyph-name="dollar" unicode="$" horiz-adv-x="1488"
d="M344 1360q-287 -40 -173 -361q87 -98 173 -142q-12 -157 78 -251q16 20 32 16q-20 122 47 204l-31 63v63v125v47q19 251 0 424h-126q12 -110 0 -188zM579 1548q4 -90 -31 -173v-62q181 -59 94 -424q-66 -16 -94 -63q173 -106 63 -267q78 -82 -16 -157q-12 -125 -125 -94
q-51 110 15 188q-70 16 -47 79q-228 -353 -188 -63l-110 -16q63 -149 188 -204q-19 -172 16 -298q169 35 188 235q12 -321 236 -204q8 118 0 204q98 67 141 142q177 302 -173 486q12 28 32 32q-24 90 0 172v173q118 -31 204 32q-82 117 -204 109q55 208 -173 173h-16h16h-16
zM328 1187q-43 -102 -63 16zM799 496l16 -62h-94l31 15q-51 122 16 220q153 -59 31 -173z" />
<glyph glyph-name="percent" unicode="%"
/>
<glyph glyph-name="ampersand" unicode="&#x26;" horiz-adv-x="1488"
d="M359 1444l-54 -126q-104 -333 162 -468v-72q-104 -90 -198 -108q-154 -459 126 -594q135 -181 396 -18v90q-734 4 -234 594q108 -315 360 -450q-63 -81 -126 -126q108 0 198 36q99 -257 342 -180v90q-306 22 -252 198q-99 162 252 216q32 94 18 180q-315 72 -342 -324
l-72 -54q-135 130 -180 270q-95 72 -126 162q58 40 108 36q490 630 -270 702q-41 -54 -108 -54zM773 1210l18 -180q-414 -329 -288 216l72 36q117 -27 198 -72z" />
<glyph glyph-name="quotesingle" unicode="'" horiz-adv-x="1595"
d="M776 1609q-122 -74 -119 -238q89 -103 71 -261l-23 -12q80 -139 142 -12q-18 104 0 262h36q3 62 0 154v59q-39 27 -107 48z" />
<glyph glyph-name="parenleft" unicode="(" horiz-adv-x="1491"
d="M849 1473l-14 -31l-172 -216q-14 -101 0 -170q-183 -579 201 -942l29 -108q107 -23 172 16l14 92q-291 220 -301 556q-94 467 287 818q-47 96 -129 108z" />
<glyph glyph-name="parenright" unicode=")" horiz-adv-x="1491"
d="M506 1418q215 -96 219 -326q106 -63 55 -193q99 -63 41 -178q23 -100 -55 -148q-45 -315 -301 -430q3 -126 109 -148q72 -4 110 0q24 89 96 103q-4 119 13 208q69 26 96 74v45l14 44v59l27 30q-3 108 27 178l-13 89l27 74l-27 119q-45 137 -55 237l-41 15v44
q-17 15 -14 30q-41 78 -95 119q-18 77 -55 133h-151q-24 -104 -27 -178z" />
<glyph glyph-name="asterisk" unicode="*" horiz-adv-x="1491"
d="M665 1558q22 -31 0 -62q-127 9 -198 -74l37 -62q195 -28 -12 -124l-13 -87q121 -15 211 25q-34 -96 50 -136h49q22 77 62 124q115 -37 186 37q-139 118 0 235q-87 71 -198 25q-19 81 12 149q-87 21 -149 12z" />
<glyph glyph-name="plus" unicode="+"
/>
<glyph glyph-name="comma" unicode="," horiz-adv-x="1491"
d="M524 326l10 -77q142 -99 48 -193v-77q36 -12 48 -39h29q41 75 107 77q118 331 -49 464h-19h19h-19q-118 -58 -174 -155z" />
<glyph glyph-name="hyphen" unicode="-" horiz-adv-x="1491"
d="M1110 735.5q14 -34.5 -138 -174.5q-31 -4 -73 4t-184 3q-302 10 -205 -7l-137 2q-14 42 8.5 107.5t86.5 73.5q30 3 67 -5q82 -16 177 -7t239.5 23.5t158.5 -20z" />
<glyph glyph-name="hyphen" unicode="&#x2010;" horiz-adv-x="1491"
d="M1110 735.5q14 -34.5 -138 -174.5q-31 -4 -73 4t-184 3q-302 10 -205 -7l-137 2q-14 42 8.5 107.5t86.5 73.5q30 3 67 -5q82 -16 177 -7t239.5 23.5t158.5 -20z" />
<glyph glyph-name="period" unicode="." horiz-adv-x="1491"
d="M354 223l-48 -48q81 -217 301 -193v36q226 187 73 434h-36q-73 15 -133 12q-136 -102 -157 -241z" />
<glyph glyph-name="slash" unicode="/" horiz-adv-x="1491"
d="M903 1474l-39 -13q-32 -117 -91 -195q-45 -162 -156 -260l-26 -78q-22 -74 -13 -143q-90 -61 -77 -168q-88 -13 -91 -91l91 13l-13 52l39 39q84 74 77 168l117 91q56 72 52 143h39q75 111 169 169q29 88 78 143q-6 101 -26 169q-65 3 -104 13zM306 409q42 -114 104 -13
q29 68 -26 104q-56 -49 -78 -91zM189 253l-13 -39l-117 -221l26 -52l156 65v104q68 81 65 182h-52z" />
<glyph glyph-name="zero" unicode="0" horiz-adv-x="1515"
d="M489 1460q-437 -472 -287 -1041l90 -18q17 -65 -54 -54v-72l125 -36q-53 -88 180 -251h144h125h54q37 166 216 144l18 89l17 18l54 36l-18 108q114 177 90 359l54 18v54q-20 27 -18 54v54q-55 106 -54 197q-109 144 -125 269q-130 17 -198 90q-96 -6 -179 18
q-135 -37 -234 -36zM1010 904q27 -17 54 0q63 -361 -126 -629q-140 -126 -287 -36q-47 -75 -90 0q-137 0 -144 144q-87 13 -143 54l36 54q-71 268 53 413q5 226 198 305q382 26 449 -305z" />
<glyph glyph-name="one" unicode="1" horiz-adv-x="1498"
d="M59 1267q18 -27 18 -53l123 -18q149 18 263 0l18 -70l-18 -70q9 -132 0 -211v-53l35 -105q-17 -84 -17 -141q22 -167 0 -281q-132 -52 -281 0q-105 -92 -123 -193q250 -123 474 -53q325 -74 562 53q18 88 0 158q-171 -9 -298 35l-106 -35l-17 70q4 49 0 71v193v193l17 70
v53v70l35 36q0 87 18 140q-26 141 0 264q-220 118 -404 105q-321 18 -299 -228z" />
<glyph glyph-name="two" unicode="2" horiz-adv-x="1515"
d="M525 1461q-220 -69 -363 -155q4 -121 -35 -208q108 -65 208 -69q143 143 329 86q69 83 121 -17q138 -35 17 -277q-368 -39 -606 -277l-17 -52q-17 -30 -35 -34l-34 -121q0 -156 -52 -260q277 -125 606 -86l34 52q221 -70 398 34q-30 108 -86 173q-368 -99 -692 -34
q60 225 259 259q160 152 363 139q22 73 87 86q212 619 -485 796z" />
<glyph glyph-name="three" unicode="3" horiz-adv-x="1515"
d="M592 1452h-88q-32 -11 -58 0l-334 -29l-29 -58q25 -167 465 -160q-120 -178 -262 -247v-160l88 -58q189 91 378 73v-58q80 -44 0 -233l-73 -15q-142 -229 -393 -247q-83 -62 -189 -58q-47 -65 -43 -145l72 -73q77 11 131 44h146l29 58q254 76 363 276q266 214 44 596
q-109 11 -175 58q418 396 29 422l-72 58z" />
<glyph glyph-name="four" unicode="4" horiz-adv-x="1468"
d="M171 1421l-15 -45q19 -15 15 -30v-45q-11 -161 0 -269v-45l-45 -105l-15 -90l-30 -15q-26 -131 -75 -210q4 -120 0 -195h45l45 -14h45l45 -15q206 29 344 15q15 18 30 14q-116 -396 165 -374q8 131 75 225q-180 198 150 149l15 180q-71 94 -180 60v45q-45 169 -30 300
q-67 52 -105 105q-209 -135 -75 -450q-168 -11 -269 0l-15 60q11 53 45 90q0 135 60 240v164q26 139 15 240q-87 71 -180 90z" />
<glyph glyph-name="five" unicode="5" horiz-adv-x="1513"
d="M783 1466h-105l-89 -15q-239 19 -403 0q-15 -156 -60 -253q56 -101 0 -179q60 -75 30 -150l75 -59h104q280 227 508 -75q-79 -119 -45 -239l-135 -45q-227 -257 -537 -253l-74 -60q-8 -145 119 -164q119 104 254 119q280 109 403 344q41 123 119 194l-45 74
q64 414 -552 343q-26 265 537 224q64 157 -74 224q-8 -30 -30 -30z" />
<glyph glyph-name="six" unicode="6" horiz-adv-x="1515"
d="M601 1461q-103 -107 -230 -138q-65 -169 -184 -261l-15 -122q-81 -250 -46 -476q53 7 107 0q58 80 61 169q70 -16 108 -46q88 138 230 61q284 -58 231 -384q-354 -307 -676 169q-123 -165 61 -276q58 -211 307 -108l62 -61q111 100 230 107q-8 89 62 123q7 104 61 169
q-92 618 -691 384q42 111 138 169v122l62 -15q80 226 307 230q57 50 123 62q-8 184 -200 153q-54 -42 -108 -31z" />
<glyph glyph-name="seven" unicode="7" horiz-adv-x="1515"
d="M74 1082q-27 -39 -31 -77l61 -31l77 16q50 353 384 307q230 23 215 -215q-88 -92 -108 -200q-452 -383 -337 -905h92q15 173 77 276q-58 54 -62 123q177 153 184 337l108 31q61 180 169 292q0 180 61 322q-54 61 -61 123h-62h-46q-92 19 -169 15h-46h-46h-46h-169h-153
q-127 -211 -92 -414z" />
<glyph glyph-name="eight" unicode="8" horiz-adv-x="1506"
d="M125 1002q112 -62 108 -170l62 46v-92q-232 -158 -247 -417q54 -62 93 -93q-112 -108 46 -139v-77q104 -8 154 -77l139 31l-15 108q-120 35 -232 15v93q-227 147 62 510h139q139 -24 231 -16l16 -108q181 -104 62 -185q77 -186 -186 -309v-46q93 -24 170 -16
q367 425 -62 757q66 42 124 61q-27 51 -31 93q147 108 62 247q-81 301 -386 278q-317 -93 -309 -494zM634 1156q70 -65 -15 -108q19 -38 46 -15q-38 -89 -92 -139q-151 -73 -216 77q-116 0 -108 108l-47 16q66 185 216 216l16 46q262 -50 200 -201z" />
<glyph glyph-name="nine" unicode="9" horiz-adv-x="1515"
d="M103 863q101 -86 135 -195q320 -76 557 45l46 -75q-166 -403 -543 -467q-75 -83 -60 -181q429 49 557 422q162 120 121 301l30 -15q83 245 -30 422q-8 350 -407 376q-467 -166 -406 -633zM585 1270q52 -79 150 -75q234 -520 -361 -407q-57 106 -121 166q-19 245 166 316
q90 -7 166 0z" />
<glyph glyph-name="colon" unicode=":" horiz-adv-x="1403"
d="M130 1005q110 -101 165 -202q91 42 146 55l128 55q5 101 55 165q-50 100 -55 219q-151 78 -311 55q-155 -155 -128 -347zM57 529q64 -371 366 -421q68 151 201 201q-32 110 0 238q-174 137 -329 147q-101 -138 -238 -165z" />
<glyph glyph-name="semicolon" unicode=";" horiz-adv-x="1491"
d="M513 1303q-15 -150 -47 -252q59 -56 63 -127l48 -15h47q146 31 253 15l16 111q63 122 47 237q-103 146 -253 142q-79 -87 -174 -111zM608 372q-55 -182 -31 -332q114 8 189 32q372 612 -63 789q-407 -308 -95 -489z" />
<glyph glyph-name="less" unicode="&#x3c;"
/>
<glyph glyph-name="equal" unicode="="
/>
<glyph glyph-name="greater" unicode="&#x3e;"
/>
<glyph glyph-name="question" unicode="?" horiz-adv-x="1491"
d="M455 1479q-91 -78 -190 -76v-56q-162 -146 -208 -322q379 -218 379 246h57q113 31 208 38q96 -45 113 -133q290 -61 -303 -454v-209q91 -19 152 -19q54 141 57 247q503 137 322 606q-154 44 -228 151h-208q-73 -23 -151 -19zM663 2q171 90 151 284q-181 94 -340 76
q-230 -354 189 -360z" />
<glyph glyph-name="at" unicode="@" horiz-adv-x="579"
/>
<glyph glyph-name="A" unicode="A" horiz-adv-x="1498"
d="M540 1488q-1 -174 -75 -298q18 -136 -56 -223q-15 -414 -167 -708q-175 -9 -224 -150q406 -182 671 0q10 209 -224 205l56 19h112q70 52 149 56v-56q-22 -64 0 -112q-37 -70 -37 -149q388 -180 596 37q-52 202 -261 205l-37 261q-100 201 -112 392h-112q33 51 75 74
q-6 67 -56 93q42 365 -261 373q-19 -22 -37 -19zM782 818q16 -43 0 -75q-41 -89 -56 37h-130l18 56q74 -28 168 -18zM912 333q-55 -86 -111 0h111z" />
<glyph glyph-name="B" unicode="B" horiz-adv-x="1501"
d="M433 1231q44 -101 124 -158q62 61 88 141q84 13 124 70l53 -70q167 -5 282 -53q27 -102 35 -177l-70 -106q-146 18 -159 -106q18 -198 212 -123l53 -53q79 -133 35 -265q80 -22 141 -18q71 265 -141 406q66 173 71 301q70 286 -195 300l-17 70h-53h-71h-300h-53
q-124 27 -212 18q-362 -159 53 -177zM521 1055l-35 -53q27 -102 18 -194q17 -168 -36 -283q45 -203 18 -353q-176 53 -265 -88q239 -159 477 -18q516 -221 600 194l-53 18q-145 -62 -264 -35q-204 -80 -371 -36q66 137 53 283q-14 137 -71 229q71 53 124 0q35 80 123 53
q27 22 36 53l-283 18q40 124 0 212h-18h18h-35h17h-35h18h-36h18h-18z" />
<glyph glyph-name="C" unicode="C" horiz-adv-x="1504"
d="M975 1439q-732 108 -791 -413q-166 -494 144 -844l18 -36q76 -63 108 -144q139 0 233 -18q27 18 54 18q135 4 234 36q103 148 234 215q112 301 -144 360l-36 -36q-41 -54 -36 -108l-162 -251q-193 -9 -323 18l-18 107q-189 95 -162 306l-36 -36q-13 305 144 521
q413 314 503 -198q103 -22 180 -72q13 113 72 198q-45 81 -36 162q85 80 36 179q-72 72 -144 90z" />
<glyph glyph-name="D" unicode="D" horiz-adv-x="1505"
d="M18 1330l307 -72q-63 -316 36 -451q-13 -32 -36 -36l-18 -55q13 -275 -18 -451q-257 13 -253 -217l253 -36q144 23 253 -18q162 90 325 54q49 45 108 72q41 50 90 73q28 81 91 126l-36 145q103 40 72 361l54 18l-18 126q-32 18 -36 36q-54 231 -163 380q-122 27 -198 90
h-199h-54l-90 18h-55l-36 -18l-289 18q-72 -90 -90 -163zM903 1132q153 -59 126 -217q172 -190 18 -379q64 -118 -90 -145q-226 -176 -469 -108l-19 54q28 18 37 36l-37 73l37 36v72l-18 126l-19 109q59 103 0 198q28 86 0 163q95 126 217 180q163 -54 217 -198z" />
<glyph glyph-name="E" unicode="E" horiz-adv-x="1490"
d="M1000 1456l-74 19q-194 -10 -313 -37q-148 23 -259 0q-138 37 -240 18q-32 -51 -73 -74l18 -92q171 46 277 -37q-32 -332 147 -571q-230 36 -147 -461q-318 41 -295 -185q32 -18 37 -37q170 46 332 0l36 37h74h148h55l129 -18q208 -46 369 -19l56 74q0 88 37 148
q-10 27 18 55q-55 147 -37 276l-147 37l-111 -73q0 -74 -56 -111q139 -231 -498 -203q-50 125 37 166l-18 74l-37 -37q28 120 148 92q-74 19 -93 74q208 28 351 0q32 55 74 92q-56 175 -19 332l-147 55q-74 -184 -148 -147q-37 -134 -185 -111q56 171 19 314l18 129
q342 -83 130 55h129q166 -37 295 0q4 -101 74 -147q-65 -139 73 -185q42 51 93 74q64 383 -203 461q-33 -32 -74 -37zM889 350q65 13 19 55z" />
<glyph glyph-name="F" unicode="F" horiz-adv-x="1499"
d="M71 1382q93 -38 148 -93q84 37 149 -19q-9 -111 18 -204q-65 -363 38 -651q-61 -116 -56 -204q-335 -9 -297 -167q223 -89 408 0q358 -172 316 167h-130q-9 88 -149 111q140 52 242 38q79 93 186 93l18 55q-23 130 0 223q-28 149 0 279q-102 32 -111 111q-307 5 -335 130
q51 -9 56 -55h130q79 139 334 74q38 -65 93 -93q-28 -200 167 -223q84 284 -37 520l-315 19q-330 -65 -613 0q-200 0 -260 -111zM795 1028q-344 -18 -56 75q42 -28 56 -75zM665 954q-42 -111 -56 0h56zM739 936q70 -33 -18 -38zM665 583q232 -14 -130 -149q-9 135 0 223
q107 14 130 -74z" />
<glyph glyph-name="G" unicode="G" horiz-adv-x="1499"
d="M91 901l-73 -36q60 -78 73 -147q-13 -399 276 -624q68 -37 91 -110h55l37 18q193 -9 330 19l92 55q114 -74 220 -55l37 91l-19 37l-18 55v55q-78 161 -92 294q175 64 147 202h-55q-92 0 -147 18h-55q-128 -32 -220 -18q-188 -78 18 -166q166 42 184 -128
q-138 -96 -165 -220q-326 -101 -440 147q-230 243 -37 770q518 335 587 -202l110 -18l73 73q-36 216 92 331v110q-174 82 -238 -37l-56 -18q-229 128 -440 91q-325 -238 -367 -587z" />
<glyph glyph-name="H" unicode="H" horiz-adv-x="1505"
d="M54 1418l18 -187q68 28 126 0l36 -75l-36 -74q23 -131 54 -206l-54 -131q27 -70 36 -131q-40 -187 -18 -337q-180 -56 -198 -224q41 -37 54 -75q126 66 144 -56q113 56 216 56v75q63 -5 90 -56l72 56q118 9 181 -56q162 33 306 -19q63 75 126 19l18 131
q-162 219 -162 449q-99 168 36 280v150q-81 42 -90 131q121 60 216 56q-18 140 -54 243q-144 -9 -252 37q-325 -75 -577 19q-144 -98 -288 -75zM703 1381l-36 -150q333 -285 108 -262q-5 -261 -397 19q68 243 216 411q55 -46 109 -18zM793 670q63 -266 -54 -112l-18 -112
q144 -103 -72 -169l-37 -74q50 -131 -252 112l72 131q-36 196 144 224h217z" />
<glyph glyph-name="I" unicode="I" horiz-adv-x="1497"
d="M72 1252q194 -48 345 -18q48 -107 17 -206q78 -130 18 -259q107 -254 -18 -500q-379 82 -310 -207q39 -21 52 -51l17 34h138q95 -60 190 -34l51 51q272 -30 483 18v172l-138 17h-276l17 35q-21 263 35 465q-69 246 -17 448q189 69 345 35q34 94 34 172l-69 35h-52l-34 17
q-341 -56 -604 17q-245 -52 -224 -241z" />
<glyph glyph-name="J" unicode="J" horiz-adv-x="1490"
d="M442 1331q153 -104 306 -90q9 -45 0 -72l18 -54v-90l18 -54l-18 -54q27 -68 18 -144q9 -113 0 -163q58 -103 36 -216q-95 -121 -198 -162q-383 -54 -234 360q-95 99 -180 126q-190 -288 18 -612q180 -49 288 -108q135 68 252 72q72 63 126 90v54l36 36q13 99 0 198
q27 18 36 36v72v72v54v73v324l18 144q351 54 216 252l-36 -18l-126 18q-234 -23 -396 18q-171 -27 -198 -162z" />
<glyph glyph-name="K" unicode="K" horiz-adv-x="1517"
d="M1287 1482q-136 -2 -219 -19q-82 -80 -183 -73q-288 139 -586 55q-49 -205 201 -220v-91q18 -138 0 -238l18 -73q2 -186 -18 -311l18 -275q-102 -23 -201 -18q-254 -336 549 -183l19 36q-50 74 -55 147q-146 -8 -202 91v147q48 98 55 219q319 34 293 -274q276 -62 0 -293
l18 -92h55l74 -18q219 52 402 18q47 108 37 202q-135 11 -220 0q-179 168 -219 366q-22 18 -19 36q-101 89 -146 183q152 462 586 513q-34 170 -220 183q-18 -21 -37 -18zM1031 1280q-78 -250 -275 -329q26 -137 -109 -147q-33 13 -37 37l73 55q-44 181 -18 329
q158 84 238 147q81 -36 128 -92z" />
<glyph glyph-name="L" unicode="L" horiz-adv-x="1517"
d="M116 1445l-35 -90q44 -196 299 -128l-17 -72v-182l17 -55v-218l-17 -36l17 -55q-35 -213 0 -381q-180 -37 -299 -37q4 -100 -18 -145l88 -73q146 28 247 -36l53 36l53 19l70 -19l71 19h53h70h53h53h177l158 18l71 218q44 227 -53 418q-221 -73 -141 -400l-88 -91
q-221 -9 -406 73l-18 54l18 73q-22 132 0 236l-35 109l35 73q-31 254 35 454q252 -4 247 218l-53 19q-286 -28 -493 36q-106 -64 -212 -55z" />
<glyph glyph-name="M" unicode="M" horiz-adv-x="1520"
d="M38 1363q98 -24 156 -98l-19 -97l19 -59q20 -157 -19 -274l39 -215q-15 -220 0 -352q-152 -69 -137 -215l137 -39l59 -20l156 39l39 -19h59l137 39q93 -10 176 19q122 -73 235 -58q166 48 293 -20v176l-39 20l-98 78v78q5 117 -39 215v78v59v59q68 274 39 508
q93 49 117 137q-229 78 -430 0l-19 -58l-20 -79l-20 -117q-9 -142 -97 -215q34 -176 -20 -313l-117 59l19 78q-73 230 -156 371q10 137 0 235l-313 137q-98 -64 -137 -137zM1055 952v-684l-137 -39q-73 425 98 782zM410 698q58 -103 78 -195q112 -93 117 -313l-137 -20
l-19 39l-98 157q39 293 0 489q49 -79 59 -157z" />
<glyph glyph-name="N" unicode="N" horiz-adv-x="1502"
d="M73 1362q341 -9 284 -531l114 19q57 99 152 76q-28 204 76 341q-128 71 -114 209h-57q-171 52 -303 38q-162 -19 -152 -152zM851 1381q99 -47 133 -152q57 48 114 57q-48 -109 -57 -208q189 -204 151 265q219 -19 171 152h-152h-57h-246zM718 1021q43 76 -38 95zM680 893
q238 -183 73 109zM1060 755q57 -71 19 -152h94q57 180 -37 285zM376 793q-71 -109 0 -190q-104 -99 -19 -190q-61 -104 -57 -208q-113 4 -208 -19q33 -67 0 -133q33 -19 38 -57h57q199 24 341 0q95 57 152 76q-38 147 -228 190q52 303 -57 531h-19h19h-19zM832 527
q109 15 152 95q-128 19 -133 133h-76q57 -104 57 -228zM1136 546l-57 -38q23 -161 -152 -76q71 -185 57 -341q393 -199 170 455h-18h18h-18z" />
<glyph glyph-name="O" unicode="O" horiz-adv-x="1520"
d="M64 713l56 -56q-79 -380 356 -675q736 -9 732 675v56l37 37q-28 174 0 300q-28 -4 -56 19l-19 112l-37 19q-24 19 -19 38l-38 18q-117 146 -206 225q-94 0 -150 19h-75q-511 -84 -581 -787zM889 1125l112 -19l-18 -93q201 -422 -113 -787l-94 -19q-501 47 -487 525
l-75 93q56 164 169 225q-5 108 37 188q136 14 188 93q295 33 281 -206z" />
<glyph glyph-name="P" unicode="P" horiz-adv-x="1527"
d="M63 1404q72 -62 96 -133q133 0 229 -20q33 -148 -19 -267q33 -91 0 -172q81 -187 19 -344q52 -91 -19 -134q33 -81 19 -153q-249 29 -325 -153q153 -76 268 0q172 -91 477 0v96l-114 38q-105 -24 -172 19q47 196 19 344q81 53 153 77q291 -77 535 57v76q258 201 57 574
q-100 52 -153 134l-76 -19q-91 4 -172 57q-153 -10 -268 19q-229 -38 -401 0zM808 1309q115 38 210 19l58 -134q200 14 95 -344q-157 -201 -382 -134q-105 -148 -267 19l19 134v134q52 153 19 287q76 4 115 57z" />
<glyph glyph-name="Q" unicode="Q" horiz-adv-x="1543"
d="M694 1554q-192 40 -269 -100q-160 -24 -165 -159l-104 -20l-20 -60v-80l-21 -119q-26 -95 0 -160q-52 -115 -41 -220q124 -578 682 -678q20 -314 330 -339l104 -20q186 239 165 499l-41 20q-99 55 -186 79q20 180 165 240q-5 120 -62 199q145 569 -331 918h-144l-42 100z
M714 1375q-51 -115 -82 20zM673 1255q429 65 372 -399q46 -494 -227 -379l-83 100q-196 -5 -331 -100l21 80q-191 10 -83 199q-77 190 0 359q-31 120 83 80l21 160q134 -30 227 -100zM549 237l83 60q268 -169 -83 -60zM1128 138q-104 -125 -62 20z" />
<glyph glyph-name="R" unicode="R" horiz-adv-x="1520"
d="M612 1462h-56q-93 0 -149 19q-178 -47 -299 -56q61 -89 205 -113q10 -60 -18 -93q42 -193 37 -319l56 -19q-37 -108 -37 -187q107 -29 168 -57q466 66 448 -600q210 -108 373 -18q-14 220 -224 206q19 239 -149 356q121 150 280 206q32 99 74 150q-93 572 -597 507
l-75 56zM705 1312q122 33 224 19q66 -108 168 -131q19 -586 -578 -450q-164 -28 -75 169q-23 262 112 431q84 -14 149 -38zM52 169q5 -150 355 -132q149 -37 261 0q-5 164 -187 150q-84 164 0 300l-130 113q51 -436 -299 -431z" />
<glyph glyph-name="S" unicode="S" horiz-adv-x="1523"
d="M855 1443q-575 156 -698 -320q5 -99 0 -151q95 -80 76 -189l151 -56l19 37l56 -56q264 19 453 -95q38 -184 -19 -339q-174 -99 -339 -95q-175 260 -416 359q-9 -43 -37 -57l37 -19l-75 -415q99 -14 170 19q-71 10 -19 95h94q330 -288 680 -38q99 -14 151 0q14 94 75 151
v56v57q-61 141 -75 245q-151 57 -246 151q-104 5 -188 38q-151 9 -189 132q-71 -38 -151 -19q-19 61 0 113q-80 66 38 132q66 227 339 132q80 -316 321 -283q-5 175 76 283q-85 137 -208 189z" />
<glyph glyph-name="T" unicode="T" horiz-adv-x="1517"
d="M116 1442q29 -130 19 -231l174 19q-5 183 135 135q62 -10 115 0q-5 -145 97 -212q-15 -116 -58 -193q96 -265 0 -463l38 -308q-178 -39 -308 19q-68 -91 -58 -193l77 -19h77q155 5 270 58q222 -97 424 -19q24 207 -327 154l19 58q-106 352 -19 655l96 -77v154
q-241 -110 -154 251l77 -58q149 58 289 58q43 -164 -38 -289q57 -92 77 -174q226 48 135 463q72 29 96 77q-130 68 -174 193q-327 -82 -520 0q-217 -53 -386 0q-96 -58 -173 -58zM212 941q140 -44 154 58q-154 82 -231 192q-72 -544 77 -250z" />
<glyph glyph-name="U" unicode="U" horiz-adv-x="1501"
d="M48 1431v-93q139 -14 223 -74l-19 -93v-149q20 -108 -18 -204l37 -93l-19 -74q32 -173 0 -315l19 -112q75 -52 93 -130h55l56 -18q127 -70 241 -93q149 51 223 148q93 -33 167 0l-37 260l18 56v93v74v93q-18 111 19 204q-24 105 -19 186q-1 234 223 260q-20 202 -538 129
l-56 -74q40 -120 149 -148q32 -171 0 -297q19 -130 55 -204l-37 -56q26 -136 -18 -223q12 -118 0 -204l-130 -130q-456 37 -297 1095q179 80 204 223l-37 18h-56h-56l-55 19q-127 -23 -223 0q-114 -24 -167 -74z" />
<glyph glyph-name="V" unicode="V" horiz-adv-x="1503"
d="M384 1456q-199 0 -336 -36q9 -190 195 -194q0 -151 106 -213q0 -128 -18 -212l53 -35l18 -124l18 -124q35 -9 35 -36q36 -97 18 -194q71 -133 88 -266l71 -35q128 62 195 159v71l18 124l53 71q8 314 141 566q-9 137 36 230q84 31 159 18l53 177q-217 190 -584 17v-106
q230 -199 53 -442q58 -336 -106 -443q31 -93 17 -177q-132 155 -70 319q-76 97 -53 212q-133 111 -107 266q-84 199 107 247v142l-142 53z" />
<glyph glyph-name="W" unicode="W" horiz-adv-x="1494"
d="M23 1349q135 -116 204 -204l-18 -75v-92l37 -75v-92l-19 -56v-56q23 -18 19 -37v-74q14 -33 37 -37v-260l18 -37q-14 -121 0 -204q339 -190 297 371l75 56q-5 125 111 148q107 -185 56 -352q74 -116 74 -242q144 -92 260 0q-19 344 92 594l-55 37q9 598 241 649l-19 112
q-181 0 -315 74l-111 -74l-19 -74q195 -89 111 -650q-83 -9 -111 -74q-116 144 -74 278h-93q32 33 74 37q-111 93 -204 149q-37 -88 -148 -93q79 -162 0 -297l-149 -18q-18 134 37 222q-102 126 -148 223q79 74 74 167q107 42 74 148q-199 0 -334 56zM747 755l37 74l18 -130
q-153 -23 -111 130zM468 606q112 -18 -18 -37z" />
<glyph glyph-name="X" unicode="X" horiz-adv-x="1500"
d="M843 1513l-54 -90q117 -247 0 -288q36 -184 -72 -126q23 -85 -53 -107l18 125q-144 108 -180 234q63 63 126 72l-18 36l-36 108h-72l-36 18q-216 -54 -378 -36q27 -117 72 -198q108 41 198 18v-72q153 -162 198 -323q99 -5 161 -54l-35 -54l-162 -144q-23 -117 -108 -162
q-23 -130 -72 -216q-216 -9 -306 -162q324 -152 612 -36v90q-216 99 89 414q248 -207 54 -378v-144q509 -125 558 108q-85 140 -234 108v54q-108 68 -162 162q-18 126 -144 126l54 18q-94 94 0 180q9 166 144 233q50 248 270 234l36 54q-49 122 -108 198q-166 -27 -288 0
h-18h18h-36h18h-36h18h-36h18h-18z" />
<glyph glyph-name="Y" unicode="Y" horiz-adv-x="1499"
d="M49 1278q27 -48 35 -87q148 39 262 -35l17 -244q131 -87 122 -226q140 -131 87 -471q-331 161 -348 -140q52 -30 69 -69l53 17q274 -48 471 -17l69 52q88 -17 157 -17q13 74 70 87q-139 200 -366 139q9 493 261 854l18 122q139 -21 244 18q-22 96 -17 174
q-127 44 -210 53l-17 -35h-52l-53 17q-375 -61 -697 35q-201 -52 -175 -227zM642 825q-26 9 -35 35q-26 179 -122 296q131 61 175 140q331 -109 -18 -471z" />
<glyph glyph-name="Z" unicode="Z" horiz-adv-x="1500"
d="M127 1302q-74 -74 0 -129q-79 -194 92 -259q111 208 74 406h148l55 -18q194 41 332 0q-92 -115 -92 -240q-138 -37 -166 -166l-74 -37l-18 -129l203 73l-56 37l111 19q5 46 18 74l56 55v55l92 93l37 37l19 37q115 124 147 221q-134 69 -258 74q-102 -134 -554 0
q-203 -69 -166 -203zM958 545q36 -226 -148 -296q-263 -23 -425 37q5 204 148 296v74l-74 37q-46 -102 -148 -130q-55 -120 -147 -166q-19 -92 -74 -148q28 -106 0 -203q138 -13 221 -55l56 37l74 18h55h203h55l370 19l55 111l-18 73q32 250 0 425l-111 37z" />
<glyph glyph-name="bracketleft" unicode="[" horiz-adv-x="282"
/>
<glyph glyph-name="backslash" unicode="\" horiz-adv-x="318"
/>
<glyph glyph-name="bracketright" unicode="]" horiz-adv-x="312"
/>
<glyph glyph-name="asciicircum" unicode="^" horiz-adv-x="330"
/>
<glyph glyph-name="underscore" unicode="_" horiz-adv-x="490"
/>
<glyph glyph-name="grave" unicode="`" horiz-adv-x="357"
/>
<glyph glyph-name="a" unicode="a" horiz-adv-x="1509"
d="M362 695v-70q-109 -75 -175 -141q28 -193 0 -350q399 -286 701 -18h106l35 -70q136 -4 245 -53l70 88q0 228 -210 211l-53 87q106 372 -70 667h-52l-123 17l-53 18l-315 17q-396 -217 -106 -403zM660 379q46 35 71 70q75 -122 -71 -70zM433 274q41 77 105 105
q229 -125 -105 -105z" />
<glyph glyph-name="b" unicode="b" horiz-adv-x="1489"
d="M33 1323q58 -139 216 -162l18 -90q-9 -139 54 -252q-90 -278 18 -503q-32 -54 -72 -90q67 -72 0 -162l54 -72h54l126 36l107 -18q203 -40 360 0q247 373 162 755q-76 108 -90 216q-265 140 -414 18h-161q13 167 90 270q-77 63 -54 144q-32 18 -36 36q-126 9 -216 54
q-162 -40 -216 -180zM932 370q-31 -180 -198 -180q-233 112 -144 342q-152 -50 -35 36q-59 31 -54 90q36 -9 54 -36q94 9 89 90q144 -18 270 18q140 -185 18 -360z" />
<glyph glyph-name="c" unicode="c" horiz-adv-x="1495"
d="M356 1081l34 -35l-121 -34q-60 -121 -138 -173l-17 -34l-69 -311q60 -99 69 -207l69 -35l-52 -52q255 -250 552 -207q453 147 225 501l-104 -35q30 -181 -138 -138q-60 -60 -138 -52q-375 164 -138 501q276 104 345 -173q285 -8 224 225q-94 289 -465 276
q-65 -26 -138 -17z" />
<glyph glyph-name="d" unicode="d" horiz-adv-x="1509"
d="M507 1214q38 -17 51 -51q191 9 170 -187q-132 21 -204 85q-110 -72 -187 0q-55 -59 -119 -68q-30 -68 -85 -102q-13 -119 -51 -204l-34 -119l34 -51l-17 -51q17 -26 17 -51l34 -17q43 -191 102 -323h51l255 -85q234 123 459 34l85 34q43 94 -34 153q-55 55 -136 51l34 85
l-34 51q-13 94 34 170q-4 136 17 238l-17 34v136l17 340q-68 68 -85 153q-183 4 -306 34q-212 -132 -51 -289zM609 517l-17 -51q123 -264 -221 -221q-42 85 17 153l-119 51q64 68 119 102l17 51q136 -21 221 51q208 -161 -17 -136zM541 466h-51q13 -81 51 0z" />
<glyph glyph-name="e" unicode="e" horiz-adv-x="1509"
d="M467 1046q-324 -78 -398 -485l52 -69q43 -286 242 -433v-52q308 -56 554 70v51q195 74 35 312q177 160 34 329q-142 329 -484 329q-31 -30 -35 -52zM727 734q-173 -199 -260 -69q-117 43 52 156q147 4 208 -87zM606 267q-122 13 -122 139q139 -13 243 51
q225 -56 -121 -190z" />
<glyph glyph-name="f" unicode="f" horiz-adv-x="1509"
d="M473 1467q-71 -427 -338 -427q-31 -67 -71 -107q44 -133 320 -142l36 -107v-53q-22 -209 -18 -356q-187 4 -320 -71q9 -107 35 -178l125 -36h71l125 18l391 35l54 72q-76 178 -285 178l18 160q-174 418 231 409q-36 254 249 214q22 129 18 213q-125 196 -320 214h-36h-53
q-134 -36 -232 -36z" />
<glyph glyph-name="g" unicode="g" horiz-adv-x="1522"
d="M796 1027q-439 80 -621 -248v-53q0 -89 18 -142v-89q-45 -239 -36 -390q-84 -62 -124 -142q18 -62 18 -124q102 -66 124 -159h142q151 -222 691 -36q5 45 18 71h89v195q80 138 -18 284q-137 22 -213 88q-146 -48 -230 54q35 102 142 53q26 115 106 177q13 98 53 177
q164 -53 284 18q0 155 -35 266q-165 18 -284 71h-36h36h-36q-40 -53 -88 -71zM707 690q-71 -71 -142 -106q-133 -40 -142 71q-4 128 124 159q142 0 160 -124zM618 70q147 75 266 -89v-142h-53l-35 18l-213 -35q-89 4 -142 35l-124 -18v178q137 -49 159 88l107 18
q40 -13 35 -53z" />
<glyph glyph-name="h" unicode="h" horiz-adv-x="1509"
d="M53 1329l52 -87q78 -17 122 -69v-174l17 -53v-399l18 -53l-18 -226q-148 -26 -191 -156q191 -174 504 -105q9 100 35 157l-87 174q-78 -57 -139 0q9 117 122 87q-274 139 330 208q26 -156 -104 -173q61 -283 -104 -261l-18 -105q83 -43 122 -104q200 30 348 0
q30 57 87 70v52l52 69q-48 135 -226 105q91 404 -35 747q-122 22 -209 70q-65 -43 -139 -35q-56 -100 -156 -139l-35 -69q-4 108 69 173q-130 79 -17 192q-22 95 -17 174q-57 4 -53 69l-121 35q-166 -26 -209 -174zM679 355l-69 18q-5 -183 69 -18z" />
<glyph glyph-name="i" unicode="i" horiz-adv-x="1504"
d="M343 1110q-310 -36 -278 -294q151 -41 278 -33l66 -114q-13 -147 32 -262q-102 -180 -294 -82q-37 -45 -82 -65q-28 -135 17 -229h49q286 0 474 -49l49 33q220 -13 376 16l65 164l-33 16q-32 78 -81 131q-127 -78 -246 33l-65 -17l-16 49v66l16 49v65l-16 33l16 49
l-16 327q-58 33 -66 98q213 78 82 245l33 99q-123 12 -196 65q-237 -168 -164 -393z" />
<glyph glyph-name="j" unicode="j" horiz-adv-x="1509"
d="M636 1485q-88 -96 -176 -140q13 -216 176 -264v-53q-409 132 -475 -246q84 -18 141 0l281 -18q84 -202 70 -386q-52 -101 0 -176q-70 -136 -17 -282l-70 -17q57 -35 52 -106q-162 -26 -281 18q40 53 105 70q-65 110 -87 194q-141 22 -246 0l-18 -35q-31 -225 53 -405
l-35 -35q386 -110 667 53q49 162 36 299q17 30 52 35q-4 198 -52 334q65 347 0 615l-18 88q119 167 123 352l-35 -35q-62 149 -211 158q-18 -22 -35 -18z" />
<glyph glyph-name="k" unicode="k" horiz-adv-x="1503"
d="M37 1340q17 -162 206 -154q18 -100 -17 -189q29 -70 17 -138l-17 -51q52 -298 0 -516q-116 -23 -189 -68v-172q103 -6 189 -35q94 8 172 -34q149 41 241 52q28 -18 34 -35l51 17q352 -44 602 35q0 136 -52 240q-388 -15 -481 344q103 80 155 172q186 3 309 68l17 121
l-17 17l17 -17l-17 17v34q-399 57 -722 -68l35 -52l-86 17l-17 52l-18 137q34 159 0 275l-206 86q-142 -59 -206 -155zM535 842q-64 -91 -68 0h68zM432 670l17 52q61 -33 -17 -52zM621 172l-17 69q-157 76 -34 206q160 -117 51 -275z" />
<glyph glyph-name="l" unicode="l" horiz-adv-x="1498"
d="M59 1267q18 -27 18 -53l123 -18q149 18 263 0l18 -70l-18 -70q9 -132 0 -211v-53l35 -105q-17 -84 -17 -141q22 -167 0 -281q-132 -52 -281 0q-105 -92 -123 -193q250 -123 474 -53q325 -74 562 53q18 88 0 158q-171 -9 -298 35l-106 -35l-17 70q4 49 0 71v193v193l17 70
v53v70l35 36q0 87 18 140q-26 141 0 264q-220 118 -404 105q-321 18 -299 -228z" />
<glyph glyph-name="m" unicode="m" horiz-adv-x="1504"
d="M434 1033l-51 -17q-147 51 -260 51q-30 -64 -86 -86q52 -125 155 -173q-47 -233 -17 -414l-34 17l-104 -242q104 -69 155 -121q199 26 346 -17q315 52 553 -52q86 52 155 69v52q44 73 35 138q-73 69 -121 104q0 86 -17 138q26 186 0 328q30 164 -52 294h-138h-52
q-99 -69 -207 -69q-95 82 -208 69zM486 601q151 0 69 -138q18 -182 -190 -173q-65 91 -52 207q26 173 156 156v103q91 -34 17 -155zM901 705l-17 -35q43 -203 0 -363q-134 18 -87 156q-56 134 52 242h52z" />
<glyph glyph-name="n" unicode="n" horiz-adv-x="1495"
d="M88 966v-135q271 -51 135 -288q94 -233 -152 -322l-34 -68q229 -199 475 -101q8 97 33 169q-245 254 34 440l-67 51q84 5 135 34l17 -51l17 -34l34 -101q106 -47 136 -153q-43 -50 -34 -101q-77 12 -102 84q-85 -194 -51 -372q259 -64 509 0v50q21 123 0 221l-136 17
q-17 114 0 203q51 318 -136 542l-101 17q-161 -76 -288 -102q-157 94 -272 136q-118 -38 -152 -136z" />
<glyph glyph-name="o" unicode="o" horiz-adv-x="1495"
d="M346 999l-120 -52q-56 -81 -120 -120q-5 -138 -69 -206l52 -69v-52q-48 -94 -35 -206q155 -138 207 -275q545 -138 756 378l-17 69q21 228 -17 395l-52 17q-39 43 -52 86l-34 18l-34 17l-207 103h-103q-94 -47 -155 -103zM501 689q172 35 224 -137q17 -215 -207 -241
q-30 -86 -103 69v-17v17v-17q-120 8 -103 103q-47 8 -69 34q35 129 18 224l189 34q38 -26 51 -69z" />
<glyph glyph-name="p" unicode="p" horiz-adv-x="1505"
d="M262 838q145 -57 263 -70l-17 -88q17 -26 17 -53v-158l18 -70q-31 -269 0 -440l-53 -35q-453 -260 -35 -352q66 53 141 53q101 -62 211 -53q233 66 105 264q-22 -27 -35 17l-53 71q-114 -132 -105 123h53l17 -35h53l53 -36q132 14 228 -17q75 97 176 123l18 106
q114 211 88 404q-110 664 -510 404l-211 -17v53q-181 26 -299 70q-137 -106 -123 -264zM1159 574q-5 -101 -18 -175l18 -106l-71 35q-92 -246 -246 -35q-229 211 -18 422q220 18 335 -141z" />
<glyph glyph-name="q" unicode="q" horiz-adv-x="1504"
d="M230 1048q-193 -322 -161 -627q201 -541 698 -358q45 -264 -197 -250l-18 -54q23 -18 18 -36q108 -89 144 -179h53q23 121 108 36q54 107 161 36q-27 89 18 143q-63 49 -143 54q18 134 -18 232q0 90 36 162l18 71l-36 143q58 215 18 394q26 41 35 108q-94 40 -107 125
q-81 -18 -90 -89l-340 143q-98 -67 -197 -54zM839 529q-85 -139 -54 -287l-161 18q-287 -282 -251 -18l-53 36q-139 282 107 502q246 18 412 -251z" />
<glyph glyph-name="r" unicode="r" horiz-adv-x="1507"
d="M560 1001q-300 152 -489 0q46 -190 236 -186v-67q21 -17 17 -34v-388q-101 -29 -203 -33l-67 -34q0 -85 -17 -152l67 -67q228 25 405 -51h51q109 46 202 34q38 84 51 151q-17 85 0 152q-110 -33 -236 0q-118 430 269 489q17 -156 152 -185q101 84 152 185q-42 64 -34 135
l-33 17q-156 97 -270 135h-34q-126 -72 -219 -101z" />
<glyph glyph-name="s" unicode="s" horiz-adv-x="1490"
d="M261 575l-123 -35q-26 -334 18 -545q127 4 228 53q273 -101 510 0q119 70 211 105q83 387 -246 510q88 52 176 0q87 259 -53 439q-295 -110 -563 0q-382 -206 -158 -527zM824 698q-233 -31 -194 105q158 5 194 -105zM806 259q-145 39 -176 -71l-17 71q-325 -44 -246 281
q808 -71 439 -281z" />
<glyph glyph-name="t" unicode="t" horiz-adv-x="1506"
d="M272 1061q-144 40 -235 -91q45 -204 272 -163l36 -163l-55 -18q0 -90 -18 -145l55 -145v-126l36 -109l109 -90q380 -100 543 199q117 226 -145 253q-82 -231 -308 -235v72q-23 127 0 217q-23 145 0 254q113 -23 199 36q218 -50 290 145q-113 68 -163 163
q-181 -54 -308 -73l-36 55q100 176 -36 253q31 131 -109 145q-158 -190 -127 -434z" />
<glyph glyph-name="u" unicode="u" horiz-adv-x="1507"
d="M798 1100l35 -34q-226 15 -241 -293q107 -50 138 -138q71 6 103 -34q-80 -97 -69 -207q-291 -217 -327 17q1 262 86 448h17h-17h34h-17h35h-18h18q-161 77 -52 155q-251 79 -465 17l-17 -120l207 -87q24 -168 -18 -292l52 -35l-52 -17q61 -174 18 -310l258 -172
q140 42 224 138q276 -190 516 -52q-64 100 -69 190l-172 34v52v51q28 15 34 35l18 69v51v52q-7 161 17 275q-28 71 -17 138l-172 69h-18h18h-35h17h-34h17h-34h17h-35h18h-18z" />
<glyph glyph-name="v" unicode="v" horiz-adv-x="1507"
d="M41 860l33 -83q121 -12 183 -66l16 -67q137 -240 133 -481l67 -33l-34 -50q146 -108 299 -83q25 129 100 216q-17 203 99 348q-25 195 50 116q12 141 166 183q-4 95 -17 166l-49 33q-17 -21 -34 -17q-182 9 -315 -33l-50 33l-33 -33l-33 33q-187 -12 -315 17
q-229 -12 -266 -199zM472 730l161 141l125 -147l-127 -417z" />
<glyph glyph-name="w" unicode="w" horiz-adv-x="1498"
d="M24 891q148 -160 261 -226v-121q26 -70 17 -139q9 -27 0 -53q78 -191 70 -347q386 -79 330 347q35 44 70 70q126 -165 121 -348l122 -69q69 56 139 69l17 174l-17 35q43 139 17 243l70 87q26 178 139 296q-39 104 -52 174q-213 34 -365 -53v-121q104 -109 35 -261
q-66 9 -122 -17q-226 456 -313 -87l-70 -18q-13 244 70 418q-74 56 -87 139q-100 0 -174 17q-235 -13 -278 -209zM998 578q-87 -226 -87 18zM998 352q-53 -13 -53 35z" />
<glyph glyph-name="x" unicode="x" horiz-adv-x="1497"
d="M75 834q310 -53 496 -266q-22 -132 -142 -177q-71 -155 -230 -142l-89 -88v-142q324 -75 585 71v18v-18v18h53q111 -80 213 -89l35 -18l36 36q141 -5 248 35q-5 102 0 177q-355 23 -372 337q57 89 88 177q461 116 195 337q-279 9 -461 -71l-53 18l-142 35l-212 18
q-297 -62 -248 -266zM713 763q-45 -35 -89 18l53 53q89 -9 36 -71zM854 267q-44 -124 -159 -71q-22 85 53 124z" />
<glyph glyph-name="y" unicode="y" horiz-adv-x="1507"
d="M1053 1082h-53q-191 -4 -320 -35q-333 71 -603 0l17 -196q147 -4 249 -53l-18 -35q93 -85 71 -196q182 -124 195 -337l89 -18q-146 -444 -390 -124h-107q-53 -107 -142 -160q93 -400 479 -355l54 88l71 -17q22 124 71 213q31 240 142 408l-36 54q125 186 125 373h53
q66 177 231 159l53 89l-53 124h-18h18h-18l-36 18l-71 18q-26 -18 -53 -18zM734 496l-71 -18q-14 89 0 142q-85 54 -54 143l-71 53l36 -18q89 62 177 71q200 -71 -17 -373z" />
<glyph glyph-name="z" unicode="z" horiz-adv-x="1491"
d="M626 1054l-34 18l-35 -18l-52 -19q-202 33 -326 19q-129 -236 -69 -463q90 -41 172 -18q30 69 69 111q-48 240 275 148l-17 -56q-91 -101 -121 -203q-133 -83 -172 -185q-202 -97 -223 -278l-52 -18q13 -19 0 -37q82 -69 120 -148l121 37q120 -32 206 -19q237 102 448 37
l103 93q60 356 -86 444q-43 -32 -86 -37q4 -157 -35 -259l-68 37q-185 -79 -310 0q17 74 103 55q4 84 69 111q86 250 292 315q-4 102 52 148q-30 282 -327 222z" />
<glyph glyph-name="braceleft" unicode="{" horiz-adv-x="420"
/>
<glyph glyph-name="bar" unicode="|" horiz-adv-x="201"
/>
<glyph glyph-name="braceright" unicode="}" horiz-adv-x="360"
/>
<glyph glyph-name="asciitilde" unicode="~"
/>
<glyph glyph-name="nonbreakingspace" unicode="&#xa0;" horiz-adv-x="498"
/>
<glyph glyph-name="exclamdown" unicode="&#xa1;" horiz-adv-x="309"
/>
<glyph glyph-name="cent" unicode="&#xa2;"
/>
<glyph glyph-name="sterling" unicode="&#xa3;"
/>
<glyph glyph-name="currency" unicode="&#xa4;" horiz-adv-x="420"
/>
<glyph glyph-name="yen" unicode="&#xa5;"
/>
<glyph glyph-name="brokenbar" unicode="&#xa6;" horiz-adv-x="201"
/>
<glyph glyph-name="section" unicode="&#xa7;" horiz-adv-x="420"
/>
<glyph glyph-name="dieresis" unicode="&#xa8;" horiz-adv-x="371"
/>
<glyph glyph-name="copyright" unicode="&#xa9;" horiz-adv-x="714"
/>
<glyph glyph-name="ordfeminine" unicode="&#xaa;" horiz-adv-x="402"
/>
<glyph glyph-name="guillemotleft" unicode="&#xab;" horiz-adv-x="540"
/>
<glyph glyph-name="logicalnot" unicode="&#xac;" horiz-adv-x="1395"
/>
<glyph glyph-name="minus" unicode="&#xad;"
/>
<glyph glyph-name="minus" unicode="&#x2212;"
/>
<glyph glyph-name="registered" unicode="&#xae;" horiz-adv-x="747"
/>
<glyph glyph-name="macron" unicode="&#xaf;" horiz-adv-x="360"
/>
<glyph glyph-name="macron" unicode="&#x2c9;" horiz-adv-x="360"
/>
<glyph glyph-name="degree" unicode="&#xb0;" horiz-adv-x="285"
/>
<glyph glyph-name="plusminus" unicode="&#xb1;"
/>
<glyph glyph-name="twosuperior" unicode="&#xb2;" horiz-adv-x="300"
/>
<glyph glyph-name="threesuperior" unicode="&#xb3;" horiz-adv-x="300"
/>
<glyph glyph-name="acute" unicode="&#xb4;" horiz-adv-x="462"
/>
<glyph glyph-name="mu" unicode="&#xb5;" horiz-adv-x="420"
/>
<glyph glyph-name="mu" unicode="&#x3bc;" horiz-adv-x="420"
/>
<glyph glyph-name="paragraph" unicode="&#xb6;" horiz-adv-x="450"
/>
<glyph glyph-name="periodcentered" unicode="&#xb7;" horiz-adv-x="207"
/>
<glyph glyph-name="periodcentered" unicode="&#x2219;" horiz-adv-x="207"
/>
<glyph glyph-name="cedilla" unicode="&#xb8;" horiz-adv-x="321"
/>
<glyph glyph-name="onesuperior" unicode="&#xb9;" horiz-adv-x="300"
/>
<glyph glyph-name="ordmasculine" unicode="&#xba;" horiz-adv-x="402"
/>
<glyph glyph-name="guillemotright" unicode="&#xbb;" horiz-adv-x="540"
/>
<glyph glyph-name="onequarter" unicode="&#xbc;" horiz-adv-x="786"
/>
<glyph glyph-name="onehalf" unicode="&#xbd;" horiz-adv-x="786"
/>
<glyph glyph-name="threequarters" unicode="&#xbe;" horiz-adv-x="786"
/>
<glyph glyph-name="questiondown" unicode="&#xbf;" horiz-adv-x="567"
/>
<glyph glyph-name="Agrave" unicode="&#xc0;" horiz-adv-x="609"
/>
<glyph glyph-name="Aacute" unicode="&#xc1;" horiz-adv-x="609"
/>
<glyph glyph-name="Acircumflex" unicode="&#xc2;" horiz-adv-x="609"
/>
<glyph glyph-name="Atilde" unicode="&#xc3;" horiz-adv-x="609"
/>
<glyph glyph-name="Adieresis" unicode="&#xc4;" horiz-adv-x="609"
/>
<glyph glyph-name="Aring" unicode="&#xc5;" horiz-adv-x="609"
/>
<glyph glyph-name="AE" unicode="&#xc6;" horiz-adv-x="819"
/>
<glyph glyph-name="Ccedilla" unicode="&#xc7;" horiz-adv-x="729"
/>
<glyph glyph-name="Egrave" unicode="&#xc8;" horiz-adv-x="648"
/>
<glyph glyph-name="Eacute" unicode="&#xc9;" horiz-adv-x="648"
/>
<glyph glyph-name="Ecircumflex" unicode="&#xca;" horiz-adv-x="648"
/>
<glyph glyph-name="Edieresis" unicode="&#xcb;" horiz-adv-x="648"
/>
<glyph glyph-name="Igrave" unicode="&#xcc;" horiz-adv-x="234"
/>
<glyph glyph-name="Iacute" unicode="&#xcd;" horiz-adv-x="234"
/>
<glyph glyph-name="Icircumflex" unicode="&#xce;" horiz-adv-x="234"
/>
<glyph glyph-name="Idieresis" unicode="&#xcf;" horiz-adv-x="234"
/>
<glyph glyph-name="Eth" unicode="&#xd0;" horiz-adv-x="663"
/>
<glyph glyph-name="Ntilde" unicode="&#xd1;" horiz-adv-x="612"
/>
<glyph glyph-name="Ograve" unicode="&#xd2;" horiz-adv-x="696"
/>
<glyph glyph-name="Oacute" unicode="&#xd3;" horiz-adv-x="696"
/>
<glyph glyph-name="Ocircumflex" unicode="&#xd4;" horiz-adv-x="696"
/>
<glyph glyph-name="Otilde" unicode="&#xd5;" horiz-adv-x="696"
/>
<glyph glyph-name="Odieresis" unicode="&#xd6;" horiz-adv-x="696"
/>
<glyph glyph-name="multiply" unicode="&#xd7;"
/>
<glyph glyph-name="Oslash" unicode="&#xd8;" horiz-adv-x="696"
/>
<glyph glyph-name="Ugrave" unicode="&#xd9;" horiz-adv-x="660"
/>
<glyph glyph-name="Uacute" unicode="&#xda;" horiz-adv-x="660"
/>
<glyph glyph-name="Ucircumflex" unicode="&#xdb;" horiz-adv-x="660"
/>
<glyph glyph-name="Udieresis" unicode="&#xdc;" horiz-adv-x="660"
/>
<glyph glyph-name="Yacute" unicode="&#xdd;" horiz-adv-x="526"
/>
<glyph glyph-name="Thorn" unicode="&#xde;" horiz-adv-x="576"
/>
<glyph glyph-name="germandbls" unicode="&#xdf;" horiz-adv-x="498"
/>
<glyph glyph-name="agrave" unicode="&#xe0;" horiz-adv-x="369"
/>
<glyph glyph-name="aacute" unicode="&#xe1;" horiz-adv-x="369"
/>
<glyph glyph-name="acircumflex" unicode="&#xe2;" horiz-adv-x="369"
/>
<glyph glyph-name="atilde" unicode="&#xe3;" horiz-adv-x="369"
/>
<glyph glyph-name="adieresis" unicode="&#xe4;" horiz-adv-x="369"
/>
<glyph glyph-name="aring" unicode="&#xe5;" horiz-adv-x="369"
/>
<glyph glyph-name="ae" unicode="&#xe6;" horiz-adv-x="747"
/>
<glyph glyph-name="ccedilla" unicode="&#xe7;" horiz-adv-x="510"
/>
<glyph glyph-name="egrave" unicode="&#xe8;" horiz-adv-x="486"
/>
<glyph glyph-name="eacute" unicode="&#xe9;" horiz-adv-x="486"
/>
<glyph glyph-name="ecircumflex" unicode="&#xea;" horiz-adv-x="486"
/>
<glyph glyph-name="edieresis" unicode="&#xeb;" horiz-adv-x="486"
/>
<glyph glyph-name="igrave" unicode="&#xec;" horiz-adv-x="234"
/>
<glyph glyph-name="iacute" unicode="&#xed;" horiz-adv-x="234"
/>
<glyph glyph-name="icircumflex" unicode="&#xee;" horiz-adv-x="234"
/>
<glyph glyph-name="idieresis" unicode="&#xef;" horiz-adv-x="234"
/>
<glyph glyph-name="eth" unicode="&#xf0;" horiz-adv-x="483"
/>
<glyph glyph-name="ntilde" unicode="&#xf1;" horiz-adv-x="384"
/>
<glyph glyph-name="ograve" unicode="&#xf2;" horiz-adv-x="366"
/>
<glyph glyph-name="oacute" unicode="&#xf3;" horiz-adv-x="366"
/>
<glyph glyph-name="ocircumflex" unicode="&#xf4;" horiz-adv-x="366"
/>
<glyph glyph-name="otilde" unicode="&#xf5;" horiz-adv-x="366"
/>
<glyph glyph-name="odieresis" unicode="&#xf6;" horiz-adv-x="366"
/>
<glyph glyph-name="divide" unicode="&#xf7;"
/>
<glyph glyph-name="oslash" unicode="&#xf8;" horiz-adv-x="366"
/>
<glyph glyph-name="ugrave" unicode="&#xf9;" horiz-adv-x="342"
/>
<glyph glyph-name="uacute" unicode="&#xfa;" horiz-adv-x="342"
/>
<glyph glyph-name="ucircumflex" unicode="&#xfb;" horiz-adv-x="342"
/>
<glyph glyph-name="udieresis" unicode="&#xfc;" horiz-adv-x="342"
/>
<glyph glyph-name="yacute" unicode="&#xfd;" horiz-adv-x="393"
/>
<glyph glyph-name="thorn" unicode="&#xfe;" horiz-adv-x="348"
/>
<glyph glyph-name="ydieresis" unicode="&#xff;" horiz-adv-x="393"
/>
<glyph glyph-name="dotlessi" unicode="&#x131;" horiz-adv-x="234"
/>
<glyph glyph-name="Lslash" unicode="&#x141;" horiz-adv-x="570"
/>
<glyph glyph-name="lslash" unicode="&#x142;" horiz-adv-x="213"
/>
<glyph glyph-name="OE" unicode="&#x152;" horiz-adv-x="954"
/>
<glyph glyph-name="oe" unicode="&#x153;" horiz-adv-x="756"
/>
<glyph glyph-name="Scaron" unicode="&#x160;" horiz-adv-x="621"
/>
<glyph glyph-name="scaron" unicode="&#x161;" horiz-adv-x="342"
/>
<glyph glyph-name="Ydieresis" unicode="&#x178;" horiz-adv-x="526"
/>
<glyph glyph-name="Zcaron" unicode="&#x17d;" horiz-adv-x="690"
/>
<glyph glyph-name="zcaron" unicode="&#x17e;" horiz-adv-x="462"
/>
<glyph glyph-name="florin" unicode="&#x192;" horiz-adv-x="576"
/>
<glyph glyph-name="circumflex" unicode="&#x2c6;" horiz-adv-x="360"
/>
<glyph glyph-name="caron" unicode="&#x2c7;" horiz-adv-x="360"
/>
<glyph glyph-name="breve" unicode="&#x2d8;" horiz-adv-x="360"
/>
<glyph glyph-name="dotaccent" unicode="&#x2d9;" horiz-adv-x="183"
/>
<glyph glyph-name="ring" unicode="&#x2da;" horiz-adv-x="360"
/>
<glyph glyph-name="ogonek" unicode="&#x2db;" horiz-adv-x="270"
/>
<glyph glyph-name="tilde" unicode="&#x2dc;" horiz-adv-x="483"
/>
<glyph glyph-name="hungarumlaut" unicode="&#x2dd;" horiz-adv-x="468"
/>
<glyph glyph-name="Delta" unicode="&#x394;" horiz-adv-x="366"
/>
<glyph glyph-name="Delta" unicode="&#x2206;" horiz-adv-x="366"
/>
<glyph glyph-name="Omega" unicode="&#x3a9;" horiz-adv-x="1443"
/>
<glyph glyph-name="Omega" unicode="&#x2126;" horiz-adv-x="1443"
/>
<glyph glyph-name="pi" unicode="&#x3c0;" horiz-adv-x="798"
/>
<glyph glyph-name="endash" unicode="&#x2013;" horiz-adv-x="684"
/>
<glyph glyph-name="emdash" unicode="&#x2014;" horiz-adv-x="894"
/>
<glyph glyph-name="quoteleft" unicode="&#x2018;" horiz-adv-x="1595"
d="M776 1609q-122 -74 -119 -238q89 -103 71 -261l-23 -12q80 -139 142 -12q-18 104 0 262h36q3 62 0 154v59q-39 27 -107 48z" />
<glyph glyph-name="quoteright" unicode="&#x2019;" horiz-adv-x="1595"
d="M776 1609q-122 -74 -119 -238q89 -103 71 -261l-23 -12q80 -139 142 -12q-18 104 0 262h36q3 62 0 154v59q-39 27 -107 48z" />
<glyph glyph-name="quotesinglbase" unicode="&#x201a;" horiz-adv-x="234"
/>
<glyph glyph-name="quotedblleft" unicode="&#x201c;" horiz-adv-x="1491"
d="M448 1585q9 -113 -12 -190q24 -44 12 -83q44 -122 36 -226l11 -47q60 -18 107 -12q0 122 -12 202l36 59q-6 119 12 202q-39 95 -107 119zM828 1561v-59q-3 -92 0 -154h36q18 -158 0 -262q62 -127 142 12l-23 12q-18 158 71 261q3 164 -119 238q-68 -21 -107 -48z" />
<glyph glyph-name="quotedblright" unicode="&#x201d;" horiz-adv-x="1491"
d="M448 1585q9 -113 -12 -190q24 -44 12 -83q44 -122 36 -226l11 -47q60 -18 107 -12q0 122 -12 202l36 59q-6 119 12 202q-39 95 -107 119zM828 1561v-59q-3 -92 0 -154h36q18 -158 0 -262q62 -127 142 12l-23 12q-18 158 71 261q3 164 -119 238q-68 -21 -107 -48z" />
<glyph glyph-name="quotedblbase" unicode="&#x201e;" horiz-adv-x="402"
/>
<glyph glyph-name="dagger" unicode="&#x2020;" horiz-adv-x="451"
/>
<glyph glyph-name="daggerdbl" unicode="&#x2021;" horiz-adv-x="336"
/>
<glyph glyph-name="bullet" unicode="&#x2022;" horiz-adv-x="387"
/>
<glyph glyph-name="ellipsis" unicode="&#x2026;" horiz-adv-x="792"
/>
<glyph glyph-name="perthousand" unicode="&#x2030;" horiz-adv-x="729"
/>
<glyph glyph-name="guilsinglleft" unicode="&#x2039;" horiz-adv-x="321"
/>
<glyph glyph-name="guilsinglright" unicode="&#x203a;" horiz-adv-x="321"
/>
<glyph glyph-name="fraction" unicode="&#x2044;" horiz-adv-x="234"
/>
<glyph glyph-name="trademark" unicode="&#x2122;" horiz-adv-x="681"
/>
<glyph glyph-name="partialdiff" unicode="&#x2202;" horiz-adv-x="483"
/>
<glyph glyph-name="product" unicode="&#x220f;" horiz-adv-x="798"
/>
<glyph glyph-name="summation" unicode="&#x2211;" horiz-adv-x="1398"
/>
<glyph glyph-name="radical" unicode="&#x221a;" horiz-adv-x="819"
/>
<glyph glyph-name="infinity" unicode="&#x221e;" horiz-adv-x="669"
/>
<glyph glyph-name="integral" unicode="&#x222b;" horiz-adv-x="1398"
/>
<glyph glyph-name="approxequal" unicode="&#x2248;"
/>
<glyph glyph-name="approxequal" unicode="&#x22f2;"
/>
<glyph glyph-name="notequal" unicode="&#x2260;"
/>
<glyph glyph-name="lessequal" unicode="&#x2264;" horiz-adv-x="342"
/>
<glyph glyph-name="greaterequal" unicode="&#x2265;" horiz-adv-x="342"
/>
<glyph glyph-name="lozenge" unicode="&#x25ca;" horiz-adv-x="243"
/>
<glyph glyph-name="apple" unicode="&#xf000;" horiz-adv-x="588"
/>
<glyph glyph-name="fi" unicode="&#xf001;" horiz-adv-x="525"
/>
<glyph glyph-name="fl" unicode="&#xf002;" horiz-adv-x="480"
/>
</font>
</defs></svg>

After

Width:  |  Height:  |  Size: 47 KiB

BIN
css/CarbonType.ttf Normal file

Binary file not shown.

BIN
css/CarbonType.woff Normal file

Binary file not shown.

BIN
css/CarbonType.woff2 Normal file

Binary file not shown.

BIN
css/INFECTED.eot Normal file

Binary file not shown.

1885
css/INFECTED.svg Normal file

File diff suppressed because it is too large Load Diff

After

Width:  |  Height:  |  Size: 186 KiB

BIN
css/INFECTED.ttf Normal file

Binary file not shown.

BIN
css/INFECTED.woff Normal file

Binary file not shown.

BIN
css/INFECTED.woff2 Normal file

Binary file not shown.

260
css/base.css Executable file

File diff suppressed because one or more lines are too long

217
css/demo.html Normal file
View File

@ -0,0 +1,217 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<meta name="format-detection" content="telephone=no">
<title>Transfonter demo</title>
<link href="stylesheet.css" rel="stylesheet">
<style>
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* demo styles */
body {
background: #f0f0f0;
color: #000;
}
.page {
background: #fff;
width: 920px;
margin: 0 auto;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.font-container {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 40px;
line-height: 1.3;
white-space: nowrap;
padding-bottom: 5px;
}
h1 {
position: relative;
background: #444;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}
.letters {
font-size: 25px;
margin-bottom: 20px;
}
.s10:before {
content: '10px';
}
.s11:before {
content: '11px';
}
.s12:before {
content: '12px';
}
.s14:before {
content: '14px';
}
.s18:before {
content: '18px';
}
.s24:before {
content: '24px';
}
.s30:before {
content: '30px';
}
.s36:before {
content: '36px';
}
.s48:before {
content: '48px';
}
.s60:before {
content: '60px';
}
.s72:before {
content: '72px';
}
.s10:before, .s11:before, .s12:before, .s14:before,
.s18:before, .s24:before, .s30:before, .s36:before,
.s48:before, .s60:before, .s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
color: #999;
padding-right: 6px;
}
pre {
display: block;
padding: 9px;
margin: 0 0 12px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal;
font-style: normal;
background-color: #f5f5f5;
border: 1px solid #ccc;
overflow-x: auto;
border-radius: 4px;
}
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="page">
<div class="demo">
<h1 style="font-family: 'CarbonType'; font-weight: normal; font-style: normal;">CarbonType</h1>
<pre title="Usage">.your-style {
font-family: 'CarbonType';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'CarbonType'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo">
<h1 style="font-family: 'Bebas'; font-weight: normal; font-style: normal;">Bebas Regular</h1>
<pre title="Usage">.your-style {
font-family: 'Bebas';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'Bebas'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
</div>
</body>
</html>

1220
css/glitch-slideshow.css Executable file

File diff suppressed because it is too large Load Diff

53
css/stylesheet.css Normal file

File diff suppressed because one or more lines are too long

BIN
fonts/Bebas-Regular.eot Normal file

Binary file not shown.

BIN
fonts/Bebas-Regular.ttf Normal file

Binary file not shown.

BIN
fonts/Bebas-Regular.woff Normal file

Binary file not shown.

BIN
fonts/Bebas-Regular.woff2 Normal file

Binary file not shown.

BIN
fonts/CarbonType.eot Normal file

Binary file not shown.

BIN
fonts/CarbonType.ttf Normal file

Binary file not shown.

BIN
fonts/CarbonType.woff Normal file

Binary file not shown.

BIN
fonts/CarbonType.woff2 Normal file

Binary file not shown.

BIN
fonts/Downcome.eot Normal file

Binary file not shown.

BIN
fonts/Downcome.ttf Normal file

Binary file not shown.

BIN
fonts/Downcome.woff Normal file

Binary file not shown.

BIN
fonts/Downcome.woff2 Normal file

Binary file not shown.

BIN
fonts/Glitcher-Regular.eot Normal file

Binary file not shown.

BIN
fonts/Glitcher-Regular.ttf Normal file

Binary file not shown.

BIN
fonts/Glitcher-Regular.woff Normal file

Binary file not shown.

Binary file not shown.

BIN
fonts/INFECTED.eot Normal file

Binary file not shown.

BIN
fonts/INFECTED.ttf Normal file

Binary file not shown.

BIN
fonts/INFECTED.woff Normal file

Binary file not shown.

BIN
fonts/INFECTED.woff2 Normal file

Binary file not shown.

298
fonts/demo.html Normal file
View File

@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<meta name="format-detection" content="telephone=no">
<title>Transfonter demo</title>
<link href="stylesheet.css" rel="stylesheet">
<style>
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* demo styles */
body {
background: #f0f0f0;
color: #000;
}
.page {
background: #fff;
width: 920px;
margin: 0 auto;
padding: 20px 20px 0 20px;
overflow: hidden;
}
.font-container {
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 40px;
line-height: 1.3;
white-space: nowrap;
padding-bottom: 5px;
}
h1 {
position: relative;
background: #444;
font-size: 32px;
color: #fff;
padding: 10px 20px;
margin: 0 -20px 12px -20px;
}
.letters {
font-size: 25px;
margin-bottom: 20px;
}
.s10:before {
content: '10px';
}
.s11:before {
content: '11px';
}
.s12:before {
content: '12px';
}
.s14:before {
content: '14px';
}
.s18:before {
content: '18px';
}
.s24:before {
content: '24px';
}
.s30:before {
content: '30px';
}
.s36:before {
content: '36px';
}
.s48:before {
content: '48px';
}
.s60:before {
content: '60px';
}
.s72:before {
content: '72px';
}
.s10:before, .s11:before, .s12:before, .s14:before,
.s18:before, .s24:before, .s30:before, .s36:before,
.s48:before, .s60:before, .s72:before {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
font-style: normal;
color: #999;
padding-right: 6px;
}
pre {
display: block;
padding: 9px;
margin: 0 0 12px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 13px;
line-height: 1.428571429;
color: #333;
font-weight: normal;
font-style: normal;
background-color: #f5f5f5;
border: 1px solid #ccc;
overflow-x: auto;
border-radius: 4px;
}
/* responsive */
@media (max-width: 959px) {
.page {
width: auto;
margin: 0;
}
}
</style>
</head>
<body>
<div class="page">
<div class="demo">
<h1 style="font-family: 'Bebas'; font-weight: normal; font-style: normal;">Bebas Regular</h1>
<pre title="Usage">.your-style {
font-family: 'Bebas';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'Bebas'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo">
<h1 style="font-family: 'Glitcher'; font-weight: normal; font-style: normal;">Glitcher Regular</h1>
<pre title="Usage">.your-style {
font-family: 'Glitcher';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'Glitcher'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo">
<h1 style="font-family: 'INFECTED'; font-weight: normal; font-style: normal;">INFECTED</h1>
<pre title="Usage">.your-style {
font-family: 'INFECTED';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'INFECTED'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo">
<h1 style="font-family: 'Downcome'; font-weight: normal; font-style: normal;">Downcome</h1>
<pre title="Usage">.your-style {
font-family: 'Downcome';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'Downcome'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
<div class="demo">
<h1 style="font-family: 'CarbonType'; font-weight: normal; font-style: normal;">CarbonType</h1>
<pre title="Usage">.your-style {
font-family: 'CarbonType';
font-weight: normal;
font-style: normal;
}</pre>
<div class="font-container" style="font-family: 'CarbonType'; font-weight: normal; font-style: normal;">
<p class="letters">
abcdefghijklmnopqrstuvwxyz<br>
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br>
0123456789.:,;()*!?'@#&lt;&gt;$%&^+-=~
</p>
<p class="s10" style="font-size: 10px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s11" style="font-size: 11px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s12" style="font-size: 12px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s14" style="font-size: 14px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s18" style="font-size: 18px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s24" style="font-size: 24px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s30" style="font-size: 30px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s36" style="font-size: 36px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s48" style="font-size: 48px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s60" style="font-size: 60px;">The quick brown fox jumps over the lazy dog.</p>
<p class="s72" style="font-size: 72px;">The quick brown fox jumps over the lazy dog.</p>
</div>
</div>
</div>
</body>
</html>

80
fonts/stylesheet.css Normal file

File diff suppressed because one or more lines are too long

BIN
img/1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 121 KiB

BIN
img/1.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

BIN
img/2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 166 KiB

BIN
img/2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 691 KiB

BIN
img/2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.0 KiB

BIN
img/3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 60 KiB

BIN
img/3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 817 KiB

BIN
img/3.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 313 KiB

BIN
img/4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

BIN
img/4.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

BIN
img/5.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 63 KiB

BIN
img/5.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
img/h1.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
img/h2.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 260 KiB

BIN
img/h3.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 209 KiB

BIN
img/h4.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 84 KiB

61
index.html Executable file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>System is broken -- reboot world please</title>
<link rel="stylesheet" type="text/css" href="./css/base.css" />
<link rel="stylesheet" type="text/css" href="./css/glitch-slideshow.css" />
<link rel="stylesheet" type="text/css" href="./fonts/stylesheet.css" />
<script>document.documentElement.className="js";var supportsCssVars=function(){var e,t=document.createElement("style");return t.innerHTML="root: { --tmp-var: bold; }",document.head.appendChild(t),e=!!(window.CSS&&window.CSS.supports&&window.CSS.supports("font-weight","var(--tmp-var)")),t.parentNode.removeChild(t),e};supportsCssVars()||alert("Please view this demo in a modern browser that supports CSS Variables.");</script>
</head>
<body class="demo-1 loading">
<main>
<div class="content">
<div class="slides slides--fullscreen effect-1">
<div class="slide slide--current">
<div class="slide__img glitch" style="background-image: url(./img/2.webp);"></div>
</div>
<div class="slide">
<div class="slide__img glitch" style="background-image: url(./img/5.webp);"></div>
</div>
<div class="slide">
<div class="slide__img glitch" style="background-image: url(./img/4.jpg);"></div>
</div>
<div class="slide">
<div class="slide__img glitch" style="background-image: url(./img/3.png);"></div>
</div>
<div class="slide">
<div class="slide__img glitch" style="background-image: url(./img/h3.jpg);"></div>
</div>
<div class="slide">
<div class="slide__img glitch" style="background-image: url(./img/3.webp);"></div>
</div>
<nav class="slide-nav">
<a href="#" class="slide-nav__text slide-nav__text--current">
<div class="glitch_text" data-text="Social media is an advertisement for the superficial extroverted self. -- ">"<i>Social media is an advertisement for the superficial extroverted self.</i>"</div></a>
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Addiction">Addiction</div></a>
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Depression">Depression</div></a>
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Self-esteem issues">Self-esteem issues</div></a>
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Polarization and echo chambers">Polarization and echo chambers</div></a>
<a href="#" class="slide-nav__text"><div class="glitch_text" data-text="Comparison and envy">Comparison and envy</div></a>
</nav>
</div>
<div class="bottom-wrap">
<a href="https://stareintothelightsmypretties.jore.cc" target="_blank" rel="noopener" class="btn-link right"><span class="link-inner">Click here ..</span></a>
</div>
</div>
</main>
<script src="./js/imagesloaded.pkgd.min.js"></script>
<script src="./js/demo.js"></script>
<script src="./js/demo1.js"></script>
</body>
</html>

38
js/demo.js Executable file
View File

@ -0,0 +1,38 @@
/**
* demo.js
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2017, Codrops
* http://www.codrops.com
*/
{
setTimeout(() => document.body.classList.add('render'), 60);
const navdemos = Array.from(document.querySelectorAll('nav.demos > .demo'));
const total = navdemos.length;
const current = navdemos.findIndex(el => el.classList.contains('demo--current'));
const navigate = (linkEl) => {
document.body.classList.remove('render');
document.body.addEventListener('transitionend', () => window.location = linkEl.href);
};
navdemos.forEach(link => link.addEventListener('click', (ev) => {
ev.preventDefault();
navigate(ev.target);
}));
document.addEventListener('keydown', (ev) => {
const keyCode = ev.keyCode || ev.which;
let linkEl;
if ( keyCode === 37 ) {
linkEl = current > 0 ? navdemos[current-1] : navdemos[total-1];
}
else if ( keyCode === 39 ) {
linkEl = current < total-1 ? navdemos[current+1] : navdemos[0];
}
else {
return false;
}
navigate(linkEl);
});
}

94
js/demo1.js Executable file
View File

@ -0,0 +1,94 @@
/**
* demo1.js
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2018, Codrops
* http://www.codrops.com
*/
{
class Slide {
constructor(el) {
this.DOM = {el: el};
this.DOM.slideImg = this.DOM.el.querySelector('.slide__img');
this.bgImage = this.DOM.slideImg.style.backgroundImage;
this.layout();
}
layout() {
this.DOM.slideImg.innerHTML = `<div class='glitch__img' style='background-image: ${this.DOM.slideImg.style.backgroundImage};'></div>`.repeat(5);
this.DOM.glitchImgs = Array.from(this.DOM.slideImg.querySelectorAll('.glitch__img'));
}
changeBGImage(bgimage, pos = 0, delay = 0) {
setTimeout(() => this.DOM.glitchImgs[pos].style.backgroundImage = bgimage, delay);
}
}
class GlitchSlideshow {
constructor(el) {
this.DOM = {el: el};
this.DOM.slides = Array.from(this.DOM.el.querySelectorAll('.slide'));
this.slidesTotal = this.DOM.slides.length;
this.slides = [];
this.DOM.slides.forEach(slide => this.slides.push(new Slide(slide)));
this.current = 0;
this.glitchTime = 1200;
this.totalGlitchSlices = 5;
}
glitch(slideFrom, slideTo) {
return new Promise((resolve, reject) => {
slideFrom.DOM.slideImg.classList.add('glitch--animate');
const slideFromBGImage = slideFrom.bgImage;
const slideToBGImage = slideTo.bgImage;
for (let i = this.totalGlitchSlices-1; i >= 0; --i) {
slideFrom.changeBGImage(slideToBGImage, i, this.glitchTime/(this.totalGlitchSlices+1)*(this.totalGlitchSlices-i-1) + this.glitchTime/(this.totalGlitchSlices+1));
}
setTimeout(() => {
slideFrom.DOM.slideImg.classList.remove('glitch--animate');
// reset bgimages.
for (let i = this.totalGlitchSlices-1; i >= 0; --i) {
slideFrom.changeBGImage(slideFromBGImage, i, 0);
}
resolve();
}, this.glitchTime);
});
}
navigate(pos) {
if ( !this.isReady(pos) ) return;
this.isAnimating = true;
const newCurrent = pos;
this.glitch(this.slides[this.current], this.slides[newCurrent]).then(() => {
this.DOM.slides[this.current].classList.remove('slide--current');
this.current = newCurrent;
this.DOM.slides[this.current].classList.add('slide--current');
this.isAnimating = false;
});
}
isReady(pos) {
return !(this.isAnimating || pos === this.current);
}
}
// Preload all the images in the page..
imagesLoaded(document.querySelectorAll('.slide__img'), {background: true}, () => {
document.body.classList.remove('loading');
const slideshow = new GlitchSlideshow(document.querySelector('.slides'));
Array.from(document.querySelectorAll('.slide-nav > a')).forEach((link, pos) =>
link.addEventListener('click', (ev) => {
ev.preventDefault();
if ( !slideshow.isReady(pos) ) return;
slideshow.navigate(pos);
link.parentNode.querySelector('.slide-nav__text--current').classList.remove('slide-nav__text--current');
link.classList.add('slide-nav__text--current');
})
);
});
}

87
js/demo2.js Executable file
View File

@ -0,0 +1,87 @@
/**
* demo2.js
* http://www.codrops.com
*
* Licensed under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*
* Copyright 2018, Codrops
* http://www.codrops.com
*/
{
class Slide {
constructor(el) {
this.DOM = {el: el};
this.DOM.slideImg = this.DOM.el.querySelector('.slide__img');
this.bgImage = this.DOM.slideImg.style.backgroundImage;
this.layout();
}
layout() {
this.DOM.slideImg.innerHTML = `<div class='glitch__img' style='background-image: ${this.DOM.slideImg.style.backgroundImage};'></div>`.repeat(5);
this.DOM.glitchImgs = Array.from(this.DOM.slideImg.querySelectorAll('.glitch__img'));
}
changeBGImage(bgimage, pos = 0, delay = 0) {
setTimeout(() => this.DOM.glitchImgs[pos].style.backgroundImage = bgimage, delay);
}
}
class GlitchSlideshow {
constructor(el) {
this.DOM = {el: el};
this.DOM.slides = Array.from(this.DOM.el.querySelectorAll('.slide'));
this.slidesTotal = this.DOM.slides.length;
this.slides = [];
this.DOM.slides.forEach(slide => this.slides.push(new Slide(slide)));
this.current = 0;
this.glitchTime = 1800;
this.totalGlitchSlices = 5;
}
glitch(slideFrom, slideTo) {
return new Promise((resolve, reject) => {
slideFrom.DOM.slideImg.classList.add('glitch--animate');
const slideFromBGImage = slideFrom.bgImage;
const slideToBGImage = slideTo.bgImage;
for (let i = this.totalGlitchSlices-1; i >= 0; --i) {
slideFrom.changeBGImage(slideToBGImage, i, this.glitchTime/(this.totalGlitchSlices+1)*(this.totalGlitchSlices-i-1) + this.glitchTime/(this.totalGlitchSlices+1));
}
setTimeout(() => {
slideFrom.DOM.slideImg.classList.remove('glitch--animate');
// reset bgimages.
for (let i = this.totalGlitchSlices-1; i >= 0; --i) {
slideFrom.changeBGImage(slideFromBGImage, i, 0);
}
resolve();
}, this.glitchTime);
});
}
navigate(dir) {
if ( this.isAnimating ) return;
this.isAnimating = true;
const newCurrent = dir === 'next' ?
this.current < this.slidesTotal-1 ? this.current+1 : 0 :
this.current > 0 ? this.current-1 : this.slidesTotal-1;
this.glitch(this.slides[this.current], this.slides[newCurrent]).then(() => {
this.DOM.slides[this.current].classList.remove('slide--current');
this.current = newCurrent;
this.DOM.slides[this.current].classList.add('slide--current');
this.isAnimating = false;
});
}
}
// Preload all the images in the page..
imagesLoaded(document.querySelectorAll('.slide__img'), {background: true}, () => {
document.body.classList.remove('loading');
const slideshow = new GlitchSlideshow(document.querySelector('.slides'));
const nav = Array.from(document.querySelectorAll('.slide-nav__button'));
nav[0].addEventListener('click', () => slideshow.navigate('prev'));
nav[1].addEventListener('click', () => slideshow.navigate('next'));
});
}

7
js/imagesloaded.pkgd.min.js vendored Executable file

File diff suppressed because one or more lines are too long