{"id":6,"date":"2026-04-26T12:21:02","date_gmt":"2026-04-26T12:21:02","guid":{"rendered":"https:\/\/bad.rulle.eu\/?page_id=6"},"modified":"2026-10-22T15:53:21","modified_gmt":"2026-10-22T15:53:21","slug":"bad-temp-kyrksjon","status":"publish","type":"page","link":"https:\/\/bad.rulle.eu\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6\" class=\"elementor elementor-6\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1150bf5 e-con e-atomic-element e-div-block-base \" data-id=\"1150bf5\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"1150bf5\">\n    \t\t\t<p class=\"e-paragraph-base\" data-interaction-id=\"8451e45\"><strong>Nu \u00e4r tempm\u00e4taren f\u00f6r V\u00e4ttern (Strandv\u00e4gen) ig\u00e5ngk\u00f6rd f\u00f6r provdrift<\/strong><\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-689a2e2 e-grid e-con-boxed e-con e-parent\" data-id=\"689a2e2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fcc65d elementor-widget elementor-widget-html\" data-id=\"0fcc65d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; margin: 20px auto; max-width: 450px; font-family: Arial, sans-serif;\">\r\n  <h2 style=\"margin: 0 0 15px 0; color: #333333; font-size: 24px; font-weight: bold;\">Badtemp Kyrksj\u00f6n<\/h2>\r\n<iframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/channels\/2164543\/widgets\/658248\"><\/iframe>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cb7c58a elementor-widget elementor-widget-html\" data-id=\"cb7c58a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/channels\/2543970\/charts\/1?bgcolor=%23acd4fc&color=%23043c75&days=150&dynamic=true&title=BadTemp&type=line&yaxis=Datum\"><\/iframe>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3b52feb elementor-widget elementor-widget-html\" data-id=\"3b52feb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; margin: 20px auto; max-width: 450px; font-family: Arial, sans-serif;\">\n  <h2 style=\"margin: 0 0 15px 0; color: #333333; font-size: 24px; font-weight: bold;\">Utetemperatur<\/h2>\n<iframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/channels\/2164543\/widgets\/1265235\"><\/iframe>\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ab8f078 elementor-widget elementor-widget-html\" data-id=\"ab8f078\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<iframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/channels\/2543970\/charts\/2?bgcolor=%23f7a1a5&color=%23d62020&days=150&dynamic=true&title=H%C3%B6gsta+utetemp&type=line&xaxis=Datum&yaxis=Temp\"><\/iframe>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-985701b elementor-widget elementor-widget-html\" data-id=\"985701b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; margin: 20px auto; max-width: 450px; font-family: Arial, sans-serif;\">\n  <h2 style=\"margin: 0 0 15px 0; color: #333333; font-size: 24px; font-weight: bold;\">\n    Badtemp V\u00e4ttern\n  <\/h2>\n  \n  <!-- Den runda m\u00e4tarkonstruktionen (Helt i CSS, laddar p\u00e5 en millisekund) -->\n  <div style=\"position: relative; width: 180px; height: 180px; margin: 0 auto; background: conic-gradient(from 240deg, #0056b3 0deg, #28a745 80deg, #ffc107 160deg, #dc3545 220deg, #ffffff 240deg); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0,0,0,0.15);\">\n    \n    <!-- Inre vit cirkel -->\n    <div style=\"width: 140px; height: 140px; background: #ffffff; border-radius: 50%; position: relative;\">\n      \n      <!-- Skalmarkeringar i botten -->\n      <div style=\"position: absolute; bottom: 38px; left: 22px; font-size: 11px; color: #999999; font-weight: bold;\">0<\/div>\n      <div style=\"position: absolute; bottom: 38px; right: 22px; font-size: 11px; color: #999999; font-weight: bold;\">25<\/div>\n      \n      <!-- H\u00e4r visas temperaturen i den nedre delen s\u00e5 den inte skymmer visaren -->\n      <div style=\"position: absolute; bottom: 15px; left: 0; right: 0; text-align: center; z-index: 2;\">\n        <span id=\"vattern-temp-live\" style=\"font-size: 24px; font-weight: bold; color: #333333;\">--.-<\/span>\n        <span id=\"vattern-enhet-live\" style=\"font-size: 14px; color: #666666; font-weight: bold; margin-left: 2px;\">\u00b0C<\/span>\n      <\/div>\n      \n      <!-- Perfekt centrerad m\u00e4tarn\u00e5l som snurrar runt mitten -->\n      <div id=\"needle-live\" style=\"position: absolute; top: 50%; left: 50%; width: 0; height: 0; transform: rotate(-120deg); transition: transform 1s ease-in-out; z-index: 1;\">\n        <div style=\"position: absolute; bottom: 0; left: -2px; width: 4px; height: 55px; background: #333333; border-radius: 2px 2px 0 0;\"><\/div>\n      <\/div>\n      \n      <!-- T\u00e4ckbricka i mitten ovanp\u00e5 n\u00e5lens axel -->\n      <div style=\"position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background: #333333; border-radius: 50%; margin-left: -5px; margin-top: -5px; z-index: 2;\"><\/div>\n    <\/div>\n  <\/div>\n  \n  <div style=\"margin-top: 10px; font-size: 12px; color: #666666;\">\n    Uppdaterat: <span id=\"vattern-tid-live\">-<\/span>\n  <\/div>\n<\/div>\n\n<script type=\"text\/javascript\">\nfunction laddaVatternM\u00e4tare() {\n  \/\/ Vi h\u00e4mtar v\u00e4rdet som en ren textfil (JSON) ist\u00e4llet f\u00f6r en iFrame. Det g\u00e5r blixtsnabbt.\nconst url = \"https:\/\/api.thingspeak.com\/channels\/2544423\/feeds\/last.json\";\n\n  fetch(url)\n    .then(response => {\n      if (!response.ok) throw new Error(\"Kunde inte n\u00e5 servern\");\n      return response.json();\n    })\n    .then(data => {\n      \/\/ H\u00e4mta v\u00e4rdet (vi testar field1, om det \u00e4r tomt visar den \u00e4nd\u00e5 n\u00e5got)\n      let r\u00e5ttV\u00e4rde = data.field1 || data.field2 || \"0\";\n      const temperatur = parseFloat(r\u00e5ttV\u00e4rde);\n      \n      \/\/ Skriv ut siffran direkt p\u00e5 sk\u00e4rmen\n      document.getElementById(\"vattern-temp-live\").innerText = temperatur.toFixed(1);\n      \n      \/\/ Ber\u00e4kna n\u00e5lens vinkel p\u00e5 skalan 0 till 25 grader\n      const minTemp = 0;\n      const maxTemp = 25;\n      let vinkel = ((temperatur - minTemp) \/ (maxTemp - minTemp)) * 240 - 120;\n      \n      \/\/ H\u00e5ll n\u00e5len inom m\u00e4tartavlan\n      if (vinkel < -120) vinkel = -120;\n      if (vinkel > 120) vinkel = 120;\n      \n      \/\/ Flytta m\u00e4tarn\u00e5len mjukt\n      document.getElementById(\"needle-live\").style.transform = `rotate(${vinkel}deg)`;\n      \n      \/\/ S\u00e4tt klockslag\n      if (data.created_at) {\n        const tid = new Date(data.created_at).toLocaleTimeString('sv-SE', {\n          hour: '2-digit', \n          minute: '2-digit'\n        });\n        document.getElementById(\"vattern-tid-live\").innerText = tid;\n      }\n    })\n    .catch(error => {\n      console.error(\"Fel:\", error);\n      document.getElementById(\"vattern-temp-live\").innerText = \"Fel\";\n    });\n}\n\n\/\/ K\u00f6r ig\u00e5ng direkt vid laddning\nladdaVatternM\u00e4tare();\n\n\/\/ Uppdatera i bakgrunden var 5:e minut\nsetInterval(laddaVatternM\u00e4tare, 300000);\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ef7032 e-con e-atomic-element e-flexbox-base e-5ef7032-e5e542c Badtemp \" data-id=\"5ef7032\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5ef7032\">\n    \t\t<div class=\"elementor-element elementor-element-4cc355f elementor-widget elementor-widget-html\" data-id=\"4cc355f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div style=\"text-align: center; margin: 20px auto; max-width: 450px; font-family: Arial, sans-serif;\">\r\n  <h2 style=\"margin: 0 0 15px 0; color: #333333; font-size: 24px; font-weight: bold;\">Badtemp V\u00e4ttern<\/h2><iframe width=\"450\" height=\"260\" style=\"border: 1px solid #cccccc;\" src=\"https:\/\/thingspeak.com\/channels\/2544423\/charts\/1?bgcolor=%23ffffff&color=%23d62020&days=120&dynamic=true&title=Vattentemp&type=line\"><\/iframe>\r\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b22dbb e-con e-atomic-element e-flexbox-base \" data-id=\"7b22dbb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7b22dbb\">\n    \n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-51d63c6 e-flex e-con-boxed e-con e-parent\" data-id=\"51d63c6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a4a374 e-flex e-con-boxed e-con e-parent\" data-id=\"5a4a374\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-817443c e-con e-atomic-element e-div-block-base \" data-id=\"817443c\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"817443c\">\n    \n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nu \u00e4r tempm\u00e4taren f\u00f6r V\u00e4ttern (Strandv\u00e4gen) ig\u00e5ngk\u00f6rd f\u00f6r provdrift Badtemp Kyrksj\u00f6n Utetemperatur Badtemp V\u00e4ttern 0 25 &#8211;.- \u00b0C Uppdaterat: &#8211; Badtemp V\u00e4ttern<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":133,"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":196,"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/196"}],"wp:attachment":[{"href":"https:\/\/bad.rulle.eu\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}