update

README.md

@@ -6,7 +6,7 @@ git clone https://git.myco.systems/mycosystems/gallowelds.com.git
 ```
 git submodule update --init --recursive
 ```
-For dependancies just run the below command, this will install `tailwindcss/typography, autoprefixer, postcss, postcss-cli, postcss-import, tailwindcss, prettier, prettier-plugin-go-template`
+For dependancies just run the below command, this will install `tailwindcss`, `prettier`, and `prettier-plugin-go-template`
 ```
 npm install
 ```

config.toml

@@ -24,4 +24,11 @@ weight = 2
 tag = "tags"
 
 [params]
-authorName = "John Doe"
+copyName = "John Doe"
+
+
+[social]
+
+[[social.footer]]
+platform = "Instagram"      # Support platforms are Instagram & Email
+url = "https://example.com"

themes/gallo/layouts/partials/footer.html

@@ -1,18 +1,26 @@
 <div
   class="self-end w-full py-6 gap-2 flex-col flex items-center justify-center min-h-12 bg-slate-950 text-white"
 >
-  <div class="px-8 w-1/2 flex flex-row justify-between">
-    <div>
+  <div class="w-9/12 flex flex-row justify-between">
+    <div class="flex flex-row gap-8">
       {{ range .Site.Menus.main }}
       <a class="" href="{{ .URL }}">
         {{ $text := print .Name | safeHTML }} {{ $text }}
       </a>
       {{ end }}
     </div>
-    <div>Social Media</div>
+    <div class="flex flex-row gap-2">
+      {{- partial "social-icons" . }}
+    </div>
   </div>
   <div class="h-px bg-slate-700 w-9/12"></div>
-  <div>
-    <p>© {{ now.Format "2006"}} {{ .Site.Params.authorName | markdownify }}</p>
+  <div class="grid grid-cols-2 justify-between w-9/12">
+    <p class="text-xs text-slate-400">
+      © {{ now.Format "2006"}} {{ .Site.Params.copyName | markdownify }}
+    </p>
+    <p class="justify-self-end text-xs text-slate-400">
+      Built using Hugo, designed by
+      <a target="_blank" href="https://myco.systems">MycoSystems</a>
+    </p>
   </div>
 </div>

themes/gallo/layouts/partials/social-icons.html

@@ -0,0 +1,47 @@
+{{- $social := .Site.Params.social -}}
+
+{{- with $social }}
+<div class="social-icons">
+  {{- range .footer }}
+  <a href="{{ .url }}" target="_blank" rel="noopener noreferrer">
+    {{- $platform := .platform -}}
+    {{- if eq $platform "Instagram" }}
+    <!-- Instagram icon -->
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="16"
+      height="16"
+      class="social-icon"
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    >
+      <rect height="20" rx="5" ry="5" width="20" x="2" y="2" />
+      <path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" />
+      <line x1="17.5" x2="17.51" y1="6.5" y2="6.5" />
+    </svg>
+    {{- else if eq $platform "Email" }}
+    <!-- Email icon -->
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 24 24"
+      width="16"
+      height="16"
+      class="social-icon"
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+    >
+      <circle cx="12" cy="12" r="4" />
+      <path d="M16 8v5a3 3 0 0 0 6 0v-1a10 10 0 1 0-3.92 7.94" />
+    </svg>
+    {{- end }}
+  </a>
+  {{- end }}
+</div>
+{{- end }}