aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'pollutometer-php/app/Resources/views/default/index.html.twig')
-rw-r--r--pollutometer-php/app/Resources/views/default/index.html.twig34
1 files changed, 34 insertions, 0 deletions
diff --git a/pollutometer-php/app/Resources/views/default/index.html.twig b/pollutometer-php/app/Resources/views/default/index.html.twig
new file mode 100644
index 0000000..176f519
--- /dev/null
+++ b/pollutometer-php/app/Resources/views/default/index.html.twig
@@ -0,0 +1,34 @@
+{% extends 'base.html.twig' %}
+
+{% block body %}
+ <div class="columns">
+ <div class="column">
+ <table class="table">
+ <thead class="thead">
+ <tr class="tr">
+ <th class="td">TimeStamp</th>
+ <th class="td">Co</th>
+ <th class="td">No</th>
+ <th class="td">So</th>
+ </tr>
+ </thead>
+ <tbody class="tbody">
+ <tr id="latest" class="tr">
+ <td class="td">{{ TimeStamp }}</td>
+ <td class="td">{{ Co }}</td>
+ <td class="td">{{ No }}</td>
+ <td class="td">{{ So }}</td>
+ </tr>
+ </tbody>
+ </table>
+ <p id="aq">The current air quality index is <strong>{{ Aqi }}</strong></p>
+ </div>
+ <div class="column">
+ <img src="https://www.ourair.org/wp-content/uploads/AQItable.gif">
+ </div>
+ </div>
+
+{% endblock %}
+{% block javascripts %}
+ <script src="{{ asset('js/realtime.js') }}"></script>
+{% endblock %}