subreddit banners

templates/subreddit.html

@@ -100,8 +100,14 @@
 					<a href="/r/{{ sub.name }}/wiki/index">Wiki</a>
 				</div>
 				{% endif %}
-				<div id="sub_meta">
+				{% block head %}
+					{% call super() %}
+					<link rel="preload" as="image" href="{{ sub.banner }}">
+				{% endblock %}
+				<div style="background: linear-gradient(to bottom, rgba(255,255,255,0) 10%, var(--outside)), url({{ sub.banner }});background-size: 100%;background-size: cover;background-position: center center;" id="iconbanner">
 					<img loading="lazy" id="sub_icon" src="{{ sub.icon }}" alt="Icon for r/{{ sub.name }}">
+				</div>
+				<div id="sub_meta">
 					<h1 id="sub_title">{{ sub.title }}</h1>
 					<p id="sub_name">r/{{ sub.name }}</p>
 					{% if crate::utils::enable_rss() %}