Skip to content

S
smogonet
Commit 4be15cc9 authored by Antek Grzanka's avatar Antek Grzanka
Browse files
Options

Show and hide. New design.

parent 50acab5a
Hide whitespace changes
Inline Side-by-side
Showing with 26 additions and 24 deletions
index.html
View file @ 4be15cc9
...@@ -12,53 +12,53 @@ ...@@ -12,53 +12,53 @@
width: 350px; width: 350px;
padding: 1px; padding: 1px;
} }
#main-box { #main-box {
height: 100%; height: 100%;
width: 100%; width: 100%;
padding: 1px; padding: 1px;
} }
#left-side { #left-side {
width: 100%; width: 100%;
height: 70%; height: 70%;
float: left; float: left;
padding: 1px; padding: 1px;
} }
#right-side { #right-side {
width: 100%; width: 100%;
height: 30%; height: 30%;
float: right; float: right;
padding: 1px; padding: 1px;
} }
</style> </style>
</head> </head>
<body>
<div id="main-box"> <body id="body">
</div>
<div id="main-box">
</div>
<div id="left-side" style="float: center;">
Aktualny stan powietrza:
</div>
<div id="left-side" style="float: center;"> <div id="right-side" style="text-indent: 0.5rem; text-top: 1rem;">
Aktualny stan powietrza: <img src="data:image/png;base64,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621pyenMuCfY0tfn+9KSTb363/Rs+5mMCQAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAj6WFrASr4+35eWrOZyvS0tecqMewKYlAkAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBvgcA4Chm+z6L2fYzGRMAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEEfSwtYyeV6W1pyOjPuCWBSJgAAECQAACBIAABAkAAAgCAfAgQ4iq/P96Ulm3r1g72z7WcyJgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgKCPpQWs5OvzfWnJai7X29KSp8y4J4BJmQAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABAkAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACPJzwABHMdvPWs+2n8mYAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAEPSxtICVzPg72TPuCWBSJgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBAgAAggQAAAQJAAAIEgAAECQAACBIAABAkAAAgCABAABBH0sLgLe3t8v1trQE4ExMAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABAkAAAgSAAAQJAAAIAgAQAAQQIAAIIEAAAECQAACBIAABD0vrRgd5frbWkJAEzn63PVM9oEAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAECQAACAIAEAAEECAACCBAAABAkAAAgSAAAQJAAAIEgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHNx/ARXdb82H7YErAAAAAElFTkSuQmCC" width="10%" height="10%">
</div> &nbsp; PM<sub>10</sub> &nbsp; &nbsp;&nbsp; <span id="pollution-value">?</span>
<div id="right-side"> <select id="select-station" style="float: right; display: center; font-weight: bold;">
<img src="http://www.free-icons-download.net/images/building-icons-68722.png" width="10%" height="10%"> <option value="00000000-0000-0000-0000-000000000003">ul. Bujaka</option>
<option value="00000000-0000-0000-0000-000000000002">ul. Bulwarowa</option>
<option value="00000000-0000-0000-0000-00000000000f">ul. Złoty Róg</option>
<option value="00000000-0000-0000-0000-000000000001">Al. Krasińskiego</option>
<option value="00000000-0000-0000-0000-00000000000e">os. Piastów</option>
<option value="00000000-0000-0000-0000-00000000000d">ul. Dietla</option>
</select>
<select id="select-station" style="float: right; display: center; font-weight: bold;"> <div id="value-id" style="padding: center;font-size: 0.7rem; text-indent: 6rem;">
<option value="00000000-0000-0000-0000-000000000003">ul. Bujaka</option> µg/m³
<option value="00000000-0000-0000-0000-000000000002">ul. Bulwarowa</option> </div>
<option value="00000000-0000-0000-0000-00000000000f">ul. Złoty Róg</option>
<option value="00000000-0000-0000-0000-000000000001">Al. Krasińskiego</option>
<option value="00000000-0000-0000-0000-00000000000e">os. Piastów</option>
<option value="00000000-0000-0000-0000-00000000000d">ul. Dietla</option>
</select>
<div id="value-id" style="padding: center;font-size: 0.7rem; text-indent: 6rem;"> </div>
<span id="pollution-value"></span> µg/m³
</div>
</div>
</body> </body>
</html> </html>
...@@ -129,6 +129,8 @@ ...@@ -129,6 +129,8 @@
getPollution(); getPollution();
} else if (parameters["locals"] && parameters["locals"] === 'krakow'){ } else if (parameters["locals"] && parameters["locals"] === 'krakow'){
getPollution(); getPollution();
} else {
document.getElementById('body').style.display = none;
} }
})(); })();
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment