From 93fd472f353d004ae399eb1d5619539a7efe30c5 Mon Sep 17 00:00:00 2001
From: xAlpharax <42233094+xAlpharax@users.noreply.github.com>
Date: Tue, 12 Aug 2025 06:50:12 +0300
Subject: Major changes and the start of my post on a rust week.

 Changes to be committed:
        modified:   .gitignore
        modified:   config.toml
        modified:   content/posts/rust.md
        modified:   templates/404.html
        modified:   templates/index.html

        new file:   templates/shortcodes/image.html
        new file:   static/css/critical.css

        deleted:    rsync_to_testing
---
 templates/index.html | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

(limited to 'templates/index.html')

diff --git a/templates/index.html b/templates/index.html
index a14a2d0..c968941 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -61,7 +61,23 @@
     <link rel="shortcut icon" href="{{ get_url(path="favicon.ico") }}"/>
 
     <!-- Stylesheets -->
-    <link rel="stylesheet" href="{{ get_url(path="style.css") }}"/>
+    <!--<link rel="stylesheet" href="{{ get_url(path="style.css") }}"/> old way of doing this, inefficient -->
+
+
+    {# 1. Load our single combined critical CSS file. #}
+    {% set critical_css = load_data(path="static/css/critical.css", required=false) %}
+
+    {# 2. If it was found, inline it. #}
+    {% if critical_css %}
+      <style>{{ critical_css | safe }}</style>
+    {% endif %}
+
+    {# 3. Load the full stylesheet asynchronously (this part is the same). #}
+    <link rel="stylesheet" href="{{ get_url(path='style.css') }}" media="print" onload="this.media='all'">
+
+    {# 4. Provide a fallback for browsers without JavaScript. #}
+    <noscript><link rel="stylesheet" href="{{ get_url(path='style.css') }}"></noscript>
+    <!-- Stylesheets End -->
 
     {% if page.extra.math %}
     <!-- Math rendering with KaTeX -->
-- 
cgit v1.2.3