add logo

_includes/header.css

@@ -19,6 +19,11 @@ header {
   align-items: center;
 }
 
+#header-logo img {
+  max-height: 60px;
+  display: block;
+}
+
 #mainNav ul {
   margin: 0;
   padding: 0;

_includes/header.njk

@@ -1,6 +1,8 @@
 <header>
   <div class="header-container">
-    <a href="{{ "/" | locale_url }}" title="home">ESE Logo</a>
+    <a id="header-logo" href="{{ "/" | locale_url }}" title="home">
+      <img alt="ESE {{year}} Logo" src="/static/ESELogo24.svg">
+    </a>
     <nav id="mainNav">
       {{ collections.mainNav | pageLang | eleventyNavigation | eleventyNavigationToHtml | safe }}
     </nav>

eleventy.config.js

@@ -25,6 +25,8 @@ module.exports = function(eleventyConfig) {
   // copy aileron font
   eleventyConfig.addPassthroughCopy({'./submodules/aileron/fonts/*.(ttf|woff|woff2)': 'fonts'})
   eleventyConfig.addPassthroughCopy({'./submodules/aileron/aileron.lite.min.css': 'aileron.lite.min.css'})
+  // copy static files
+  eleventyConfig.addPassthroughCopy('./static')
 
   // copy german start page to root url
   eleventyConfig.on(

static/ESELogo24.svg

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Gravit.io -->
+
+<svg
+   style="isolation:isolate"
+   viewBox="0 0 716.59302 351.48199"
+   width="716.59302pt"
+   height="351.48199pt"
+   version="1.1"
+   id="svg58"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1">
+    <clipPath
+       id="_clipPath_XjQK8TsS8GumGvyu4esv12fUhYZIYYVZ">
+      <rect
+         width="1080"
+         height="1080"
+         id="rect1"
+         x="0"
+         y="0" />
+    </clipPath>
+  </defs>
+  <g
+     clip-path="url(#_clipPath_XjQK8TsS8GumGvyu4esv12fUhYZIYYVZ)"
+     id="g58"
+     transform="translate(-196.766,-276.579)">
+    <g
+       id="g57">
+      <g
+         id="g55">
+        <path
+           d="m 378.418,545.365 -127.071,8.843 V 378.99 l 124.535,-8.685 v 27.418 l -89.32,6.212 v 46.213 l 82.949,-5.768 v 27.671 l -82.949,5.768 v 46.214 l 91.856,-6.403 z"
+           fill="rgb(255,255,255)"
+           id="path53"
+           style="fill:#f221b7;fill-opacity:1" />
+        <path
+           d="m 532.051,411.003 -35.976,2.504 c -2.06,-17.623 -12.013,-28.114 -30.365,-26.815 -14.041,0.983 -24.755,8.336 -24.755,22.536 0,14.2 9.446,21.427 37.497,26.087 38.797,6.18 56.135,22.758 56.135,50.936 0,32.996 -30.366,53.915 -65.073,56.324 -42.093,2.916 -69.669,-13.693 -72.965,-50.27 l 35.975,-2.504 c 3.835,19.018 18.637,27.893 36.483,26.656 16.07,-1.109 28.843,-10.65 28.843,-24.089 0,-14.739 -9.192,-22.726 -35.214,-27.005 -35.976,-6.118 -58.702,-16.99 -58.702,-49.257 0,-32.266 29.351,-53.345 63.044,-55.69 42.093,-2.916 61.238,19.62 65.073,50.587 z"
+           fill="rgb(255,255,255)"
+           id="path54"
+           style="fill:#f221b7;fill-opacity:1" />
+        <path
+           d="m 690.787,523.621 -127.071,8.843 V 357.246 l 124.535,-8.653 v 27.417 l -89.321,6.213 v 46.213 l 82.918,-5.768 v 27.671 l -82.918,5.768 v 46.214 l 91.857,-6.403 v 27.671 0 z"
+           fill="rgb(255,255,255)"
+           id="path55"
+           style="fill:#f221b7;fill-opacity:1" />
+      </g>
+      <path
+         d="m 900.617,290.208 v 262.859 l -78.29,5.452 v 47.449 L 749.235,563.59 209.508,601.15 V 338.323 Z m 12.742,-13.629 -13.598,0.951 -691.141,48.083 -11.854,0.824 V 614.78 l 13.598,-0.951 535.86,-37.275 69.7,40.413 19.113,11.094 v -57.688 l 66.468,-4.628 11.854,-0.824 z"
+         fill="rgb(255,255,255)"
+         id="path56"
+         style="fill:#f221b7;fill-opacity:1" />
+      <g
+         clip-path="url(#_clipPath_WfnvMPHsUqBT107I1bvPK0eoKZgTg69n)"
+         id="g56">
+        <text
+           transform="matrix(4.347,-0.303,0,4.326,695.689,456.139)"
+           style="font-style:normal;font-weight:400;font-size:36px;font-family:'Aileron Thin';fill:#f221b7;fill-opacity:1;stroke:none"
+           id="text56">24</text>
+      </g>
+      <defs
+         id="defs56">
+        <clipPath
+           id="_clipPath_WfnvMPHsUqBT107I1bvPK0eoKZgTg69n">
+          <rect
+             x="0"
+             y="0"
+             width="65.505997"
+             height="75.568001"
+             transform="matrix(4.347,-0.303,0,4.326,695.689,305.069)"
+             id="rect56" />
+        </clipPath>
+      </defs>
+    </g>
+  </g>
+</svg>