Add logo and CSS customizations for FAUST CTF 2025

rudis · rudis · commit e3d04f30ff21 · 2025-08-24T09:49:42.000+02:00
diff --git a/src/ctf_gameserver/web/static/style.css b/src/ctf_gameserver/web/static/style.css
@@ -95,3 +95,17 @@ img#load-spinner {
 #check-list {
     padding-left: 20px;
 }
+
+.navbar-brand img {
+    margin-right: 15px;
+    height: 35px;
+}
+
+.navbar-brand {
+    padding: 5px 15px;
+}
+
+#supporter-column img {
+    margin-top: 10px;
+    margin-bottom: 25px;
+}
diff --git a/src/ctf_gameserver/web/templates/base-common.html b/src/ctf_gameserver/web/templates/base-common.html
@@ -22,15 +22,25 @@
 
         <title itemprop="name">{% block title %}{% endblock %} | {{ competition_name }}</title>
 
+        <meta name="description" itemprop="description" property="og:description" content="
+            FAUST CTF 2025 is an online attack-defense CTF competition run by FAUST, the CTF team of
+            Friedrich-Alexander University Erlangen-Nürnberg
+        " />
+        <meta name="keywords" content="
+            ctf, capture the flag, security, it security, information security, hacking, competition,
+            contest, challenge, fau security team, fau, friedrich-alexander university
+        " />
+
         <meta property="og:type" content="website" />
         <meta property="og:site_name" content="{{ competition_name }}" />
+        <meta property="og:image" content="/img/faustctf.png" />
     </head>
 
 
     <body>
         <nav class="navbar navbar-expand-lg bg-dark mb-5" data-bs-theme="dark">
             <div class="container">
-                <a class="navbar-brand" href="{{ HOME_URL }}">{{ competition_name }}</a>
+                <a class="navbar-brand" href="{{ HOME_URL }}"><img src="/img/faustctf-ondark.png" alt="FAUST CTF 2025 logo" />{{ competition_name }}</a>
 
                 <!-- "Hamburger menu" for small screens -->
                 <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#main-menu" aria-controls="main-menu" aria-expanded="false" aria-label="Toggle navigation">
