Add plotting functionality

code/app/templates/data.html

@@ -4,12 +4,12 @@
 <h1 class="text-center">What do you want to check out?</h1>
 <li>
     <p class="text-center">
-        <a href="{{ url_for('table_selection') }}">Tables</a>
+        <a href="{{ url_for('table_selection') }}" class="btn btn-success" role="button" aria-pressed="true">Tables</a>
     </p>
 </li>
 <li>
     <p class="text-center">
-        <a href="{{ url_for('plots') }}">Plots</a>
+        <a href="{{ url_for('plot_selection') }}" class="btn btn-success" role="button" aria-pressed="true">Plots</a>
     </p>
 </li>
 {% endblock %}

code/app/templates/index.html

@@ -2,7 +2,8 @@
 
 {% block content %}
 <div class="jumbotron">
-<h1 id="igdb-internation-glacier-database">IGDB: Internation Glacier Database</h1>
-<p>The IGDB is a database, that uses data from the <a href="http://dx.doi.org/10.5904/wgms-fog-2018-11">WGMS</a> to illustrate the consequences of climate change.</p>
+    <h1 id="igdb-internation-glacier-database">IGDB: Internation Glacier Database</h1>
+    <p>The IGDB is a database, that uses data from the <a href="http://dx.doi.org/10.5904/wgms-fog-2018-11">WGMS</a> to illustrate the consequences of climate change.</p>
+    <p>Our system allows you to visualize data with tables and plots, via our intuitive Web UI.</p>
 </div>
 {% endblock %}

code/app/templates/plot.html

@@ -0,0 +1,8 @@
+{% extends "base.html" %}
+{% import 'bootstrap/wtf.html' as wtf %}
+
+{% block app_content %}
+<h1>Plot</h1>
+<img src="data:image/png;base64,{{ plot }}" alt="Image Placeholder">
+<p><a href="{{ url_for('plot_selection') }}">Back</a></p>
+{% endblock %}

code/app/templates/plot_selection.html

@@ -0,0 +1,12 @@
+{% extends "base.html" %}
+{% import 'bootstrap/wtf.html' as wtf %}
+
+{% block app_content %}
+<h1>Plot selection</h1>
+<div class="row">
+    <div class="col-md-4">
+        {{ wtf.quick_form(form) }}
+    </div>
+</div>
+<br>
+{% endblock %}