Add new card-list shortcode

content/_index.md

@@ -1,43 +1,37 @@
-# Based Data
+---
+toc: False
+---
 
-My name is Sam Chance, and this is my personal site.
+# Grounded Insights from Open Data
+### Deriving meaningful insights from data enables us to make better decisions. 
 
-I am an professional Analytics Engineer with a passion for working with data.
+Data is often chaotic and dispersed. This requires us to build solid data pipelines to efficiently transform data into a unified and useful format. We can think of this as a path with the following steps:
 
-I build data pipelines for analytical projects, some of which I host on this site.
+#### Data
+Data begins as a collection of information, facts, and statistics. Often, the data we need is unstructured, comes in various formats, and originates from different sources.
 
-Feel free to look around. If you have any questions, then you can email me on *contact@sjplab.com*.
+#### Integration
+Integration involves combining data from various sources and formats using techniques such as ETL (Extract, Transform, Load) and data modelling. This process creates a unified view of the data which we can then store in a Data Warehouse ready for analysis.
 
-More about my professional life [here](/cv).
+#### Analysis
+Analysis involves examining and interpreting data to uncover patterns, trends, and correlations. This process often utilizes programming, statistical methods, and data visualization tools.
 
-This site is still very much under construction.
+#### Insights
+Insights are the deep understanding we've derived from our data. Specifically, this refers to patterns and relationships that have been uncovered from our data that didn't previously exist. We can use insights to make important business decisions or inform policy.
 
-### Shortcuts to some of my work:
+### Explore Based Data:
 
