Improve clock positioning, add example overlays for development

This commit is contained in:
Jesse Cardone 2019-06-12 16:41:22 -04:00
parent bb9721527d
commit ad026bc215
10 changed files with 22 additions and 12 deletions

View File

@ -1,5 +1,5 @@
//setInterval(updateClock, 1000);
//document.addEventListener('DOMContentLoaded', updateClock);
setInterval(updateClock, 1000);
document.addEventListener('DOMContentLoaded', updateClock);
let $clock = document.getElementById("clock");

View File

@ -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;
}

View File

@ -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;
}

View File

@ -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

View File

@ -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