Graphic: South Florida’s June Gloom
Html{Box-Sizing: Border-Box}*, :After, :Before{Box-Sizing: Inherit}H1, H2, H3, H4, H5, H6{Font-Family: Georgia, Droid Serif, Serif; Margin:0...
html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{font-family:Georgia,Droid Serif,serif;margin:0 0 .25rem}h1{font-size:54px;line-height:60px;padding-top:20px}h1,h2{font-weight:600}h2{font-family:Georgia,Droid Serif,serif;font-size:36px}h3{font-size:27px;font-family:Arial,sans-serif}#container>p{margin-top:13px}#container p{margin-bottom:18px;font:18px/27px Georgia,Droid Serif,serif;color:#333}@media screen and (max-width:419px){#container p{font-size:15px;line-height:25px}}#container>p:first-of-type:first-letter{display:inline-block;float:left;font-weight:700;color:#000;text-transform:uppercase;font-size:51px;line-height:36px;font-family:Georgia,Droid Serif,serif;padding:5px 9px 0 0}@media screen and (min-width:420px){#container>p:first-of-type:first-letter{font-size:60px;line-height:42px}}#container{box-sizing:border-box;width:100%;max-width:850px}@media screen and (max-width: 480px){#g-rain-desktop-graphic{display:none;}#g-rain-mobile-graphic{display:block;}}@media screen and (min-width: 481px){#g-rain-mobile-graphic{display:none;}#g-rain-desktop-graphic{display:block;}}@media screen and (max-width:419px){.trb_mainContent ol li,.trb_mainContent p,.trb_mainContent ul li{font-size:15px;line-height:25px}}.dropcap{color:#212121;float:left;font-size:7rem;line-height:6rem;margin:0 1rem 0 0;padding-top:0}.inlineBlock{max-width:650px;width:100%;margin:1rem auto;font-family:$heading-sans-serif}.inlineBlock img,.sideBlock img{margin:0 0 .3rem;width:100%}.imageBlock{width:100%}.imageBlock img{margin-bottom:.3rem;width:100%}#container p.label{margin-top:30px;text-align:center}
Just how wet and dreary has June been so far? Early June saw barely any sunshine and flooding rainfall.
Must Read
Over the course of June’s first seven days, the National Weather Service measured only 55 minutes of sunshine in Palm Beach County. 5 of those 7 days saw zero observed minutes of sunshine, raining a total of 6.78 inches.
Here’s a look at possible sunshine and rainfall from April 1 through June 7, measured by the National Weather Service at Palm Beach International Airport.
.g-artboard {
margin:0 auto;
}
#g-rain-desktop{
position:relative;
overflow:hidden;
}
.g-aiAbs{
position:absolute;
}
.g-aiImg{
display:block;
width:100% !important;
}
#g-rain-desktop p{
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-size:13px;
line-height:18px;
margin:0;
}
#g-rain-desktop .g-aiPstyle0 {
font-size:16px;
line-height:9px;
text-align:center;
letter-spacing:-0.00833333333333em;
color:#000000;
}
#g-rain-desktop .g-aiPstyle1 {
font-size:16px;
line-height:19px;
color:#000000;
}
.g-aiPtransformed p { white-space: nowrap; }
4.2 inches
#g-rain-mobile{
position:relative;
overflow:hidden;
}
.g-aiAbs{
position:absolute;
}
.g-aiImg{
display:block;
width:100% !important;
}
#g-rain-mobile p{
font-family:nyt-franklin,arial,helvetica,sans-serif;
font-size:13px;
line-height:18px;
margin:0;
}
#g-rain-mobile .g-aiPstyle0 {
font-size:11px;
line-height:6px;
text-align:center;
letter-spacing:-0.00833333333333em;
color:#000000;
}
#g-rain-mobile .g-aiPstyle1 {
font-size:11px;
line-height:13px;
color:#000000;
}
.g-aiPtransformed p { white-space: nowrap; }
4.2 inches
SOURCES: AccuWeather; National Weather Service
(function() {
// only want one resizer on the page
if (document.documentElement.className.indexOf(“g-resizer-v3-init”) > -1) return;
document.documentElement.className += ” g-resizer-v3-init”;
// require IE9+
if (!(“querySelector” in document)) return;
function resizer() {
var elements = Array.prototype.slice.call(document.querySelectorAll(“.g-artboard-v3[data-min-width]”)),
widthById = {};
elements.forEach(function(el) {
var parent = el.parentNode,
width = widthById[parent.id] || parent.getBoundingClientRect().width,
minwidth = el.getAttribute(“data-min-width”),
maxwidth = el.getAttribute(“data-max-width”);
widthById[parent.id] = width;
if (+minwidth = width || maxwidth === null)) {
var img = el.querySelector(‘.g-aiImg’);
if (img.getAttribute(‘data-src’) && img.getAttribute(‘src’) != img.getAttribute(‘data-src’)) {
img.setAttribute(‘src’, img.getAttribute(‘data-src’));
}
el.style.display = “block”;
} else {
el.style.display = “none”;
}
});
}
resizer();
document.addEventListener(‘DOMContentLoaded’, resizer);
// feel free to replace throttle with _.throttle, if available
window.addEventListener(‘resize’, throttle(resizer, 200));
function throttle(func, wait) {
// from underscore.js
var _now = Date.now || function() { return new Date().getTime(); },
context, args, result, timeout = null, previous = 0;
var later = function() {
previous = _now();
timeout = null;
result = func.apply(context, args);
if (!timeout) context = args = null;
};
return function() {
var now = _now(), remaining = wait – (now – previous);
context = this;
args = arguments;
if (remaining wait) {
if (timeout) {
clearTimeout(timeout);
timeout = null;
}
previous = now;
result = func.apply(context, args);
if (!timeout) context = args = null;
} else if (!timeout) {
timeout = setTimeout(later, remaining);
}
return result;
};
}
})();