-- [Based Data Lab](/data-lab) A selection of charts and metrics obtained from public data
-
-- [Map Printing Service](https://semitamaps.com) A free map printing service based on Openstreetmaps
-
-- [Code base](https://git.bitlab21.com) My personal self-hosted git repo using Gitea
-
-- [Nixos config](https://git.bitlab21.com/sam/nixos) My Nixos configuration
-
-### Software I use:
-
-- [**Neovim**](https://neovim.io/) for text editing (my neovim config is part of my [nixos](https://git.bitlab21.com/sam/nixos) configuration)
-
-- I use **Linux** on all my machines
-
-- **Nixos** and **Arch Linux** are my Linux distros of choice
-
-- [**dwm**](https://dwm.suckless.org) is my window manager (my dwm [config](https://git.bitlab21.com/sam/dwm))
-
-- [**st**](https://st.suckless.org) is my terminal emulator (my st [config](https://git.bitlab21.com/sam/st))
-
-- I use [**QGIS**](https://www.qgis.org/) and [**Postgis**](https://postgis.net/) for geospatial work
-
-- [**DBT**](https://github.com/dbt-labs/dbt-core) for data modelling
-
-- [**Postgres**](https://www.postgresql.org/) is my relational database of choice to power my backends
-
-- [**Hugo**](https://gohugo.io/) to build this [**website**](https://git.bitlab21.com/sam/bitlab21.com)
+{{< card-list >}} 
+["Data Lab"]
+  pic = "/pics/home/data-lab.webp"
+  content = "Analysis and Insights derived from Open Data"
+  link = "/data-lab"
+["Blog"]
+  pic = "/pics/home/blog.webp"
+  content = "Sharing methodologies and discoveries with the community."
+  link = "/blog"
+["Services"]
+  pic = "/pics/home/services.webp"
+  content = "Please reach out if you wish to work with me."
+  link = "/services"
+{{</ card-list >}}

content/about-me.md

@@ -0,0 +1,47 @@
+---
+title: 'About Me'
+header_image: '/pics/blog/batch-import-postgis-rasters/batch-import-postgis-rasters.webp'
+summary: "This article explains how to batch import rasters into a PostGIS table"
+toc: false
+---
+
+{{< figure src="/sam.webp" title=" " width="150">}}
+
+My name is Sam Chance, and this is my personal site.
+
+I'm an independent Analytics Engineer with a passion for working with data. I built this website as a place to publish my personal work.
+
+If you wish to work with me, then please email me on *contact@sjplab.com*.
+
+More about my professional life [here](/cv).
+
+
+### Shortcuts to some of my work:
+
+- [Based Data Lab](/data-lab) A selection of charts and metrics obtained from public data
+
+- [Map Printing Service](https://semitamaps.com) A free map printing service based on Openstreetmaps
+
+- [Code base](https://git.bitlab21.com) My personal self-hosted git repo using Gitea
+
+- [Nixos config](https://git.bitlab21.com/sam/nixos) My Nixos configuration
+
+### Software I use:
+
+- [**Neovim**](https://neovim.io/) for text editing (my neovim config is part of my [nixos](https://git.bitlab21.com/sam/nixos) configuration)
+
+- I use **Linux** on all my machines
+
+- **Nixos** and **Arch Linux** are my Linux distros of choice
+
+- [**dwm**](https://dwm.suckless.org) is my window manager (my dwm [config](https://git.bitlab21.com/sam/dwm))
+
+- [**st**](https://st.suckless.org) is my terminal emulator (my st [config](https://git.bitlab21.com/sam/st))
+
+- I use [**QGIS**](https://www.qgis.org/) and [**Postgis**](https://postgis.net/) for geospatial work
+
+- [**DBT**](https://github.com/dbt-labs/dbt-core) for data modelling
+
+- [**Postgres**](https://www.postgresql.org/) is my relational database of choice to power my backends
+
+- [**Hugo**](https://gohugo.io/) to build this [**website**](https://git.bitlab21.com/sam/bitlab21.com)

layouts/index.html

@@ -1,8 +1,7 @@
 {{ define "main" }}
-<div class="page-content">
-  <div class="home-page">
+<div class="article-container">
+  <div class="main-article">
     <div class="home-page-content">{{ .Content }}</div>
-    <figure class="profile-img"><img src="/sam.webp" /></figure>
   </div>
 </div>
 {{ end }}

layouts/partials/head.html

@@ -5,4 +5,10 @@
   <link rel="stylesheet" href="/css/style.css" type="text/css" media="all" />
   <link rel="stylesheet" href="/css/navbar.css" type="text/css" media="all" />
   <link rel="stylesheet" href="/css/syntax.css" />
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link
+    href="https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap"
+    rel="stylesheet"
+  />
 </html>

layouts/partials/main-article.html

@@ -11,12 +11,11 @@
         {{ end }}
       </div>
     </header>
+    {{ if .Params.toc }}
     <div id="tocWrapper">
       <h4>Table of Contents</h4>
-      {{ if .Params.toc }}
       <aside>{{.TableOfContents}}</aside>
-      {{ end }}
     </div>
-    {{ .Content }}
+    {{ end }} {{ .Content }}
   </article>
 </div>

layouts/partials/navbarlinks.html

@@ -1,5 +1,6 @@
 <ul>
   <li><a href="/blog">Blog</a></li>
+  <li><a href="/about-me">About Me</a></li>
   <li class="navbar_link_dropdown">
     <a href="#" class="dropbtn">Projects</a>
     <div class="navbar-link-dropdown-content">

layouts/shortcodes/card-list.html

@@ -0,0 +1,16 @@
+<div class="list-content-container">
+  <div class="article-card-flex-container">
+    {{ $items := .Inner | unmarshal }} {{ range $k, $v := $items }}
+    <a class="article-card" href="{{ $v.link }}">
+      <div class="article-card-info">
+        <img class="article-card-thumbnail" src="{{ $v.pic }}" />
+        <div class="article-card-summary">
+          <h3><strong>{{ $k | safeHTML }}</strong></h3>
+          <p>{{ $v.content | safeHTML }}</p>
+          <br />
+        </div>
+      </div>
+    </a>
+    {{ end }}
+  </div>
+</div>

static/css/style.css

@@ -5,7 +5,7 @@
 }
 
 :root {
-  --font-family: sans-serif;
+  --font-family: "Courier Prime", monospace;
   --font-size: 10;
   --author-row-font-size: 12px;
   --heading1-font-size: 25px;
@@ -115,14 +115,45 @@ a:hover {
   color: var(--heading1-color);
 }
 
-.home-page {
-  display: flex;
-  align-items: flex-start;
+.home-page-content {
+  line-height: 2;
+  margin-bottom: 30px;
+  margin-top: 30px;
 }
 
-.home-page li {
-  left: 25px;
-  position: relative;
+.home-page-content h1 {
+  text-align: center;
+  font-size: 32px !important;
+  margin-bottom: 120px;
+}
+
+.home-page-content h3 {
+  font-weight: normal;
+  font-size: 28px;
+  text-align: center;
+  margin-bottom: 60px;
+}
+
+.home-page-content h4 {
+  font-size: 18px;
+  text-align: center;
+}
+
+.home-page-content h5 {
+  font-weight: normal;
+  font-size: 16px;
+  text-align: center;
+  margin-bottom: 60px;
+  margin-top: 60px;
+}
+
+.home-page-content p {
+  font-weight: normal;
+  font-size: 16px;
+  text-align: center;
+  margin-bottom: 80px;
+  margin-left: 10vw;
+  margin-right: 10vw;
 }
 
 .profile-img {