Skip to content

S
smogonet
Commit 918354da authored by Antek Grzanka's avatar Antek Grzanka
Browse files
Options

Change version of widget.

parent 00afa327
Show whitespace changes
Inline Side-by-side
Showing with 47 additions and 33 deletions
index.html
View file @ 918354da
...@@ -8,28 +8,30 @@ ...@@ -8,28 +8,30 @@
font-size: 1rem; font-size: 1rem;
font-family: "Open Sans","Arial","sans-serif"; font-family: "Open Sans","Arial","sans-serif";
color: #003f65; color: #003f65;
font-weight: bold;
width: 370px; width: 370px;
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>
<body> <body>
...@@ -37,16 +39,28 @@ ...@@ -37,16 +39,28 @@
<div id="main-box"> <div id="main-box">
</div> </div>
<div id="left-side"> <div id="left-side" style="float: center;">
Aktualny stan powietrza: Aktualny stan powietrza:
<div id="widget">
loading...
</div>
</div> </div>
<div id="right-side"> <div id="right-side">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAQAAABecRxxAAAIN0lEQVR4AezXMRGCMRCE0YUKHdETL0hA1I8VSrBBGWbo6FNwc++dh537wp8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACOjDQFrLxzyyUNAet7z8yw0TlQx8jROQYMAMw8xMAup1CDBPj1yjX30OQDADFgAEAMSAAkgBjo8gGAGDAAIAYkABJADPgAQAwYABADEgAJIAZ8ACAGDACIAQnQggQQAz4AEAMGAMSABEACiAEfAIgBAwBiQAIgAcSADwDEgAEAMSAB6pIAYsAHAGLAAIAYkABIADHgAwAxYABADEgAJIAY8AGAGDAAIAYkABJADPgAQAwYgDoQAxIACSAGfAAgBgwAiAEJgAQQAz4AEAMGAMSABEACiAEfAIgBAwBiQAIgAcSADwDEQK0BADEgAZAAYsAHAGLAAIAYkABIADHgAwAxYABADEgAJIAY8AGAGDAAIAYkABJADPgAQAyUHQAQAxIACSAGfAAgBgwAiAEJgAQQAz4AEAMGAMSABEACiAEfAIgBAwBiQAIgAcTAp717ebHzrAM4/h0nNLHXLGytM5BIhBYaNzVRMjYQGBQ3aYMLzbEr22UX2jaC1JpFSypobQUXCmrxEmqThXVUcOEFowSiNopKQaF2U1BRVLwsrAqOEKEg3k58Tycz5/183j/gB+HMl+d3cs5zBAABmJ+bOqwAgAAAAgAIACAAgAAAAgBsax7A6Wbj6EbPGU4AYNJsHN34OVYAQAAAK8DFubLV9rT0wnNVm8fz/fbC88u+33c63x+bERCA5W7ttlbb3ma140KSqt5S/a0f92QneyYQgAEu766Otq+FLbZu7W1vx/t2n+lT/SkQgIu22B090FJb14EO9N5O9In+GngT8CIc7kd9vKW2uqU+0k96ayAAU9rdmb7UTc2LPZ3u8a7ufwIBONhTHWre3N4Pe33/FQjAnX29a5tHr+xb3dl/AAKw2KM91mXNq8Ue6139GyAAi32ue5p3D/e+/gUIwMMdaQzu675AAP7Jnd3TWDzUmwMBeMHBPtp4LHSymwMBuGB3T3ZZY3JFn++KQACqT3dtY7O7BwMB6HCHGqN3WgMQgMXe3zgt9rFg5AG4o5saq/3BqANweQ8EjDQAd7UUMNIAHA0YaQCW2xcw0gDc2kLASANwW8BIA3BlqwEjDcBq2wNGGoA9AaMNwFKAAAACAAgAIADAXP846FXBxZts1TkCMBw8sUXmWAGGA5wAftefG2Jn25vO8/2+IXZ0TTMFAnBHaw2x1pGm84UmDTHpicAKAAgAIACAAAACAAgAIACAAAACAAgAIACAAAACAAgAIACAAAACAAgAIACAAAACAIwxAIAAANuCebDQbKxf2jlOAIAAAAIACAAgAIAAAP4bcGfXN8T2prVj4KRrAgGYsU+2UY50pGmBFQAQAEAAAAEABAAQAEAAAAEABAAQAEAAAN8F4O42pz/08wvPb1oPAeBF8qE2t7/0i57ty631bFgBGJnL2t1qH+ynPd2JXttCjDAAsLf7+27P9LaxRkAA4FV9tvO9IUYaAHhNX+0r3RwjDQC8se/1nhhpAGChh3q8HTHSAMDtfbNXxEgDAK/rqfbFSAMAy32tG2KkAYCdfbGdMdIAwI2dajF8F2BGjne2IU50S9P5Rg82xGrHo97UBzoWAjATT3emIX7dtH41cNL18Q/39oNOhhWAkXq0q8MJgJF6We/u/mZvvY2x7gQAQ9zTcow0APDSHojRBgDe3t4YaQBgsXtjtAGAw70kRhoAuK4DMdoAwJEYXwBAAAQAbuyGGG0A4JYYbQBgKcYXABAAAYDlGFEAwAlAAEAABABeHi4EwWsPJwBgvAEABAAQAEAAAAEABAAQAEAAAAEAfBwTTjcbRzd0jgAMcKK7G+LVTWu1Mw1xXbzYJhv0hzkRgM1ibxvl2g4F3gMARhIAQAAAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAQAAAAQD8MMgjnW+IY+1vOuf6cEOs9I5AAGbqbGsNMZk6AM91qkEEACsAIACAAAACAAgAIACAAAA+BzA1mGzxOQIAAzyxBeZYAQABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAIBtbV3HmjTE/qa10qmG2NWMgQAcbKPsaldgBQAEABAAwHsAcOktNBvrGzbHCQAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAgG1tXWf7WUMcbLnpPNe5htjVSjMFAvBIaw2xNnUAzjVpiIkAYAUABAAQAEAAAAEABAAQAEAAAAEABAAQAEAAAAEABAD4f2wL5sH6JpnjBAAIACAAgAAAAgAIACAAgAAAAgAIACAAgAAAAgAIACAAgPsADrajIZab1q4mDbHSjIEAHGujrLQSWAEAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAQAAAAQAEABAAwKWgc2y9GQEnAEAAAAEABAAQABAAQAAAAQAEABAAQAAAAQAEABAAQAAAAQBcCHIq8Fq5VP82ky7KgttsYI4sWAEAAZgxEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAQAEABAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIC/A6YtOeKQf0COAAAAAElFTkSuQmCC" width="10%" height="10%"> <img src="http://www.free-icons-download.net/images/building-icons-68722.png" width="10%" height="10%">
</div>
<select id="select-station" style="float: right; display: center; font-weight: normal;">
<option value="1">ul. Bujaka</option>
<option value="2">ul. Bulwarowa</option>
<option value="3">ul. Złoty Róg</option>
<option value="4">Al. Krasińskiego</option>
<option value="5">os. Piastów</option>
<option value="6">ul. Dietla</option>
</select>
<div id="value-id" style="padding: center;font-size: 0.7rem">
µg/m³
</div>
</div>
</body> </body>
</html> </html>
......
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