From 5d9dbc01da8ad5490e475cbfdf0dd5e6dc5a2a98 Mon Sep 17 00:00:00 2001
From: ray <git@gabbaell.co.uk>
Date: Fri, 14 Feb 2020 22:28:49 +0000
Subject: [PATCH] use octobercms icon for bullet points

---
 content/posts/leopold.md |  6 ++++++
 static/css/custom.css    | 39 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+)

diff --git a/content/posts/leopold.md b/content/posts/leopold.md
index 5875033..b19d740 100644
--- a/content/posts/leopold.md
+++ b/content/posts/leopold.md
@@ -59,6 +59,12 @@ Fortunately, there are already a number of actively developed libraries and fram
 So for a relatively basic CMS, in which there are no particularly special requirements, it makes perfect sense to make use of a pre-existing platform.
 In this case, I chose **October** for a number for reasons.
 
+{{<
+figure
+class="cheat-october-list"
+src=""
+alt="TODO - do properly with shortcode"
+>}}
 * **Performant**
 
   October isn't bloated with unneeded functionality.
diff --git a/static/css/custom.css b/static/css/custom.css
index 4c48004..e83fe17 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -137,3 +137,42 @@ body.colorscheme-light .avatar img {
     display: none;
   }
 }
+
+/* TODO do this properly using a shortcode */
+.cheat-october-list {
+  display: none;
+}
+
+.cheat-october-list + ul {
+  margin-top: 0;
+  margin-bottom: 0;
+  padding-left: 0;
+}
+
+.cheat-october-list + ul > li {
+  list-style: none;
+}
+
+.cheat-october-list + ul > li > p:first-child {
+  position: relative;
+  margin-top: 0;
+  padding-left: 40px;
+}
+
+.cheat-october-list + ul > li > p:not(:first-child) {
+  padding-left: 40px;
+}
+
+.cheat-october-list + ul > li > p:first-child::before {
+  /* list-style-image: url(/images/logos/october-icon.png); */
+  content: "";
+  position: absolute;
+  display: block;
+  top: 0.2em;
+  bottom: 0.2em;
+  left: 0;
+  right: 0;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-image: url(/images/logos/october-icon.png);
+}