syntax-highlighting
Version:
Syntax Highlighting Colorschemes for many applications
2 lines • 20.6 kB
HTML
<html lang="en"><meta charset="utf-8"><title>Syntax highlighting; Base2Tone duotone colorschemes for syntax highlighting</title><link rel="preload" href="http://atelierbram.github.io/syntax-highlighting/assets/css/style-redesign-v1.css" as="style" onload="this.rel='stylesheet'"><noscript><link rel="stylesheet" href="http://atelierbram.github.io/syntax-highlighting/assets/css/style-redesign-v1.css"></noscript><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="author" content="Bram de Haan"><meta name="description" content="Collection of duotone colorschemes for code syntax highlighting"><link rel="author" href="https://plus.google.com/+BramdeHaan/posts"><body class="page-base2tone type-landingpage"><svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="visuallyhidden"><symbol id="NewTheme" viewBox="0 0 80 50"><g transform="rotate(8 32 32)"><g><rect x="38" fill="#c55000" width="3" height="6"/><rect x="38" y="44" fill="#c55000" width="3" height="6"/><rect x="74" y="22" fill="#c55000" width="6" height="3"/><rect y="22" fill="#c55000" width="6" height="3"/><rect x="64.713" y="3.808" transform="matrix(-0.53 -0.848 0.848 -0.53 95.5307 66.5651)" fill="#c55000" width="3" height="6"/><rect x="11.286" y="37.192" transform="matrix(-0.5298 -0.8481 0.8481 -0.5298 -14.5262 72.3317)" fill="#c55000" width="3" height="6"/><rect x="11.286" y="3.808" transform="matrix(0.5298 -0.8481 0.8481 0.5298 0.2381 14.0448)" fill="#c55000" width="3" height="6"/><rect x="64.712" y="37.192" transform="matrix(0.5298 -0.8481 0.8481 0.5298 -2.956 75.0528)" fill="#c55000" width="3" height="6"/></g><g><path fill="#b30" d="M30,30l-3.5-8v8H24V18h3l3.5,8v-8H33v12H30z"/><path fill="#b30" d="M37.5,19.999V23H41v2h-3.5v3h4.682v2H35V18h7v1.999H37.5z"/><path fill="#b30" d="M52,30l-1.75-9l-1.75,9h-3L43,18h2.606L47,27l2-9h2.5l2,9l1.5-9h2.5l-2,12H52z"/></g></g></symbol><symbol id="logoAvatar" viewBox="0 0 90 90"><rect fill="#2A2A28" width="90" height="90"/><rect x="14" y="25" fill="#FFFFFF" width="63" height="47"/><path fill="#E2D112" d="M41.435,3.348h10.781L66.69,84.196H54.523l-1.385-9.854H38.202l-1.849,9.854H24.187L41.435,3.348z M39.74,65.102h11.858l-5.082-36.036L39.74,65.102z"/></symbol></svg> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" class="visuallyhidden"><defs><linearGradient id="svgGradient1" gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="452" y2="24"><stop offset="0%" style="stop-color: #ccb833"/><stop offset="50%" style="stop-color: #d77842"/><stop offset="100%" style="stop-color: #e05952"/></linearGradient><linearGradient id="svgGradient2" gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="252" y2="24"><stop offset="0%" style="stop-color: #e05952"/><stop offset="50%" style="stop-color: #6b6bc7"/><stop offset="100%" style="stop-color: #3391cc"/></linearGradient></defs><pattern id="patternGradient1" patternUnits="userSpaceOnUse" viewBox="0 0 452 96" width="452" height="96"><rect width="452" height="96" fill="url(#svgGradient1)"/></pattern><pattern id="patternGradient2" patternUnits="userSpaceOnUse" viewBox="0 0 252 96" width="252" height="96"><rect width="252" height="96" fill="url(#svgGradient2)"/></pattern><symbol id="syntax"><text id="textSyntax" x="245" y="48" style="font-family='Brando, Verdana'; font-size: 48px" text-anchor="middle" fill="url(#patternGradient1)">Syntax Highlighting</text></symbol><symbol id="colorschemes"><text id="textColorschemes" x="126" y="48" style="font-family:'brandosans-semibold-v100', Verdana; font-size:33px;text-transform:uppercase" text-anchor="middle" fill="url(#patternGradient2)">Colorschemes</text></symbol></svg><header class="row header" id="header"><h1 class="repo-title"><a href="https://github.com/atelierbram/syntax-highlighting"><svg width="452" height="96"><use xlink:href="#syntax"/></svg> <svg width="256" height="96"><use xlink:href="#colorschemes"/></svg> <span class="site-title conditionallyhidden">Syntax Highlighting</span><p class="tagline conditionallyhidden">colorschemes</p></a></h1></header><nav class="nav nav-site container"><ul class="nav_list nav-site_list"><li class=""><a href="http://atelierbram.github.io/syntax-highlighting/">Home</a></li><li class=""><a href="http://atelierbram.github.io/syntax-highlighting/atelier-schemes/">Atelier Schemes</a></li><li class="current"><a href="http://atelierbram.github.io/syntax-highlighting/base2tone">Base2Tone</a></li><li class=""><a href="http://atelierbram.github.io/syntax-highlighting/prism">Prism</a></li></ul></nav><main class="container" id="main"><article><h2 class="visuallyhidden"><a href="base2tone/">Base2Tone</a></h2><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 896 176"><g id="bg"><rect fill="#F1F1F9" width="896" height="176"/></g><g id="base2tone-shadow"><path fill="#515167" d="M79.433,23.604c28.619,0,43.378,12.959,43.378,30.779c0,15.12-9.18,27.179-24.839,31.319v0.18 c20.52,4.68,28.619,17.819,28.619,32.039c0,20.159-15.299,40.678-53.278,40.678H44.694l2.7-70.917l-2.7-64.078H79.433z"/><path fill="#515167" d="M196.252,150.139c-6.66,5.039-14.939,10.26-23.039,10.26c-17.279,0-26.819-11.52-26.819-25.379 c0-22.68,21.599-27.899,41.758-27.899c2.52,0,5.94,0.181,9.36,0.36l0.18-4.68c0.54-17.459-7.919-20.52-18.179-20.52 c-9.54,0-18.899,3.06-28.799,7.56h-0.36l3.42-21.059c6.66-0.72,19.439-1.98,28.259-1.98c21.059,0,31.499,12.959,32.219,33.118 l1.98,58.678h-20.159L196.252,150.139z"/><path fill="#515167" d="M257.09,91.461c0,5.22,3.24,9.18,13.319,13.68l9.18,4.14c14.58,6.659,20.879,13.499,20.879,24.659 c0,14.398-10.08,26.459-30.959,26.459c-10.799,0-19.439-2.7-25.559-6.301l-3.42-19.619h0.36c9.72,7.2,19.079,12.6,30.059,12.6 c7.92,0,12.24-4.319,12.24-10.799c0-6.3-4.5-10.26-12.24-13.5l-11.879-5.039c-15.659-6.66-19.439-16.199-19.439-25.56 c0-15.479,12.78-25.379,31.499-25.379c5.939,0,14.759,0.72,24.659,4.86l3.24,20.519h-0.36c-8.64-6.3-19.08-9.54-28.079-9.54 C261.95,82.641,257.09,86.241,257.09,91.461z"/><path fill="#515167" d="M362.208,160.398c-28.439,0-41.938-23.219-41.938-46.979c0-31.139,18.719-46.618,39.418-46.618 c25.919,0,39.778,19.259,36.358,52.198h-57.777c1.62,16.199,9,27.719,28.799,27.719c10.08,0,18.179-3.96,25.199-8.1h0.36l-1.8,12.6 C384.527,157.158,374.087,160.398,362.208,160.398z"/><path fill="#515167" d="M517.604,36.563l3.239,122.035h-21.599l3.239-122.035l-49.857,8.82h-0.36l3.78-21.779h108.176l3.779,21.779 h-0.36L517.604,36.563z"/><path fill="#515167" d="M645.044,112.16c0,26.459-14.939,48.238-42.118,48.238s-42.118-21.959-42.118-48.238
c0-24.839,15.119-45.358,42.118-45.358S645.044,87.501,645.044,112.16z"/><path fill="#515167" d="M686.085,92.181l1.8,66.417h-20.159l2.159-66.417l-3.239-23.219v-0.36h18.719l0.36,13.86l3.42-2.88 c7.92-6.66,17.279-12.78,26.818-12.78c16.74,0,25.02,12.959,25.739,33.118l1.98,58.678h-20.159l1.619-52.737 c0.54-17.46-7.919-21.239-19.079-21.059C699.404,84.621,692.024,88.041,686.085,92.181z"/><path fill="#515167" d="M808.123,160.398c-28.438,0-41.938-23.219-41.938-46.979c0-31.139,18.719-46.618,39.418-46.618 c25.919,0,39.778,19.259,36.358,52.198h-57.777c1.62,16.199,8.999,27.719,28.799,27.719c10.079,0,18.179-3.96,25.199-8.1h0.359 l-1.8,12.6C830.442,157.158,820.003,160.398,808.123,160.398z"/></g><g id="base2tone"><path fill="#515167" d="M479,45.841l-72-34.019v18.899l53.68,20.339l-50.465,19.267L407,72.281v0.505 c0,0.019-0.217,0.137-0.253,0.156L403.368,95h0.36c8.1-6,15.84-10.359,25.379-10.359c8.819,0,15.659,4.09,15.659,12.55 c0,8.46-4.854,12.575-16.914,25.534L396,157.078V160h70.186l3.779-19h-0.359l-46.979,6.779l15.839-14.88 c16.379-15.119,24.119-24.81,24.119-37.409c0-10.687-4.964-19.551-14.687-24.199L479,56.82V45.841z"/><path fill="#E66E33" d="M64.433,24.604c28.619,0,43.378,12.959,43.378,30.779c0,15.12-9.18,27.179-24.839,31.319v0.18 c20.52,4.68,28.619,17.819,28.619,32.039c0,20.159-15.299,40.678-53.278,40.678H29.694l2.7-70.917l-2.7-64.078H64.433z"/><path fill="#E66E33" d="M181.252,151.139c-6.66,5.039-14.939,10.26-23.039,10.26c-17.279,0-26.819-11.52-26.819-25.379 c0-22.68,21.599-27.899,41.758-27.899c2.52,0,5.94,0.181,9.36,0.36l0.18-4.68c0.54-17.459-7.919-20.52-18.179-20.52 c-9.54,0-18.899,3.06-28.799,7.56h-0.36l3.42-21.059c6.66-0.72,19.439-1.98,28.259-1.98c21.059,0,31.499,12.959,32.219,33.118 l1.98,58.678h-20.159L181.252,151.139z"/><path fill="#E66E33" d="M242.09,92.461c0,5.22,3.24,9.18,13.319,13.68l9.18,4.14c14.58,6.659,20.879,13.499,20.879,24.659 c0,14.398-10.08,26.459-30.959,26.459c-10.799,0-19.439-2.7-25.559-6.301l-3.42-19.619h0.36c9.72,7.2,19.079,12.6,30.059,12.6 c7.92,0,12.24-4.319,12.24-10.799c0-6.3-4.5-10.26-12.24-13.5l-11.879-5.039c-15.659-6.66-19.439-16.199-19.439-25.56 c0-15.479,12.78-25.379,31.499-25.379c5.939,0,14.759,0.72,24.659,4.86l3.24,20.519h-0.36c-8.64-6.3-19.08-9.54-28.079-9.54 C246.95,83.641,242.09,87.241,242.09,92.461z"/><path fill="#E66E33" d="M347.208,161.398c-28.439,0-41.938-23.219-41.938-46.979c0-31.139,18.719-46.618,39.418-46.618 c25.919,0,39.778,19.259,36.358,52.198h-57.777c1.62,16.199,9,27.719,28.799,27.719c10.08,0,18.179-3.96,25.199-8.1h0.36l-1.8,12.6 C369.527,158.158,359.087,161.398,347.208,161.398z"/><path fill="#E66E33" d="M532.604,37.563l3.239,122.035h-21.599l3.239-122.035l-49.857,8.82h-0.36l3.78-21.779h108.176l3.779,21.779 h-0.36L532.604,37.563z"/><path fill="#E66E33" d="M660.044,113.16c0,26.459-14.939,48.238-42.118,48.238s-42.118-21.959-42.118-48.238 c0-24.839,15.119-45.358,42.118-45.358S660.044,88.501,660.044,113.16z"/><path fill="#E66E33" d="M701.085,93.181l1.8,66.417h-20.159l2.159-66.417l-3.239-23.219v-0.36h18.719l0.36,13.86l3.42-2.88 c7.92-6.66,17.279-12.78,26.818-12.78c16.74,0,25.02,12.959,25.739,33.118l1.98,58.678h-20.159l1.619-52.737 c0.54-17.46-7.919-21.239-19.079-21.059C714.404,85.621,707.024,89.041,701.085,93.181z"/><path fill="#E66E33" d="M823.123,161.398c-28.438,0-41.938-23.219-41.938-46.979c0-31.139,18.719-46.618,39.418-46.618 c25.919,0,39.778,19.259,36.358,52.198h-57.777c1.62,16.199,8.999,27.719,28.799,27.719c10.079,0,18.179-3.96,25.199-8.1h0.359 l-1.8,12.6C845.442,158.158,835.003,161.398,823.123,161.398z"/><path fill="#515167" d="M50.933,144.479h12.06c18.539,0,29.519-9,29.519-26.998c0-14.04-11.7-22.859-27.179-23.76V80.941 c14.939-1.98,24.479-8.279,24.479-21.419c0-10.8-8.1-18.899-28.439-18.899h-10.62l-1.979,48.059L50.933,144.479z"/><path fill="#515167" d="M181.612,140.339l0.54-15.659c-4.32-2.34-10.62-3.6-15.12-3.6c-10.979,0-17.819,5.039-17.819,13.68 c0,8.1,5.76,13.499,14.58,13.499C169.912,148.259,175.852,144.839,181.612,140.339z"/><path fill="#515167" d="M364.847,105.601c1.08-12.239-5.4-21.6-20.519-21.6c-10.08,0-21.059,7.2-21.059,26.999L364.847,105.601z"/><path fill="#515167" d="M642.225,113.52c0-15.658-8.46-29.338-24.299-29.338c-15.84,0-24.299,13.499-24.299,29.338 c0,19.08,7.739,34.199,24.299,34.199C634.484,147.719,642.225,132.779,642.225,113.52z"/><path fill="#515167" d="M840.763,105.601c1.08-12.239-5.399-21.6-20.52-21.6c-10.079,0-21.059,7.2-21.059,26.999L840.763,105.601z"/></g></svg><p>Based on <a href="http://simurai.com/projects/2016/01/01/duotone-themes/">DuoTone themes</a> by <a href="http://simurai.com/">Simurai</a> for Atom.</p><blockquote>“DuoTone themes use only 2 hues (7 shades in total). It <strong>tones down</strong> less important parts (like punctuation and brackets) and highlights only the <strong>important</strong> ones. This leads to a more calm color scheme, but still lets you find the stuff you’re looking for.”</blockquote><p>Base2Tone has it’s own <a href="//github.com/atelierbram/Base2Tone">dedicated repository</a>, and demopage on <a href="http://base2t.one/">http://base2t.one</a> where one can find links to dedicated repositories for generating syntax-highlighting themes for specific applications, like Prism, Vim, iTerm2, HyperTerm.</p></article></main><footer class="footer"><small><span class="visuallyhidden">by</span> <a href="http://atelierbramdehaan.nl"><svg width="48" height="48" class="logo-avatar"><use xlink:href="#logoAvatar"/></svg> <span class="visuallyhidden">Atelier Bram de Haan</span></a><span class=""><a href="https://github.com/atelierbram/syntax-highlighting"><span class="visuallyhidden">this repo on Github</span></a></span></small></footer><a href="https://github.com/atelierbram/syntax-highlighting" class="github-corner"><span class="visuallyhidden">This repo on Github</span><svg width="48" height="48" viewBox="0 0 250 250" style="fill:#73868c;color:#121516;position:absolute;top:0;border:0;right:0;z-index:4"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><script>!function(){"use strict";function a(a){l.push(a),1==l.length&&k()}function b(){for(;l.length;)l[0](),l.shift()}function c(a){this.a=m,this.b=void 0,this.f=[];var b=this;try{a(function(a){f(b,a)},function(a){g(b,a)})}catch(a){g(b,a)}}function d(a){return new c(function(b,c){c(a)})}function e(a){return new c(function(b){b(a)})}function f(a,b){if(a.a==m){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d)return void d.call(b,function(b){c||f(a,b),c=!0},function(b){c||g(a,b),c=!0})}catch(b){return void(c||g(a,b))}a.a=0,a.b=b,h(a)}}function g(a,b){if(a.a==m){if(b==a)throw new TypeError;a.a=1,a.b=b,h(a)}}function h(b){a(function(){if(b.a!=m)for(;b.f.length;){var a=b.f.shift(),c=a[0],d=a[1],e=a[2],a=a[3];try{0==b.a?e("function"==typeof c?c.call(void 0,b.b):b.b):1==b.a&&("function"==typeof d?e(d.call(void 0,b.b)):a(b.b))}catch(b){a(b)}}})}function i(a){return new c(function(b,c){function d(c){return function(d){g[c]=d,f+=1,f==a.length&&b(g)}}var f=0,g=[];0==a.length&&b(g);for(var h=0;h<a.length;h+=1)e(a[h]).c(d(h),c)})}function j(a){return new c(function(b,c){for(var d=0;d<a.length;d+=1)e(a[d]).c(b,c)})}var k,l=[];k=function(){setTimeout(b)};var m=2;c.prototype.g=function(a){return this.c(void 0,a)},c.prototype.c=function(a,b){var d=this;return new c(function(c,e){d.f.push([a,b,c,e]),h(d)})},window.Promise||(window.Promise=c,window.Promise.resolve=e,window.Promise.reject=d,window.Promise.race=j,window.Promise.all=i,window.Promise.prototype.then=c.prototype.c,window.Promise.prototype.catch=c.prototype.g)}(),function(){function a(a,b){document.addEventListener?a.addEventListener("scroll",b,!1):a.attachEvent("scroll",b)}function b(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function b(){document.removeEventListener("DOMContentLoaded",b),a()}):document.attachEvent("onreadystatechange",function b(){"interactive"!=document.readyState&&"complete"!=document.readyState||(document.detachEvent("onreadystatechange",b),a())})}function c(a){this.a=document.createElement("div"),this.a.setAttribute("aria-hidden","true"),this.a.appendChild(document.createTextNode(a)),this.b=document.createElement("span"),this.c=document.createElement("span"),this.h=document.createElement("span"),this.f=document.createElement("span"),this.g=-1,this.b.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.c.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.f.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;",this.h.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;",this.b.appendChild(this.h),this.c.appendChild(this.f),this.a.appendChild(this.b),this.a.appendChild(this.c)}function d(a,b){a.a.style.cssText="max-width:none;min-width:20px;min-height:20px;display:inline-block;overflow:hidden;position:absolute;width:auto;margin:0;padding:0;top:-999px;left:-999px;white-space:nowrap;font:"+b+";"}function e(a){var b=a.a.offsetWidth,c=b+100;return a.f.style.width=c+"px",a.c.scrollLeft=c,a.b.scrollLeft=a.b.scrollWidth+100,a.g!==b&&(a.g=b,!0)}function f(b,c){function d(){var a=f;e(a)&&null!==a.a.parentNode&&c(a.g)}var f=b;a(b.b,d),a(b.c,d),e(b)}function g(a,b){var c=b||{};this.family=a,this.style=c.style||"normal",this.weight=c.weight||"normal",this.stretch=c.stretch||"normal"}function h(){if(null===k){var a=document.createElement("div");try{a.style.font="condensed 100px sans-serif"}catch(a){}k=""!==a.style.font}return k}function i(a,b){return[a.style,a.weight,h()?a.stretch:"","100px",b].join(" ")}var j=null,k=null,l=null;g.prototype.load=function(a,e){var g=this,h=a||"BESbswy",k=e||3e3,m=(new Date).getTime();return new Promise(function(a,e){if(null===l&&(l=!!window.FontFace),l){var n=new Promise(function(a,b){function c(){(new Date).getTime()-m>=k?b():document.fonts.load(i(g,g.family),h).then(function(b){1<=b.length?a():setTimeout(c,25)},function(){b()})}c()}),o=new Promise(function(a,b){setTimeout(b,k)});Promise.race([o,n]).then(function(){a(g)},function(){e(g)})}else b(function(){function b(){var b;(b=-1!=q&&-1!=r||-1!=q&&-1!=s||-1!=r&&-1!=s)&&((b=q!=r&&q!=s&&r!=s)||(null===j&&(b=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),j=!!b&&(536>parseInt(b[1],10)||536===parseInt(b[1],10)&&11>=parseInt(b[2],10))),b=j&&(q==t&&r==t&&s==t||q==u&&r==u&&s==u||q==v&&r==v&&s==v)),b=!b),b&&(null!==w.parentNode&&w.parentNode.removeChild(w),clearTimeout(x),a(g))}function l(){if((new Date).getTime()-m>=k)null!==w.parentNode&&w.parentNode.removeChild(w),e(g);else{var a=document.hidden;!0!==a&&void 0!==a||(q=n.a.offsetWidth,r=o.a.offsetWidth,s=p.a.offsetWidth,b()),x=setTimeout(l,50)}}var n=new c(h),o=new c(h),p=new c(h),q=-1,r=-1,s=-1,t=-1,u=-1,v=-1,w=document.createElement("div"),x=0;w.dir="ltr",d(n,i(g,"sans-serif")),d(o,i(g,"serif")),d(p,i(g,"monospace")),w.appendChild(n.a),w.appendChild(o.a),w.appendChild(p.a),document.body.appendChild(w),t=n.a.offsetWidth,u=o.a.offsetWidth,v=p.a.offsetWidth,l(),f(n,function(a){q=a,b()}),d(n,i(g,'"'+g.family+'",sans-serif')),f(o,function(a){r=a,b()}),d(o,i(g,'"'+g.family+'",serif')),f(p,function(a){s=a,b()}),d(p,i(g,'"'+g.family+'",monospace'))})})},"undefined"!=typeof module?module.exports=g:(window.FontFaceObserver=g,window.FontFaceObserver.prototype.load=g.prototype.load)}();var font=new FontFaceObserver("brando",{weight:400});font.load().then(function(){console.log("Font is available"),document.documentElement.className=document.documentElement.className.replace(/\bwf-inactive\b/g,"")+" wf-active "},function(){console.log("Font is not available")}),function(a){"use strict";var b=function(b,c,d){function e(a){return h.body?a():void setTimeout(function(){e(a)})}function f(){i.addEventListener&&i.removeEventListener("load",f),i.media=d||"all"}var g,h=a.document,i=h.createElement("link");if(c)g=c;else{var j=(h.body||h.getElementsByTagName("head")[0]).childNodes;g=j[j.length-1]}var k=h.styleSheets;i.rel="stylesheet",i.href=b,i.media="only x",e(function(){g.parentNode.insertBefore(i,c?g:g.nextSibling)});var l=function(a){for(var b=i.href,c=k.length;c--;)if(k[c].href===b)return a();setTimeout(function(){l(a)})};return i.addEventListener&&i.addEventListener("load",f),i.onloadcssdefined=l,l(f),i};"undefined"!=typeof exports?exports.loadCSS=b:a.loadCSS=b}("undefined"!=typeof global?global:this),function(a){if(a.loadCSS){var b=loadCSS.relpreload={};if(b.support=function(){try{return a.document.createElement("link").relList.supports("preload")}catch(a){return!1}},b.poly=function(){for(var b=a.document.getElementsByTagName("link"),c=0;c<b.length;c++){var d=b[c];"preload"===d.rel&&"style"===d.getAttribute("as")&&(a.loadCSS(d.href,d),d.rel=null)}},!b.support()){b.poly();var c=a.setInterval(b.poly,300);a.addEventListener&&a.addEventListener("load",function(){a.clearInterval(c)}),a.attachEvent&&a.attachEvent("onload",function(){a.clearInterval(c)})}}}(this);</script></body></html>