added year comparison graph to frontent

frontend/nginx/css/style.css

@@ -28,12 +28,12 @@ h2 {
     font-family: Rubik-Bold;
 }
 
-h3, th {
+h3 {
     font-family: Rubik-Light;
     font-size: 1.3em;
 }
 
-p, li, td {
+p, li, td, th {
     font-family: Rubik-Regular;
     font-size: 1.1em;
 }
@@ -285,6 +285,11 @@ a {
 }
 
 /* table */
+.year-table {
+    display: flex;
+    justify-content: center;
+}
+
 .year-table table{
     width: 100%;
     max-width: 500px;

frontend/nginx/index.php

@@ -124,7 +124,9 @@
         </div>
         <div class="content">
             <h3>Compared to last year</h3>
-            <p>This year's daily average AQI values from last 10 days compared to corresponding values from last year.</p>
+            <p>This year's daily average AQI values from last 7 days compared to corresponding values from last year.</p>
+        </div>
+        <div class="graph2 content">
             <div class="year-table" id="compare">
                 <table>
                     <thead>
@@ -139,6 +141,11 @@
                     </tbody>
                 </table>
             </div>
+            <div class="graph_item">
+                <a href="/dyn/year-graph.png" data-lightbox="graph">
+                    <img src="/dyn/year-graph.png" alt="last year comparison">
+                </a>
+            </div>
         </div>
     </div>
     <?php include($_SERVER['DOCUMENT_ROOT'] . '/incl/footer.html'); ?>