From 5e9d4277a158b6f4e833ba91106132631af2eac6 Mon Sep 17 00:00:00 2001
From: Antonio de la Rosa <antonio.delarosa@salirdelhoyo.com>
Date: Sat, 27 Aug 2022 00:07:28 +0200
Subject: [PATCH] Fix in nav button for accesibility

---
 templates/home.phtml | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/templates/home.phtml b/templates/home.phtml
index f27fc3a..222087b 100644
--- a/templates/home.phtml
+++ b/templates/home.phtml
@@ -22,13 +22,16 @@ base_url=config.application_root
 
       <!-- Google Font: Source Sans Pro -->
       <link rel="preconnect" href="https://fonts.gstatic.com" />
-      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,500italic&display=fallback">
-      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,400i,700&display=fallback">
+      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,500italic&display=fallback" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
+      <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,500,500italic&display=fallback"></noscript>
+      <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,400i,700&display=fallback" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'">
+      <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,400i,700&display=fallback"></noscript>
       <!-- styles -->
       <!--<link href="${make_media_url('css/font-awesome.min.css', 'admin')}" rel="stylesheet" />-->
       <link href="${make_media_url('css/bootstrap/bootstrap-reboot.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>
       <!--<link href="${make_media_url('css/bootstrap/bootstrap-grid.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>-->
-      <link href="${make_media_url('css/font-awesome.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>
+      <link href="${make_media_url('css/font-awesome.min.css', 'cuchulublog')}" rel="stylesheet" type="text/css" rel="preload" as="style" onload="this.onload=null;this.rel='stylesheet'"/>
+      <noscript><link rel="stylesheet" href="${make_media_url('css/font-awesome.min.css', 'cuchulublog')}"></noscript>
       <link href="${make_media_url('css/layout.css', 'cuchulublog')}" rel="stylesheet" type="text/css"/>
     <link rel="icon" type="image/png" href="${make_media_url('images/logo.png', 'cuchulublog')}">
       <%block name="header_css">