From 1b209e9b6e90beb759f3f69ee5f39b3e16b33759 Mon Sep 17 00:00:00 2001
From: Holger Meyer <holger.meyer@fork.de>
Date: Sat, 1 Apr 2023 23:26:03 +0200
Subject: [PATCH] feat: Adde footer globals and basic footer output

---
 site/blueprints/site.yml | 23 ++++++++++++++++++++++
 site/snippets/footer.php | 41 ++++++++++++++++++++++++++++++++++++++++
 2 files changed, 64 insertions(+)

diff --git a/site/blueprints/site.yml b/site/blueprints/site.yml
index 94bb5a3..71f79c4 100644
--- a/site/blueprints/site.yml
+++ b/site/blueprints/site.yml
@@ -43,6 +43,29 @@ tabs:
 
   globals:
     icon: globe
+    columns:
+      - width: 1/2
+        fields:
+          copyright:
+            type: text
+            placeholder: @2023
+          socialMedia:
+            label: Social Media
+            type: structure
+            fields:
+              service:
+                type: select
+                default: facebook
+                required: true
+                options:
+                  facebook: Facebook
+                  instagram: Instagram
+                  linkedin: LinkedIn
+                  tiktok: TikTok
+                  twitter: Twitter
+              url:
+                label: URL
+                type: url
   seotab:
     label: Default SEO
     extends: seo
diff --git a/site/snippets/footer.php b/site/snippets/footer.php
index 691287b..435e32e 100644
--- a/site/snippets/footer.php
+++ b/site/snippets/footer.php
@@ -1,2 +1,43 @@
+  <footer>
+    <?= $site->copyright() ?>
+    <nav>
+    <?php if($site->socialMedia()->isNotEmpty()): ?>
+      <ul>
+        <?php foreach($site->socialMedia()->toStructure() as $social): ?>
+        <?php
+          switch ($social->service()) {
+              case "facebook":
+                  $icon = '<path d="M15.3 0H.7C.3 0 0 .3 0 .7v14.7c0 .3.3.6.7.6H8v-5H6V8h2V6c0-2.1 1.2-3 3-3h2v3h-1c-.6 0-1 .4-1 1v1h2.6l-.6 3h-2v5h4.3c.4 0 .7-.3.7-.7V.7c0-.4-.3-.7-.7-.7z"></path>';
+                  break;
+              case "instagram":
+                  $icon = '<path d="M13.105 3.892a.96.96 0 1 1-1.92 0 .96.96 0 0 1 1.92 0zM8 12c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2z"></path><path d="M12 16H4c-2.056 0-4-1.944-4-4V4c0-2.056 1.944-4 4-4h8c2.056 0 4 1.944 4 4v8c0 2.056-1.944 4-4 4zM4 2c-.935 0-2 1.065-2 2v8c0 .953 1.047 2 2 2h8c.935 0 2-1.065 2-2V4c0-.935-1.065-2-2-2H4z"></path>';
+                  break;
+              case "linkedin":
+                  $icon = '<path d="M15.3,0H0.7C0.3,0,0,0.3,0,0.7v14.7C0,15.7,0.3,16,0.7,16h14.7c0.4,0,0.7-0.3,0.7-0.7V0.7 C16,0.3,15.7,0,15.3,0z M4.7,13.6H2.4V6h2.4V13.6z M3.6,5C2.8,5,2.2,4.3,2.2,3.6c0-0.8,0.6-1.4,1.4-1.4c0.8,0,1.4,0.6,1.4,1.4 C4.9,4.3,4.3,5,3.6,5z M13.6,13.6h-2.4V9.9c0-0.9,0-2-1.2-2c-1.2,0-1.4,1-1.4,2v3.8H6.2V6h2.3v1h0c0.3-0.6,1.1-1.2,2.2-1.2 c2.4,0,2.8,1.6,2.8,3.6V13.6z"></path>';
+                  break;
+              case "tiktok":
+                  $icon = '<path d="M6.793,5.958V8.706a2.392,2.392,0,0,0-3,2.216,2.163,2.163,0,0,0,2.312,2.3,2.155,2.155,0,0,0,2.311-2.326V0h2.719c.463,2.876,1.9,3.544,3.827,3.852V6.608a8.19,8.19,0,0,1-3.75-1.266v5.445C11.21,13.25,9.75,16,6.125,16A5.11,5.11,0,0,1,1.04,10.761,5.01,5.01,0,0,1,6.793,5.958Z"></path>';
+                  break;
+              case "twitter":
+                  $icon = '<path d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z"></path>';
+                  break;
+              default:
+                  $icon = '<path d="M15.3 0H.7C.3 0 0 .3 0 .7v14.7c0 .3.3.6.7.6H8v-5H6V8h2V6c0-2.1 1.2-3 3-3h2v3h-1c-.6 0-1 .4-1 1v1h2.6l-.6 3h-2v5h4.3c.4 0 .7-.3.7-.7V.7c0-.4-.3-.7-.7-.7z"></path>';
+          }
+            ?>
+          <li>
+            <a href="<?php echo $social->url(); ?>" target="_blank" rel="noopener noreferrer">
+              <figure>
+                <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
+                  <?php echo $icon; ?>
+                </svg>
+              </figure>
+            </a>
+          </li>
+        <?php endforeach ?>
+      </ul>
+    <?php endif ?>
+    </nav>
+  </footer>
 </body>
 </html>
\ No newline at end of file