feat: highlight future posts in dev server

themes/fmartingr/assets/sass/_blog.sass

@@ -2,6 +2,12 @@ div.article, main.blog, main.projects
   .title
     margin-bottom: 0.3em
 
+  &.future-post
+    border: 2px solid orange
+    border-radius: 8px
+    padding: 10px
+    margin-bottom: 15px
+
   .info
     *
       vertical-align: middle

themes/fmartingr/layouts/_default/home.html

@@ -2,7 +2,7 @@
 <div class="home center">
     <h1 class="title">Latest blog posts</h1>
     {{ range where site.RegularPages "Section" "blog" | first 10 }}
-    <div class="article">
+    <div class="article{{ if gt .Date.Unix now.Unix }} future-post{{ end }}">
         <h2 class="text-size-normal"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
         <div class="info">
             {{ partial "svg/calendar-event.svg" (dict "size" 24) }}

themes/fmartingr/layouts/_default/list.html

@@ -2,7 +2,7 @@
   {{ if ne .Title "Blogs" }}<h1>{{ .Title }}</h1>{{ end }}
   {{ .Content }}
   {{ range (.Paginate .Pages 7).Pages }}
-  <div class="artitle {{ $.Param "site_style.container_class" }}">
+  <div class="article {{ $.Param "site_style.container_class" }}{{ if gt .Date.Unix now.Unix }} future-post{{ end }}">
     <h2 class="title"><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
     <div class="info">
       {{ partial "svg/calendar-event.svg" (dict "size" 24) }}