bio

config/_default/languages.en.toml

@@ -17,7 +17,7 @@ title = "Blowfish"
   name = "Your name here"
   image = "img/blowfish_logo.png"
   headline = "I'm only human"
-  bio = "A little bit about you"
+  bio = "These instructions will get you up and running using Hugo and Blowfish from a completely blank state. Most of the dependencies mentioned in this guide can be installed using the package manager of choice for your platform."
   links = [
   { email = "mailto:hello@your_domain.com" },
 #     { link = "https://link-to-some-website.com/" },

layouts/partials/author-extra.html

@@ -0,0 +1,37 @@
+{{ $disableImageOptimization := .Site.Params.disableImageOptimization | default false }}
+<div class="flex author author-extra mt-4">
+  {{ with .data.image }}
+  {{ $authorImage := resources.Get . }}
+  {{ if $authorImage }}
+  {{ if not $disableImageOptimization }}
+  {{ $authorImage = $authorImage.Fill "192x192" }}
+  {{ end }}
+  <img class="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4" width="96" height="96"
+    src="{{ $authorImage.RelPermalink }}" />
+  {{ end }}
+  {{ end }}
+  <div class="place-self-center">
+    {{ $link := .link}}
+    {{ with .data.name | markdownify | emojify }}
+    <div class="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">
+      {{ i18n "author.byline_title" | markdownify | emojify }}
+    </div>
+    <a {{ if $link }} href="{{ $link }}" {{ end }} class="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">
+      {{ . }}
+    </a>
+    {{ end }}
+    {{ with .data.bio | markdownify | emojify }}
+    <div class="text-sm text-neutral-700 dark:text-neutral-400">{{ . }}</div>
+    {{ end }}
+    <div class="text-2xl sm:text-lg">
+      <div class="flex flex-wrap text-neutral-400 dark:text-neutral-500">
+        {{ range .data.social }}
+        {{ range $name, $link := . }}
+        <a class="px-1 hover:text-primary-700 dark:hover:text-primary-400" href="{{ $link }}" target="_blank"
+          aria-label="{{ $name | title }}" rel="me noopener noreferrer"><span class="inline-block align-text-bottom">{{ partial "icon.html" $name }}</span></a>
+        {{ end }}
+        {{ end }}
+      </div>
+    </div>
+  </div>
+</div>

layouts/partials/author.html

@@ -0,0 +1,27 @@
+{{ $disableImageOptimization := .Site.Params.disableImageOptimization | default false }}
+<div class="flex author">
+  {{ with .Site.Author.image }}
+  {{ $authorImage := resources.Get . }}
+  {{ if $authorImage }}
+  {{ if not $disableImageOptimization }}
+  {{ $authorImage = $authorImage.Fill "192x192" }}
+  {{ end }}
+  <img class="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4" width="96" height="96"
+    alt="{{ $.Site.Author.name | default " Author" }}" src="{{ $authorImage.RelPermalink }}" />
+  {{ end }}
+  {{ end }}
+  <div class="place-self-center">
+    {{ with .Site.Author.name | markdownify | emojify }}
+    <div class="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">
+      {{ i18n "author.byline_title" | markdownify | emojify }}
+    </div>
+    <div class="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">
+      {{ . }}
+    </div>
+    {{ end }}
+    {{ with .Site.Author.bio | markdownify | emojify }}
+    <div class="text-sm text-neutral-700 dark:text-neutral-400">{{ . }}</div>
+    {{ end }}
+    <div class="text-2xl sm:text-lg">{{ partialCached "author-links.html" . }}</div>
+  </div>
+</div>