Improve clock positioning, add example overlays for development
This commit is contained in:
parent
bb9721527d
commit
ad026bc215
|
@ -1,5 +1,5 @@
|
|||
//setInterval(updateClock, 1000);
|
||||
//document.addEventListener('DOMContentLoaded', updateClock);
|
||||
setInterval(updateClock, 1000);
|
||||
document.addEventListener('DOMContentLoaded', updateClock);
|
||||
|
||||
let $clock = document.getElementById("clock");
|
||||
|
||||
|
|
|
@ -1,9 +1,10 @@
|
|||
#clock {
|
||||
font-family: 'Interstate Condensed';
|
||||
font-size: 29px;
|
||||
font-size: 32px;
|
||||
text-align: right;
|
||||
width: 465px;
|
||||
position: absolute;
|
||||
top: 100px;
|
||||
line-height: 36px;
|
||||
width: 455px;
|
||||
top: 107px;
|
||||
line-height: 38px;
|
||||
letter-spacing: 1px;
|
||||
}
|
|
@ -623,4 +623,13 @@ body {
|
|||
|
||||
.marquee {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#example-overlay {
|
||||
display: none;
|
||||
background-image: url("/images/examples/RadSat.png");
|
||||
background-size: 100%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 99;
|
||||
}
|
|
@ -62,8 +62,6 @@
|
|||
}
|
||||
|
||||
.forecast .frost-pane {
|
||||
padding-left: 9%;
|
||||
padding-top: 2%;
|
||||
padding: 2% 2% 1% 9%;
|
||||
}
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
After Width: | Height: | Size: 272 KiB |
Binary file not shown.
After Width: | Height: | Size: 308 KiB |
|
@ -18,6 +18,8 @@
|
|||
<body>
|
||||
<div id="main" class="container">
|
||||
|
||||
<div id="example-overlay"></div>
|
||||
|
||||
<div id="info-slides-container">
|
||||
|
||||
<div id="info-slides-header">
|
||||
|
@ -76,7 +78,7 @@
|
|||
</div>
|
||||
|
||||
|
||||
<div id="clock">Jul 20<br/>1:15:28am</div>
|
||||
<div id="clock">Jul 20<br/>1:14:00am</div>
|
||||
|
||||
<div id="city"></div>
|
||||
|
||||
|
|
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue