feat: add new author page

6 files changed, 57 insertions, 11 deletions

diff --git a/assets/css/base.css b/assets/css/base.css
new file mode 100644
index 0000000..f0983dd
--- /dev/null
+++ b/assets/css/base.css
@@ -0,0 +1,3 @@
+:root{
+    @apply font-serif;
+}
diff --git a/assets/css/site.css b/assets/css/site.css
index 1e755f2..4c94aaf 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -1,3 +1,3 @@
 .starter {
   color: blue;
-}
\ No newline at end of file
+}
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 9611800..35ff569 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,5 +1,6 @@
 /* Tailwind base - put variables under: tailwind.config.js */
 @import "node_modules/tailwindcss/base";
+@import "assets/css/base";
 /* Tailwind component classes registered by plugins*/
 @import "node_modules/tailwindcss/components";
 /* Site Specific */
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 43df083..eadfcb1 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
 {{ range .Pages }}
-    <article class="text-gray-700 sm:mx-12 mb-4">
-        <h1 class="font-bold font-thin text-3xl text-gray-700"><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
-        {{ .Content }}
-    </article>
+<article class="text-gray-700 sm:mx-12 mb-4">
+    <h1 class="font-bold font-thin text-3xl text-gray-700"><a href="{{ .Permalink }}">{{ .Title }}</a></h1>
+    {{ .Content }}
+</article>
 {{ end }}
 {{ end }}
\ No newline at end of file
diff --git a/layouts/authors/list.html b/layouts/authors/list.html
new file mode 100644
index 0000000..a88ec05
--- /dev/null
+++ b/layouts/authors/list.html
@@ -0,0 +1,40 @@
+{{ define "main" }}
+<main>
+    <div class=" ">
+
+        <div class="grid grid-cols-12 gap-4 flex content-center pt-12 pb-12 border border-gray-300">
+            <div
+                class="col-span-12 md:col-span-4 lg:col-span-4 xl:col-span-4 flex content-center justify-center border-r border-gray-300">
+                {{ with .Resources.ByType "image" }}
+                {{ range . }}
+                <img src='{{ .RelPermalink }}' class="h-7/12 md:h-9/12 lg:h-9/12" />
+                {{ end }}
+                {{ end }}
+            </div>
+
+            <div class="col-span-6 pl-5">
+                <div>
+                    <div class="text-xs font-medium pb-4 pt-4">ABOUT ME</div>
+                    <div class="text-6xl font-medium pb-2">{{ .Title }}</div>
+                    <div class="w-3/12 xl:w-2/12 border-b border-gray-400"></div>
+                    {{ with .Content }}
+                    <div class="pt-8 text-lg leading-normal font-medium">
+                        {{ . }}
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+
+            <div class="col-span-2 flex flex-col justify-center items-end pr-8">
+                {{ $brand := $.Param "social"}}
+                {{ range $brand }}
+                {{ $src :=  print .icon_pack " fa-" .icon }}
+                <div class="pb-2">
+                    <i class="{{ print $src }}"></i>
+                </div>
+                {{ end }}
+            </div>
+        </div>
+    </div>
+</main>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 4f678dc..a6bc18c 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -1,8 +1,8 @@
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <title>{{ block "title" . }}
-{{- .Title }} - {{ .Site.Title -}}
-{{ end }}</title>
+    {{- .Title }} - {{ .Site.Title -}}
+    {{ end }}</title>
 {{ if .Description }}
 <meta name="description" content="{{ .Description }}" />
 {{ end }}
@@ -17,8 +17,10 @@
 
 {{ $styles := resources.Get "css/styles.css" | postCSS (dict "config" "./assets/css/postcss.config.js") }}
 {{ if .Site.IsServer }}
-    <link rel="stylesheet" href="{{ $styles.RelPermalink }}">
+<link rel="stylesheet" href="{{ $styles.RelPermalink }}">
 {{ else }}
-    {{ $styles := $styles| minify | fingerprint | resources.PostProcess }}
-    <link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}">
-{{ end }}
\ No newline at end of file
+{{ $styles := $styles| minify | fingerprint | resources.PostProcess }}
+<link rel="stylesheet" href="{{ $styles.Permalink }}" integrity="{{ $styles.Data.Integrity }}">
+{{ end }}
+
+<script defer src="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.0/js/all.min.js"></script>
\ No newline at end of file