mirror of
https://github.com/bbilly1/aqi_monitor.git
synced 2024-08-02 16:03:33 +00:00
88 lines
4.6 KiB
PHP
88 lines
4.6 KiB
PHP
|
<!DOCTYPE html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
<link rel="stylesheet" href="/css/style.css">
|
||
|
|
<script src="/js/aqi.js"></script>
|
||
|
|
<title>About</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div class="block_wrap light_background">
|
||
|
|
<?php include($_SERVER['DOCUMENT_ROOT'] . '/incl/topnav.html'); ?>
|
||
|
|
</div>
|
||
|
|
<div class="block_wrap">
|
||
|
|
<div class="content">
|
||
|
|
<h2>About</h2>
|
||
|
|
<p>This page and its contents are still under construction. More content is coming soon.</p>
|
||
|
|
<p>The data for this page is collected from an air monitor located downtown Luang Prabang. While we do our best, no guarantee is given for the accuracy of this data.</p>
|
||
|
|
<p>The data is updated every 3 minutes. Contrary to international websites who measure the air pollution via satellite images and rely on estimates and averages, an on-site air monitor delivers real time values that paint a much more accurate picture of the local situation.</p>
|
||
|
|
<p>Roughly, the Air Quality Index (AQI) is the internationally used air quality standard to measure the pollution of the air. It is divided into 6 levels, and according to these levels, certain health advices are given:</p>
|
||
|
|
</div>
|
||
|
|
<div class="aqidesc content">
|
||
|
|
<div class="aqirow">
|
||
|
|
<div class="leftcolumn">
|
||
|
|
<p>Aqi Values</p>
|
||
|
|
</div>
|
||
|
|
<div class="rightcolumn hide">
|
||
|
|
<p>Description</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="aqirow">
|
||
|
|
<div class="leftcolumn category-class good">
|
||
|
|
<p>0 to 50:</p>
|
||
|
|
</div>
|
||
|
|
<div class="rightcolumn">
|
||
|
|
<p>Good: No health concerns, enjoy activities.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="aqirow">
|
||
|
|
<div class="leftcolumn category-class moderate">
|
||
|
|
<p>51 - 100:</p>
|
||
|
|
</div>
|
||
|
|
<div class="rightcolumn">
|
||
|
|
<p>Moderate: Active children and adults, and people with respiratory disease, such as asthma, should limit prolonged outdoor exertion.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="aqirow">
|
||
|
|
<div class="leftcolumn category-class ufsg">
|
||
|
|
<p>101 - 150:</p>
|
||
|
|
</div>
|
||
|
|
<div class="rightcolumn">
|
||
|
|
<p>Unhealthy for Sensitive Groups: Active children and adults, and people with respiratory disease, such as asthma, should limit prolonged outdoor exertion.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="aqirow">
|
||
|
|
<div class="leftcolumn category-class unhealthy">
|
||
|
|
<p>151 - 200:</p>
|
||
|
|
</div>
|
||
|
|
<div class="rightcolumn">
|
||
|
|
<p>Unhealthy: Everyone may begin to experience health effects: Active children and adults, and people with respiratory disease, such as asthma, should avoid prolonged outdoor exertion; everyone else, especially children, should limit prolonged outdoor exertion</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="aqirow">
|
||
|
|
<div class="leftcolumn category-class vunhealthy">
|
||
|
|
<p>201 - 300:</p>
|
||
|
|
</div>
|
||
|
|
<div class="rightcolumn">
|
||
|
|
<p>Very Unhealthy: Active children and adults, and people with respiratory disease, such as asthma, should avoid all outdoor exertion; everyone else, especially children, should limit outdoor exertion.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="aqirow">
|
||
|
|
<div class="leftcolumn category-class hazardous">
|
||
|
|
<p>301 - 500:</p>
|
||
|
|
</div>
|
||
|
|
<div class="rightcolumn">
|
||
|
|
<p>Hazardous: Everyone should avoid all outdoor exertion.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="credits content">
|
||
|
|
<h2>Credits</h2>
|
||
|
|
<p>Partial Weather data, namely weather icon, weather description and windspeed are provided from <a href="https://openweathermap.org/ " target="_blank">openweather.org</a> API distributed under the <a href="https://openweathermap.org/full-price" target="_blank">Creative Commons Attribution-ShareAlike 4.0 Generic License</a>.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<?php include($_SERVER['DOCUMENT_ROOT'] . '/incl/footer.html'); ?>
|
||
|
|
</body>
|
||
|
|
</html>
|