D M Y
[No canvas support]
0
[No canvas support]
0
[No canvas support]
0
[No canvas support]
0
temperatureIcon apparentIcon dewpointIcon
[No canvas support]
32
[No canvas support]
32
[No canvas support]
32
[No canvas support]
charset="utf-8">stillweather.com - This </div> </div> <div class="gaugeWrapper tooltip" style="width:90px;height:400px" id="rainrateWrapper" title="Rain rate"> <canvas id="rainrate" width="108" height="400"> [No canvas support] </canvas> <div id="rainrateValue" style="position:absolute;top:40px;z-index:99;left:0;right:0;margin: 0 auto;font-size:0.7em" class="rotate"> 0 </div> </div> <br> <div class="gaugeWrapper tooltip" style="width:500px;height:250px" id="windWrapper" title="Wind speed"> <canvas id="wind" width="500" height="250"> [No canvas support] </canvas> <div id="windValue" style="position:absolute;top:50%;z-index:99;left:0;right:0;margin: 0 auto;"> 0 </div> </div> <div class="gaugeWrapper tooltip" style="width:500px;height:250px" id="gustWrapper" title="Wind gust"> <canvas id="gust" width="500" height="250"> [No canvas support] </canvas> <div id="gustValue" style="position:absolute;top:50%;z-index:99;left:0;right:0;margin: 0 auto;"> 0 </div> </div> <br> <div class="gaugeWrapper" style="width:310px;height:310px" id="bearingWrapper"> <canvas id="bearing" width="310" height="310"> [No canvas support] </canvas> </div> <div class="gaugeWrapper" style="width:300px;height:300px;display:inline-block;margin-left:auto;margin-right:auto;font-size:1em" id="sunDetails"> <table style="color:white;font-weight:bold;width:100%;padding-top:130px"> <tr> <td style="text-align:center"> <img src="https://southernctwx.com/template/icons/sunrise.png" style="width:40px;padding-right:20px" alt="sunriseIcon"> </td> <td> 1590744296 </td> <td style="text-align:center"> <img src="https://southernctwx.com/template/icons/sunset.png" style="width:40px;padding-right:20px" alt="sunsetIcon"> </td> <td> 1590797546 </td> </tr> <tr> <td style="text-align:center"> <img src="imgs/fire.png" style="height:40px;padding-right:20px" alt="firedangerIcon"> </td> <td> 4 </td> <td style="text-align:center"> <img src="https://southernctwx.com/template/icons/cloudbase.png" style="height:40px;padding-right:20px" alt="cloudbaseIcon"> </td> <td> ft </td> </tr> </table> </div> </div> <br><br> </div> <script> function myCallback (data){ RGraph.reset(document.getElementById('thermo1')); RGraph.reset(document.getElementById('thermo2')); RGraph.reset(document.getElementById('thermo3')); RGraph.reset(document.getElementById('hum')); RGraph.reset(document.getElementById('press')); RGraph.reset(document.getElementById('bearing')); RGraph.reset(document.getElementById('wind')); RGraph.reset(document.getElementById('rain')); RGraph.reset(document.getElementById('rainM')); RGraph.reset(document.getElementById('rainY')); RGraph.reset(document.getElementById('rainrate')); RGraph.reset(document.getElementById('gust')); temp1color = ['Gradient(#3949AB:#3949AB)'] var thermometer = new RGraph.Thermometer({ id: 'thermo1', min: -50, max: 130, value: data['temp1'], options: { scale: { visible: true }, gutter: { left: 40, right: 40, top:25 }, colors: temp1color, value: { label:{ decimals: 1 } }, shadow: { blur: 25, color: '#1A237E' }, units:{ post: " °F" }, value:{ label: false }, text:{ color: '#ffffff', size: 9 } } }).draw() var coords = thermometer.coords; var yaxis = new RGraph.Drawing.YAxis({ id: 'thermo1', x: coords[0][0], options: { gutter: { top: thermometer.bulbTopCenterY, bottom: thermometer.canvas.height - (coords[0][1] + coords[0][3]) }, noyaxis: true, text: { color: '#ffffff', size: 9 }, min: -46, max: 54.4, units:{ post: " °C" }, } }).draw() $('#thermo1Value').text(data['temp1']); var thermometer2 = new RGraph.Thermometer({ id: 'thermo2', min: -50, max: 130, value: data['temp2'], options: { scale: { visible: true }, gutter: { left: 40, right: 40, top:25 }, colors: temp1color, value: { label:{ decimals: 1 } }, shadow: { blur: 25, color: '#1A237E' }, units:{ post: " °F" }, value:{ label: false }, text:{ color: '#ffffff', size: 9 } } }).draw() var yaxis2 = new RGraph.Drawing.YAxis({ id: 'thermo2', x: coords[0][0], options: { gutter: { top: thermometer.bulbTopCenterY, bottom: thermometer2.canvas.height - (coords[0][1] + coords[0][3]) }, noyaxis: true, text: { color: '#ffffff', size: 9 }, min: -46, max: 54.4, units:{ post: " °C" }, } }).draw() $('#thermo2Value').text(data['temp2']); var thermometer3 = new RGraph.Thermometer({ id: 'thermo3', min: -50, max: 130, value: data['dewpoint'], options: { scale: { visible: true }, gutter: { left: 40, right: 40, top:25 }, colors: temp1color, value: { label:{ decimals: 1 } }, shadow: { blur: 25, color: '#1A237E' }, units:{ post: " °F" }, value:{ label: false }, text:{ color: '#ffffff', size: 9 } } }).draw() var yaxis3 = new RGraph.Drawing.YAxis({ id: 'thermo3', x: coords[0][0], options: { gutter: { top: thermometer.bulbTopCenterY, bottom: thermometer2.canvas.height - (coords[0][1] + coords[0][3]) }, noyaxis: true, text: { color: '#ffffff', size: 9 }, min: -46, max: 54.4, units:{ post: " °C" }, } }).draw() $('#thermo3Value').text(data['dewpoint']); var gaugeHum = new RGraph.Gauge({ id: 'hum', min: 0, max: 100, value: data['hum'], options: { scale: { decimals: 0 }, tickmarks: { small: 50, big: 10, }, border: { width: 5, outer: '#9FA8DA', inner: '#C5CAE9' }, background:{ color: '#1A237E', }, text: { color: '#DDDDDD', size: 8 }, red:{ start: 90, color: '#222222' }, yellow:{ start: 75, color: '#222222' }, needle: { colors: ['#AAAAAA'], type: 'line', }, centerpin: { color: '#FFFFFF', radius: 4 }, shadow: { blur: 25, color: '#1A237E' }, title: { bottom: '%', } } }) .set('tickmarks.small.color','#C5CAE9') .set('tickmarks.big.color','#C5CAE9') .set('title.bottom.color','#C5CAE9') .set('title.bottom.size',12) .draw() $('#humValue').text(data['hum']); var gaugePress = new RGraph.Gauge({ id: 'press', min: 28, max: 32, value: data['press'], options: { scale: { decimals: 0, point: '.', thousand: '' }, tickmarks: { small: 50, big: 10, }, border: { width: 5, outer: '#9FA8DA', inner: '#C5CAE9' }, background:{ color: '#1A237E', }, text: { color: '#BBBBBB', size: 8 }, red:{ start: 90, color: '#222222' }, yellow:{ start: 75, color: '#222222' }, needle: { colors: ['#AAAAAA'], type: 'line', }, centerpin: { color: '#FFFFFF', radius: 4 }, shadow: { blur: 25, color: '#1A237E' }, title: { bottom: 'inHg', }, } }) .set('tickmarks.small.color','#C5CAE9') .set('tickmarks.big.color','#C5CAE9') .set('title.bottom.color','#C5CAE9') .set('title.bottom.size',12) .draw() $('#pressValue').text(data['press']); if(data['pressTrend']>0){ $('#pressTrend').html("<img src='https://southernctwx.com/template/icons/trendUp.png' style='width:40px' alt='trendIcon'>"); } else if(data['pressTrend']<0){ $('#pressTrend').html("<img src='https://southernctwx.com/template/icons/trendDown.png' style='width:40px' alt='trendIcon'>"); } else{ $('#pressTrend').html("<img src='https://southernctwx.com/template/icons/trendNeutral.png' style='width:40px' alt='trendIcon'>"); } var vprogressRain = new RGraph.VProgress({ id: 'rain', min: 0, max: 4, value: data['rain'], options: { scale: { decimals: 1 }, colors: ['Gradient(#FFFFFF:#FFFFFF)'], background: { color: '#1A237E' }, tickmarks: { color: '#C5CAE9', zerostart: true }, strokestyle: { outer: '#9FA8DA' }, gutter: { left: 10, }, shadow: false, text: { color: '#C5CAE9', size: 8 }, arrows: true, gutter: { right: 40, top: 45 } } }) .set('tickmarks.color','#9FA8DA') .set('shadow.color','#9FA8DA') .set('shadow.blur',30) .draw() $('#rainValue').text(data['rain']); var vprogressRainM = new RGraph.VProgress({ id: 'rainM', min: 0, max: 15, value: data['rainM'], options: { scale: { decimals: 1 }, colors: ['Gradient(#FFFFFF:#FFFFFF)'], background: { color: '#1A237E' }, tickmarks: { color: '#C5CAE9', zerostart: true }, strokestyle: { outer: '#9FA8DA' }, gutter: { left: 10, }, shadow: false, text: { color: '#C5CAE9', size: 8 }, arrows: true, gutter: { right: 40, top: 45 } } }) .set('tickmarks.color','#9FA8DA') .set('shadow.color','#9FA8DA') .set('shadow.blur',30) .draw() $('#rainValueM').text(data['rainM']); var vprogressRainY = new RGraph.VProgress({ id: 'rainY', min: 0, max: 50, value: data['rainY'], options: { scale: { decimals: 1 }, colors: ['Gradient(#FFFFFF:#FFFFFF)'], background: { color: '#1A237E' }, tickmarks: { color: '#C5CAE9', zerostart: true }, strokestyle: { outer: '#9FA8DA' }, gutter: { left: 10, }, shadow: false, text: { color: '#C5CAE9', size: 8 }, arrows: true, gutter: { right: 40, top: 45 } } }) .set('tickmarks.color','#9FA8DA') .set('shadow.color','#9FA8DA') .set('shadow.blur',30) .draw() $('#rainValueY').text(data['rainY']); var vprogressRate = new RGraph.VProgress({ id: 'rainrate', min: 0, max: 50, value: data['rainrate'], options: { scale: { decimals: 1 }, colors: ['Gradient(#FFFFFF:#FFFFFF)'], background: { color: '#1A237E' }, tickmarks: { color: '#C5CAE9', zerostart: true }, strokestyle: { outer: '#9FA8DA' }, gutter: { left: 10, }, shadow: false, text: { color: '#C5CAE9', size: 8 }, arrows: true, gutter: { right: 40 } } }) .set('tickmarks.color','#9FA8DA') .set('shadow.color','#9FA8DA') .set('shadow.blur',30) .draw() $('#rainrateValue').text(data['rainrate']); var meterWind = new RGraph.Meter({ id: 'wind', min: 0, max: 80, value: data['wind'], options: { colors: { ranges:[ [0,80, '#1A237E'], ] }, text: { color: '#9FA8DA', size: 8 }, background: { color: '#333333' }, tickmarks: { small: { num: 26 }, big: { num: 13 }, }, needle: { color: '#CCCCCC' }, centerpin:{ fill: '#444444', stroke: '#666666' }, } }) .set('title','mph') .set('title.color','#BBBBBB') .set('title.y',200) .draw() $('#windValue').text(data['wind']); var meterGust = new RGraph.Meter({ id: 'gust', min: 0, max: 80, value: data['gust'], options: { colors: { ranges:[ [0,80, '#1A237E'], ] }, text: { color: '#9FA8DA', size: 8 }, background: { color: '#333333' }, tickmarks: { small: { num: 26 }, big: { num: 13 }, }, needle: { color: '#CCCCCC' }, centerpin:{ fill: '#444444', stroke: '#666666' }, } }) .set('title','mph') .set('title.color','#BBBBBB') .set('title.y',200) .draw() $('#gustValue').text(data['gust']); var odo = new RGraph.Odometer({ id: 'bearing', min: 0, max: 360, value: data['bearing'], options: { needle: { color: '#9FA8DA', tail: true }, label: { tail: false, area: 30 }, tickmarks: false, zerostart: true, green: { color: '#1A237E', max: 100, }, yellow: { color: '#1A237E', min: 100, }, red: { color: '#1A237E', min: 100, }, labels: ['N','NE','E','SE','S','SW','W','NW'], //border: true, } }) .set('border.color1','#333333') .set('border.color2','#333333') .set('border.color2','#333333') .draw(); $('#timeField').text(data['time']); } window.onload = function (e){ $.ajax({ method: "GET", url: "update.php?unitsT=F&unitsP=inHg&unitsR=in&unitsW=mph", cache: false, dataType: 'json', success: function (result) { myCallback(result); } }); setTimeout(window.onload, 10000); } </script> <script> $(function() { $div = $('body'); $( ".details" ).hide(); $( "#apparent" ).hide(); $( "#dewpoint" ).hide(); $( "#rainMDiv" ).hide(); $( "#rainYDiv" ).hide(); $( "#tempSelector").css('opacity',1); $( "#rainDSelector").css('opacity',1); $( "#tempSelector" ).click(function() { $( "#apparent").hide( "fade", 1000 ); $( "#dewpoint").hide( "fade", 1000 ); $( "#temperature" ).show( "fade" ); $( ".thermoSwitchIcon").css('opacity',0.6); $( "#tempSelector").css('opacity',1); }); $( "#apparentSelector" ).click(function() { $( "#temperature").hide( "fade", 1000 ); $( "#dewpoint").hide( "fade", 1000 ); $( "#apparent" ).show( "fade" ); $( ".thermoSwitchIcon").css('opacity',0.6); $( "#apparentSelector").css('opacity',1); }); $( "#dewpointSelector" ).click(function() { $( "#temperature").hide( "fade", 1000 ); $( "#apparent").hide( "fade", 1000 ); $( "#dewpoint" ).show( "fade" ); $( ".thermoSwitchIcon").css('opacity',0.6); $( "#dewpointSelector").css('opacity',1); }); $( "#rainDSelector" ).click(function() { $( "#rainMDiv").hide( "fade", 1000 ); $( "#rainYDiv").hide( "fade", 1000 ); $( "#rainDDiv" ).show( "fade" ); $( ".rainSwitchIcon").css('opacity',0.6); $( "#rainDSelector").css('opacity',1); }); $( "#rainMSelector" ).click(function() { $( "#rainDDiv").hide( "fade", 1000 ); $( "#rainYDiv").hide( "fade", 1000 ); $( "#rainMDiv" ).show( "fade" ); $( ".rainSwitchIcon").css('opacity',0.6); $( "#rainMSelector").css('opacity',1); }); $( "#rainYSelector" ).click(function() { $( "#rainMDiv").hide( "fade", 1000 ); $( "#rainDDiv").hide( "fade", 1000 ); $( "#rainYDiv" ).show( "fade" ); $( ".rainSwitchIcon").css('opacity',0.6); $( "#rainYSelector").css('opacity',1); }); }); </script> <div id="footer" style="padding-top:2px"> <table style="width:100%;margin:0 auto"> <tr> <td style="width:3%;text-align:left"> <img src="https://southernctwx.com/template/imgs/seasons/spring.png" style="width:40px;max-width:100%" class="tooltip" title="Spring"> </td> <td style="width:27%;text-align:left;font-size:1.3em"> May 29, 2020<br>07.23 </td> <!-- __________________________________________________________ --> <!-- THIS PART OF THE FOOTER MUST NOT BE MODIFIED IN ANY WAY!!! --> <!-- __________________________________________________________ --> <!-- THE MIDDLE SECTION OF THE FOOTER MUST STAY EXACTLY AS IT IS, IT IS PART OF THE METEOTEMPLATE LICENSE THAT YOU DO NOT CHANGE THE MIDDLE SECTION OF THE FOOTER, COPYRIGHT MUST REMAIN TO METEOTEMPLATE AND NO TEXT MAY BE ADDED OR DELETED. THANKS! --> <td style="text-align:center;font-size:1.0em"> <table style="margin:0 auto" cellspacing="0" cellpadding="0"> <tr> <td style="text-align:right"> © 2020 </td> <td style="text-align:center"> Meteotemplate </td> <td style="text-align:left"> <img src="https://southernctwx.com/template/icons/footerIcon.png" style="width:15px"> </td> </tr> <tr> <td colspan="3" style="text-align:center"> <a href="http://www.meteotemplate.com" target="_blank"> meteotemplate.com</a> </td> </tr> <tr> <td colspan="3" style="text-align:center"> Meteotemplate 17.2 Nectarine </td> </tr> </table> </td> <!-- END OF MIDDLE FOOTER SECTION --> <td style="width:30%;text-align:right;font-size:1.5em;padding-right:10px"> <span class="admin fa fa-share-alt fa-fw tooltip" id="shareOpener" alt="" style="font-size:20px;padding-right:15px" onclick="checkSharer()" title="Share"></span> <span class="admin fa fa-sitemap fa-fw tooltip" id="siteMapLink" alt="" style="font-size:20px;padding-right:15px" title="Sitemap"></span> <span class="admin fa fa-mobile fa-fw tooltip" id="mobileLink" alt="" style="font-size:20px;padding-right:15px" title="Mobile page"></span> <a href="https://southernctwx.com/template/admin/login.php"><span class="admin fa fa-lock fa-fw tooltip" id="admin" alt="" style="font-size:20px" title="Admin"></span></a> </td> </tr> </table> <div id="sharerDiv" style="width:98%;margin:0 auto;text-align:right;display:none"> <img src='https://southernctwx.com/template/icons/logo.png' class='mtSpinner' style='width:20px;padding-right:10px'> </div> <input type="hidden" id="sharerDivVisibility" value="0"> <script> function checkSharer(){ sharerVisibility = $("#sharerDivVisibility").val(); // first load if(sharerVisibility==0){ $("#sharerDiv").slideToggle(); $("#sharerDiv").load("https://southernctwx.com/template/scripts/sharer.php?url=https%3A%2F%2Fsouthernctwx.com%2Ftemplate%2Fplugins%2FliveGaugesWD%2Findex.php"); $("#sharerDivVisibility").val(1); } else{ if(sharerVisibility==1){ $("#sharerDivVisibility").val(2); $("#sharerDiv").slideToggle(); } else{ $("#sharerDiv").slideToggle(); $("#sharerDivVisibility").val(1); } } } </script> </div> <div id="settingsDialog" title="Settings" style="text-align:center"> <h2 style="color:white">Design</h2> <a href="https://southernctwx.com/template/css/settingExamples.php">Design selection...</a> <br><br> <h2 style="color:white">Units</h2> <table style="margin-right:auto;margin-left:auto"> <tr> <td style="text-align:left"> <img src="https://southernctwx.com/template/icons/temp.png" class="customUnitsIcon" alt=""> </td> <td style="text-align:right"> <select id="userTemperature" class="button"> <option value="C">C</option> <option value="F">F</option> </select> </td> <td style="width:20%" rowspan="3"> <td style="text-align:left"> <img src="https://southernctwx.com/template/icons/wind.png" class="customUnitsIcon" alt=""> </td> <td style="text-align:right"> <select id="userWind" class="button"> <option value="kmh">km/h</option> <option value="ms">m/s</option> <option value="mph">mph</option> <option value="kt">kt</option> </select> </td> </tr> <tr> <td style="text-align:left"> <img src="https://southernctwx.com/template/icons/rain.png" class="customUnitsIcon" alt=""> </td> <td style="text-align:right"> <select id="userRain" class="button"> <option value="mm">mm</option> <option value="in">in</option> </select> </td> <td style="text-align:left"> <img src="https://southernctwx.com/template/icons/pressure.png" class="customUnitsIcon" alt=""> </td> <td style="text-align:right"> <select id="userPressure" class="button"> <option value="hpa">hPa</option> <option value="mmhg">mmHg</option> <option value="inhg">inHg</option> </select> </td> </tr> <tr> <td style="text-align:left"> <img src="https://southernctwx.com/template/icons/cloudbase.png" class="customUnitsIcon" alt=""> </td> <td style="text-align:right"> <select id="userCloudbase" class="button"> <option value="m">m</option> <option value="ft">ft</option> </select> </td> <td style="text-align:left"> <img src="https://southernctwx.com/template/icons/visibility.png" class="customUnitsIcon" alt=""> </td> <td style="text-align:right"> <select id="userVisibility" class="button"> <option value="m">m</option> <option value="km">km</option> <option value="mi">mi</option> </select> </td> </tr> </table> <h2 style="color:white">Language</h2> <div style="width:50%;margin:0 auto"> <img src='https://southernctwx.com/template/imgs/flags/big/al.png' style='width:30px' class='langIcon tooltip' onclick="setLang('al')" id='langal' alt='' title='Albanian (Shqip)'><img src='https://southernctwx.com/template/imgs/flags/big/bg.png' style='width:30px' class='langIcon tooltip' onclick="setLang('bg')" id='langbg' alt='' title='Bulgarian'><img src='https://southernctwx.com/template/imgs/flags/big/cz.png' style='width:30px' class='langIcon tooltip' onclick="setLang('cz')" id='langcz' alt='' title='Czech (Čeština)'><img src='https://southernctwx.com/template/imgs/flags/big/de.png' style='width:30px' class='langIcon tooltip' onclick="setLang('de')" id='langde' alt='' title='German (Deutsch)'><img src='https://southernctwx.com/template/imgs/flags/big/dk.png' style='width:30px' class='langIcon tooltip' onclick="setLang('dk')" id='langdk' alt='' title='Danish (Dansk)'><img src='https://southernctwx.com/template/imgs/flags/big/ee.png' style='width:30px' class='langIcon tooltip' onclick="setLang('ee')" id='langee' alt='' title='Estonian'><img src='https://southernctwx.com/template/imgs/flags/big/es.png' style='width:30px' class='langIcon tooltip' onclick="setLang('es')" id='langes' alt='' title='Spanish (Español)'><img src='https://southernctwx.com/template/imgs/flags/big/fi.png' style='width:30px' class='langIcon tooltip' onclick="setLang('fi')" id='langfi' alt='' title='Finnish (Suomalainen)'><img src='https://southernctwx.com/template/imgs/flags/big/fl.png' style='width:30px' class='langIcon tooltip' onclick="setLang('fl')" id='langfl' alt='' title='Frisian'><img src='https://southernctwx.com/template/imgs/flags/big/fr.png' style='width:30px' class='langIcon tooltip' onclick="setLang('fr')" id='langfr' alt='' title='French (Français)'><img src='https://southernctwx.com/template/imgs/flags/big/gb.png' style='width:30px' class='langIcon tooltip' onclick="setLang('gb')" id='langgb' alt='' title='British English (British English)'><img src='https://southernctwx.com/template/imgs/flags/big/gr.png' style='width:30px' class='langIcon tooltip' onclick="setLang('gr')" id='langgr' alt='' title='Greek (Ελληνικά)'><img src='https://southernctwx.com/template/imgs/flags/big/hr.png' style='width:30px' class='langIcon tooltip' onclick="setLang('hr')" id='langhr' alt='' title='Croatian'><img src='https://southernctwx.com/template/imgs/flags/big/hu.png' style='width:30px' class='langIcon tooltip' onclick="setLang('hu')" id='langhu' alt='' title='Hungarian (Magyar)'><img src='https://southernctwx.com/template/imgs/flags/big/il.png' style='width:30px' class='langIcon tooltip' onclick="setLang('il')" id='langil' alt='' title='Hebrew'><img src='https://southernctwx.com/template/imgs/flags/big/it.png' style='width:30px' class='langIcon tooltip' onclick="setLang('it')" id='langit' alt='' title='Italian (Italiana)'><img src='https://southernctwx.com/template/imgs/flags/big/jp.png' style='width:30px' class='langIcon tooltip' onclick="setLang('jp')" id='langjp' alt='' title='Japanese'><img src='https://southernctwx.com/template/imgs/flags/big/lt.png' style='width:30px' class='langIcon tooltip' onclick="setLang('lt')" id='langlt' alt='' title='Latvian'><img src='https://southernctwx.com/template/imgs/flags/big/nl.png' style='width:30px' class='langIcon tooltip' onclick="setLang('nl')" id='langnl' alt='' title='Dutch (Nederlands)'><img src='https://southernctwx.com/template/imgs/flags/big/no.png' style='width:30px' class='langIcon tooltip' onclick="setLang('no')" id='langno' alt='' title='Norwegian (Norsk)'><img src='https://southernctwx.com/template/imgs/flags/big/pl.png' style='width:30px' class='langIcon tooltip' onclick="setLang('pl')" id='langpl' alt='' title='Polish (Polszczyzna)'><img src='https://southernctwx.com/template/imgs/flags/big/pt.png' style='width:30px' class='langIcon tooltip' onclick="setLang('pt')" id='langpt' alt='' title='Portuguese (Português)'><img src='https://southernctwx.com/template/imgs/flags/big/ro.png' style='width:30px' class='langIcon tooltip' onclick="setLang('ro')" id='langro' alt='' title='Romanian'><img src='https://southernctwx.com/template/imgs/flags/big/rs.png' style='width:30px' class='langIcon tooltip' onclick="setLang('rs')" id='langrs' alt='' title='Serbian'><img src='https://southernctwx.com/template/imgs/flags/big/se.png' style='width:30px' class='langIcon tooltip' onclick="setLang('se')" id='langse' alt='' title='Swedish (Svenska)'><img src='https://southernctwx.com/template/imgs/flags/big/si.png' style='width:30px' class='langIcon tooltip' onclick="setLang('si')" id='langsi' alt='' title='Slovenian'><img src='https://southernctwx.com/template/imgs/flags/big/sk.png' style='width:30px' class='langIcon tooltip' onclick="setLang('sk')" id='langsk' alt='' title='Slovakian (Slovenčina)'><img src='https://southernctwx.com/template/imgs/flags/big/us.png' style='width:30px' class='langIcon tooltip' onclick="setLang('us')" id='langus' alt='' title='American English (American English)'> </div> <input type="hidden" id="userLang" value="us"> <br><br> <input type="button" value="OK" id="saveSettings" class="button"> <input type="button" value="RESET TO DEFAULT" id="resetDefaults" class="button"> </div> <div id="templateHelpDialog" title="Help" style="text-align:center;color:white"> <div style='width:98%;margin:0 auto;text-align:justify'><p>Privacy Policy of southernctwx.com southernctwx.com operates the https://southernctwx.com website, which provides the SERVICE. This page is used to inform website visitors regarding our policies with the collection, use, and disclosure of Personal Information if anyone decided to use our Service, the Southern Ct Weather website. If you choose to use our Service, then you agree to the collection and use of information in relation with this policy. The Personal Information that we collect are used for providing and improving the Service. We will not use or share your information with anyone except as described in this Privacy Policy. The terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, which is accessible at https://southernctwx.com, unless otherwise defined in this Privacy Policy. Our Privacy Policy was created with the help of the Privacy Policy Template and the Disclaimer Template. Information Collection and Use For a better experience while using our Service, we may require you to provide us with certain personally identifiable information, including but not limited to your name, phone number, and postal address. The information that we collect will be used to contact or identify you. Log Data We want to inform you that whenever you visit our Service, we collect information that your browser sends to us that is called Log Data. This Log Data may include information such as your computer’s Internet Protocol ("IP") address, browser version, pages of our Service that you visit, the time and date of your visit, the time spent on those pages, and other statistics. Cookies Cookies are files with small amount of data that is commonly used an anonymous unique identifier. These are sent to your browser from the website that you visit and are stored on your computer’s hard drive. Our website uses these "cookies" to collection information and to improve our Service. You have the option to either accept or refuse these cookies, and know when a cookie is being sent to your computer. If you choose to refuse our cookies, you may not be able to use some portions of our Service. Service Providers We may employ third-party companies and individuals due to the following reasons: To facilitate our Service; To provide the Service on our behalf; To perform Service-related services; or To assist us in analyzing how our Service is used. We want to inform our Service users that these third parties have access to your Personal Information. The reason is to perform the tasks assigned to them on our behalf. However, they are obligated not to disclose or use the information for any other purpose. Security We value your trust in providing us your Personal Information, thus we are striving to use commercially acceptable means of protecting it. But remember that no method of transmission over the internet, or method of electronic storage is 100% secure and reliable, and we cannot guarantee its absolute security. Links to Other Sites Our Service may contain links to other sites. If you click on a third-party link, you will be directed to that site. Note that these external sites are not operated by us. Therefore, we strongly advise you to review the Privacy Policy of these websites. We have no control over, and assume no responsibility for the content, privacy policies, or practices of any third-party sites or services. Children’s Privacy Our Services do not address anyone under the age of 13. We do not knowingly collect personal identifiable information from children under 13. In the case we discover that a child under 13 has provided us with personal information, we immediately delete this from our servers. If you are a parent or guardian and you are aware that your child has provided us with personal information, please contact us so that we will be able to do necessary actions. Changes to This Privacy Policy We may update our Privacy Policy from time to time. Thus, we advise you to review this page periodically for any changes. We will notify you of any changes by posting the new Privacy Policy on this page. These changes are effective immediately, after they are posted on this page. Contact Us If you have any questions or suggestions about our Privacy Policy, do not hesitate to contact us.</p></div> <h2 style="color:white">Icons</h2> <div class="iconHelpDiv"> <span class="mticon-temp helpIcon"></span><br>Temperature </div> <div class="iconHelpDiv"> <span class="mticon-humidity helpIcon"></span><br>Humidity </div> <div class="iconHelpDiv"> <span class="mticon-pressure helpIcon"></span><br>Pressure </div> <div class="iconHelpDiv"> <span class="mticon-wind helpIcon"></span><br>Wind speed </div> <div class="iconHelpDiv"> <span class="mticon-gust helpIcon"></span><br>Wind gust </div> <div class="iconHelpDiv"> <span class="mticon-rain helpIcon"></span><br>Precipitation </div> <div class="iconHelpDiv"> <span class="mticon-sun helpIcon"></span><br>Solar radiation </div> <div class="iconHelpDiv"> <span class="mticon-snow helpIcon"></span><br>Snow </div> <div class="iconHelpDiv"> <span class="mticon-apparent helpIcon"></span><br>Feels like </div> <div class="iconHelpDiv"> <span class="mticon-dewpoint helpIcon"></span><br>Dew point </div> <div class="iconHelpDiv"> <span class="mticon-uv helpIcon"></span><br>UV </div> <div class="iconHelpDiv"> <span class="mticon-visibility helpIcon"></span><br>Visibility </div> <div class="iconHelpDiv"> <span class="mticon-cloudbase helpIcon"></span><br>Cloud base </div> <div class="iconHelpDiv"> <span class="mticon-evapotranspiration helpIcon"></span><br>Evapotranspiration </div> <div class="iconHelpDiv"> <span class="mticon-indoortemp helpIcon"></span><br>Indoor temperature </div> <div class="iconHelpDiv"> <span class="mticon-indoorhumidity helpIcon"></span><br>Indoor humidity </div> <br> <div class="iconHelpDiv"> <span class="mticon-sunrise helpIcon"></span><br>Sunrise </div> <div class="iconHelpDiv"> <span class="mticon-sunset helpIcon"></span><br>Sunset </div> <div class="iconHelpDiv"> <span class="mticon-moonrise helpIcon"></span><br>Moon rise </div> <div class="iconHelpDiv"> <span class="mticon-moonset helpIcon"></span><br>Moon set </div> <div class="iconHelpDiv"> <span class="mticon-time helpIcon"></span><br>Time </div> <div class="iconHelpDiv"> <span class="fa fa-bars helpIcon"></span><br>Menu </div> <div class="iconHelpDiv"> <span class="fa fa-hourglass-start helpIcon" style="font-size:1.75em"></span><br>From </div> <div class="iconHelpDiv"> <span class="fa fa-hourglass-end helpIcon" style="font-size:1.75em"></span><br>To </div> <div class="iconHelpDiv"> <span class="fa fa-window-maximize helpIcon" style="font-size:1.75em"></span><br>Fullscreen </div> <div class="iconHelpDiv"> <span class="fa fa-image helpIcon" style="font-size:1.75em"></span><br>Export as image </div> <div class="iconHelpDiv"> <span class="fa fa-gear helpIcon" style="font-size:1.75em"></span><br>Settings </div> <div class="iconHelpDiv"> <span class="fa fa-home helpIcon" style="font-size:1.75em"></span><br>Homepage </div> <div class="iconHelpDiv"> <span class="mticon-webcam helpIcon"></span><br>Webcam </div> <div class="iconHelpDiv"> <span class="mticon-table helpIcon"></span><br>Table </div> <div class="iconHelpDiv"> <span class="mticon-graph helpIcon"></span><br>Graph </div> <div class="iconHelpDiv"> <span class="mticon-map helpIcon"></span><br>Map </div> <div class="iconHelpDiv"> <span class="mticon-trendneutral helpIcon"></span><br>Steady </div> <div class="iconHelpDiv"> <span class="mticon-trendup helpIcon"></span><br>Rising </div> <div class="iconHelpDiv"> <span class="mticon-trenddown helpIcon"></span><br>Falling </div> <div class="iconHelpDiv"> <span class="mticon-warninggeneral helpIcon"></span><br>Warning </div> <div class="iconHelpDiv"> <span class="mticon-lat helpIcon"></span><br>Latitude </div> <div class="iconHelpDiv"> <span class="mticon-lon helpIcon"></span><br>Longitude </div> <div class="iconHelpDiv"> <span class="mticon-history helpIcon"></span><br>History </div> <div class="iconHelpDiv"> <span class="mticon-solar helpIcon"></span><br>Solar eclipse </div> <div class="iconHelpDiv"> <span class="mticon-lunar helpIcon"></span><br>Lunar eclipse </div> <div class="iconHelpDiv"> <span class="mticon-gps helpIcon"></span><br>GPS </div> <div class="iconHelpDiv"> <span class="mticon-elevation helpIcon"></span><br>Elevation </div> <div class="iconHelpDiv"> <span class="mticon-day helpIcon"></span><br>Day </div> <div class="iconHelpDiv"> <span class="mticon-month helpIcon"></span><br>Month </div> <div class="iconHelpDiv"> <span class="mticon-calendar-year helpIcon"></span><br>Year </div> <div class="iconHelpDiv"> <span class="mticon-hot helpIcon"></span><br>High temperature </div> <div class="iconHelpDiv"> <span class="mticon-cold helpIcon"></span><br>Low temperature </div> <div class="iconHelpDiv"> <span class="mticon-sun helpIcon"></span><br>Day </div> <div class="iconHelpDiv"> <span class="mticon-night helpIcon"></span><br>Night </div> <div class="iconHelpDiv"> <span class="mticon-spring helpIcon"></span><br>Spring </div> <div class="iconHelpDiv"> <span class="mticon-summer helpIcon"></span><br>Summer </div> <div class="iconHelpDiv"> <span class="mticon-autumn helpIcon"></span><br>Fall </div> <div class="iconHelpDiv"> <span class="mticon-snow helpIcon"></span><br>Winter </div> </div> <script> $("#mobileLink").click(function(){ window.location = "https://southernctwx.com/template/indexMobile.php"; }); $("#siteMapLink").click(function(){ window.location = "https://southernctwx.com/template/sitemap.php"; }); </script> <script> $(function() { coord = "41.3022,-72.7953"; $div = $('#main'); $( "#settingsDialog" ).dialog({ autoOpen: false, show: { effect: "puff", duration: 500 }, hide: { effect: "puff", duration: 500 }, width: '70%', my: "top", at: "left top", of: $div }); $( "#templateHelpDialog" ).dialog({ autoOpen: false, show: { effect: "puff", duration: 500 }, hide: { effect: "puff", duration: 500 }, width: (screen.width*0.7), my: "top", at: "left top", of: $div }); $( "#userSettings" ).click(function() { $("#settingsDialog" ).dialog( "open" ); }); $( "#templateHelp" ).click(function() { $("#templateHelpDialog" ).dialog( "open" ); }); $( "#saveSettings" ).click(function() { tempUnits = $("#userTemperature").val(); windUnits = $("#userWind").val(); rainUnits = $("#userRain").val(); pressureUnits = $("#userPressure").val(); visibilityUnits = $("#userVisibility").val(); cloudbaseUnits = $("#userCloudbase").val(); userLang = $("#userLang").val(); $.ajax({url: "https://southernctwx.com/template/userSettings.php?tempUnits="+tempUnits+"&windUnits="+windUnits+"&rainUnits="+rainUnits+"&pressureUnits="+pressureUnits+"&visibilityUnits="+visibilityUnits+"&cloudbaseUnits="+cloudbaseUnits+"&userLang="+userLang+"&design=indigo&design2=dark_red&designFont=PT Sans&designFont2=Roboto", success: function(result){ $("#settingsDialog" ).dialog( "close" ); location.reload(); }}); }); $( "#resetDefaults" ).click(function() { $.ajax({url: "https://southernctwx.com/template/userSettings.php?reset=1", success: function(result){ $("#settingsDialog" ).dialog( "close" ); location.reload(); }}); }); $('#settingsDiv').css('visibility','visible'); }); function setLang(selected){ $("#userLang").val(selected); $(".langIcon").css("opacity","0.7"); $(".langIcon").css("width","30px"); $("#lang"+selected).css("opacity","1"); $("#lang"+selected).css("width","40px"); } </script> <script type="text/javascript" src="https://southernctwx.com/template/scripts/jquery.tooltipster.js"></script> <script> $('.tooltip').tooltipster({ delay: 2 }); </script> </body> </html>