Closes #15

3 files changed, 53 insertions, 12 deletions

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index ff1233a..ba0cba1 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -2,6 +2,20 @@
     </div>
 
 <!-- Footer content -->
+    {{ if .Site.Params.ShowBio }}
+    <div class="h-card">
+      <img class="u-photo" src="{{ .Site.BaseURL }}{{ .Site.Params.Avatar }}" />
+      <div class="card-content">
+        <h2 class="card-name"><a class="p-name u-url" href="{{ .Site.BaseURL }}" rel="me">{{ .Site.Params.Author }}</a></h2>
+        <p class="card-subhead">
+          <span class="p-locality">{{ .Site.Params.IndieWeb.City }}</span>,
+          <span class="p-country-name">{{ .Site.Params.IndieWeb.Country }}</span><br />
+          <a class="u-email" href="mailto:{{ .Site.Params.IndieWeb.EmailAddress }}">Email me</a>
+        </p>
+      </div>
+      <p class="p-note">{{ .Site.Params.Biography }}</p>
+    </div>
+    {{ end }}
     <div id="footer">
       {{ if or (.Prev) (.Next) }}
       <nav id="article-skip">
@@ -30,13 +44,6 @@
           {{ . }}
       </p>
       {{ end }}
-      <p class="h-card">
-        <img class="u-photo" src="{{ .Site.BaseURL }}{{ .Site.Params.Avatar }}" />
-        <a class="p-name u-url" href="{{ .Site.BaseURL }}" rel="me">{{ .Site.Params.AuthorName }}</a>
-        <a class="u-email" href="mailto:{{ .Site.Params.IndieWeb.EmailAddress }}">{{ .Site.Params.IndieWeb.EmailAddress }}</a>, 
-        <span class="p-locality">{{ .Site.Params.IndieWeb.City }}</span>
-        <span class="p-country-name">{{ .Site.Params.IndieWeb.Country }}</span>
-      </p>
     </div>
 
 <!-- Close the body/html document -->
diff --git a/static/css/style.css b/static/css/style.css
index 3d11883..278d501 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -92,6 +92,10 @@ body {
         border-top: 2px solid #00416a;
         padding-top: 2px;
     }
+
+    .card-content {
+        margin-left: 25px;
+    }
 }
 
 /* High-DPI mobile styles */
@@ -108,6 +112,10 @@ body {
     blockquote {
         font-size: x-large;
     }
+    
+    .card-content {
+        margin-left: 25px;
+    }
 }
 
 /* Low-DPI mobile styles */
@@ -124,6 +132,10 @@ body {
     blockquote {
         font-size: x-large;
     }
+
+    .card-content {
+        margin-left: 0;
+    }
 }
 
 #sitelogo {
@@ -221,8 +233,30 @@ p.list-post-date {
     text-align: center;
 }
 
-p.h-card {
-    display: none;
+div.h-card {
+    box-shadow: 0 5px 5px #ccc;
+    margin: 1em auto;
+    min-height: 150px;
+    padding: 25px;
+    width: 90%
+}
+
+img.u-photo {
+    width: 100px;
+}
+
+.card-content {
+    display: inline-block;
+}
+
+.card-name {
+    margin: 0;
+}
+
+.card-subhead {
+    font-family: 'Fira Sans';
+    font-size: smaller;
+    text-transform: uppercase;
 }
 
 blockquote {
diff --git a/theme.toml b/theme.toml
index 299682d..d8d63d1 100644
--- a/theme.toml
+++ b/theme.toml
@@ -4,15 +4,15 @@
 name = "Indigo"
 license = "MIT"
 licenselink = "https://github.com/AngeloStavrow/indigo/blob/master/LICENSE.md"
-description = "An IndieWeb-enabled, lightweight theme for Hugo."
+description = "An IndieWeb-enabled, lightweight blogging theme for Hugo."
 homepage = "https://github.com/AngeloStavrow/indigo"
 tags = ["blog", "responsive", "minimal"]
 features = ["indieweb", "blog"]
-min_version = "0.38"
+min_version = "0.48"
 
 [author]
   name = "Angelo Stavrow"
-  homepage = "http://angelostavrow.com/"
+  homepage = "https://angelostavrow.com/"
 
 # If porting an existing theme
 [original]