Add programs.html

Page lists each program on the site, giving title, brief description and a link to a page with more information

Author: delphidabbler

programs.html

@@ -0,0 +1,37 @@
+---
+title: Applications
+---
+<h1>
+  Applications
+</h1>
+
+<p>All the open source programs available from this site are listed below. Clicking the program's name takes you a page that provides detailed information about the program. Some detail pages also provide information about any major bugs, installation notes, screenshots etc.</p>
+
+<p>Each program's page provides links that can be used to download the program and its source code.</p>
+
+{% assign supported-programs = site.data.programs %}
+{% for program in supported-programs %}
+{% assign test = forloop.index | modulo: 2 %}
+{% if test <> 0 %}<div class="row">{% endif %}
+  <section>
+    <div class="col-sm-6">
+      <div class="panel panel-default {% if program.mothballed %}panel-warning{% endif %}">
+        <div class="panel-heading">
+          <h3>{{ program.title }}</h3>
+        </div>
+        <div class="panel-body">
+          <p>{{ program.summary | escape }}</p>
+        </div>
+        <div class="panel-footer text-right">
+          <span class="btn btn-default"><a href="{{ program.more-info }}">More info</a></span>
+        </div>
+      </div>
+    </div>
+  </section>
+{% if test == 0 or forloop.last %}</div> <!-- ./row -->{% endif %}
+{% if test == 0 or forloop.last %}
+<!-- Clear the lg cols if their content doesn't match in height -->
+<div class="clearfix visible-sm-block"></div>
+{% endif %}
+{%endfor %}
+