From cecb444c10594676537792cb2f4ec8b6668dd30f Mon Sep 17 00:00:00 2001
From: Derek Lewis <DerekNonGeneric@inf.is>
Date: Tue, 5 Jan 2021 01:18:15 +0000
Subject: [PATCH] featurelist span scss/html+liquid disabled state

Notes:
    disabled: https://user-images.githubusercontent.com/17770407/103599820-05118680-4ed4-11eb-8010-c46e887dd784.PNG
    enabled:  https://user-images.githubusercontent.com/17770407/103599829-0a6ed100-4ed4-11eb-9be4-d571b2b0390e.PNG
---
 _includes/proposals.html | 10 +++++++---
 _sass/_featurelist.scss  | 17 ++++++++++++++---
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/_includes/proposals.html b/_includes/proposals.html
index a09c1598..e97e9ee4 100644
--- a/_includes/proposals.html
+++ b/_includes/proposals.html
@@ -59,9 +59,13 @@ <h4 class="featurelist__item__title flex-grow">
         <ul class="featurelist__item__status featurelist__item__tags">
           {% if proposal.presented | size %}
           {% for presentation in proposal.presented %}
-            <li class="featurelist__item__presented featurelist__item__tag">
-              <a href="{{ presentation.url }}" title='{{ site.data["proposals"]["last-presented-alt"] }}'>{{ presentation.date }}</a>
-            </li>
+          <li class="featurelist__item__presented featurelist__item__tag">
+            {%- if presentation.url -%}
+            <a href="{{ presentation.url }}" title='{{ site.data["proposals"]["last-presented-alt"] }}'>{{ presentation.date }}</a>
+            {%- else -%}
+            <span>{{ presentation.date }}</span>
+            {%- endif -%}
+          </li>
           {% endfor %}
           {% endif %}
           {% if proposal.tests | size %}
diff --git a/_sass/_featurelist.scss b/_sass/_featurelist.scss
index bacd53fb..b06126ea 100644
--- a/_sass/_featurelist.scss
+++ b/_sass/_featurelist.scss
@@ -15,11 +15,11 @@
     }
     &__tag {
       display: inline-block;
+      font-size: 0.8rem;
+
       a {
         color: white;
-        display: block;
-        font-size: 0.8rem;
-        margin-top: 0.5rem;
+        margin-top: 0.5rem;  
         opacity: 1;
         padding-left: 0.5rem;
         padding-right: 0.5rem;
@@ -33,6 +33,17 @@
           background-color: transparent;
         }
       }
+
+      span {
+        background-color: $color-dim-gray;
+        border: 2px solid $color-dim-gray;
+        border-radius: 10px;
+        color: white;
+        font-weight: 550;
+        padding-left: 0.5rem;
+        padding-right: 0.5rem;
+        margin-top: 0.5rem;
+      }
     }
     &__status {
       clear: both;