syntax-highlighting

<!doctype html><html lang="en" class="no-js no-flexbox core wf-inactive"><head><meta charset="utf-8"><title>Syntax Highlighting</title><style>body,h1{font-weight:400}body,h1,p{margin:0}*{box-sizing:inherit}:root{font-size:12px}@media (min-width:800px){:root{font-size:24px}}html{box-sizing:border-box;cursor:default;font-family:sans-serif;line-height:1.5}body,html{background-color:#f4f5f6;color:#141414;height:100%}body{font-style:normal;font-variant:normal;font-size:100%;line-height:1.4;font-family:AvenirNext-Regular,Corbel,'Lucida Grande','Trebuchet Ms','Segoe Ui','DejaVu Sans',sans-serif;min-height:100%;text-rendering:optimizelegibility;-webkit-font-smoothing:subpixel-antialiased!important}h1{font-size:3em;line-height:1}p{padding:.5em 0}</style><style>.article--demo>svg{max-width:30em}.article--demo>pre[class*="-background"]{max-width:40em}@media (max-width:31.24em){text{font-size:2em}}@media (min-width:31.25em){text{font-size:1.5em}}@media (min-width:46.25em){text{font-size:1.4em}}@media (min-width:61.25em){text{font-size:1.33333em}}.base00-background{background-color:#202746}.base01-background{background-color:#293256}.base02-background{background-color:#5e6687}.base03-background{background-color:#6b7394}.base04-background{background-color:#898ea4}.base05-background{background-color:#979db4}.base06-background{background-color:#dfe2f1}.base07-background{background-color:#f5f7ff}.base08-background,.red-background{background-color:#c94922}.base09-background,.orange-background{background-color:#c76b29}.base0A-background,.yellow-background{background-color:#c08b30}.base0B-background,.green-background{background-color:#ac9739}.base0C-background,.cyan-background{background-color:#22a2c9}.base0D-background,.blue-background{background-color:#3d8fd1}.base0E-background,.violet-background{background-color:#6679cc}.base0F-background,.magenta-background{background-color:#9c637a}.base00{color:#202746}.base01{color:#293256}.base02{color:#5e6687}.base03{color:#6b7394}.base04{color:#898ea4}.base05{color:#979db4}.base06{color:#dfe2f1}.base07{color:#f5f7ff}.base08,.red{color:#c94922}.base09,.orange{color:#c76b29}.base0A,.yellow{color:#c08b30}.base0B,.green{color:#ac9739}.base0C,.cyan{color:#22a2c9}.base0D,.blue{color:#3d8fd1}.base0E,.violet{color:#6679cc}.base0F,.magenta{color:#9c637a}pre[class*=language].base00-background{background-color:#202746}.sh-c{overflow:auto;color:#293256}.sh-c-comm{padding:.2em .5em;display:inline-block}.sh-c-light,.sh-c-light .comment{color:#979db4}.sh-c-dark,.sh-c-dark .comment{color:#293256}</style><!doctype html><html lang="en"><meta charset="utf-8"><title>Syntax highlighting; 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 colorschemes for Code Syntax highlighting"><link rel="author" href="https://plus.google.com/+BramdeHaan/posts"><script>function featureDetect(){"use strict";document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/g,"")+" js ","querySelector"in document&&"addEventListener"in window&&Array.prototype.forEach&&(document.documentElement.className=document.documentElement.className.replace(/\bcore\b/g,"")+" enhanced ");var a=document.body||document.documentElement,a=a.style;(""==a.webkitFlexWrap||""==a.msFlexWrap||""==a.flexWrap)&&(document.documentElement.className=document.documentElement.className.replace(/\bno-flexbox\b/g,"")+" flexbox ")}featureDetect();</script></head><body class="page-sulphurpool type-themepage"><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> Syntax Highlightingcolorschemes</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=""><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 class="article article--demo"><h2>Atelier colorscheme</h2><h3 id="about-sulphurpool">Sulphurpool</h3>Base color for sulphurpool is purple, and here the background-colors have these grey purplish colors for the background. Darkest background-color needed not to be as desaturated as some of the warmer palettes, giving this colorscheme it’s otherworldly character. Yellow and green are close, because of avoidance of too greenish hues. In all: easy on the eye.<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1200 1200"><style type="text/css"><![CDATA[ .base00-background {fill:#202746} .base01-background {fill:#293256} .base02-background {fill:#5e6687} .base03-background {fill:#6b7394} .base04-background {fill:#898ea4} .base05-background {fill:#979db4} .base06-background {fill:#dfe2f1} .base07-background {fill:#f5f7ff} .base08-background, .red-background {fill:#c94922} .base09-background, .orange-background {fill:#c76b29} .base0A-background, .yellow-background {fill:#c08b30} .base0B-background, .green-background {fill:#ac9739} .base0C-background, .cyan-background {fill:#22a2c9} .base0D-background, .blue-background {fill:#3d8fd1} .base0E-background, .violet-background {fill:#6679cc} .base0F-background, .magenta-background {fill:#9c637a} ]]></style><g><rect x="0" y="0" width="300" height="300" class="base00-background"/><rect x="300" y="0" width="300" height="300" class="base01-background"/><rect x="600" y="0" width="300" height="300" class="base02-background"/><rect x="900" y="0" width="300" height="300" class="base03-background"/><rect x="0" y="300" width="300" height="300" class="base04-background"/><rect x="300" y="300" width="300" height="300" class="base05-background"/><rect x="600" y="300" width="300" height="300" class="base06-background"/><rect x="900" y="300" width="300" height="300" class="base07-background"/><rect x="0" y="600" width="300" height="300" class="yellow-background"/><rect x="300" y="600" width="300" height="300" class="orange-background"/><rect x="600" y="600" width="300" height="300" class="red-background"/><rect x="900" y="600" width="300" height="300" class="magenta-background"/><rect x="0" y="900" width="300" height="300" class="violet-background"/><rect x="300" y="900" width="300" height="300" class="blue-background"/><rect x="600" y="900" width="300" height="300" class="cyan-background"/><rect x="900" y="900" width="300" height="300" class="green-background"/></g><g><text x="0" y="158" class="base07-background"><tspan dx="100" dy="0">base00</tspan><tspan dx="190" dy="0">base01</tspan><tspan dx="200" dy="0">base02</tspan><tspan dx="195" dy="0">base03</tspan></text><text x="0" y="465" class="base00-background"><tspan dx="100" dy="0">base04</tspan><tspan dx="190" dy="0">base05</tspan><tspan dx="200" dy="0">base06</tspan><tspan dx="195" dy="0">base07</tspan></text><text x="0" y="760" class="base00-background"><tspan dx="100" dy="0">yellow</tspan><tspan dx="210" dy="0">orange</tspan><tspan dx="220" dy="0" class="base07-background">red</tspan><tspan dx="210" dy="0" class="base07-background">magenta</tspan></text><text x="0" y="1060" class="base00-background"><tspan dx="100" dy="0">violet</tspan><tspan dx="230" dy="0">blue</tspan><tspan dx="235" dy="0">cyan</tspan><tspan dx="225" dy="0">green</tspan></text></g></svg><h3 id="color-code" class="mtm no-border">Colors in code Scss variables</h3><pre class="base00-background language-scss"><code class="language-scss sh-c-light"> $base00: hsl(229, 37%, 20%); /* #202746 */ $base01: hsl(229, 35%, 25%); /* #293256 */ $base02: hsl(228, 18%, 45%); /* #5e6687 */ $base03: hsl(229, 16%, 50%); /* #6b7394 */ $base04: hsl(229, 13%, 59%); /* #898ea4 */ $base05: hsl(229, 16%, 65%); /* #979db4 */ $base06: hsl(229, 40%, 91%); /* #dfe2f1 */ $base07: hsl(229, 94%, 98%); /* #f5f7ff */ $base08: hsl(14, 71%, 47%);; /* #c94922 */ $base09: hsl(25, 66%, 47%); /* #c76b29 */ $base0a: hsl(38, 60%, 47%); /* #c08b30 */ $base0b: hsl(49, 50%, 45%); /* #ac9739 */ $base0c: hsl(194, 71%, 46%); /* #22a2c9 */ $base0d: hsl(207, 62%, 53%); /* #3d8fd1 */ $base0e: hsl(229, 50%, 60%); /* #6679cc */ $base0f: hsl(336, 22%, 50%); /* #9c637a */ $red: $base08; $orange: $base09; $yellow: $base0a; $green: $base0b; $cyan: $base0c; $blue: $base0d; $violet: $base0e; $magenta: $base0f; </code></pre><pre class="base00-background base05"> require "gem" string = "base16" symbol = :base16 fixnum = 0 float = 0.00 array = Array.new array = ['chris', 85] hash = {"test" => "test"} regexp = /[abc]/ # This is a comment class Person attr_accessor :name def initialize(attributes = {}) @name = attributes[:name] end def self.greet "hello" end end person1 = Person.new(:name => "Chris") print Person::greet, " ", person1.name, "\n" puts "another #{Person::greet} #{person1.name}" </pre><pre class="base07-background base02"> require "rubygems" string = "tomorrow" symbol = :tomorrow fixnum = 0 float = 0.00 array = Array.new array = ['chris', 85] hash = {"test" => "test"} regexp = /[abc]/ # This is a comment class Person attr_accessor :name def initialize(attributes = {}) @name = attributes[:name] end def self.greet "hello" end end person1 = Person.new(:name => "Chris") print Person::greet, " ", person1.name, "\n" puts "another #{Person::greet} #{person1.name}" </pre><h3 id="downloads" class="mtm">Downloads</h3>All downloads can be found in the <a href="https://github.com/atelierbram/syntax-highlighting/tree/master/atelier-schemes/output">output</a> folder.Note: For Sublime Text, go to <a href="https://github.com/atelierbram/syntax-highlighting/tree/master/atelier-schemes/output/textmate">Textmate folder</a>, or <a href="https://atelierbram.github.io/syntax-highlighting/atelier-schemes/output/textmate/textmate.zip">download the zip-file directly</a>.For <a href="https://github.com/tpope/vim-pathogen">Vim with Pathogen</a> you can clone <a href="https://github.com/atelierbram/vim-colors_atelier-schemes">the dedicated repo for this purpose</a> in the <code>~/.vim/bundle</code> directory like so:<pre class="language-bash" style="background:#ebf8ff;color:#516d7b;padding:1em;border:1px solid #d6eefb"><code class="language-bash" style="background:#ebf8ff;color:#516d7b"> cd ~/.vim/bundle git clone https://github.com/atelierbram/vim-colors_atelier-schemes.git </code></pre><h3 id="credits" class="mtm">Credits</h3><ul class="inline-block-list"><li>Credits to <a href="http://ethanschoonover.com/solarized">Ethan Schoonover</a> whose <a href="http://github.com/altercation/solarized">Solarized colorscheme</a> was a model for these colorschemes</li><li>And credits to <a href="http://chriskempson.com/">Chris Kempson</a>, whose <a href="https://github.com/chriskempson/base16-builder">Base16 Builder</a> was used for conversion to the different output formats.</li></ul><a href="#header" class="go-to-top sh-button"><svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><g id="outline-black"><path fill="currentColor" opacity="0.5" d="M25,3L3,34l12-1v13h20V33l12,1L25,3z"/></g><g id="inner-white"><polygon fill="#FFFFFF" points="42,31 25,7 8,31 18,30 18,44 32,44 32,30"/></g></svg>Go to Top</a></article></main><footer class="footer">by <a href="http://atelierbramdehaan.nl"><svg width="48" height="48" class="logo-avatar"><use xlink:href="#logoAvatar"/></svg> Atelier Bram de Haan</a><a href="https://github.com/atelierbram/syntax-highlighting">this repo on Github</a></footer><a href="https://github.com/atelierbram/syntax-highlighting" class="github-corner">This repo on Github<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>