Modernise hero image

And also improve the way it flows within the page
ISSOtm · Dec 21, 2024 · 3f745b9 · 3f745b9
1 parent 8409df6
commit 3f745b9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/static/assets/banner.jpg b/static/assets/banner.jpg
diff --git a/static/assets/hero.png b/static/assets/hero.png
diff --git a/templates/index.html b/templates/index.html
@@ -2,7 +2,7 @@
 {% import "macros.html" as macros %}
 
 {% block preload %}
-  <link rel="preload" href="{{ get_url(path="/assets/banner.jpg") }}" as="image" type="image/jpeg" />
+  <link rel="preload" href="{{ get_url(path="/assets/hero.png") }}" as="image" type="image/png" />
 {% endblock preload %}
 
 {% block h1 %} {% endblock %}
@@ -14,8 +14,8 @@ <h1>Welcome to ISSOtm's warehouse!</h1>
     {{ section.content | safe }}
   </section>
 
-  {# Banner #}
-  <div style="height: 30em; background: radial-gradient(#00000000, #000000cc) center, url('{{ get_url(path="/assets/banner.jpg") }}') fixed 50% 50%/cover;"></div>
+  {# Hero image #}
+  <div style="height: 30em; box-shadow: var(--pico-background-color) 0 0 2em 2em inset; background: url('{{ get_url(path="/assets/hero.png") }}') 60% center/cover fixed, #333;"></div>
 {% endblock header %}
 
 {% block content %}