Add flag glyph to notes that item is mothballed

Author: delphidabbler

codelib.html

@@ -22,7 +22,7 @@ <h3>{{ item.title | escape }}</h3>
         </div>
         <div class="panel-body">
           <p>{{ item.summary | escape }}</p>
-          {% if item.mothballed %}<p class="text-warning"><strong>Note:</strong> this item is mothballed. It is being neither developed nor supported.</p>{% endif %}
+          {% if item.mothballed %}<p class="text-warning"><span class="fa fa-flag" aria-hidden="true"></span><span class="sr-only">Note</span> This item is mothballed. It is being neither developed nor supported.</p>{% endif %}
         </div>
         <div class="panel-footer text-right">
           <a href="{{ item.more-info }}" class="btn btn-default">More info&hellip;</a>

programs.html

@@ -21,7 +21,7 @@ <h3>{{ program.title | escape }}</h3>
         </div>
         <div class="panel-body">
           <p>{{ program.summary | escape }}</p>
-          {% if program.mothballed %}<p class="text-warning"><strong>Note:</strong> this program is mothballed. It is being neither developed nor supported.</p>{% endif %}
+          {% if program.mothballed %}<p class="text-warning"><span class="fa fa-flag" aria-hidden="true"></span><span class="sr-only">Note</span> This program is mothballed. It is being neither developed nor supported.</p>{% endif %}
         </div>
         <div class="panel-footer text-right">
           <a href="{{ program.more-info }}" class="btn btn-default">More info&hellip;</a>