Add lesson status and fix title element alignment

DESCRIPTION

@@ -1,6 +1,6 @@
 Package: varnish
 Title: Front-end for The Carpentries Lesson Template
-Version: 0.1.13
+Version: 0.1.14
 Authors@R: c(
     person(given = "Zhian N.",
            family = "Kamvar",

NEWS.md

@@ -1,3 +1,8 @@
+# varnish 0.1.14
+
+* lesson development stage support has been added (#39 by @zkamvar)
+* FIX: .lesson-title and .lesson-title-md are now inline-block elements
+
 # varnish 0.1.13
 
 * An alert for the workbench beta phase is implemented if the lesson has `workbench-beta: true` in the `config.yaml`.

inst/pkgdown/templates/header.html

@@ -2,7 +2,38 @@
   <a class="visually-hidden-focusable skip-link" href="#main-content">Skip to main content</a>
   <div class="container-fluid top-nav-container">
     <div class="col-md-6">
-      <div class="large-logo"><img alt="{{#yaml}}{{carpentry_name}}{{/yaml}}" src="{{#site}}{{root}}{{/site}}assets/images/{{#yaml}}{{carpentry_icon}}-logo.svg{{/yaml}}"></div>
+      <div class="large-logo">
+        <img alt="{{#yaml}}{{carpentry_name}}{{/yaml}}" src="{{#site}}{{root}}{{/site}}assets/images/{{#yaml}}{{carpentry_icon}}-logo.svg{{/yaml}}">
+        {{#yaml}}{{#life_cycle}}
+        {{#pre_alpha}}
+        <abbr class="icon" title="This lesson is in the pre-alpha phase, which means that it is in early development, but has not yet been taught." style="text-decoration: unset">
+          &nbsp;
+          <a href="https://cdh.carpentries.org/the-lesson-life-cycle.html#early-development-pre-alpha-through-alpha" class="alert-link" style="color: #383838">Pre-Alpha
+            <i aria-hidden="true" class="icon" data-feather="alert-octagon" style="color: #FF4955"></i>
+          </a>
+          <span class="visually-hidden">This lesson is in the pre-alpha phase, which means that it is in early development, but has not yet been taught.</span>
+        </abbr>
+        {{/pre_alpha}}
+        {{#alpha}}
+        <abbr class="icon" title="This lesson is in the alpha phase, which means that it has been taught once and lesson authors are iterating on feedback." style="text-decoration: unset">
+          &nbsp;
+          <a href="https://cdh.carpentries.org/the-lesson-life-cycle.html#field-testing-alpha-stage" class="alert-link" style="color: #383838">Alpha
+            <i aria-hidden="true" class="icon" data-feather="alert-triangle" style="color: #FFC700"></i>
+          </a>
+          <span class="visually-hidden">This lesson is in the alpha phase, which means that it has been taught once and lesson authors are iterating on feedback.</span>
+        </abbr>
+        {{/alpha}}
+        {{#beta}}
+        <abbr class="icon" title="This lesson is in the beta phase, which means that it is ready for teaching by instructors outside of the original author team." style="text-decoration: unset">
+          &nbsp;
+          <a href="https://cdh.carpentries.org/the-lesson-life-cycle.html#polishing-beta-stage" class="alert-link" style="color: #383838">Beta
+            <i aria-hidden="true" class="icon" data-feather="alert-circle" style="color: #001483"></i>
+          </a>
+          <span class="visually-hidden">This lesson is in the beta phase, which means that it is ready for teaching by instructors outside of the original author team.</span>
+        </abbr>
+        {{/beta}}
+        {{/life_cycle}}{{/yaml}}
+      </div>
     </div>
     <div class="selector-container ">
       {{#yaml}}{{#workbench-beta}}

source/stylesheets/header.scss

@@ -429,7 +429,7 @@
   }
 
   .lesson-title-md {
-    display: inline;
+    display: inline-block;
     font-family: Mulish;
     font-style: normal;
     font-weight: 800;
@@ -456,7 +456,7 @@
   }
 
   .lesson-title {
-    display: inline;
+    display: inline-block;
   }
 
   .nav-logo {