Theming and Logo

- Set dark color to Langely's purple - Add Langley seal as navbar brand
2024-03-11 10:55:43 +00:00
parent 92ad40d32d
commit 50f3101850
4 changed files with 11 additions and 2 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 /build/
 /.direnv/
+.DS_Store
--- a/base.html
+++ b/base.html
@@ -3,10 +3,14 @@
 <head>
 	<title>{% block title %}{% endblock title %}</title>
 	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
+	<link href="/static/theme.css" rel="stylesheet">
 </head>
 <body>
-	<nav class="navbar navbar-expand-lg bg-light">
-		<a class="navbar-brand ms-2" href="/">Home</a>
+	<nav class="navbar navbar-expand-md bg-dark navbar-dark">
+		<a class="navbar-brand ms-2" href="/">
+			<img src="/static/logo.png" alt="Langley Logo" height="34">
+			Langley
+		</a>
 		<button type="button" class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#nav-collapse">
      <span class="navbar-toggler-icon"></span>
 		</button>
--- a/static/logo.png
+++ b/static/logo.png
--- a/static/theme.css
+++ b/static/theme.css
@@ -0,0 +1,4 @@
+:root {
+	--bs-dark: #270042;
+	--bs-dark-rgb: 39, 0, 66; 
+}