7 files changed, 51 insertions, 8 deletions
diff --git a/assets/css/base.css b/assets/css/base.css
index 9fc2705..cde8c5e 100644
--- a/assets/css/base.css
+++ b/assets/css/base.css
@@ -17,4 +17,4 @@
     --color-primary-text: rgba(255,255,255,0.85);
     --color-secondary-text: rgba(255,255,255,0.65);
     --color-tertiary-text: rgba(255,255,255,0.45);
-}
-\ No newline at end of file
+}
diff --git a/assets/css/site.css b/assets/css/site.css
index 23ada0c..9057a46 100644
--- a/assets/css/site.css
+++ b/assets/css/site.css
@@ -33,4 +33,8 @@
 
 .sticky-toc li > p + p {
   @apply mt-6;
+}
+
+.object-contain {
+    object-fit: contain !important;
 }
 \ No newline at end of file
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 73a4e0b..9531157 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,8 +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 a8890bb..b920bf4 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -7,14 +7,13 @@
     </div>
     {{ end }}
 </article>
-<ul class="bg-secondary-bg px-6 py-8">
+<div class="bg-secondary-bg px-6 py-8">
     {{ range .Pages }}
-    <li class="text-lg text-primary-text my-2">
+    <h2 class="text-lg text-primary-text my-2">
         <a href="{{ .Permalink }}" class="text-eureka hover:underline">
             {{ .Title }}
         </a>
-    </li>
+    </h2>
     {{ end }}
-</ul>
-
+</div>
 {{ 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..628f731
--- /dev/null
+++ b/layouts/authors/list.html
@@ -0,0 +1,6 @@
+{{ define "main" }}
+<div class="bg-secondary">
+    {{ partial "widgets/about.html" .  }}
+    {{ partial "widgets/details.html" .  }}
+</div>
+{{ end }}
+\ No newline at end of file
diff --git a/layouts/partials/widgets/about.html b/layouts/partials/widgets/about.html
new file mode 100644
index 0000000..eda58f1
--- /dev/null
+++ b/layouts/partials/widgets/about.html
@@ -0,0 +1,33 @@
+<div class="grid grid-cols-12 gap-4 flex content-center justify-center pt-12 pb-12 pl-32 pr-32">
+    <div
+        class="col-span-12 lg:col-span-4 flex content-center justify-center lg:justify-start lg:border-r border-gray-300">
+        {{ with .Resources.ByType "image" }}
+        {{ range . }}
+        <img src='{{ .RelPermalink }}' class="h-auto w-6/12 sm:w-4/12 lg:w-10/12 object-contain" />
+        {{ end }}
+        {{ end }}
+    </div>
+
+    <div class="col-span-12 lg:col-span-7 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 $.Param "shortContent" }}
+            <div class="pt-8 text-lg leading-normal font-medium">
+                {{ . }}
+            </div>
+            {{ end }}
+        </div>
+    </div>
+
+    <div class="col-span-12 lg:col-span-1 flex lg:flex-col justify-center items-end ">
+        {{ $brand := $.Param "social"}}
+        {{ range $brand }}
+        {{ $src :=  print .icon_pack " fa-" .icon }}
+        <div class="pb-2 pr-4 lg:pr-0">
+            <i class="{{ print $src }}"></i>
+        </div>
+        {{ end }}
+    </div>
+</div>
+\ No newline at end of file
diff --git a/layouts/partials/widgets/details.html b/layouts/partials/widgets/details.html
new file mode 100644
index 0000000..3415967
--- /dev/null
+++ b/layouts/partials/widgets/details.html
@@ -0,0 +1,3 @@
+<div class="content pl-32 pr-32 pb-20">
+    {{ .Content }}
+</div>
+\ No newline at end of file