From fd6867740eb603d25bc6242e8b0ae87a9d9254c4 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Thu, 22 Jun 2023 21:46:13 +1000
Subject: [PATCH] fix preload

---
 resources/js/views/Home.vue   |  7 +++++--
 resources/views/app.blade.php | 12 +++++++++++-
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/resources/js/views/Home.vue b/resources/js/views/Home.vue
index cf6eff0..cfcb46a 100644
--- a/resources/js/views/Home.vue
+++ b/resources/js/views/Home.vue
@@ -136,7 +136,10 @@
             </p>
             <div
                 class="flex flex-row gap-4 mt-8 items-center flex-justify-center">
-                <img src="/assets/home-minecraft-edu.webp" class="h-24" />
+                <img
+                    src="/assets/home-minecraft-edu.webp"
+                    loading="lazy"
+                    class="h-24" />
                 <p class="text-xl mt-4">
                     We also offer workshops for
                     <a
@@ -152,6 +155,7 @@
             <div class="flex flex-row gap-4 mt-8 flex-justify-center">
                 <img
                     src="/assets/home-minecraft-address.webp"
+                    loading="lazy"
                     class="max-w-140 w-full" />
             </div>
         </section>
@@ -270,7 +274,6 @@ const viewLoad = async () => {
 
                     if (articlesData && articlesData.articles) {
                         articles.value = articlesData.articles;
-                        console.log(articles.value);
                     }
                 })
                 .catch((error) => {
diff --git a/resources/views/app.blade.php b/resources/views/app.blade.php
index 2c0f99c..f095347 100644
--- a/resources/views/app.blade.php
+++ b/resources/views/app.blade.php
@@ -6,10 +6,20 @@
 	<title>STEMMechanics</title>
 	<link rel="preconnect" href="https://fonts.googleapis.com" />
 	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+	<link rel="preload" as="image" href="https://www.stemmechanics.com.au/assets/home-hero.webp">
 	<link
+		rel="preload"
 		href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap"
-		rel="stylesheet"
+		as="style"
+		onload="this.onload=null;this.rel='stylesheet'"
 	/>
+	<noscript>
+		<link
+			href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,700;1,400;1,700&display=swap"
+			rel="stylesheet"
+			type="text/css"
+		/>
+	</noscript>
 	<style>
 		*, :after, :before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 0 solid #e5e7eb; }
         html { overflow: -moz-scrollbars-vertical; overflow-y: auto; background-color: #f3f4f6; }