added logo to README.md and app (#62)

README.md

@@ -1,4 +1,6 @@
-# Reitti
+
+![](.github/banner.png)
+
 
 Reitti is a comprehensive personal location tracking and analysis application that helps you understand your movement patterns and significant places. The name "Reitti" comes from Finnish, meaning "route" or "path".
 

src/main/resources/static/css/main.css

@@ -852,6 +852,20 @@ input[type=file]::file-selector-button:hover {
 .background-dark {
     background: var(--color-background-dark);
 }
+
+.logo {
+    width: auto;
+    height: 32px;
+    padding: 6px 8px 0px;
+    vertical-align: bottom;
+    opacity: 0.8;
+    transition: opacity 0.2s ease-in-out;
+}
+
+.logo:hover {
+    opacity: 1;
+}
+
 @media (max-width: 800px) {
     .timeline-entry .entry-description {
         font-size: 1.2rem;

src/main/resources/templates/index.html

@@ -153,6 +153,7 @@
 
 <div class="timeline">
     <span class="timeline-header">
+        <a th:href="@{/}"><img class="logo" th:src="@{/img/logo.png}" alt="reitti logo" title="reitti" src="/img/logo.png"></a>
         <a href="/statistics" class="nav-link" th:title="#{nav.statistics}"><i class="lni lni-bar-chart-4"></i></a>
         <a href="#" id="settings-button" class="nav-link"><i class="lni lni-gear-1" th:title="#{nav.settings.tooltip}"></i></a>
         <form th:action="@{/logout}" method="post" >

src/main/resources/templates/statistics.html

@@ -20,6 +20,7 @@
 
 <div class="timeline">
     <span class="timeline-header">
+        <a th:href="@{/}"><img class="logo" th:src="@{/img/logo.png}" alt="reitti logo" title="reitti" src="/img/logo.png"></a>
         <a href="/" class="nav-link" th:title="#{nav.timeline}"><i class="lni lni-route-1"></i></a>
         <form th:action="@{/logout}" method="post" >
             <button type="submit" class="nav-link" style="font-size: 1.4rem;" th:title="#{nav.logout.tooltip}"><i