content/gemeinschaft/verein/spenden.md

@@ -8,7 +8,7 @@ gemeinschaft = ["Verein"]
 ## Wofür brauchen wir Spenden?
 <!-- Links zu Veranstaltungen müssen bei Gelegenheit richtig gemacht werden -->
 Der Teckids e.V. finanziert sich, neben den geringen Mitgliedsbeiträgen und teilweisen Teilnahmebeiträgen, ausschließlich durch Spenden.
-Spenden helfen uns bei der Durchführung von Veranstaltungen wie denen des Projekts [Hack’n’Fun](https://hacknfun.camp). Vor allem sind wir aber in der täglichen Vereinsarbeit auf finanzielle Mittel angewiesen. Zu den täglichen Aktivitäten gehören unter anderem:
+Spenden helfen uns bei der Durchführung von Veranstaltungen, wie z.B. Ferienfreizeiten. Vor allem sind wir aber in der täglichen Vereinsarbeit auf finanzielle Mittel angewiesen. Zu den täglichen Aktivitäten gehören unter anderem:
 
   * Vorbereitungswochenenden der Juniormitglieder
   * Besuch von Konferenzen mit Juniormitgliedern
@@ -17,10 +17,6 @@ Spenden helfen uns bei der Durchführung von Veranstaltungen wie denen des Proje
 
 All diese wichtigen Aktivitäten müssen ermöglicht werden, damit wir alle Kinder, sowohl Mitglieder als auch Teilnehmende, gut betreuen können. Deshalb freuen wir uns über jede Spende, unabhängig vom Betrag.
 
-## Sponsoring durch Unternehmen
-Falls Sie als Unternehmen den Teckids e.V. mit einem Sponsoring unterstützen möchten, zögern Sie nicht, uns zu kontaktieren. Weitere Informationen zu möglichen Leistungen, aber auch zur aktuellen Vereinsarbeit finden Sie in unseren [Sponsoring-Facts](/images/PDF/Sponsoring/sponsoring-facts-allgemein.pdf).
-
-
 ## Möglichkeiten zum Spenden
 
 ### SEPA-Überweisung

sass/_teckids.scss

@@ -62,22 +62,28 @@ $project-colors-title-fonts: (
     background-color: $teckids-orange;
 }
 
-.navbar-brand>a {
+#main-navbar .navbar-brand > a {
     color: white;
     font-weight: bold;
 }
 
 @include desktop {
-    #main-navbar>*>*>*>a {
+    #main-menu > div > .navbar-item > a {
         color: white;
         font-weight: bold;
     }
 
-    #main-navbar>*>*>*>a:hover {
+    #main-menu > div > .navbar-item > a:hover {
         color: $teckids-orange;
     }
 }
 
+@media screen {
+  #navbar-logo > img {
+    filter: saturate(0) brightness(0) invert(1);
+  }
+}
+
 $navbar-burger-color: white;
 
 .circle-bg {

artwork @ dc1ec30e

-Subproject commit efd7cc44707c9dec49e724d9e8af53c8c05e4d80
+Subproject commit dc1ec30e6440ae475d4e89560cef56c9dfbf653d

templates/footer.html

@@ -37,7 +37,7 @@
         {% endfor %}
       </aside>
       <p class="title is-5 mt-5">Kanäle und Netzwerke</p>
-      <aside class="columns is-centered is-vcentered is-multiline">
+      <aside class="columns is-centered is-vcentered is-multiline is-mobile">
         {% for social in config.extra.footer.social %}
           <div class="column is-one-third">
             <a href="{{social.link}}" rel="{{social.rel}}" class="icon is-large">

templates/menu.html

-<nav class="navbar is-fixed-top" role="navigation" aria-label="main navigation" id="main-navbar">
+<nav class="navbar is-fixed-top is-boxed" role="navigation" aria-label="main navigation" id="main-navbar">
     <input type="checkbox" id="burger-toggle" role="button" class="navbar-toggle" aria-label="menu" aria-expanded="false" data-target="main-menu" />
     <div class="navbar-brand">
         <a href="{{ get_url(path="@/_index.md") }}" class="navbar-item">
-            {{ config.title }}
+          <figure class="image" id="navbar-logo">
+            <img src="{{ get_url(path="artwork/logo-teckids.svg") }}" alt="Schriftzug Teckids e.V." />
+          </figure>
         </a>
 
         <label for="burger-toggle" class="navbar-burger">
@@ -16,28 +18,28 @@
         <div class="navbar-start">
             <div class="navbar-item has-dropdown is-hoverable is-mega">
                 <a href="#" class="navbar-item">Projekte</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/projects.html" %}
                 </div>
             </div>
 
             <div class="navbar-item has-dropdown is-hoverable is-mega">
                 <a href="#" class="navbar-item">Informationen für…</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/infos.html" %}
                 </div>
             </div>
 
             <div class="navbar-item has-dropdown is-hoverable">
                 <a href="#" class="navbar-item">Teckids-Gemeinschaft</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/gemeinschaften.html" %}
                 </div>
             </div>
 
             <div class="navbar-item has-dropdown is-hoverable">
                 <a href="#" class="navbar-item">Updates</a>
-                <div class="navbar-dropdown">
+                <div class="navbar-dropdown is-boxed">
                     {% include "menu/updates.html" %}
                 </div>
             </div>