syntax-highlighting

Version:

Syntax Highlighting Colorschemes for many applications

github.com/atelierbram/syntax-highlighting

atelierbram/syntax-highlighting

107 lines (92 loc) • 29.1 kB

HTML

<!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:#1b181b}.base01-background{background-color:#292329}.base02-background{background-color:#695d69}.base03-background{background-color:#776977}.base04-background{background-color:#9e8f9e}.base05-background{background-color:#ab9bab}.base06-background{background-color:#d8cad8}.base07-background{background-color:#f7f3f7}.base08-background,.red-background{background-color:#ca402b}.base09-background,.orange-background{background-color:#a65926}.base0A-background,.yellow-background{background-color:#bb8a35}.base0B-background,.green-background{background-color:#918b3b}.base0C-background,.cyan-background{background-color:#159393}.base0D-background,.blue-background{background-color:#516aec}.base0E-background,.violet-background{background-color:#7b59c0}.base0F-background,.magenta-background{background-color:#c3c}.base00{color:#1b181b}.base01{color:#292329}.base02{color:#695d69}.base03{color:#776977}.base04{color:#9e8f9e}.base05{color:#ab9bab}.base06{color:#d8cad8}.base07{color:#f7f3f7}.base08,.red{color:#ca402b}.base09,.orange{color:#a65926}.base0A,.yellow{color:#bb8a35}.base0B,.green{color:#918b3b}.base0C,.cyan{color:#159393}.base0D,.blue{color:#516aec}.base0E,.violet{color:#7b59c0}.base0F,.magenta{color:#c3c}pre[class*=language].base00-background{background-color:#1b181b}.sh-c{overflow:auto;color:#292329}.sh-c-comm{padding:.2em .5em;display:inline-block}.sh-c-light,.sh-c-light .comment{color:#ab9bab}.sh-c-dark,.sh-c-dark .comment{color:#292329}</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-heath 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-lakeside">Heath</h3>Base color for Heath is magenta, and here the background-colors have these cool-red colors for the background, but then obviously toned down quite a bit ….<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-heath-bg {fill:#1b181b} .base01-heath-bg {fill:#292329} .base02-heath-bg {fill:#695d69} .base03-heath-bg {fill:#776977} .base04-heath-bg {fill:#9e8f9e} .base05-heath-bg {fill:#ab9bab} .base06-heath-bg {fill:#d8cad8} .base07-heath-bg {fill:#f7f3f7} .base08-heath-bg, .red-heath-bg {fill:#ca402b} .base09-heath-bg, .orange-heath-bg {fill:#a65926} .base0A-heath-bg, .yellow-heath-bg {fill:#bb8a35} .base0B-heath-bg, .green-heath-bg {fill:#918b3b} .base0C-heath-bg, .cyan-heath-bg {fill:#159393} .base0D-heath-bg, .blue-heath-bg {fill:#516aec} .base0E-heath-bg, .violet-heath-bg {fill:#7b59c0} .base0F-heath-bg, .magenta-heath-bg {fill:#cc33cc} ]]></style><g><rect x="0" y="0" width="300" height="300" class="base00-heath-bg"/><rect x="300" y="0" width="300" height="300" class="base01-heath-bg"/><rect x="600" y="0" width="300" height="300" class="base02-heath-bg"/><rect x="900" y="0" width="300" height="300" class="base03-heath-bg"/><rect x="0" y="300" width="300" height="300" class="base04-heath-bg"/><rect x="300" y="300" width="300" height="300" class="base05-heath-bg"/><rect x="600" y="300" width="300" height="300" class="base06-heath-bg"/><rect x="900" y="300" width="300" height="300" class="base07-heath-bg"/><rect x="0" y="600" width="300" height="300" class="yellow-heath-bg"/><rect x="300" y="600" width="300" height="300" class="orange-heath-bg"/><rect x="600" y="600" width="300" height="300" class="red-heath-bg"/><rect x="900" y="600" width="300" height="300" class="magenta-heath-bg"/><rect x="0" y="900" width="300" height="300" class="violet-heath-bg"/><rect x="300" y="900" width="300" height="300" class="blue-heath-bg"/><rect x="600" y="900" width="300" height="300" class="cyan-heath-bg"/><rect x="900" y="900" width="300" height="300" class="green-heath-bg"/></g><g><text x="0" y="158" class="base07-heath-bg"><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-heath-bg"><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-heath-bg"><tspan dx="100" dy="0">yellow</tspan><tspan dx="210" dy="0">orange</tspan><tspan dx="220" dy="0" class="base07-heath-bg">red</tspan><tspan dx="210" dy="0" class="base07-heath-bg">magenta</tspan></text><text x="0" y="1060" class="base00-heath-bg"><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(300, 5%, 10%); /* #1b181b */ $base01: hsl(300, 8%, 15%); /* #292329 */ $base02: hsl(300, 6%, 39%); /* #695d69 */ $base03: hsl(300, 6%, 44%); /* #776977 */ $base04: hsl(300, 7%, 59%); /* #9e8f9e */ $base05: hsl(300, 9%, 64%); /* #ab9bab */ $base06: hsl(300, 16%, 86%); /* #d8cad8 */ $base07: hsl(300, 20%, 96%); /* #f7f3f7 */ $base08: hsl(8, 65%, 48%); /* #ca402b */ $base09: hsl(24, 63%, 40%); /* #a65926 */ $base0a: hsl(38, 56%, 47%); /* #bb8a35 */ $base0b: hsl(56, 42%, 40%); /* #918b3b */ $base0c: hsl(180, 75%, 33%); /* #159393 */ $base0d: hsl(230, 80%, 62%); /* #516aec */ $base0e: hsl(260, 45%, 55%); /* #7b59c0 */ $base0f: hsl(300, 60%, 50%); /* #c3c */ $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>