From bafa57bcef569b3962122799d5cfeacdcde7ba8f Mon Sep 17 00:00:00 2001
From: Nick Derevjanik <nick@networkbasedsolutions.com>
Date: Sat, 7 Feb 2026 10:33:08 -0800
Subject: [PATCH 1/2] used modern font loading techniques

---
 src/index.html | 55 +++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 41 insertions(+), 14 deletions(-)
diff --git a/src/index.html b/src/index.html
index dc6e516..58b0e79 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html>
   <head>
     <!-- Global Site Tag (gtag.js) - Google Analytics -->
@@ -29,7 +29,7 @@
       content="Network Based Solutions specializes in mobile / laptop / desktop support, app / website design, and software training. NBS is your technology lifesaver. #NBShelps"
     />
 
-    <meta charset="UTF-8">
+    <meta charset="UTF-8" />
     <!-- Ensure IE never uses compatibility mode. -->
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -37,12 +37,32 @@
     <link rel="icon" href="favicon.ico" />
     <link rel="shortcut icon" href="favicon.ico" />
 
-    <script src="https://use.typekit.net/okl6hvr.js"></script>
-    <script>
-      try {
-        Typekit.load({ async: true });
-      } catch (e) {
+    <link rel="preconnect" href="https://use.typekit.net" crossorigin />
+    <link rel="dns-prefetch" href="https://use.typekit.net" />
+    <link rel="stylesheet" href="https://use.typekit.net/okl6hvr.css" />
+
+    <style>
+      .wf-loading body {
+        visibility: hidden;
       }
+    </style>
+
+    <!-- Necessary inline script to prevent font load flicker. -->
+    <script>
+      (function (d) {
+        d.classList.add("wf-loading");
+        var t = setTimeout(function () {
+          d.classList.remove("wf-loading");
+          d.classList.add("wf-inactive");
+        }, 3000);
+        if (document.fonts) {
+          document.fonts.ready.then(function () {
+            clearTimeout(t);
+            d.classList.remove("wf-loading");
+            d.classList.add("wf-active");
+          });
+        }
+      })(document.documentElement);
     </script>
 
     <link rel="stylesheet" href="_css/normalize.css" />
@@ -68,7 +88,10 @@
           </p>
 
           <p>
-            Give us a call or text: <a href="tel:+1-503-606-6508" class="company-number">503-606-6508</a>
+            Give us a call or text:
+            <a href="tel:+1-503-606-6508" class="company-number"
+              >503-606-6508</a
+            >
           </p>
         </div>
       </article>
@@ -76,7 +99,8 @@
       <article id="nbs-can-help">
         <header>Feeling under water?</header>
         <p>
-          <span class="company-acronym">NBS</span> can <span class="glow-green">help</span> you back to shore.
+          <span class="company-acronym">NBS</span> can
+          <span class="glow-green">help</span> you back to shore.
         </p>
       </article>
 
@@ -88,8 +112,9 @@
         <section>
           <h1>Support</h1>
           <p>
-            <span class="company-acronym">NBS</span> has an ocean of solutions to put out your toughest technological
-            fires. Hardware, software, and even phone issues, we've got your back.
+            <span class="company-acronym">NBS</span> has an ocean of solutions
+            to put out your toughest technological fires. Hardware, software,
+            and even phone issues, we've got your back.
           </p>
         </section>
 
@@ -97,15 +122,17 @@ <h1>Support</h1>
           <h1>App & Web Design</h1>
           <p>
             Allow us to create something beautiful and fun for you.
-            <span class="company-acronym">NBS</span> promises to keep you afloat.
+            <span class="company-acronym">NBS</span> promises to keep you
+            afloat.
           </p>
         </section>
 
         <section>
           <h1>Training</h1>
           <p>
-            Software can be scary. <span class="company-acronym">NBS</span> will swim with you. We provide hands-on
-            training, step by step guides and tutorials.
+            Software can be scary. <span class="company-acronym">NBS</span> will
+            swim with you. We provide hands-on training, step by step guides and
+            tutorials.
           </p>
         </section>
 

From e11360adb6218108cbdc41801cd5ca9b023b0ed5 Mon Sep 17 00:00:00 2001
From: Nick Derevjanik <nick@networkbasedsolutions.com>
Date: Sat, 7 Feb 2026 10:37:34 -0800
Subject: [PATCH 2/2] ran formatter

---
 src/index.html | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/index.html b/src/index.html
index 58b0e79..fbe516b 100644
--- a/src/index.html
+++ b/src/index.html
@@ -1,4 +1,4 @@
-<!doctype html>
+<!DOCTYPE html>
 <html>
   <head>
     <!-- Global Site Tag (gtag.js) - Google Analytics -->
@@ -89,9 +89,7 @@
 
           <p>
             Give us a call or text:
-            <a href="tel:+1-503-606-6508" class="company-number"
-              >503-606-6508</a
-            >
+            <a href="tel:+1-503-606-6508" class="company-number">503-606-6508</a>
           </p>
         </div>
       </article>
@@ -112,9 +110,8 @@
         <section>
           <h1>Support</h1>
           <p>
-            <span class="company-acronym">NBS</span> has an ocean of solutions
-            to put out your toughest technological fires. Hardware, software,
-            and even phone issues, we've got your back.
+            <span class="company-acronym">NBS</span> has an ocean of solutions to put out your toughest technological
+            fires. Hardware, software, and even phone issues, we've got your back.
           </p>
         </section>
 
@@ -122,17 +119,15 @@ <h1>Support</h1>
           <h1>App & Web Design</h1>
           <p>
             Allow us to create something beautiful and fun for you.
-            <span class="company-acronym">NBS</span> promises to keep you
-            afloat.
+            <span class="company-acronym">NBS</span> promises to keep you afloat.
           </p>
         </section>
 
         <section>
           <h1>Training</h1>
           <p>
-            Software can be scary. <span class="company-acronym">NBS</span> will
-            swim with you. We provide hands-on training, step by step guides and
-            tutorials.
+            Software can be scary. <span class="company-acronym">NBS</span> will swim with you. We provide hands-on
+            training, step by step guides and tutorials.
           </p>
         </section>
 
