diff --git a/www/where/index.php b/www/where/index.php index bbb1cce..2b3c4e6 100644 --- a/www/where/index.php +++ b/www/where/index.php @@ -47,10 +47,10 @@ #map {width: 100; height: 100%;} #container {position: absolute; top: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(139,51,175,0.8) 0%, rgba(0,131,214,0.8) 100%), radial-gradient(ellipse at center, rgba(255,255,255,0) 35%, rgba(255,255,255,1) 95%);} #centered {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} - #plan {position: absolute; bottom: 2vh; left: -45vw; font-size: 1vw; color: #FFFFFF; background-color: #000000; opacity: 0.8;} + #plan {position: absolute; bottom: 0; font-size: 1vw; color: #FFFFFF; background-color: #000000; opacity: 0.8;} #plan::after{content: ""; clear: both; display: table;} - #plan div {width: 12.5vw; float: left; border-left: 1px solid #FFFFFF;} - #plan #plantitle {width: 7.5vw; padding: 0 1%; border-left: 0; text-align: left; color: #71C5E8;} + #plan div {width: 30vw; float: left; border-left: 1px solid #FFFFFF;} + #plan #plantitle {width: 10vw; padding: 0 1%; border-left: 0; text-align: left; color: #71C5E8;} @@ -80,14 +80,6 @@ }, 900000); }); - $(window).focus(function() { - $('#plan').delay(500).animate({left: 0}, 500); - }); - - $(window).blur(function() { - $('#plan').css({left: '-45vw'}); - }); - function updateLocation() { $.getJSON('?location', function(data) { $('h1').html((data.state == 'not_home') ? 'Nobody Knows' : 'At ' + data.state.replace(/^\w/, c => c.toUpperCase())); @@ -105,9 +97,9 @@ $('#plantitle').html('Three Day Plan'); - if (data.find(x => x.start.date == getYMDstring(d1))) $('#d1').html(days[d1.getDay()] + "
" + data.find(x => x.start.date == getYMDstring(d1)).summary); else $('#d1').html(days[d1.getDay()] + "
No Plan"); - if (data.find(x => x.start.date == getYMDstring(d2))) $('#d2').html(days[d2.getDay()] + "
" + data.find(x => x.start.date == getYMDstring(d2)).summary); else $('#d2').html(days[d2.getDay()] + "
No Plan"); - if (data.find(x => x.start.date == getYMDstring(d3))) $('#d3').html(days[d3.getDay()] + "
" + data.find(x => x.start.date == getYMDstring(d3)).summary); else $('#d3').html(days[d3.getDay()] + "
No Plan"); + if (data.find(x => x.start.date == getYMDstring(d1))) $('#d1').html(days[d1.getDay()] + ": " + data.find(x => x.start.date == getYMDstring(d1)).summary); else $('#d1').html(days[d1.getDay()] + ": No Plan"); + if (data.find(x => x.start.date == getYMDstring(d2))) $('#d2').html(days[d2.getDay()] + ": " + data.find(x => x.start.date == getYMDstring(d2)).summary); else $('#d2').html(days[d2.getDay()] + ": No Plan"); + if (data.find(x => x.start.date == getYMDstring(d3))) $('#d3').html(days[d3.getDay()] + ": " + data.find(x => x.start.date == getYMDstring(d3)).summary); else $('#d3').html(days[d3.getDay()] + ": No Plan"); }); }