add generation and consumption graphs

pelican/angular/index.html

@@ -54,30 +54,47 @@ This app is a lot more complicated on the backend than on the frontend, but it s
 We'll be using Angular apps to make D3.js charts. Click the button below to visit the Hello Angular World test app:</p>
 <p><a class="index_btn btn btn-large btn-primary" href="hello/">Hello Angular World</a></p>
 
-
+<p>&nbsp;</p>
+<p>&nbsp;</p>
 
 </div>
 <div class="row">
 
-
-
 <p>&nbsp;</p>
 
-<h2><b>Species Reaction Rates Bar Chart</b></h2>
+<h2><b>Species Generation Rates Rank Chart</b></h2>
 
-<p class="lead">Species are listed and ranked according to their reaction rates: generation, consumption, and net.
+<p class="lead">Species are listed and ranked according to their generation rates.
 </p>
 <p>
 <img src="{{SITEURL}}/images/speciesbar.png" class="index_img img-responsive" />
 </p>
 <p>
 <a class="index_btn btn btn-large btn-primary" 
-    href="speciesrxnrates.html">Species Reaction Rates Bar Chart</a></p>
+    href="speciesgenrates.html">Species Generation Rates</a></p>
 
+</div>
 
+<p>&nbsp;</p>
+<p>&nbsp;</p>
 
 </div>
+<div class="row">
+
+<p>&nbsp;</p>
+
+<h2><b>Species Consumption Rates Rank Chart</b></h2>
+
+<p class="lead">Species are listed and ranked according to their consumption rates.
+</p>
+<p>
+<img src="{{SITEURL}}/images/speciesbar.png" class="index_img img-responsive" />
+</p>
+<p>
+<a class="index_btn btn btn-large btn-primary" 
+    href="speciesconrates.html">Species Consumption Rates</a></p>
 
+</div>
 
 {% endblock %}