--- a
+++ b/qiita_pet/templates/software.html
@@ -0,0 +1,78 @@
+{% extends sitebase.html %}
+{% block head %}
+{% from qiita_core.qiita_settings import qiita_config %}
+
+<script type="text/javascript">
+$(document).ready(function() {
+    $('#error-table').dataTable({"order": [[1, "asc"]]});
+    $("#waiting").hide();
+} );
+</script>
+
+{% end %}
+
+{% block content %}
+  {% if software %}
+    <h3>Available Software</h3>
+
+    <h5>
+      <a href="https://qiita.ucsd.edu/static/doc/html/processingdata/processing-recommendations.html">Here</a> you will find our current processing recommendations.
+    </h5>
+
+    <table class="table-bordered" width="90%">
+      <thead>
+        <tr>
+          <th width="20%">Plugin</th>
+          <th width="80%">Commands</th>
+        </tr>
+      </thead>
+      <tbody>
+      {% for s in software %}
+        <tr>
+          <td>
+            {% if s.active %}
+              <span class="glyphicon glyphicon-thumbs-up" style="color:green"></span>
+            {% else %}
+              <span class="glyphicon glyphicon-thumbs-down" style="color:red"></span>
+            {% end %}
+            ID {{s.id}}: {{s.name}}, {{s.version}}
+            {% if s.deprecated %}
+              </br></br>
+              <span class="glyphicon glyphicon-hand-down" style="color:red">Deprecated</span>
+            {% end %}
+          </td>
+          <td>
+            <table class="display table-bordered table-hover" width="100%">
+              <thead>
+                <tr>
+                  <th width="55%">Command Name</th>
+                  <th width="44%">Resource Allocation</th>
+                </tr>
+              </thead>
+              <tbody>
+                {% for c in s.commands %}
+                  <tr>
+                    <td>
+                      {% if c.active %}
+                        <span class="glyphicon glyphicon-thumbs-up" style="color:green"></span>
+                      {% else %}
+                        <span class="glyphicon glyphicon-thumbs-down" style="color:red"></span>
+                      {% end %}
+                      ID {{c.id}}: {{c.name}}
+                    </td>
+                    <td>{{c.resource_allocation}}</td>
+                  </tr>
+                {% end %}
+              </tbody>
+            </table>
+          </td>
+        </tr>
+      {% end %}
+      </tbody>
+    </table>
+  {% else %}
+      <div id="jumbotron" class="jumbotron">
+          <h1><span class="glyphicon glyphicon-thumbs-down"></span> There are no plugins in this system. </h1>
+      </div>
+  {% end %}
+{% end %}