From 9637c9a833c5bc99f8944d41f95461af23048ddf Mon Sep 17 00:00:00 2001
From: Linnnus <linnnus@users.noreply.github.com>
Date: Wed, 20 Mar 2024 18:35:50 +0100
Subject: Add hero image to index

---
 views/index.html | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

(limited to 'views/index.html')

diff --git a/views/index.html b/views/index.html
index e98e8e5..5c2c206 100644
--- a/views/index.html
+++ b/views/index.html
@@ -1,7 +1,17 @@
 {% extends "base.html" %}
 
+{% block head %}
+	{# Since the background image is declared in the CSS, we can improve
+	loading times by instructing the browser to start loading the image
+	*before* it has even parsed the CSS. #}
+	<link rel="preload" as="image" href="/static/hero.jpeg">
+	<link rel="stylesheet" href="/static/index.css">
+{% endblock %}
+
 {% block content %}
-    <h1>Index</h1>
-    <p class="important">Welcome to my awesome homepage.</p>
+	<div class="hero">
+		<h1 class="hero__title">Blind</h1>
+		<p class="hero__subtitle">An epic guild for epic gamers</p>
+	</div>
 {% endblock %}
 
-- 
cgit v1.2.3