endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-12T14:07:52.357933
endpoints.uri: http://tazacorte.lapalmita-lapalma.com/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.key: Content-Type
endpoints.headers: text/html; charset=UTF-8
endpoints.key: Transfer-Encoding
endpoints.headers: chunked
endpoints.key: Connection
endpoints.headers: keep-alive
endpoints.key: Vary
endpoints.headers: Accept-Encoding
endpoints.key: Content-Encoding
endpoints.headers: gzip
endpoints.key: X-Powered-By
endpoints.headers: PleskLin
endpoints.key: Server
endpoints.headers: nginx
endpoints.html_tags: <title>Tazacorte, La Palma Home Weather Station La Palmita</title> <meta content="Personal Home weather station with the weather conditions for Tazacorte, La Palma" name="description"> <meta property="og:url" content=""> <meta property="og:type" content="website"> <meta property="og:title" content="PWS_Dashboard at Tazacorte, La Palma"> <meta property="og:description" content="Personal Weather Station with the weather conditions for Tazacorte, La Palma"> <meta property="twitter:card" content="summary"> <meta property="twitter:url" content=""> <meta property="twitter:title" content=""> <meta property="twitter:description" content="Weather conditions for Tazacorte, La Palma"> <meta content="INDEX,FOLLOW" name="robots"> <meta name="mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name=apple-mobile-web-app-title content="Personal Weather Station"> <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, viewport-fit=cover"> <meta name="theme-color" content="#ffffff"> <META HTTP-EQUIV='refresh' CONTENT='120'>
endpoints.body: <!DOCTYPE html>
  <html  lang="en"  class="light" >
  <head>
  <title>Tazacorte, La Palma Home Weather Station La Palmita</title>
  <meta content="Personal Home weather station with the weather conditions for Tazacorte, La Palma" name="description">
  <!-- Facebook Meta Tags -->
  <meta property="og:url" content="">
  <meta property="og:type" content="website">
  <meta property="og:title" content="PWS_Dashboard at Tazacorte, La Palma">
  <meta property="og:description" content="Personal Weather Station with the weather conditions for Tazacorte, La Palma">
  <!-- Twitter Meta Tags -->
  <meta property="twitter:card" content="summary">
  <meta property="twitter:url" content="">
  <meta property="twitter:title" content="">
  <meta property="twitter:description" content="Weather conditions for Tazacorte, La Palma">
  <meta content="INDEX,FOLLOW" name="robots">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name=apple-mobile-web-app-title content="Personal Weather Station">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, viewport-fit=cover">
  <meta name="theme-color" content="#ffffff">
  <META HTTP-EQUIV='refresh' CONTENT='120'>
  <link rel="manifest" href="css/manifest.json">
  <link rel="icon" href="img/icon.png" type="image/x-icon" />
  <link href="css/featherlight.css" type="text/css" rel="stylesheet" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  <script src="js/featherlight.js"></script>
  <style>
  .featherlight .featherlight-inner {background:url(./img/loading.gif) top center no-repeat;  }        
  .featherlight-content    { background: transparent; max-width: 850px; width: 100%;} 
  .featherlight-content .featherlight-close-icon { top: 0px; left: 0px; width: 60px; height: 20px; background: transparent;}
  .featherlight-content iframe {width: 100%; height: 100%;} 
  @keyframes fadeOut {  0% {opacity: 2;} 50% {opacity: 1;}100% {opacity: 0;}} 
  
  *, html       { box-sizing: border-box;       
                  text-align: center; 
                  font-family: arial,sans-serif;}
  body          { margin: 0 auto; 
                  padding: 0;    
                  font-size: 14px;  
                  line-height: 1.2;}                               
  small         { line-height: 12px;}
  sup           { vertical-align: 20%;
                  font-size: smaller;}
  a             { text-decoration: none;}
  div           { display: block;}
  h1            { font-size: 15px;}
  img           { vertical-align: middle;}
  .PWS_weather_container 
                { display: flex; 
                  justify-content: center; flex-wrap: wrap; flex-direction: row; align-items: flex-start;
                  overflow: hidden; 
                  margin: 0 auto;}
  .PWS_weather_item 
                { position: relative; 
                  width: 316px; min-width: 316px; float: left;
                  height: 192px; 
                  margin: 2px;
                  border: 1px solid #000;  
                  font-size: 12px;  }
  .PWS_weather_item_s 
                { position: relative; 
                  min-width: 200px; float: left;
                  height: 100px; 
                  margin: 2px;
                  border: 1px solid #000;  
                  font-size: 12px; }
  .PWS_module_title 
                { width:100%;  
                  height: 18px; 
                  border: none;}
  .PWS_module_content 
                { font-size: 10px; 
                  vertical-align: middle;}             
  .PWS_ol_time  { margin-top: -14px; 
                  margin-right: 2px; 
                  font-size: 10px;
                  line-height: 10px; 
                  float: right;} 
     
  .PWS_left    { float: left;  width: 86px;  margin-left:  2px;  border: none;}
  .PWS_right   { float: right; width: 86px;  margin-right: 2px;  border: none; }
  .PWS_middle  { float: left;  width: 136px; margin: 0 auto;      border: none; }
  .PWS_2_heigh { height: 80px; vertical-align: middle;}
  .PWS_3_heigh { height: 53px; vertical-align: middle;}
  .PWS_4_heigh { height: 40px; vertical-align: middle;}
  .PWS_div_left{ height: 28px; margin: 0 auto; margin-top: 10px; font-size: 10px; 
                  border-radius: 3px; border: 1px solid silver; 
                  border-right: 3px solid silver;  padding: 1px; border: none;}    
  .PWS_div_right{ height: 28px; margin: 0 auto; margin-top: 10px; font-size: 10px; 
                  border-radius: 3px; border: 1px solid silver; 
                  border-left: 3px solid silver;  padding: 1px; border: none;}   
         
  .orange      { color: #ff8841;}
  .green       { color: #9aba2f;}
  .blue        { color: #01a4b4;}
  .yellow      { color: #ecb454;}
  .red         { color: #f37867;}
  .purple      { color: #916392;}
  .maroon      { color: rgb(208, 80, 65);}
  .grey        { color: #aaaaaa;}
  .large       { font-size: 20px;}
  .narrow      { width: 100px;}      
  
  .PWS_bucket {   
          height:105px; width:108px;
          border:         4px solid  silver;
          border-top:     1px dotted rgb(233, 235, 241);
          background:     url("img/rain/marker.png");
          background-size:cover;
          margin: 0px auto;}
  .PWS_bucket .water {
          background:     url("img/rain/water.png");
          border: 0px;}
  .PWS_bucket .clouds {
          background:     rgba(159, 163, 166, 0.4);
          border:         0px;
          border-top:     1px dotted rgb(255, 124, 57);}
  .PWS_bucket .empty {
          background-color: transparent;
          border: 0px;}
  .PWS_border             {  border: 1px solid silver; }
  .PWS_notify 
      {   width:  250px;
          right:  10px;
          top:    120px;
          z-index: 9999;
          position: fixed;
          font-family: Arial, Helvetica, sans-serif;
          animation-fill-mode: both;
          animation-name: fadeOut;       }
  .PWS_notify_box 
      {   position: relative;
          min-height: 80px;
          margin-bottom: 8px;
          font-size: 15px;
          background: rgb(97, 106, 114)}
  .PWS_notify_box .PWS_notify_header
      {   position: relative;
          height: 26px;
          color: #aaa;
          background-color: rgb(61, 64, 66);} 
  .PWS_notify_box .content
      {   padding: 8px;
          background: rgba(97, 106, 114, 1);
          color: #fff;
          text-align: center;}
  .PWS_notify_box .PWS_notify_left
      {   float: left;
          text-align: left;
          padding: 3px;}
  .PWS_notify_box .PWS_notify_right
      {   float: right;
          text-align: right;
          padding: 3px;}
  @media screen and (max-width: 639px) {
          .PWS_weather_item, .PWS_weather_item_s {margin: 2px auto 0; float: none; width: 320px;}
          .invisible {display: none;}
          .cposition4 {display: block;}
          .cposition3 {display: block;}
          .cposition2 {display: block;}
          .featherlight-content {height: 250px;}
  }
  @media screen and (min-width: 640px){
          .PWS_weather_container {width: 640px;}
          .cposition4 {display: none;}
          .cposition3 {display: none;}
  /*        .cposition2 {display: none;} */
          .PWS_weather_item_s {width: 209px;}
          .featherlight-content {height: 350px;}
  }
  @media screen and (min-width: 850px){
          .featherlight-content {height: 550px;}
  }
  @media screen and (min-width: 960px)  {
          .PWS_weather_container {width: 960px;}
          .cposition4 {display: block;}
          .cposition3 {display: none;}
          .PWS_weather_item_s {width: 236px;}
          .featherlight-content {height: 550px;}
  .left_table td {text-align: left;}
  }
  #sidebarMenu {   
      position: absolute;
      left: 0;
      width: 240px;
      top: 0;
      transform: translateX(-250px);
      transition: transform 250ms ease-in-out;
      float: left;
      z-index: 30}
  .sidebarIconToggle, input[type=checkbox] {
      transition: all .3s;
      box-sizing: border-box}
  .sidebarMenuInner {
      margin: 0;
      padding: 0;
      width: 240px;
      float: left;}
  .sidebarMenuInner li {
      list-style: none;
      padding: 5px 5px 5px 10px;
      cursor: pointer;
      border-bottom: 0;
      float: left;
      width: 240px;
      font-size: 12px;
      font-weight: 400}
  .sidebarMenuInner .separator {
      cursor: default;
      margin: 5px 0px;
      font-weight: bold;
  }
  .sidebarMenuInner li a {
      cursor: pointer;
      text-decoration: none;
      float: left;
      font-size: 12px;}
  .sidebarMenuInner li a:hover {
      color: #f5650a;}
      
      
  input[type=checkbox]:checked ~ #sidebarMenu {
      transform: translateX(0)}
  input[type=checkbox] {
      display: none}
  .sidebarIconToggle {
      cursor: pointer;
      position: absolute;
      z-index: 99;
      top: 22px;
      left: 15px;
      height: 22px;
      width: 22px}
  
  .PWS_round { border-radius: 50%;}
  
  html          { color: #000; 
                  background-color: #dcdcdc; }
  a             { color: #000; }
  h1            { background-color: #efeded; }
  .PWS_weather_item , .PWS_weather_item_s
                { border-color: #F0F0F0;
                  background-color: #efeded; }
  .PWS_module_title 
                { background-color: #e0e0e0; }
  .sidebarMenuInner .separator    { border-top: 1px  #cecece solid; 
                  border-bottom: 1px  #cecece solid;  } 
  .PWS_bar      { color: #e0e0e0;}
  .PWS_border   { border-color: #F0F0F0;}
  .PWS_offline  { color: #ff8841;}
  .PWS_online   { color: green;}
  #sidebarMenu 
                { background-color: #efeded; }
  
  </style>
  
  </head>
  <body style="height: 100%; background: transparent; ">
  <!-- begin top layout -->
  <h1  style="padding: 10px; padding-top: 15px;  margin: 0; height: 44px;" >
  <span class="" style="float: right; margin-right: 10px;">
  <a class="" href="./index.php?units=us">
  <span style="display: flex; color: white; border-radius: 3px; box-sizing: content-box;
          width: 18px; height: 18px; padding: 1px; 
          background: #ff7c39; font-weight: 600; font-size: 16px;
          align-items: center; justify-content: center;">&deg;F</span>
  </a>
  </span>
  <b class=" invisible" >Estación meteorológica La Palmita&nbsp; &#8226;&nbsp; Tazacorte, La Palma</b>
  <span id="positionClock" style="float: left; width: 30px; display: block; background: transparent" class="invisible">
  &nbsp;
  </span>
  </h1>
  <!-- end top layout -->
  
  <span id="theTime" style="font-size: 12px; padding: 0px;">
  </span>
  <script>
  var clockID;
  var imp = "";
  var cmm = " ";
  var yourTimeZoneFrom=1;
  var d=new Date("2025-10-12T15:07:52+01:00");
  var x=new Date();
  var weekdays=["Sun ","Mon ","Tue ","Wed ","Thur ","Fri ","Sat "];
  var months=["Jan ","Feb ","Mar ","Apr ","May ","Jun ","Jul ","Aug ","Sep ","Oct ","Nov ","Dec "];
  var tzDifference=yourTimeZoneFrom*60+d.getTimezoneOffset();
  var offset=tzDifference*60*1000;
  function UpdateClock()
       {  var e   = new Date(new Date().getTime()+offset);
          var hrs = e.getHours();
          var c   = hrs;
          if (c < 10) { c = "0"+c;}
          if (imp != "") 
               {  var ce  = hrs;
                  if (ce > 12)  { ce  = ce - 12;}
                  if (ce == 0)  { ce  = 12;}
                  if (hrs < 12) { imp = "&nbsp;am";}
                  if (hrs > 11) { imp = "&nbsp;pm";}
                  c = ce;}
          var a   = e.getMinutes();
          if (a < 10) { a = "0"+a;}
          var g   = e.getSeconds();
          if (g < 10) { g = "0"+g;}      
          var f   = cmm+e.getFullYear();
          var h   = months[e.getMonth()];
          var b   = e.getDate();
          var i   = weekdays[e.getDay()];   
          document.getElementById("positionlastmt").innerHTML = 
          "<span  style=' position: relative;  top: 2px; font-family: \"Lucida Sans\", Monaco, monospace; font-weight: bold; font-size: 13px; color: #FF7C39;'>"
          +c+":"+a+":"+g+imp+"&emsp;</span><span style=' position: relative;  top: 2px;  '> "+" "+i+" "+b+" "+h+""+f+"</span>";
          }
  function StartClock(){clockID=setInterval(UpdateClock,1000)}
  StartClock();
  </script>
  <div class="PWS_weather_container" style="clear: both; " >
  <div class="PWS_weather_item_s cpositionlast" style="height: 100px;  ">
                      <div class="PWS_module_title" id="positionlastmt"><span style="position: relative;  top: 2px;" id="positionlastmt_s"></span></div>
                      <script> var id_blck= "positionlast"; </script>
                      <div id="positionlast">
  <br /><img src="./img/loading.gif" alt="loading">
                      </div>
                  </div>
  <div class="PWS_weather_item_s cposition1" style="height: 100px;  ">
                      <div class="PWS_module_title" id="position1mt"><span style="position: relative;  top: 2px;" id="position1mt_s">Max-Min Temperature &deg;C</span></div>
                      <script> var id_blck= "position1"; </script>
                      <div id="position1">
  <table style=" width: 100%; height: 15px;"><tr>
  <td style=" background-color: #FDF01B; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&uarr;26.5&deg; </span></td>
  <td><small>(11:34)</small></td>
  <td>Today</td><td><small>(08:44)</small></td>
  <td style=" background-color: #8DFC2D; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&darr;19.6&deg; </span></td>
  </tr></table><table style=" width: 100%; height: 15px;"><tr>
  <td style=" background-color: #FDC816; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&uarr;28.0&deg; </span></td>
  <td><small>(11)</small></td>
  <td>Month</td><td><small>(01)</small></td>
  <td style=" background-color: #8DFC2D; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&darr;19.2&deg; </span></td>
  </tr></table><table style=" width: 100%; height: 15px;"><tr>
  <td style=" background-color: #FE9F11; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&uarr;33.4&deg; </span></td>
  <td><small>(2009)</small></td>
  <td> Year </td><td><small>(0303)</small></td>
  <td style=" background-color: #3CFC46; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&darr;13.0&deg; </span></td>
  </tr></table><table style=" width: 100%; height: 15px;"><tr>
  <td style=" background-color: #FE4607; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&uarr;40.5&deg; </span></td>
  <td><small>120823 09:28</small></td>
  <td><small>030325 05:03</small></td>
  <td style=" background-color: #3CFC46; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">&darr;13.0&deg; </span></td>
  </tr></table>
                      </div>
                  </div>
  <div class="PWS_weather_item_s cposition2" style="height: 100px;  ">
                      <div class="PWS_module_title" id="position2mt"><span style="position: relative;  top: 2px;" id="position2mt_s">Max Wind | Gust - km/h</span></div>
                      <script> var id_blck= "position2"; </script>
                      <div id="position2">
  <table style=" width: 100%; height: 60px;"><tr>
  <td style=" background-color: lightgrey; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">25.2</span></td>
  <td><small>(08:34)</small></td>
  <td>Today</td><td><small>(07:49)</small></td>
  <td style=" background-color: lightgrey; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">32</span></td>
  </tr><tr>
  <td style=" background-color: lightgrey; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">36.7</span></td>
  <td><small>(11)</small></td>
  <td>Month</td><td><small>(11)</small></td>
  <td style=" background-color: lightgrey; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">39.6</span></td>
  </tr><tr>
  <td style=" background-color: #F00008; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">70.6</span></td>
  <td><small>(01)</small></td>
  <td>Year</td><td><small>(01)</small></td>
  <td style=" background-color: #6D6F04; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">94.3</span></td>
  </tr></table><table style=" width: 100%; height: 15px;"><tr>
  <tr>
  <td style=" background-color: #6D6F04; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">97.2</span></td>
  <td><small>270224 13:58</small></td>
  <td> </td><td><small>280324 23:53</small></td>
  <td style=" background-color: #650003; color: black; width:45px"><span style="font-size: 12px; font-weight: 700;">128.5</span></td>
  </tr></table>
                      </div>
                  </div>
  <div class="PWS_weather_item_s cposition4" style="height: 100px;  ">
                      <div class="PWS_module_title" id="position4mt"><span style="position: relative;  top: 2px;" id="position4mt_s">Annual Rainfall</span></div>
                      <script> var id_blck= "position4"; </script>
                      <div id="position4">
  <div style="width: 44%; margin: 4px; padding: 4px; float: left;">
       <span class="orange" style="font-size: 18px;">169.8</span> mm<br />2025
  </div>
  <div style="width: 44%; margin: 4px; padding: 4px; float: right;">
       <span class="orange" style="font-size: 18px;">0.0</span> mm<br />October
  </div>
  <div><small>2023 <b>115 mm</b> | 2024 <b>224 mm</b><br></small></div>
  
                      </div>
                  </div>
  </div> <!--end top layout -->
  <!-- begin outside/station data section -->
          <div class="PWS_weather_container " >
  <!-- first row of three or four -->        
    <div class="PWS_weather_item "><!-- position11 ITLP_temp_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;"></span></div>
      <div id="position11" style="height: 154px;">
  <div class="PWS_ol_time"><b class="PWS_online"> 
  <svg viewBox="0 0 32 32" width="7" height="7" fill="currentcolor">
  <circle cx="16" cy="16" r="14"></circle>
  </svg>
  15:07:11 </b></div>
  <div class="PWS_module_content"><br />
  <!-- left values -->
  <div class="PWS_left">
  <div class="PWS_div_left" style="border-right-color: #E4FD20;">Fahrenheit<b><br />75.7&deg;</b></div>
  <div class="PWS_div_left" style="border-right-color: #FDF01B;">Indoor<b><br />25.6&deg;</b></div>
  <div class="PWS_div_left" style="border-right-color: #FDF01B;">Humidity<b><br />66% &uarr;</b></div>
  </div>
  <!-- END of left values -->
  <!-- middle part  -->
  <div class="PWS_middle" style="width: 130px; height: 130px; margin-left:4px; margin-top: 0px; text-align: center;">
  
  <svg width="130" height="130" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
    <defs>
      <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">
        <stop offset="0%" style="stop-color:#FE9F11 ;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#40FC39 ;stop-opacity:1" />
      </linearGradient>
    </defs>
    <circle id="tempBack"  r="65" cx="65" cy="65" fill="grey"/>
    <circle id="tempDial"  style="fill: rgb(250, 250, 250);" cx="65" cy="65" r="61"/>
    <text x="62" y="15"    style=" fill: rgb(40, 40, 40) ; font-size: 8px;">20</text>
    
    <text x="46"  y="18"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">19</text>
    <text x="78"  y="18"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">21</text>
    
    <text x="32"  y="23"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">18</text>
    <text x="90"  y="23"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">22</text>  
  
    <text x="22"  y="32"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">17</text>
    <text x="101" y="32"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">23</text>
  
    <text x="13"  y="43"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">16</text>
    <text x="110" y="43"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">24</text>  
  
    <text x="8"   y="55"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">15</text>
    <text x="114" y="55"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">25</text>  
  
    <text x="07"  y="67"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">14</text>
    <text x="114" y="67"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">26</text> 
     
    <text x="9"   y="80"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">13</text>
    <text x="114" y="80"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">27</text> 
  
    <text x="13"  y="92"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">12</text>
    <text x="110" y="92"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">28</text>
  
    <text x="22"  y="104"  style=" fill: rgb(40, 40, 40) ; font-size: 8px;">11</text>
    <text x="101" y="104"  style=" fill: rgb(40, 40, 40) ; font-size: 8px;">29</text>
   
    <text x="34" y="112"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">10</text>
    <text x="90" y="112"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">30</text>
   
    <text x="46" y="117"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">9</text>  
    <text x="78" y="117"   style=" fill: rgb(40, 40, 40) ; font-size: 8px;">31</text>
  
    <text x="65" y="120"  text-anchor="middle" style=" fill: rgb(40, 40, 40) ; font-size: 16px;">|</text>
    <text x="62" y="124"  text-anchor="end"    style=" fill: rgb(40, 40, 40) ; font-size: 8px;">8</text>  
    <text x="68" y="124"  text-anchor="start"  style=" fill: rgb(40, 40, 40) ; font-size: 8px;">32</text> 
    
    
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(0 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(15 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(30 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(45 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(60 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(75 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(90 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(105 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(120 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(135 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(150 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(165 65 65)"></line>
    <circle id="tempWhite" style="stroke-width: 0;"  fill="url(#grad1)" cx="65" cy="65" r="44"></circle>
    <polygon id="tempCrnt" points="108 72 122 65 108 58"  style="fill: #66cc33;" transform="rotate(-25.5 65 65)"></polygon>
    <polygon id="tempHgh" points="116 65 126 61 126 69"  style="fill: #d65b4a;" transform="rotate(7.5 65 65)"></polygon>
    <polygon id="tempLow" points="116 65 126 61 126 69"  style="fill: #01a4b4;" transform="rotate(-96 65 65)"></polygon>
  </svg>    <div style= "margin: 0 auto; position: absolute; top: 65px; width: 130px;">
          <div style=" margin: 0 auto; color: black; text-shadow: 2px 2px 10px yellow; font-size: 13px; ">
          <b style="font-size: 20px;">24.3&deg;</b>
          <br />&uarr;<b>26.5&deg;</b>  &darr;<b>19.6&deg;</b>
          </div>
      </div>
  </div>
  <!-- END of middle part  -->
  <!-- right values -->
  <div class="PWS_right">
  <div class="PWS_div_right" style="border-left-color: #F7FD1E;">Feels like<b><br />24.5&deg;</b></div>
  <div class="PWS_div_right" style="border-left-color: #8DFC2D;">Wet Bulb<b><br />19.7&deg;</b></div>
  <div class="PWS_div_right" style="border-left-color: #7DFC30;">Dewpoint<b><br />17.5&deg;</b></div>
  <!-- END of right values -->
  </div>
  </div>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
  <span><a href="fct_windy_popup.php?lang=en-uk&amp;script=temp_c_block.php" data-featherlight="iframe" >&nbsp;<svg viewBox="0 0 32 32" width="12" height="10" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="10%">
          <path d="M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18"></path>
          </svg>
  &nbsp;Forecast</a></span>
      </div>
  <br></div>
    <div class="PWS_weather_item "><!-- position12 uvsolarlux_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Solar - UV-Index – Lux</span></div>
      <div id="position12" style="height: 154px;">
  <div class="PWS_ol_time"><b class="PWS_online"> 
  <svg viewBox="0 0 32 32" width="7" height="7" fill="currentcolor">
  <circle cx="16" cy="16" r="14"></circle>
  </svg>
  15:07:11 </b></div>
  <div class="PWS_module_content"><br />
  <!-- left values -->
  <div class="PWS_left">
  <div class="PWS_div_right" style=" border-left-width: 1px;">
  Solar Radiation<br /><b>298.5 W/m² </b></div>
  <div class="PWS_bar">
  <svg opacity="0.8" width="60px" height="100px" viewBox="0 0 44 84">
    <path fill="currentcolor" opacity="0.8" d="M 1.958 8.008 C 3.288 8.018 2.67 8 4 8.01 C 4.01 31.34 3.99 54.67 4 77.99 C 16 78.01 28 78 40 78 C 40.01 54.67 39.99 31.34 40 8.01 C 41.34 8 40.708 8.031 42.038 8.021 C 42.038 8.021 42 56.68 42 80 C 28.67 80.01 15.34 80 2.01 80 C 1.99 56.7 1.958 8.008 1.958 8.008 Z"/>
   <path fill="currentcolor" opacity="1.0" d=" M 7.00  8.01 C 17.00  8.00 27.00  8.00 37.00  8.00 C 37.00  8.75 37.00 10.25 37.00 11.00 C 27.00 11.00 17.00 11.00 7.00 11.00 C 7.00 10.25 7.00  8.75 7.00  8.01 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 12.00 C 17.00 12.00 27.00 12.00 37.00 12.00 C 37.00 13.67 37.00 15.33 37.00 17.00 C 27.00 17.00 17.00 17.00 7.00 17.00 C 7.00 15.33 7.00 13.67 7.00 12.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 18.00 C 17.00 18.00 27.00 18.00 37.00 18.00 C 37.00 19.67 37.00 21.33 37.00 23.00 C 27.00 23.00 17.00 23.00 7.00 23.00 C 7.00 21.33 7.00 19.67 7.00 18.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 24.00 C 17.00 24.00 27.00 24.00 37.00 24.00 C 37.00 25.67 37.00 27.33 37.00 29.00 C 27.00 29.00 17.00 29.00 7.00 29.00 C 7.00 27.33 7.00 25.67 7.00 24.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 30.00 C 17.00 30.00 27.00 30.00 37.00 30.00 C 37.00 31.67 37.00 33.33 37.00 35.00 C 27.00 35.00 17.00 35.00 7.00 35.00 C 7.00 33.33 7.00 31.67 7.00 30.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 36.00 C 17.00 36.00 27.00 36.00 37.00 36.00 C 37.00 37.67 37.00 39.33 37.00 41.00 C 27.00 41.00 17.00 41.00 7.00 41.00 C 7.00 39.33 7.00 37.67 7.00 36.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 42.00 C 17.00 41.99 27.00 42.00 37.00 42.00 C 37.00 43.67 37.00 45.33 37.00 47.00 C 27.00 47.00 17.00 47.00 7.00 47.00 C 7.00 45.33 7.00 43.67 7.00 42.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 48.00 C 17.00 48.00 27.00 48.00 37.00 48.00 C 37.00 49.67 37.00 51.33 37.00 53.00 C 27.00 53.00 17.00 53.00 7.00 53.00 C 7.00 51.33 7.00 49.67 7.00 48.00 Z" />
   <path fill="#ecb454" opacity="1.0" d=" M 7.00 54.00 C 17.00 54.00 27.00 54.00 37.00 54.00 C 37.00 55.67 37.00 57.33 37.00 59.00 C 27.00 59.00 17.00 59.00 7.00 59.00 C 7.00 57.33 7.00 55.67 7.00 54.00 Z" />
   <path fill="#9aba2f" opacity="1.0" d=" M 7.00 60.00 C 17.00 60.00 27.00 60.00 37.00 60.00 C 37.00 61.67 37.00 63.33 37.00 65.00 C 27.00 65.00 17.00 65.00 7.00 65.00 C 7.00 63.33 7.00 61.67 7.00 60.00 Z" />
   <path fill="#9aba2f" opacity="1.0" d=" M 7.00 66.00 C 17.00 66.00 27.00 66.00 37.00 66.00 C 37.00 67.67 37.00 69.33 37.00 71.00 C 27.00 71.00 17.00 71.00 7.00 71.00 C 7.00 69.33 7.00 67.67 7.00 66.00 Z" />
   <path fill="#9aba2f" opacity="1.0" d=" M 7.00 72.00 C 17.00 72.00 27.00 72.00 37.00 72.00 C 37.00 73.67 37.00 75.33 37.00 77.00 C 27.00 77.00 17.00 77.00 7.00 77.00 C 7.00 75.33 7.00 73.67 7.00 72.00 Z" />
  </svg>
  </div>
  </div><!-- END of left values -->
  <!-- middle part  -->
  <div class="PWS_middle">
  <div class="PWS_div_right" style=" width: 70px; border-left-width: 1px;">
  Ultraviolet<br /><b>2 Index</b></div>
  <div class="PWS_bar">
   <svg id="pyramid_module" width="100px" height="100px" viewBox="0 0 980 792">
  <path fill="#9aba2f"  d=" M 37.24 719.17 C 147.49 718.78 257.75 719.11 368.00 719.00 C 559.56 719.13 751.13 718.75 942.69 719.19 C 954.83 742.74 967.22 766.17 980.00 789.39 L 980.00 792.00 L 0.00 792.00 L 0.00 789.37 C 12.76 766.16 25.41 742.86 37.24 719.17 Z" />
  <path fill="#9aba2f"  d=" M 81.31 637.18 C 353.79 636.86 626.31 636.91 898.78 637.16 C 906.01 653.63 915.67 668.54 923.22 684.82 C 927.18 690.19 930.08 696.53 932.10 702.93 C 637.39 703.05 342.67 703.04 47.96 702.93 C 49.21 696.12 53.57 689.92 57.16 684.13 C 64.21 667.89 74.16 653.32 81.31 637.18 Z" />
  <path fill="currentcolor"  d=" M 125.36 555.16 C 368.45 554.89 611.55 554.89 854.64 555.16 C 857.46 560.61 860.95 565.93 863.17 571.85 C 867.36 577.00 869.52 583.57 872.56 589.48 C 877.07 594.10 877.62 601.36 881.96 606.05 C 884.38 610.97 887.32 615.73 889.13 620.93 C 623.06 621.05 356.98 621.05 90.91 620.93 C 94.59 610.88 100.90 602.01 105.31 592.28 C 110.35 586.23 111.63 577.81 116.82 571.85 C 119.04 565.93 122.54 560.61 125.36 555.16 Z" />
  <path fill="currentcolor"  d=" M 165.17 481.10 C 381.75 480.90 598.33 481.00 814.91 481.05 C 822.14 494.55 829.45 508.01 836.33 521.71 C 839.46 527.32 843.00 532.83 845.13 538.93 C 608.38 539.05 371.62 539.05 134.86 538.92 C 138.62 529.13 144.48 520.39 149.05 510.99 C 154.83 501.25 159.22 490.74 165.17 481.10 Z" />
  <path fill="currentcolor"  d=" M 201.31 412.18 C 393.79 411.86 586.31 411.91 778.78 412.15 C 786.97 430.19 797.63 447.15 806.12 464.93 C 595.39 465.05 384.65 465.04 173.92 464.94 C 182.32 447.09 192.76 430.04 201.31 412.18 Z" />
  <path fill="currentcolor"  d=" M 238.32 343.18 C 406.12 342.88 573.96 342.88 741.75 343.18 C 747.04 352.67 751.46 362.64 756.99 372.00 C 760.56 380.21 766.14 387.46 769.13 395.93 C 583.06 396.05 396.98 396.05 210.91 395.93 C 219.12 377.94 229.43 360.88 238.32 343.18 Z" />
  <path fill="currentcolor"  d=" M 273.33 277.19 C 417.80 276.86 562.31 276.91 706.77 277.16 C 715.16 293.95 724.34 310.34 733.02 326.99 C 571.02 327.01 409.02 327.02 247.03 326.98 C 255.55 310.16 264.54 293.84 273.33 277.19 Z" />
  <path fill="currentcolor"  d=" M 306.28 215.17 C 428.76 214.89 551.28 214.88 673.75 215.18 C 682.09 230.39 689.68 245.75 698.02 260.98 C 559.35 261.01 420.67 261.02 282.00 260.97 C 290.25 245.78 298.01 230.35 306.28 215.17 Z" />
  <path fill="currentcolor"  d=" M 336.08 158.04 C 438.69 157.99 541.30 157.93 643.91 158.07 C 648.49 167.73 654.44 176.70 658.49 186.62 C 661.14 190.43 663.71 194.47 665.13 198.93 C 548.38 199.05 431.62 199.05 314.87 198.92 C 321.04 184.87 329.43 171.89 336.08 158.04 Z" />
  <path fill="currentcolor"  d=" M 365.36 103.21 C 448.45 102.86 531.56 102.87 614.65 103.20 C 618.01 109.63 621.86 115.83 624.49 122.62 C 628.78 128.60 631.63 135.53 635.15 141.92 C 538.38 142.05 441.62 142.06 344.85 141.92 C 348.40 135.23 351.34 128.01 355.89 121.92 C 358.38 115.35 361.97 109.32 365.36 103.21 Z" />
  <path fill="currentcolor"  d=" M 394.17 49.10 C 458.08 48.90 522.01 48.99 585.92 49.06 C 589.55 57.30 594.93 64.39 598.17 72.85 C 601.66 76.94 603.46 82.25 605.95 87.01 C 528.65 86.97 451.34 87.04 374.03 86.97 C 380.77 74.37 386.86 61.39 394.17 49.10 Z" />
  </svg>
  
  <!-- uv-index circle -->
  <div class="PWS_round" style ="position: absolute; top: 116px; left: 140px; background-color: #9aba2f;
      height: 30px; width: 30px; 
      color: #fff;
      line-height: 10px;
      font-size: 24px;
      font-family: Helvetica,sans-seriff;
      border: 1px solid #FFFFFF;
      font-weight: 400;">
  <br />2
  </div>  
  
  
  
  </div>
  </div>
  <!-- END of middle part  -->
  <!-- right values -->
  <div class="PWS_right">
  <div class="PWS_div_right" style=" border-left-width: 1px;">
  Brightness<br /><b>36052 Lux</b></div>
  <div class="PWS_bar">
  <svg opacity="0.8" width="60px" height="100px" viewBox="0 0 44 84">
    <path fill="currentcolor" opacity="0.8" d="M 1.958 8.008 C 3.288 8.018 2.67 8 4 8.01 C 4.01 31.34 3.99 54.67 4 77.99 C 16 78.01 28 78 40 78 C 40.01 54.67 39.99 31.34 40 8.01 C 41.34 8 40.708 8.031 42.038 8.021 C 42.038 8.021 42 56.68 42 80 C 28.67 80.01 15.34 80 2.01 80 C 1.99 56.7 1.958 8.008 1.958 8.008 Z"/>
   <path fill="currentcolor" opacity="1.0" d=" M 7.00  8.01 C 17.00  8.00 27.00  8.00 37.00  8.00 C 37.00  8.75 37.00 10.25 37.00 11.00 C 27.00 11.00 17.00 11.00 7.00 11.00 C 7.00 10.25 7.00  8.75 7.00  8.01 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 12.00 C 17.00 12.00 27.00 12.00 37.00 12.00 C 37.00 13.67 37.00 15.33 37.00 17.00 C 27.00 17.00 17.00 17.00 7.00 17.00 C 7.00 15.33 7.00 13.67 7.00 12.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 18.00 C 17.00 18.00 27.00 18.00 37.00 18.00 C 37.00 19.67 37.00 21.33 37.00 23.00 C 27.00 23.00 17.00 23.00 7.00 23.00 C 7.00 21.33 7.00 19.67 7.00 18.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 24.00 C 17.00 24.00 27.00 24.00 37.00 24.00 C 37.00 25.67 37.00 27.33 37.00 29.00 C 27.00 29.00 17.00 29.00 7.00 29.00 C 7.00 27.33 7.00 25.67 7.00 24.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 30.00 C 17.00 30.00 27.00 30.00 37.00 30.00 C 37.00 31.67 37.00 33.33 37.00 35.00 C 27.00 35.00 17.00 35.00 7.00 35.00 C 7.00 33.33 7.00 31.67 7.00 30.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 36.00 C 17.00 36.00 27.00 36.00 37.00 36.00 C 37.00 37.67 37.00 39.33 37.00 41.00 C 27.00 41.00 17.00 41.00 7.00 41.00 C 7.00 39.33 7.00 37.67 7.00 36.00 Z" />
   <path fill="currentcolor" opacity="1.0" d=" M 7.00 42.00 C 17.00 41.99 27.00 42.00 37.00 42.00 C 37.00 43.67 37.00 45.33 37.00 47.00 C 27.00 47.00 17.00 47.00 7.00 47.00 C 7.00 45.33 7.00 43.67 7.00 42.00 Z" />
   <path fill="#ecb454" opacity="1.0" d=" M 7.00 48.00 C 17.00 48.00 27.00 48.00 37.00 48.00 C 37.00 49.67 37.00 51.33 37.00 53.00 C 27.00 53.00 17.00 53.00 7.00 53.00 C 7.00 51.33 7.00 49.67 7.00 48.00 Z" />
   <path fill="#ecb454" opacity="1.0" d=" M 7.00 54.00 C 17.00 54.00 27.00 54.00 37.00 54.00 C 37.00 55.67 37.00 57.33 37.00 59.00 C 27.00 59.00 17.00 59.00 7.00 59.00 C 7.00 57.33 7.00 55.67 7.00 54.00 Z" />
   <path fill="#9aba2f" opacity="1.0" d=" M 7.00 60.00 C 17.00 60.00 27.00 60.00 37.00 60.00 C 37.00 61.67 37.00 63.33 37.00 65.00 C 27.00 65.00 17.00 65.00 7.00 65.00 C 7.00 63.33 7.00 61.67 7.00 60.00 Z" />
   <path fill="#9aba2f" opacity="1.0" d=" M 7.00 66.00 C 17.00 66.00 27.00 66.00 37.00 66.00 C 37.00 67.67 37.00 69.33 37.00 71.00 C 27.00 71.00 17.00 71.00 7.00 71.00 C 7.00 69.33 7.00 67.67 7.00 66.00 Z" />
   <path fill="#9aba2f" opacity="1.0" d=" M 7.00 72.00 C 17.00 72.00 27.00 72.00 37.00 72.00 C 37.00 73.67 37.00 75.33 37.00 77.00 C 27.00 77.00 17.00 77.00 7.00 77.00 C 7.00 75.33 7.00 73.67 7.00 72.00 Z" />
  </svg>
  </div>
  </div><!-- END of right values -->
  </div>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
  <span><a href="uvsolarlux_popup.php?lang=en-uk&amp;script=uvsolarlux_c_block.php" data-featherlight="iframe" >&nbsp;<svg viewBox="0 0 32 32" width="12" height="10" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="10%">
          <path d="M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18"></path>
          </svg>
  &nbsp;UV Guide</a></span>
      </div>
  <br></div>
    <div class="PWS_weather_item "><!-- position13 wind_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Wind | Gust – km/h</span></div>
      <div id="position13" style="height: 154px;">
  <div class="PWS_ol_time"><b class="PWS_online"> 
  <svg viewBox="0 0 32 32" width="7" height="7" fill="currentcolor">
  <circle cx="16" cy="16" r="14"></circle>
  </svg>
  15:07:11 </b></div>
  <div class="PWS_module_content"><br />
  <!-- left values -->
  <div class="PWS_left">
  <!-- average speed -->
  <div class="PWS_div_left" style="border-right-width: 1px;">Wind (Avg )<br /><b >12.2 km/h</b></div>
  <!-- beaufort   -->
  <div class="PWS_div_left" style="border-right-width: 1px;"><svg id="bft02" width="20px" height="9px" viewBox="0 0 96 40" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <path fill="currentcolor" stroke="currentcolor" stroke-width="0.09375" opacity="1.00" d="M 0 5.883 C 1.68 4.963 3.19 3.783 4.67 2.593 C 10.04 9.223 15.42 15.863 20.8 22.503 C 37.23 22.493 53.66 22.533 70.09 22.483 C 71.41 19.713 72.76 16.733 75.39 14.953 C 79.66 12.043 85.6 11.953 90.03 14.573 C 93.26 16.583 95.26 20.143 96 23.813 L 96 27.293 C 95.15 31.183 92.92 34.973 89.3 36.843 C 84.74 39.123 78.83 38.793 74.79 35.593 C 72.52 33.793 71.31 31.073 70.1 28.523 C 46.73 28.473 23.37 28.523 0 28.503 L 0 22.443 C 4.33 22.543 8.66 22.503 13 22.493 C 8.62 17.423 4.88 11.783 0 7.183 L 0 5.883 Z"/>
  </svg> 2 Bft<br /><b>Light breeze</b></div>
  <!-- wind direction average   -->
  <div class="PWS_div_left" style="border-right-width: 1px;">Direction (Avg )<br /><b>SSW 198&deg;</b></div>
  </div>
  <!-- END of left values -->
  <!-- middle part  -->
  <div class="PWS_middle" style="width: 130px; height: 130px; margin-left:4px; margin-top: 0px; text-align: center; ">
    <div style=" height: 130px; margin: 0 auto; ">
  
  <svg width="130" height="130" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg" >
    <defs></defs>  
    <circle id="windBack"  r="63" cx="65" cy="65" style=" fill:none;  stroke-width: 4px; stroke: grey; " />
    <circle id="windRing"  r="63" cx="65" cy="65" stroke-width="4" stroke-dasharray="49.480084294039" 
         style="fill: none; stroke: rgb(229, 229, 229); " transform="rotate(22.5 65 65) "/>
    <circle id="windDial"  style="fill: rgb(250, 250, 250);" cx="65" cy="65" r="61"/>
    <text x="63"  y="16"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">N</text>
    <text x="35"  y="20"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">NNW</text>
    <text x="80"  y="20"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">NNE</text>
    <text x="22"  y="31"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">NW</text>
    <text x="98"  y="31"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">NE</text>
    <text x="08"  y="50"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">WNW</text>
    <text x="110" y="50"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">ENE</text>  
    <text x="08"  y="67"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">W</text>
    <text x="114" y="67"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">E</text>  
    <text x="08"  y="86"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">WSW</text>
    <text x="110" y="86"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">ESE</text>
    <text x="22" y="105"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">SW</text>
    <text x="99" y="105"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">SE</text>
    <text x="35" y="114"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">SSW</text>
    <text x="85" y="114"   style="fill: rgb(40, 40, 40) ; font-size: 5px;">SSE</text>
    <text x="63" y="121"   style="fill: rgb(40, 40, 40) ; font-size: 8px;">S</text>  <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(0 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(22.5 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(45 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(67.5 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(90 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(112.5 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(135 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(157.5 65 65)"></line>
    <circle id="windWhite" style="stroke-width: 0;  fill: rgb(229, 229, 229);" cx="65" cy="65" r="44"></circle>
    <polygon id="windCrnt" points="114 65 128 58 128 72"   style="fill: #9aba2f;"  transform="rotate(108 65 65)"></polygon>
  </svg>
    </div>
            <div class="narrow" style="text-align: center; position: absolute; top: 0px; margin-top: 64px;width: 130px; color: black;"><table style="border-collapse: collapse; font-size: 12px; margin: 0 auto;  color: black;">
  <tr>
  <td style="font-size: 15px; text-align: right; border-right: 1px solid  black;"><b>12</b>&nbsp;</td>
  <td style="font-size: 15px; text-align: left;  width: 50%; ">&nbsp;<b>18</b></td>
  </tr>
  <tr>
  <td style="text-align: right; border-right: 1px solid   black;">Wind&nbsp;</td>
  <td style="text-align: left;">&nbsp;Gust</td>
  </tr>
  <tr>
  <td colspan="2" style="height: 24px; text-align: center; border-top: 1px solid   black;">198&deg;  <b>SSW</b></td>
  </tr>
  </table>
  </div>
  </div>
  <!-- END of middle part  -->
  <!-- right values -->
  <div class="PWS_right">
  <!-- max speed  -->
  <div class="PWS_div_right" style="border-left-width: 1px;">Gust (Max)<br /><b>32.0 km/h</b></div>
  <!-- max speed  -->
  <div class="PWS_div_right" style="border-left-width: 1px;">Wind run<br /><b>n/a  km</b></div>
  </div><!-- END of right values -->
  </div>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
  <span><a href="fct_windy_popup.php?lang=en-uk&amp;script=wind_c_block.php" data-featherlight="iframe" >&nbsp;<svg viewBox="0 0 32 32" width="12" height="10" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="10%">
          <path d="M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18"></path>
          </svg>
  &nbsp;Forecast</a></span>
      </div>
  <br></div>
  <!-- second  row of three or four -->
    <div class="PWS_weather_item "><!-- position21 ITLP_rain_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Rainfal Today – mm</span></div>
      <div id="position21" style="height: 154px;">
  <div class="PWS_ol_time"><b class="PWS_online"> 
  <svg viewBox="0 0 32 32" width="7" height="7" fill="currentcolor">
  <circle cx="16" cy="16" r="14"></circle>
  </svg>
  15:07:11 </b></div>
  <div class="PWS_module_content"><br />
  <!-- left values -->
  <div class="PWS_left">
  <div class="PWS_div_left" style="border-right-color: silver;;">Yesterday<br /><b >0.0</b><br></div>
  <div class="PWS_div_right" style="border-left-color: silver;;">Last Hour<br /><b >0.0</b></div>
  <div class="PWS_div_right" style="border-left-color: silver;;">Rate/h<br /><b >0.000</b></div>
  </div>
  <!-- END of left values -->
  <!-- middle part with bucket -->
  <div class="PWS_middle">
      <div class="PWS_bucket" style="position: absolute; margin: 10px 15px;">
          <div class="empty" style="height: 100px;"></div>
          <div class="water" style="height: 0px;"></div>
      <div class="orange" 
          style="position: inherit; width: 82px; top: 30px; left: 8px;  
          border-radius: 3px; border: 1px solid grey; 
          background-color: lightgray;">
          <b style="font-size: 20px; color: #01a4b4;">0.0</b>
      </div>
      </div>
  </div>
  <!-- END of middle part with bucket -->
  <!-- right values -->
  <div class="PWS_right">
  <!-- END of right values -->
  Max./h<br />240324 05:00<br><b>14.3</b><br>
  <br>Max./day<br />241224<br><b>43.3</b><br>
  <br>Last day<br />110525<br><b>0.3</b><br>
  </div>
  </div>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
  <span><a href="fct_windy_popup.php?lang=en-uk&amp;script=rain_c_block.php" data-featherlight="iframe" >&nbsp;<svg viewBox="0 0 32 32" width="12" height="10" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="10%">
          <path d="M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18"></path>
          </svg>
  &nbsp;Forecast</a></span>
  <span><a href="image_popup.php?nr=rain&lang=en-uk&amp;script=rain_c_block.php" data-featherlight="iframe" > - Radar</a></span>
      </div>
  <br></div>
    <div class="PWS_weather_item "><!-- position22 ITLP_baro_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Barometer – hPa</span></div>
      <div id="position22" style="height: 154px;">
  <div class="PWS_ol_time"><b class="PWS_online"> 
  <svg viewBox="0 0 32 32" width="7" height="7" fill="currentcolor">
  <circle cx="16" cy="16" r="14"></circle>
  </svg>
  15:07:11 </b></div>
  <div class="PWS_module_content"><br />
  <!-- left values -->
  <div class="PWS_left">
  <!-- lowest value -->
  <div class="PWS_div_left" style="border-right-color: #01a4b4;">Min<br /><b >1001.6&nbsp;hPa</b></div>
  <!-- other unit block -->
  <div class="PWS_div_left" style="border-right-color: #9aba2f;">Current<br /><b >29.60&nbsp;inHg</b><br><br><b>&darr;0 hPa<br></b> 220425 13:23<br></div>
  </div>
  <!-- END of left values -->
  <!-- middle part  -->
  <div class="PWS_middle" style="width: 130px; height: 130px; margin-left:4px; margin-top: 0px; text-align: center; ">
          <div style=" height: 130px; margin: 0 auto; ">
  
  <svg width="130" height="130" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg">
    <circle id="baroBack"  r="63" cx="65" cy="65" style=" fill:none;  stroke-width: 4px; stroke: grey; " />
    <circle id="baroDial"  style="fill: rgb(250, 250, 250);" cx="65" cy="65" r="61"/>
    <text x="57" y="15"    style=" fill: rgb(40, 40, 40) ; font-size: 8px;">1000</text>
    <text x="44"  y="20"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">997</text>
    <text x="78"  y="20"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">1003</text>
    <text x="32"  y="24"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">994</text>
    <text x="90"  y="24"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">1006</text>  
    <text x="22"  y="31"   style=" fill: rgb(40, 40, 40) ; font-size: 6px;">991</text>
    <text x="98"  y="31"   style=" fill: rgb(40, 40, 40) ; font-size: 6px;">1009</text>
    <text x="15"  y="43"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">988</text>
    <text x="107" y="43"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">1012</text>  
    <text x="10"  y="55"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">985</text>
    <text x="111" y="55"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">1015</text>  
    <text x="07"  y="67"   style=" fill: rgb(40, 40, 40) ; font-size: 6px;">982</text>
    <text x="112" y="67"   style=" fill: rgb(40, 40, 40) ; font-size: 6px;">1018</text>  
    <text x="10"  y="80"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">979</text>
    <text x="111" y="80"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">1021</text> 
    <text x="14"  y="92"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">976</text>
    <text x="107" y="92"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">1024</text>
    <text x="22" y="104"   style=" fill: rgb(40, 40, 40) ; font-size: 6px;">973</text>
    <text x="97" y="104"   style=" fill: rgb(40, 40, 40) ; font-size: 6px;">1027</text>
    <text x="35" y="112"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">970</text>
    <text x="87" y="112"   style=" fill: rgb(40, 40, 40) ; font-size: 5px;">1030</text>
    <text x="65" y="120"  text-anchor="middle" style=" fill: rgb(40, 40, 40) ; font-size: 16px;">|</text>
    <text x="62" y="120"  text-anchor="end"    style=" fill: rgb(40, 40, 40) ; font-size: 6px;">964</text>  
    <text x="68" y="120"  text-anchor="start"  style=" fill: rgb(40, 40, 40) ; font-size: 6px;">1036</text>   <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(0 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(15 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(30 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(45 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(60 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(75 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(90 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(105 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(120 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(135 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(150 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(165 65 65)"></line>
    <circle id="baroWhite" style="stroke-width: 0;  fill: rgb(229, 229, 229);" cx="65" cy="65" r="44"></circle>
    <polygon id="baroCrnt" points="108 72 122 65 108 58"  style="fill: #9aba2f;" transform="rotate(-77.5 65 65)"></polygon>
    <polygon id="baroHgh" points="116 65 126 61 126 69"  style="fill: #d65b4a;" transform="rotate(-69.5 65 65)"></polygon>
    <polygon id="baroLow" points="116 65 126 61 126 69"  style="fill: #01a4b4;" transform="rotate(-82 65 65)"></polygon>
  </svg>
          </div>
          <div class="narrow" style="position: absolute; top: 50px; margin: 30px 15px; color: black;">
            <span class="large" >1002.5</span>
          </div> 
  </div>
  <!-- END of middle part  -->
  <!-- right values -->
  <div class="PWS_right">
  <!-- highest value -->
  <div class="PWS_div_right" style="border-left-color: #d65b4a;"><!-- max value -->Max<br /><b >1004.1&nbsp;hPa</b><br><br><br><br><br><b>&uarr;1017.6 hPa<br></b> 201223 11:13<br><br></div>
  <div class="PWS_div_right" style="border-color: transparent;"></div>
  </div><!-- END of right values -->
  </div>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
  <span><a href="fct_windy_popup.php?lang=en-uk&amp;script=wind_c_block.php" data-featherlight="iframe" >&nbsp;<svg viewBox="0 0 32 32" width="12" height="10" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="10%">
          <path d="M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18"></path>
          </svg>
  &nbsp;Forecast</a></span>
      </div>
  <br></div>
    <div class="PWS_weather_item "><!-- position23 moon_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Moonphase information</span></div>
      <div id="position23" style="height: 154px;">
  <!-- 
  Array
  (
      [phase] => 0.70769065140717
      [illumination] => 0.63135870969979
      [age] => 20.898521539386
      [distance] => 368162.55693513
      [diameter] => 0.54095169198614
      [sundistance] => 149256338.4857
      [new_moon] => 1758484476.9141
      [next_new_moon] => 1761049558.8626
      [full_moon] => 1759808937.2536
      [next_full_moon] => 1762348826.6495
      [first_quarter] => 1759190087.1831
      [next_first_quarter] => 1761754921.4514
      [last_quarter] => 1760379271.2294
      [next_last_quarter] => 1762925377.5419
      [phase_name] => Third Quarter
      [moonrise] => 0
      [moonset] => 1760274720
      [moonrise2] => 1760311320
      [moonset2] => 1760364420
      [now] => 1760278074
  )
   -->
  <div class="PWS_ol_time"><b class="PWS_online"> 
  <svg viewBox="0 0 32 32" width="7" height="7" fill="currentcolor">
  <circle cx="16" cy="16" r="14"></circle>
  </svg>
  15:07:54 </b></div>
  <div class="PWS_module_content"><br />
  <!-- left values -->
  <div class="PWS_left" style="height: 125px;">
  <!-- moonrise -->
  <div class="PWS_div_left" style="border-right-color: #ff8841; height: 40px;">Moonrise<br />Tomorrow<br /><b>00:22</b></div> 
  <div class="PWS_div_left" style="border-right-color: #e8c400;">Next Full Moon<br /><b>Wed  5 Nov  </b></div>
  </div>
  <!-- middle texts -->
  <div class="PWS_middle" style="height: 125px;">
      <div style="width: 130px;  margin: 0px auto;">
       <div style="width: 110px;  margin: 0 auto; margin-top: 10px; 
          background-image: url(./img/moon.png); background-size: 110px 110px; background-repeat: no-repeat;">
      <svg width="110" height="110" viewBox="0 0 300 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="transform: rotate(20deg);">
          <path d="M 150 0 C 202.4 10 202.4 290 150 300  350 290 350 10 150 0"  style="paint-order: fill;  fill: rgba(0, 0, 0, 0.60);;" />
          <path d="M 150 0 C 202.4 10 202.4 290 150 300  -50 290 -50 10 150 0"  style="paint-order: fill;  fill: transparent; " /> 
       </svg>
          <div style="position: absolute; top: 60px; width: 110px;">
          <div style=" margin: 0 auto; color: white; text-shadow: 2px 2px 10px black; ">
            <b class="large" >63%</b>        
            <br /><b >Luminance</b>
            <hr style="margin: 1px; margin-bottom: 4px;">
            <b >Third Quarter</b>
          </div>
          </div>
  </div>
  </div>
     </div>  
  <!-- eo middle -->
  <!-- right area  new and full moon -->
  <div class="PWS_right" style="height: 125px;">
  <div class="PWS_div_right" style="border-left-color: #ff8841; height: 40px;">Moonset<br />Tomorrow<br /><b >15:07</b></div>
  <div class="PWS_div_right" style="">Next New Moon<br /><b >Tue  21 Oct  </b></div>
  </div><!-- eo right area -->
  
          <svg xmlns="http://www.w3.org/2000/svg" width="12px" height="12px" viewBox="0 0 16 16">
              <path fill="currentcolor" d="M0 0l14.527 13.615s.274.382-.081.764c-.355.382-.82.055-.82.055L0 0zm4.315 1.364l11.277 10.368s.274.382-.081.764c-.355.382-.82.055-.82.055L4.315 1.364zm-3.032 2.92l11.278 10.368s.273.382-.082.764c-.355.382-.819.054-.819.054L1.283 4.284zm6.679-1.747l7.88 7.244s.19.267-.058.534-.572.038-.572.038l-7.25-7.816zm-5.68 5.13l7.88 7.244s.19.266-.058.533-.572.038-.572.038l-7.25-7.815zm9.406-3.438l3.597 3.285s.094.125-.029.25c-.122.125-.283.018-.283.018L11.688 4.23zm-7.592 7.04l3.597 3.285s.095.125-.028.25-.283.018-.283.018l-3.286-3.553z"/>
          </svg> <a target="_blank" href="https://en.wikipedia.org/wiki/Southern_Taurids"><u class="orange">Southern Taurids</u></a>
  </div>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
  <span><a href="moon_popup.php?lang=en-uk&amp;script=moon_c_block.php" data-featherlight="iframe" >&nbsp;<svg viewBox="0 0 32 32" width="12" height="10" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="10%">
          <path d="M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18"></path>
          </svg>
  &nbsp;Moon info</a></span>
  <span><a href="meteors_popup.php?lang=en-uk&amp;script=moon_c_block.php" data-featherlight="iframe" > - Meteors</a></span>
      </div>
  <br></div>
  <!-- third  row of three or four -->
    <div class="PWS_weather_item "><!-- position31 sun_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Position sun</span></div>
      <div id="position31" style="height: 154px;">
  <div class="PWS_ol_time"><b class="PWS_online"> 
  <svg viewBox="0 0 32 32" width="7" height="7" fill="currentcolor">
  <circle cx="16" cy="16" r="14"></circle>
  </svg>
  15:07:54 </b></div>
  <div class="PWS_module_content"><br />
  <!-- left values -->
  <div class="PWS_left">
  <div class="PWS_div_left" style="border-right-color: #e8c400;">Daylight<br /><b >11 hrs 34 min </b></div>
  <div class="PWS_div_left" style="border-right-color: #e8c400; height: 40px;">Sunrise<br /><b >08:11</b><br />Tomorrow</div>
  <div class="PWS_div_left" style="border-right-width: 1px;">Azimuth<br /><b>207.1&deg; SSW</b></div>
  </div>
  <!-- END of left values -->
  <!-- middle part  -->
  <div class="PWS_middle" style="width: 130px; height: 130px; margin-left:4px; margin-top: 0px; text-align: center; ">
      <div style=" height: 130px; margin: 0 auto; ">
  <svg width="130" height="130" viewBox="0 0 130 130" xmlns="http://www.w3.org/2000/svg" >
    <circle id="sunBack"  r="63" cx="65" cy="65" 
          style=" fill:none;  stroke-width: 4px; stroke: grey; " />
    <circle id="sunRing"  r="63" cx="65" cy="65" 
           style=" fill:none; stroke-width: 4px; stroke: yellow; 
                  stroke-dasharray:191 396;"
                  transform = "rotate(-147  65 65 )"/>
    <circle id="sunDial"   style="fill: rgb(250, 250, 250);" cx="65" cy="65" r="61"/>
    <text x="46"  y="17"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">11</text>
    <text x="74"  y="17"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">13</text>
    <text x="33"  y="21.5" style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">10</text>
    <text x="85"  y="21.5" style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">14</text>
    <text x="22"  y="31"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">09</text>
    <text x="98"  y="31"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">15</text>
    <text x="12"  y="42"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">08</text>
    <text x="106" y="42"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">16</text>
    <text x="08"  y="54"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">07</text>
    <text x="112" y="54"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">17</text>
    <text x="06"  y="67"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">06</text>
    <text x="114" y="67"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">18</text>
    <text x="08"  y="80"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">05</text>
    <text x="112" y="80"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">19</text>
    <text x="14"  y="92"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">04</text>
    <text x="107" y="92"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">20</text>
    <text x="22" y="103"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">03</text>
    <text x="99" y="103"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">21</text>
    <text x="35" y="113"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">02</text>
    <text x="87" y="113"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">22</text>
    <text x="46" y="119"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">01</text>
    <text x="75" y="119"   style="white-space: pre; fill: rgb(40, 40, 40) ; font-size: 8px;">23</text>
    <g id="sunSunIcn" 
      transform="matrix(0.149059, 0, 0, 0.152871, -13.689035, -16.503487)" style="display: inline;">
      <path d="M 531.2117,140.66424 L 531.49603,180 L 559.10956,151.98436 L 531.49603,180 L 570.83179,179.71567 L 531.49603,180 L 559.51167,207.61353 L 531.49603,180 L 531.78036,219.33576 
          L 531.49603,180 L 503.8825,208.01564 L 531.49603,180 L 492.16027,180.28433 L 531.49603,180 L 503.4804,152.38647 L 531.49603,180 L 531.2117,140.66424 z " 
          id="path2895" style="opacity:1;color:black;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:rgb(40, 40, 40);stroke-width:4.25196838;stroke-linecap:butt;stroke-linejoin:bevel;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"/>
      <path style="opacity: 1; color: black; fill-opacity: 1; fill-rule: evenodd; stroke: none; stroke-width: 3.57874; stroke-linecap: butt; stroke-linejoin: bevel; marker: none; stroke-miterlimit: 4; stroke-dasharray: none; stroke-dashoffset: 0; stroke-opacity: 1; visibility: visible; display: inline; overflow: visible; fill: rgb(238, 255, 0);" id="path2893" d="M 553.72396 180 A 22.227922 22.227922 0 1 1  509.26811,180 A 22.227922 22.227922 0 1 1  553.72396 180 z"/>
      <path d="M 545.5671 180 A 14.071068 14.071068 0 1 1  517.42496,180 A 14.071068 14.071068 0 1 1  545.5671 180 z" id="path2891" style="opacity:1;color:black;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:black;stroke-width:4.25196838;stroke-linecap:butt;stroke-linejoin:bevel;marker:none;marker-start:none;marker-mid:none;marker-end:none;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;visibility:visible;display:inline;overflow:visible"/>
    </g>
    <g id="sunMnIcn" transform="matrix(0.26522, 0, 0, 0.272001, 11.130922, 74.802582)" style="">   
        <path style="stroke: black; stroke-miterlimit: 4; stroke-dasharray: none; stroke-opacity: 1; display: inline; fill: rgb(251, 255, 0); stroke-width: 2.60749px;" d="M 208.147 145.626 C 198.366 146.345 191.012 154.867 191.731 164.648 C 192.451 174.429 200.973 181.783 210.753 181.064 C 211.687 180.995 212.204 180.85 213.088 180.645 C 207.226 177.414 203.457 171.38 202.93 164.212 C 202.373 156.638 206.012 149.713 211.883 145.738 C 210.667 145.571 209.42 145.532 208.147 145.626 Z" id="path-2"/> 
    </g>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(0 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(15 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(30 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(45 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(60 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(75 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(90 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(105 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(120 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(135 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(150 65 65)"></line>
    <line style="stroke: rgb(40, 40, 40);" x1="19" y1="65" x2="111" y2="65" transform="rotate(165 65 65)"></line>
    <circle id="sunWhite" style="stroke-width: 0;  fill: rgb(229, 229, 229);" cx="65" cy="65" r="44"></circle>
    <circle id="sun_Pntr" style="fill: #e8c400;" cx="125" cy="65" r="6" transform="rotate(-43.5 65 65) "></circle>
  </svg>
      </div>
      <div class="narrow" style="position: absolute; top: 40px; margin: 30px 15px; color: black;">
          <b class="" >Estimated</b>
          <br />
          <span class="large" > 4</span>  hrs  <span class="large" >37</span>  min 
          <br />
          <b class="">Of Daylight</b>
      </div>
  </div>
  <!-- END of middle part  -->
  <!-- right values -->
  <div class="PWS_right">
  <div class="PWS_div_right" >Darkness<br /><b >12 hrs 25 min </b></div>
  <div class="PWS_div_right" style="height: 40px; border-left-color: #e8c400;">Sunset<br /><b >19:45</b><br />Today</div>
  <div class="PWS_div_right" style="border-left-width: 1px;">Elevation<br /><b >50.1&deg;</b></div>
  </div><!-- END of right values -->
  </div>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
  <span><a href="moon_popup.php?lang=en-uk&amp;script=sun_c_block.php" data-featherlight="iframe" >&nbsp;<svg viewBox="0 0 32 32" width="12" height="10" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="10%">
          <path d="M14 9 L3 9 3 29 23 29 23 18 M18 4 L28 4 28 14 M28 4 L14 18"></path>
          </svg>
  &nbsp;Moon info</a></span>
  <span><a href="aurora_popup.php?lang=en-uk&amp;script=sun_c_block.php" data-featherlight="iframe" > - Aurora</a></span>
  <span><a href="meteors_popup.php?lang=en-uk&amp;script=sun_c_block.php" data-featherlight="iframe" > - Meteors</a></span>
  <span><a href="image_popup.php?nr=earth&lang=en-uk&amp;script=sun_c_block.php" data-featherlight="iframe" > - Map</a></span>
  <span><a href="_my_settings/iss_popup.php?lang=en-uk&amp;script=sun_c_block.php" data-featherlight="iframe" > - ISS</a></span>
      </div>
  <br></div>
    <div class="PWS_weather_item "><!-- position32 webcam_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Webcam Tazacorte</span></div>
      <div id="position32" style="height: 154px;">
  <a href="image_popup.php?nr=wcam1" data-featherlight="iframe" title="WEATHERSTATION WEBCAM">
  <img src="https://tazacorte.lapalmita-lapalma.com/webcam/Webcam_1.jpg?_1760278074" alt="weathercam" style=" width: 100%;  height:100%; ;" />
  </a>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
      </div>
  <br></div>
    <div class="PWS_weather_item "><!-- position33 webcam2_c_block.php -->
      <div class="PWS_module_title"><span style="position: relative;  top: 2px;">Webcam Los Llanos</span></div>
      <div id="position33" style="height: 154px;">
  <a href="image_popup.php?nr=wcam2" data-featherlight="iframe" title="WEATHERSTATION WEBCAM">
  <img src="https://itlapalma.es/div/webcam/Webcam_1.jpg?_1760278074" alt="weathercam" style=" width: 100%;  height:100%; ;" /></a>
      </div>
      <div class="PWS_module_title" style="text-align: left; font-size: 10px; padding-top: 4px;">
      </div>
  <br></div>
  <!-- fourth row of three or four -->
  <!-- fitht row of three or four -->
  <!-- sixth row of three or four -->
  </div><!-- end all blocks -->
  <div class="PWS_weather_container invisible" style="border: 0px; padding-left: 2px; padding-right: 2px; ">
  <table class="PWS_weather_item" style="width: 100%; height: 40px; margin: 0px auto; padding: 0px; font-size: 12px; ">
  <tr>
  <td style="text-align: left; min-width: 140px; vertical-align: top;"></td>
  <td style="text-align: center; width: 100%; vertical-align: top;">
  <span style=" margin: 0 auto;">Froggit DP1500&nbsp;&nbs
endpoints.name: http://tazacorte.lapalmita-lapalma.com/img/icon.png
endpoints.name: http://tazacorte.lapalmita-lapalma.com/favicon.ico
endpoints.html_title: Tazacorte, La Palma Home Weather Station La Palmita
endpoints.supported_versions: HTTP/1.1
endpoints.banner: HTTP/1.1 200 OK
  Server: nginx
  Date:  <REDACTED>
  Content-Type: text/html; charset=UTF-8
  Transfer-Encoding: chunked
  Connection: keep-alive
  Vary: Accept-Encoding
  Content-Encoding: gzip
  X-Powered-By: PleskLin
  
endpoints.ip: 87.253.131.61
[binary data, 10 values, 231 bytes]