test relative url filter on navigation

_includes/navigation.html

@@ -1,7 +1,7 @@
 <nav class="flex nav-x nav-y justify-between items-start">
   <div>
     <a href="/">
-      <img src="/assets/img/prachtsaal-logo.png" width="150">
+      <img src={{ "/assets/img/prachtsaal-logo.png" | relative_url }} width="150">
     </a>
   </div>
 
@@ -12,10 +12,10 @@
     <!-- <div class="hidden block sm:flex sm:flex-row sm:space-x-12" id="menu"> -->
     <div class="hidden sm:flex links-without-underline" id="menu">
       <ul class="sm:flex sm:flex-row sm:space-x-12 list-none">
-        <li><a href="/events.html">events</a></li>
-        <li><a href="/people.html">people</a></li>
-        <li><a href="/about.html">about</a></li>
-        <li><a href="/#contact">contact</a></li>
+        <li><a href={{ "/events.html" | relative_url }}>events</a></li>
+        <li><a href={{ "/people.html" | relative_url }}>people</a></li>
+        <li><a href={{ "/about.html" | relative_url }}>about</a></li>
+        <li><a href={{ "/#contact" | relative_url }}>contact</a></li>
       </ul>
 
     </div>