Merge pull request #6 from DARC-e-V/feat/improve-footer

Feat/improve-footer

assets/style-fiftyohm.css

@@ -331,6 +331,10 @@ ul.fiftyohm-navbar {
   --bs-link-color: #0068a5;
 }
 
+.text-primary {
+  color: #00adef !important;
+}
+
 .text-bg-primary {
   background-color: #00ADEF !important;
 }

src/build.py

@@ -27,7 +27,6 @@ class Build:
         self.__build_question_slide = memory.cache(self.__build_question_slide)
         self.__build_chapter = memory.cache(self.__build_chapter)
         self.__build_section = memory.cache(self.__build_section)
-        self.__build_page = memory.cache(self.__build_page)
         self.__build_chapter_slidedeck = memory.cache(self.__build_chapter_slidedeck)
 
     def __parse_katalog(self):
@@ -259,6 +258,7 @@ class Build:
                     self.__build_section(edition, edition_name, section, i, chapter, next_section, next_chapter)
 
     def build_assets(self):
+        self.config.p_build.mkdir(exist_ok=True)
         shutil.copytree(self.config.p_assets, self.config.p_build_assets, dirs_exist_ok=True)
 
     def __parse_snippets(self):
@@ -307,6 +307,8 @@ class Build:
                     file.write(result)
 
     def build_website(self):
+        self.config.p_build.mkdir(exist_ok=True)
+
         snippets = self.__parse_snippets()
         contents = self.__parse_contents()
         self.__build_index(snippets)

templates/html/page.html

@@ -120,15 +120,23 @@
             {% endif %}
 
             <footer class="text-lg-start border-top border-dark mt-5 pt-3">
-              <div class="d-flex flex-wrap justify-content-between gap-5 mb-5">
+              <div class="d-flex flex-wrap align-items-end justify-content-between gap-5 mb-5">
                 <div>
-                  <div class="mb-3">Ein Angebot des Deutschen Amateur-Radio-Clubs e.&nbsp;V.</div>
-                  <div class="d-flex justify-content-between align-items-center gap">
-                    <img class="darc-logo" src="assets/images/darc.svg">
-                    <div>
-                      <a class="text-secondary" href="https://darc.de/impressum">Impressum</a>
-                      <a class="text-secondary" href="https://darc.de/datenschutzerklaerung">Datenschutz</a>
-                    </div>
+                  <img height="90" src="assets/images/darc.svg">
+                </div>
+                <div class="d-flex flex-column align-items-center">
+                  <div class="d-flex gap-1 align-items-center mb-1">
+                    Mit
+                    <svg class="text-primary" xmlns="http://www.w3.org/2000/svg" width="1rem" height="1rem" fill="currentColor" viewBox="0 0 512 512"><path d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg></span>
+                    vom <a class=link-secondary href="/infos#contributors">50ohm-Team</a> entwickelt
+                  </div>
+                  <div class="mb-1">Ein Angebot des Deutschen Amateur-Radio-Clubs e.&nbsp;V.</div>
+                  <div class="d-flex gap-2">
+                      <a class="link-secondary" href="https://www.darc.de/der-club/referate/ajw/">Referat AJW</a>
+                      &middot;
+                      <a class="link-secondary" href="https://darc.de/impressum">Impressum</a>
+                      &middot;
+                      <a class="link-secondary" href="https://darc.de/datenschutzerklaerung">Datenschutz</a>
                   </div>
                 </div>
                 <div class="text-start">