update layout and style for footer

assets/css/atom.scss

@@ -9,7 +9,7 @@
   }
 }
 
-/* flex */
+/* classes that breakpoints are necessary for */
 $screens: ("", 0), (sm\:, 640px);
 @each $k, $v in $screens {
   @include breakpoint($k, $v) {
@@ -30,6 +30,10 @@ $screens: ("", 0), (sm\:, 640px);
     .#{$k}items-end { align-items: flex-end; }
     
     .#{$k}items-baseline { align-items: baseline; }
+
+    .#{$k}text-center { text-align: center; }
+
+    .#{$k}text-left { text-align: left; }
   }
 }
 

exampleSite/config.yaml

@@ -1,7 +1,7 @@
 baseURL: https://mivinci.github.io/hugo-theme-minima
 languageCode: en-us
 title: Hugo on Minima
-copyright: © 2023 X
+copyright: © 2020-2023 X
 googleAnalytics:
 # paginate specifies the maximum number of posts displayed on the home page.
 paginate: 12

layouts/partials/footer.html

@@ -1,11 +1,14 @@
 <footer class="mt-8 mb-8">
   <div class="container mx-auto">
     <div class="mt-8 flex flex-col-reverse sm:flex-row sm:justify-between items-center">
-      <p class="mt-0 text-sm">
-        {{ .Site.Copyright }} |
-        <a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a> on
-        <a href="https://github.com/mivinci/hugo-theme-minima" target="_blank" rel="noopener noreferrer">Minima</a>
-      </p>
+      <div class="text-center sm:text-left">
+        <p class="mt-0 text-sm">{{ .Site.Copyright }}</p>
+        <p class="mt-0 text-xs">
+          Built with <a href="https://gohugo.io" target="_blank" rel="noopener noreferrer">Hugo</a> v{{ .Site.Hugo.Version }}
+          and <a href="https://github.com/mivinci/hugo-theme-minima" target="_blank" rel="noopener noreferrer">Minima</a>
+        </p>
+      </div>
+      
       <p class="flex items-center mt-0">
         {{ range $_, $key := .Site.Params.Social }}
           <a class="icon ml-1 mr-1" href="{{ $key.url }}" title="{{ $key.name }}">