-
Notifications
You must be signed in to change notification settings - Fork 0
/
MainPage.html
20 lines (20 loc) · 1.32 KB
/
MainPage.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>geometric-patchwork</title>
<style> body {padding: 0; margin: 0;} </style>
<script src="../addons/p5.min.js"></script>
<script src="../addons/p5.dom.min.js"></script>
<!--<script src="secondSketch.js"></script>-->
<script src="sketch.js"></script>
<link rel="stylesheet" href="Form_design.css" type="text/css">
</head>
<body>
<h1 style="text-align: center;">Bedsheet Pollution Designs</h1>
<p>These are some bedsheet design ideas based on the air pollution data of your location. The <i>colors</i> are designed based on <b>CO,O3 and NO2</b> levels in air. The <i>shapes</i> are designed based on the <b>SO2</b> concentration in the air.
The triangles represent a lower concentration of SO2 in the air while the semi-circles and circles represent a higher concentration of SO2. The colors of these shapes are based on the rgb values that we derive from CO,O3 and NO2 concentrations respectively. The grid colors in the background are randomly generated, click anywhere on the screen to change it.
<br><br>Press the arrow down key to decrease the grid size or Press the arrow up key to increase the grid size.</p>
</body>
</html>