From ebb95c5f912d2e971a9ed396945da6d5e2e3acad Mon Sep 17 00:00:00 2001
From: Greenscreener <honzikcernoh@gmail.com>
Date: Wed, 17 Jul 2019 22:12:26 +0200
Subject: [PATCH] A better fix for the giant logo at startup.

---
 patekLogo.js | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/patekLogo.js b/patekLogo.js
index f9c79e4..c219c9a 100644
--- a/patekLogo.js
+++ b/patekLogo.js
@@ -1,7 +1,6 @@
 const template = document.createElement("template");
 template.innerHTML = `
 <style>
-    @import 'https://unpkg.com/firacode@1.206.0/distr/fira_code.css';
     svg > * {
         fill: currentColor;
     }
@@ -51,6 +50,7 @@ template.innerHTML = `
         height: 2em;
     }
 </style>
+<link rel="stylesheet" src="https://unpkg.com/firacode@1.206.0/distr/fira_code.css">
 <span id="wrapper">
 <span id="titlePlaceholder"></span>
     <svg id="svg8" version="1.1" viewBox="0 0 22.452 22.454" xmlns="http://www.w3.org/2000/svg">
@@ -96,11 +96,7 @@ class PatekLogo extends HTMLElement {
         clone.getElementById("titleText").innerText = typeof this.attributes.title !== "undefined" ? this.attributes.title.value : "Pátek";
         clone.getElementById("subtitleText").innerText = typeof this.attributes.subtitle !== "undefined" ? this.attributes.subtitle.value : "";
         this.shadow.appendChild(clone);
-        this.shadow.getElementById("wrapper").style.display = "none";
         this.calculateCircles();
-        window.addEventListener("load", () => {
-            this.shadow.getElementById("wrapper").style.display = "inline-block";
-        });
     }
     static get observedAttributes() { return ['title', 'subtitle']; }
     attributeChangedCallback(name, oldValue, newValue) {