Add 4.4 banner to the main page.

_includes/header.html

@@ -1,5 +1,5 @@
 <input type="checkbox" id="nav_toggle_cb">
-<header>
+<header class="flex column">
 	<div class="container flex align-center">
 		<div id="nav_head">
 			<a href="/" id="logo-link">
@@ -42,6 +42,20 @@
 			</ul>
 		</nav>
 	</div>
+	{% if page.path == "pages/home.html" %}
+		<div class="banner-container" style="background-color: #fb99ff;">
+			<div class="container">
+				<div class="banner">
+					<div class="banner-text">
+						Godot 4.4 just released!
+					</div>
+					<div class="banner-text">
+						Check out the <a href="/releases/4.4/">release page!</a>
+					</div>
+				</div>
+			</div>
+		</div>
+	{% endif %}
 </header>
 
 <script>

assets/css/header.css

@@ -23,6 +23,37 @@ header {
   }
 }
 
+header .container {
+  box-sizing: border-box;
+}
+
+header .banner-container {
+  width: 100%;
+  height: min-content;
+  font-family: "Montserrat", sans-serif;
+}
+
+header .banner-container .banner {
+  width: 100%;
+  height: 100%;
+  margin: 0.25em 0;
+  text-align: center;
+  font-weight: 400;
+  color: black;
+  gap: 0.25em;
+}
+
+header .banner-container .banner .banner-text {
+  display: inline-block;
+  margin: 0 0.25em;
+}
+
+header .banner-container .banner a {
+  font-weight: 600;
+  color: black;
+  text-decoration-color: black;
+}
+
 #nav, #nav_head {
 	.fund {
 		margin-right: 0px;

assets/css/main.scss

@@ -394,6 +394,12 @@ main {
 .flex.justify-space-between {
   justify-content: space-between;
 }
+.flex.column {
+  flex-direction: column;
+}
+.flex.row {
+  flex-direction: row;
+}
 
 .flex.eqsize > * {
   flex: 1;