From 9d524b878aaa5eab3a0c2e8cfa8752038a54d4cc Mon Sep 17 00:00:00 2001
From: Garry Ing <garry.ing@gmail.com>
Date: Sun, 2 May 2021 12:34:28 -0400
Subject: [PATCH] status

---
 _layouts/note.html         |  2 +-
 _sass/_digital-garden.scss | 18 ++++++++++++++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/_layouts/note.html b/_layouts/note.html
index e550fd1..cb524de 100644
--- a/_layouts/note.html
+++ b/_layouts/note.html
@@ -5,7 +5,7 @@ layout: default
   <article id="note-container"  class="w-50 pa3 pr0 relative z-1">
     <div class="container bg-white min-vh-100-header-comp pa3 br4 flex flex-column justify-between">
       <header>
-        <div class="note-meta flex f7 lh-copy justify-between code items-center">
+        <div class="note-meta flex f7 lh-copy justify-between code items-center" data-status="{{ page.status }}">
           {% if page.date_created %}
             <time class="ml3 flex-auto" datetime="{{ page.date_created | date_to_xmlschema }}">{% if page.type != 'pages' %}
               Created <br> {{ page.date_created | date: "%B %-d, %Y" }}
diff --git a/_sass/_digital-garden.scss b/_sass/_digital-garden.scss
index ce34e4b..46e2de5 100644
--- a/_sass/_digital-garden.scss
+++ b/_sass/_digital-garden.scss
@@ -125,11 +125,21 @@
 // Notes inline styles
 
 .note-meta:before {
-  content: '';
-  width: 20px;
-  height: 20px;
+  content: attr(data-status);
+  display: flex;
+  justify-content: center;
+  text-indent: -4px;
+  line-height: 30px;
+  width: 30px;
+  height: 30px;
   border-radius: 100%;
-  background: var(--active-note);
+  border: 1px solid var(--active-note);
+}
+
+@-moz-document url-prefix() {
+  .note-meta:before {
+    text-indent: 0;
+  }
 }
 
 .internal-link {