diff options
Diffstat (limited to 'views')
| -rw-r--r-- | views/base.html | 1 | ||||
| -rw-r--r-- | views/index.html | 14 |
2 files changed, 13 insertions, 2 deletions
diff --git a/views/base.html b/views/base.html index be43d69..e105d0c 100644 --- a/views/base.html +++ b/views/base.html @@ -3,6 +3,7 @@ <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="/static/base.css" rel="stylesheet"> + {% block head %}{% endblock %} </head> <body> <header class="navbar"> 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 %} |