jekyll-theme-satellite 1.0.0 → 1.1.2

data/_sass/navigation.scss

@@ -12,7 +12,6 @@
 .nav-list {
     padding: 0;
     margin: 0 auto;
-    font-family: 'Lato', sans-serif;
   
     li {
         font-size: 1rem;
@@ -21,7 +20,7 @@
             padding-left: 1.125rem;
             background: #eee;
 
-            transition: max-height .5s, opacity .2s;
+            transition: max-height .5s ease-in-out, opacity .3s;
             opacity: 0;
             max-height: 0;
     
@@ -33,7 +32,7 @@
 
             > .nav-list {
                 opacity: 1;
-                max-height: 256px;
+                max-height: 768px;
             }
         }
     }

data/_sass/pagination.scss

@@ -31,7 +31,6 @@
     margin: 0 0.5rem;
     margin-bottom: 1.5rem;
     font-weight: 600;
-    font-family: 'Lato', sans-serif;
     border-bottom: 1px solid lightgrey;
     text-decoration: underline dimgrey;
     text-underline-offset: 12px;
@@ -72,8 +71,7 @@
 
     a { text-decoration: none; }
 
-    .title_post{
-        font-family: 'Lato', sans-serif;
+    .title_post {
         font-weight: 600;
         font-size: 1rem;
         line-height: 2rem;
@@ -112,7 +110,7 @@
     text-align: center;
 
     img {
-        width: 50%;
+        width: 50% !important;
         aspect-ratio: 2/1;
     }
 

data/_sass/post.scss

@@ -64,11 +64,11 @@
 }
 
 .post-title {
-    font-family: 'Lato', sans-serif;
     font-size: 1.25rem;
     word-spacing: 4px;
     font-weight: 600;
     word-wrap: break-word;
+    font-family: Cambria, sans-serif;
 }
 
 .post-info {
@@ -110,13 +110,16 @@
     svg { margin-right: 4px; }
 }
 
-.tags { margin: 1rem; }
-
-.tag-box {
+.tag-box { 
+    margin: 1rem;
     display: inline-block;
+}
+
+.tag {
+    float: left;
     position: relative;
-    margin: 0.75rem;
-    padding: 0 0.75rem;
+    margin-left: 24px;
+    padding:0 10px 0 12px;
     line-height: 1.5rem;
     color: #fff !important;
     font-size: 1rem;
@@ -181,7 +184,6 @@ main {
     padding: 1rem;
     margin: auto;
     font-size: 1rem;
-    font-family: 'Nunito Sans', sans-serif;
     line-height: 200%;
     position: relative;
     overflow-wrap: break-word;
@@ -190,9 +192,8 @@ main {
     * { margin: auto; }
 
     h1, h2, h3 {
-        font-family: "Helvetica";
-        margin-bottom: -1.5rem;
-        padding-top: 2rem;
+        margin-top: 3rem;
+        margin-bottom: 1rem;
     }
 
     h1, .sh1 { font-size: 1.75rem; }
@@ -231,11 +232,19 @@ main {
         }
     }
 
-    p, ul, hr, table { margin-top: 2rem; }
+    p, ul, table, div { margin-bottom: 3rem; }
+
+    p + div,
+    p + pre,
+    p + blockquote,
+    div + div,
+    div + blockquote { 
+        margin-top: -2rem; 
+    }
 
     ul { padding-left: 2rem; }
 
-    li > ul { margin-top: 0; }
+    li > ul { margin: 0; }
 
     code {
         margin: 0 2px;
@@ -379,7 +388,7 @@ main {
     hr {
         border: 0;
         height: 2px;
-        margin-bottom: -1.5rem;
+        margin: 1rem 0;
         background: burlywood;
     }
 
@@ -552,16 +561,19 @@ main {
         svg { margin-right: 8px; }
     }
 
-    .tags { margin: 1rem 3rem; }
-
     .tag-box { 
-        margin: 1rem;
-        padding: 0 1rem;
+        margin: 3rem;
+        margin-top: 1rem;
+    }
+
+    .tag { 
+        margin-left: 32px;
+        padding:0 14px 0 16px;
         line-height: 2rem;
         font-size: 1.125rem;
 
         &:before {
-            left: -1rem;
+            left: -16px;
             border-width: 16px 16px 16px 0;   
         }
 
@@ -576,25 +588,20 @@ main {
         padding-top: 0;
         font-size: 1.125rem;
 
-        h1, h2, h3, hr { margin-bottom: -2.25rem; }
-
         h1, .sh1 {
             font-size: 2.25rem;
-            padding-top: 5rem;
+            margin-top: 5rem;
         }
     
         h2, .sh2 {
             font-size: 1.75rem;
-            padding-top: 4rem;
+            margin-top: 4rem;
         }
     
         h3, .sh3 {
             font-size: 1.375rem;
-            padding-top: 3rem;
         }
 
-        p, ul, hr, table { margin-top: 3rem; }
-
         table {
             tbody td, thead th { padding: 1rem; }
         }

data/_sass/search.scss

@@ -82,13 +82,13 @@
     margin: auto;
     margin-top: 2rem;
 
-    h1 { 
+    mark { 
         margin-bottom: 1rem;
-        color: #fff;
+        color: #fff !important;
         opacity: 0.8;
         font-size: 1.5rem;
         font-weight: 200;
-        font-family: 'Righteous', sans-serif;
+        display: block;
     }
 
     input {
@@ -211,7 +211,7 @@
     .search-box { 
         margin-top: 4rem; 
     
-        h1 { 
+        mark { 
             font-size: 2.5rem;
             margin-bottom: 2rem;
         }

data/_sass/sidebar.scss

@@ -150,6 +150,8 @@
         border: none;
         border-radius: 50%;
         margin-left: 1rem;
+        position: relative;
+        vertical-align: top;
         cursor: pointer;
 
         &:hover {
@@ -173,18 +175,26 @@
         fill: #3A241A !important;
         width: 24px;
         position: relative;
+        transition: all .3s;
+    }
+
+    .ico-dark, .ico-light { 
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
     }
 
     .ico-dark {
-        display: block;
+        transform: translate(-50%, -50%) scale(1);
 
-        &.active{ display: none; }
+        &.active{ transform: translate(-50%, -50%) scale(0); }
     }
 
     .ico-light {
-        display: none;
+        transform: translate(-50%, -50%) scale(0);
 
-        &.active{ display: block; }
+        &.active{ transform: translate(-50%, -50%) scale(1); }
     }
 }
 
@@ -243,7 +253,6 @@
 
         .highlight {
             font-weight: 600;
-            font-family: 'Righteous', sans-serif;
             background-image: -webkit-linear-gradient(left, #a95770 25%, #ff4d7c 32.5%, #97d0ec 50%, #ff4d7c 67.5%, #a95770 75%);
             background-image: linear-gradient(90deg, #a95770 25%, #ff4d7c 32.5%, #97d0ec 50%, #ff4d7c 67.5%, #a95770 75%);
             background-position: right center;
@@ -254,10 +263,10 @@
 
             &:hover {
                 color: #ef9671;
-                animation: slide 2s ease-in infinite;
+                animation: slidetext 2s ease-in infinite;
             }
 
-            @keyframes slide {
+            @keyframes slidetext {
                 100% {
                     background-position: left center;
                 }

data/_sass/toc.scss

@@ -43,6 +43,12 @@
         word-break: normal;
         display: block;
         line-height: 150%;
+        animation: .5s ease-out 0s 1 slide;
+
+        @keyframes slide {
+            0% { transform: scaleY(0); }
+            100% { transform: scaleY(1); }
+        }
     }
       
     .is-active-link{

data/assets/css/404.scss

@@ -0,0 +1,47 @@
+---
+---
+
+body {
+    margin: 0;
+    background: 
+        repeating-linear-gradient(
+        to right, transparent, 
+        transparent 100px, 
+        white 100px, 
+        white 112px
+        ),
+        repeating-linear-gradient(
+        to bottom, transparent,  
+        transparent 100px, 
+        white 100px, 
+        white 112px
+        ),
+        linear-gradient(45deg, pink, skyblue);
+}
+
+.blank-page {
+    display: table-cell;
+    z-index: 0;
+    background: #fff;
+    margin: 1rem auto;
+    width: 100vw;
+    height: 45vh;
+    vertical-align: middle;
+
+    .go-home {
+        text-decoration: none;
+        margin-left: 5vw;
+        font-size: 1.25rem;
+    }
+
+    .not-found-msg { text-align: center; }
+
+    .sour-face {
+        margin: 3rem auto;
+        font-size: 5rem;
+        line-height: 1;
+        letter-spacing: -1px;
+    }
+}
+
+.container { display: none; }

data/assets/css/fonts.scss

@@ -0,0 +1,29 @@
+---
+---
+
+@font-face {
+    font-family: 'Nunito Sans';
+    font-style: normal;
+    font-weight: 400;
+    font-display: optional;
+    src: local('Nunito Sans'),
+         url(/assets/fonts/NunitoSans-Regular.ttf) format("truetype");
+}
+
+@font-face {
+    font-family: 'Righteous';
+    font-style: normal;
+    font-weight: 600;
+    font-display: optional;
+    src: local('Righteous'),
+         url(/assets/fonts/Righteous-Regular.ttf) format("truetype");
+}
+
+@font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    font-display: optional;
+    src: local('Lato'),
+         url(/assets/fonts/Lato-Regular.ttf) format("truetype");
+}

data/assets/css/style.scss

@@ -1,33 +1,23 @@
 ---
 ---
 
-@font-face {
-    font-family: 'Nunito Sans';
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url(/assets/fonts/NunitoSans-Regular.ttf);
+html, body {
+    margin: 0;
+    padding: 0;
 }
 
-@font-face {
-    font-family: 'Righteous';
-    font-style: normal;
-    font-weight: 600;
-    font-display: swap;
-    src: url(/assets/fonts/Righteous-Regular.ttf);
-}
+.fonts-loaded {
+    a, span, p {
+        font-family: "Nunito Sans", 'Lucida Sans', sans-serif;
+    }
 
-@font-face {
-    font-family: 'Lato';
-    font-style: normal;
-    font-weight: 400;
-    font-display: swap;
-    src: url(/assets/fonts/Lato-Regular.ttf);
-}
+    h1, h2, h3 {
+        font-family: "Lato", Helvetica, sans-serif;
+    }
 
-html, body {
-    margin: 0;
-    padding: 0;
+    mark {
+        font-family: 'Righteous', sans-serif;
+    }
 }
 
 a {
@@ -36,11 +26,19 @@ a {
 
 a, span, p, h1, h2, h3, i {
     color: #3A241A;
-    font-family: "Nunito Sans", sans-serif;
 }
 
-h1, h2, h3 {
+a, span, p {
+    font-family: 'Lucida Sans', sans-serif;
+}
+
+h1, h2, h3, mark {
     margin: 0;
+    font-family: Helvetica, sans-serif;
+}
+
+mark {
+    background-color: transparent;
 }
 
 svg {

data/assets/js/{stars.js → background.js}

@@ -324,7 +324,7 @@ function init() {
 
     // Motion mode
     if ('ontouchstart' in document.documentElement && window.DeviceOrientationEvent) {
-        console.log('Using device orientation');
+        // console.log('Using device orientation');
         window.addEventListener('deviceorientation', function(e) {
             mouse.x = (canvas.clientWidth / 2) - ((e.gamma / 90) * (canvas.clientWidth / 2) * 2);
             mouse.y = (canvas.clientHeight / 2) - ((e.beta / 90) * (canvas.clientHeight / 2) * 2);
@@ -332,7 +332,7 @@ function init() {
     }
     else {
         // Mouse move listener
-        console.log('Using mouse movement');
+        // console.log('Using mouse movement');
         document.body.addEventListener('mousemove', function(e) {
             mouse.x = e.clientX;
             mouse.y = e.clientY;

data/assets/js/common.js

@@ -0,0 +1,179 @@
+document.addEventListener('DOMContentLoaded', function(){
+    // Init theme
+    let currentTheme = localStorage.getItem('theme');
+    let isDarkMode = false;
+
+    if (currentTheme === 'dark'){
+        isDarkMode = true;
+        const themeIcons = document.querySelectorAll(".ico-dark, .ico-light");
+
+        themeIcons.forEach((ico) => {
+            ico.classList.add('active');
+        });
+        /*
+        const moonIcons = document.querySelectorAll(".ico-dark");
+        const sunIcons = document.querySelectorAll(".ico-light");
+
+        moonIcons.forEach((ico) => {
+            ico.classList.add('active');
+        });
+
+        sunIcons.forEach((ico) => {
+            ico.classList.add('active');
+        });
+        */
+    }
+    else {
+        isDarkMode = false;
+    }
+
+    // navigation (mobile)
+    var siteNav = document.querySelector('#navigation');
+    var siteContact = document.querySelector('#contact');
+    var menuButton = document.querySelector("#btn-nav");
+
+    menuButton.addEventListener('click', function() {
+        if (menuButton.classList.toggle('nav-open')) {
+            siteNav.classList.add('nav-open');
+            siteContact.classList.add('contact-open');
+        } else {
+            siteNav.classList.remove('nav-open');
+            siteContact.classList.remove('contact-open');
+        }
+    });
+
+    // kept nav opened
+    var firstNavs = document.querySelectorAll('#nav-first');
+    var page_path = window.location.pathname.replace(/%20/g, " ");
+    var page_tree = page_path.split('/');
+
+    Array.prototype.forEach.call(firstNavs, function (nav_first) {
+        if (page_tree[1] === nav_first.ariaLabel){
+            nav_first.classList.add('active');
+
+            var secondNavs = nav_first.querySelectorAll('#nav-second');
+
+            Array.prototype.forEach.call(secondNavs, function (nav_second) {
+                if (page_tree[2] === nav_second.ariaLabel){
+                    nav_second.classList.toggle('active');
+
+                    var thirdNavs = nav_second.querySelectorAll('#nav-third');
+
+                    Array.prototype.forEach.call(thirdNavs, function (nav_third) {
+                        if (page_tree[3] === nav_third.ariaLabel){
+                            nav_third.classList.toggle('active');
+                        }
+                    });
+                }
+            });
+        }
+    });
+
+    // navigation (toogle sub-category)
+    document.addEventListener('click', function(e){
+        var target = e.target;
+
+        while (target && !(target.classList && target.classList.contains('nav-list-expander'))) {
+            target = target.parentNode;
+        }
+
+        if (target) {
+            e.preventDefault();
+            var nav_item = target.parentNode;
+            target.ariaPressed = nav_item.parentNode.classList.toggle('active');
+        }
+    });
+
+    document.querySelectorAll('.nav-item').forEach((nav_item) => {
+        if (nav_item.parentNode.classList.contains('active')){
+            nav_item.classList.add('selected');
+        }
+        else {
+            nav_item.classList.remove('selected');
+        }
+    });
+
+    // Change Datk/Light Theme
+    const themeButton = document.querySelectorAll("#btn-brightness");
+
+    themeButton.forEach((btn) => {
+        btn.addEventListener('click', function() {
+            const moonIcons = document.querySelectorAll(".ico-dark");
+            const sunIcons = document.querySelectorAll(".ico-light");
+
+            moonIcons.forEach((ico) => {
+                ico.classList.toggle('active');
+            });
+
+            sunIcons.forEach((ico) => {
+                ico.classList.toggle('active');
+            });
+
+            document.body.classList.toggle('dark-theme');
+
+            if (isDarkMode){
+                localStorage.setItem('theme', 'default');
+                // Disable highlighter dark color theme
+                document.getElementById("highlight-default").disabled=false;
+                document.getElementById("highlight-dark").disabled=true;
+                changeGiscusTheme('light');
+                isDarkMode = false;
+            }
+            else {
+                localStorage.setItem('theme', 'dark');
+                // Disable highlighter default color theme
+                document.getElementById("highlight-default").disabled=true;
+                document.getElementById("highlight-dark").disabled=false;
+                changeGiscusTheme('noborder_gray');
+                isDarkMode = true;
+            }
+        });
+    });
+
+    function changeGiscusTheme(theme) {
+        const iframe = document.querySelector('iframe.giscus-frame');
+        if (!iframe) return;
+
+        const message = {
+            setConfig: {
+                theme: theme
+            }
+        };
+
+        iframe.contentWindow.postMessage({ giscus: message }, 'https://giscus.app');
+    }
+
+    // search box
+    const searchButton = document.querySelectorAll("#btn-search");
+    const cancelButton = document.querySelector('#btn-clear');
+    const searchPage = document.querySelector("#search");
+
+    if (searchButton) {
+        searchButton.forEach((btn) => {
+            btn.addEventListener('click', function() {
+                searchPage.classList.add('active');
+                $('#search-input').focus();
+            });
+        });
+    }
+
+    if (searchPage) {
+        searchPage.addEventListener('click', function(event) {
+            const searchBar = document.querySelector(".search-box");
+            var target = event.target;
+
+            if (searchBar.contains(target))
+                return;
+
+            searchPage.classList.remove('active');
+        });
+    }
+
+    if (cancelButton) {
+        cancelButton.addEventListener('click', function() {
+            $('.result-item').remove();
+            $('#search-input').val("");
+            $('#btn-clear').hide();
+        });
+    }
+});

data/assets/js/fontfaceobserver.js

@@ -0,0 +1,12 @@
+/* Font Face Observer v2.3.0 - © Bram Stein. License: BSD-3-Clause */(function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}}
+function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})};
+function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}());
+
+(function(){function p(a,c){document.addEventListener?a.addEventListener("scroll",c,!1):a.attachEvent("scroll",c)}function u(a){document.body?a():document.addEventListener?document.addEventListener("DOMContentLoaded",function b(){document.removeEventListener("DOMContentLoaded",b);a()}):document.attachEvent("onreadystatechange",function g(){if("interactive"==document.readyState||"complete"==document.readyState)document.detachEvent("onreadystatechange",g),a()})};function w(a){this.g=document.createElement("div");this.g.setAttribute("aria-hidden","true");this.g.appendChild(document.createTextNode(a));this.h=document.createElement("span");this.i=document.createElement("span");this.m=document.createElement("span");this.j=document.createElement("span");this.l=-1;this.h.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.i.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";
+this.j.style.cssText="max-width:none;display:inline-block;position:absolute;height:100%;width:100%;overflow:scroll;font-size:16px;";this.m.style.cssText="display:inline-block;width:200%;height:200%;font-size:16px;max-width:none;";this.h.appendChild(this.m);this.i.appendChild(this.j);this.g.appendChild(this.h);this.g.appendChild(this.i)}
+function x(a,c){a.g.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;white-space:nowrap;font-synthesis:none;font:"+c+";"}function B(a){var c=a.g.offsetWidth,b=c+100;a.j.style.width=b+"px";a.i.scrollLeft=b;a.h.scrollLeft=a.h.scrollWidth+100;return a.l!==c?(a.l=c,!0):!1}function C(a,c){function b(){var e=g;B(e)&&null!==e.g.parentNode&&c(e.l)}var g=a;p(a.h,b);p(a.i,b);B(a)};function D(a,c,b){c=c||{};b=b||window;this.family=a;this.style=c.style||"normal";this.weight=c.weight||"normal";this.stretch=c.stretch||"normal";this.context=b}var E=null,F=null,G=null,H=null;function I(a){null===F&&(M(a)&&/Apple/.test(window.navigator.vendor)?(a=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))(?:\.([0-9]+))/.exec(window.navigator.userAgent),F=!!a&&603>parseInt(a[1],10)):F=!1);return F}function M(a){null===H&&(H=!!a.document.fonts);return H}
+function N(a,c){var b=a.style,g=a.weight;if(null===G){var e=document.createElement("div");try{e.style.font="condensed 100px sans-serif"}catch(q){}G=""!==e.style.font}return[b,g,G?a.stretch:"","100px",c].join(" ")}
+D.prototype.load=function(a,c){var b=this,g=a||"BESbswy",e=0,q=c||3E3,J=(new Date).getTime();return new Promise(function(K,L){if(M(b.context)&&!I(b.context)){var O=new Promise(function(r,t){function h(){(new Date).getTime()-J>=q?t(Error(""+q+"ms timeout exceeded")):b.context.document.fonts.load(N(b,'"'+b.family+'"'),g).then(function(n){1<=n.length?r():setTimeout(h,25)},t)}h()}),P=new Promise(function(r,t){e=setTimeout(function(){t(Error(""+q+"ms timeout exceeded"))},q)});Promise.race([P,O]).then(function(){clearTimeout(e);
+K(b)},L)}else u(function(){function r(){var d;if(d=-1!=k&&-1!=l||-1!=k&&-1!=m||-1!=l&&-1!=m)(d=k!=l&&k!=m&&l!=m)||(null===E&&(d=/AppleWebKit\/([0-9]+)(?:\.([0-9]+))/.exec(window.navigator.userAgent),E=!!d&&(536>parseInt(d[1],10)||536===parseInt(d[1],10)&&11>=parseInt(d[2],10))),d=E&&(k==y&&l==y&&m==y||k==z&&l==z&&m==z||k==A&&l==A&&m==A)),d=!d;d&&(null!==f.parentNode&&f.parentNode.removeChild(f),clearTimeout(e),K(b))}function t(){if((new Date).getTime()-J>=q)null!==f.parentNode&&f.parentNode.removeChild(f),
+L(Error(""+q+"ms timeout exceeded"));else{var d=b.context.document.hidden;if(!0===d||void 0===d)k=h.g.offsetWidth,l=n.g.offsetWidth,m=v.g.offsetWidth,r();e=setTimeout(t,50)}}var h=new w(g),n=new w(g),v=new w(g),k=-1,l=-1,m=-1,y=-1,z=-1,A=-1,f=document.createElement("div");f.dir="ltr";x(h,N(b,"sans-serif"));x(n,N(b,"serif"));x(v,N(b,"monospace"));f.appendChild(h.g);f.appendChild(n.g);f.appendChild(v.g);b.context.document.body.appendChild(f);y=h.g.offsetWidth;z=n.g.offsetWidth;A=v.g.offsetWidth;t();
+C(h,function(d){k=d;r()});x(h,N(b,'"'+b.family+'",sans-serif'));C(n,function(d){l=d;r()});x(n,N(b,'"'+b.family+'",serif'));C(v,function(d){m=d;r()});x(v,N(b,'"'+b.family+'",monospace'))})})};"object"===typeof module?module.exports=D:(window.FontFaceObserver=D,window.FontFaceObserver.prototype.load=D.prototype.load);}());