{"id":564,"date":"2022-08-12T16:29:19","date_gmt":"2022-08-12T14:29:19","guid":{"rendered":"https:\/\/www2.kabel1.cz\/?page_id=564"},"modified":"2026-02-25T11:13:24","modified_gmt":"2026-02-25T10:13:24","slug":"meteostanice","status":"publish","type":"page","link":"https:\/\/www.kabel1.cz\/www\/meteostanice\/","title":{"rendered":"Meteostanice"},"content":{"rendered":"<style>.kb-row-layout-id564_0e58cb-0a > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id564_0e58cb-0a > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id564_0e58cb-0a > .kt-row-column-wrap{column-gap:80px;row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:50px;padding-bottom:151px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id564_0e58cb-0a > .kt-row-layout-overlay{opacity:0.30;}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-bottom-sep{height:100px;}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-bottom-sep svg{width:100%;}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-bottom-sep svg{fill:var(--global-palette2, #2B6CB0)!important;}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-top-sep{height:100px;}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-top-sep svg{width:100%;}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-top-sep svg{fill:var(--global-palette3, #1A202C)!important;}@media all and (max-width: 1024px){.kb-row-layout-id564_0e58cb-0a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id564_0e58cb-0a .kt-row-layout-bottom-sep{height:px;}}@media all and (max-width: 1024px){.kb-row-layout-id564_0e58cb-0a .kt-row-layout-bottom-sep svg{width:%;}}@media all and (max-width: 767px){.kb-row-layout-id564_0e58cb-0a > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-bottom-sep{height:px;}.kb-row-layout-id564_0e58cb-0a .kt-row-layout-bottom-sep svg{width:%;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id564_0e58cb-0a alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-top-sep kt-row-sep-type-wavei\"><svg viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M0,40c0,0 120.077,-38.076 250,-38c129.923,0.076 345.105,78 500,78c154.895,0 250,-30 250,-30l0,50l-1000,0l0,-60Z\" \/><\/svg><\/div><div class=\"kt-row-layout-bottom-sep kt-row-sep-type-crv\"><svg viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M1000,100c0,0 -270.987,-98 -500,-98c-229.013,0 -500,98 -500,98l1000,0Z\" \/><\/svg><\/div><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column564_77f491-03 > .kt-inside-inner-col,.kadence-column564_77f491-03 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column564_77f491-03 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column564_77f491-03 > .kt-inside-inner-col{flex-direction:column;}.kadence-column564_77f491-03 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column564_77f491-03 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column564_77f491-03{position:relative;}@media all and (max-width: 1024px){.kadence-column564_77f491-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column564_77f491-03 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column564_77f491-03 inner-column-1\"><div class=\"kt-inside-inner-col\">\n<h5 class=\"wp-block-heading\">Kl\u00e1\u0161terec nad Oh\u0159\u00ed:<\/h5>\n\n\n\r\n<style>\r\n    .grid-container {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(200px, auto));\r\n        gap: 20px;\r\n        padding: 20px;\r\n        justify-content: start;\r\n    }\r\n\r\n    .grid-item {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: space-between;\r\n        border: 3px solid #E21E51;\r\n        padding: 10px;\r\n        min-height: 130px;\r\n        max-width: 250px;\r\n        border-top-left-radius: 30px;\r\n        transition: transform 0.3s ease;\r\n        background-color: #ffffff;\r\n    }\r\n\r\n    .grid-item:hover {\r\n        transform: scale(1.5);\r\n        z-index: 10;\r\n    }\r\n\r\n    .grid-label {\r\n        align-self: flex-end;\r\n        font-weight: bold;\r\n        font-size: 0.9em;\r\n        color: #333;\r\n    }\r\n\r\n    .grid-value {\r\n        align-self: flex-start;\r\n        font-size: 1.2em;\r\n        font-weight: bold;\r\n        color: #397DBE;\r\n    }\r\n\r\n    .kompas-wrapper {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin: 40px 0;\r\n        font-size: 0.8em;\r\n    }\r\n\r\n    .kompas {\r\n        position: relative;\r\n        width: 225px;\r\n        height: 225px;\r\n        border: 3px solid #E21E51;\r\n        border-top-left-radius: 80px;\r\n        font-weight: bold;\r\n        color: #333;\r\n        transition: transform 0.3s ease;\r\n        background: #FFFFFF;\r\n        background: linear-gradient(rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url('\/grf\/czechia.svg');\r\n        background-size: 210%;\r\n        background-position: -20px -10px;\r\n    }\r\n\r\n    .kompas:hover {\r\n        transform: scale(1.5);\r\n        z-index: 10;\r\n    }\r\n\r\n    .kompas .strela {\r\n        position: absolute;\r\n        width: 8px;\r\n        height: 85px;\r\n        background: #E21E51;\r\n        top: 22.5px;\r\n        left: 50%;\r\n        transform-origin: bottom center;\r\n        transform: rotate(293deg);\r\n        z-index: 2;\r\n    }\r\n\r\n    .kompas .strela::after {\r\n        content: \"\";\r\n        position: absolute;\r\n        top: -10px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        width: 0;\r\n        height: 0;\r\n        border-left: 8px solid transparent;\r\n        border-right: 8px solid transparent;\r\n        border-bottom: 12px solid #E21E51;\r\n    }\r\n\r\n    .kompas .label {\r\n        position: absolute;\r\n        font-size: 2em !important;\r\n        line-height: 1;\r\n        z-index: 1;\r\n    }\r\n\r\n    .kompas .label.N { top: 5px; left: 50%; transform: translateX(-50%); }\r\n    .kompas .label.S { bottom: 5px; left: 50%; transform: translateX(-50%); }\r\n    .kompas .label.V { left: 5px; top: 50%; transform: translateY(-50%); }\r\n    .kompas .label.Z { right: 5px; top: 50%; transform: translateY(-50%); }\r\n\r\n    .kompas .wind-box {\r\n        position: absolute;\r\n        top: 50%;\r\n        left: 50%;\r\n        transform: translate(-50%, -50%);\r\n        width: 90px;\r\n        height: 60px;\r\n        background-color: #f0f0f0;\r\n        border: 2px solid #397DBE;\r\n        border-top-left-radius: 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        font-size: 1em;\r\n        text-align: center;\r\n        z-index: 3;\r\n    }\r\n\r\n    #interval {\r\n        background-color: #EDDCE6;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .grid-container {\r\n            grid-template-columns: repeat(2, 1fr);\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div><b>Z\u00e1kladn\u00ed info o po\u010das\u00ed:<\/b><\/div>\r\n<div class=\"grid-container\">\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Teplota vzduchu<br>[\u00b0C]<\/div>\r\n            <div class=\"grid-value\">21.5<\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Pocitov\u00e1 teplota<br>[\u00b0C]<\/div>\r\n            <div class=\"grid-value\">21.5<\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Rosn\u00fd bod<br>[\u00b0C]<\/div>\r\n            <div class=\"grid-value\">10.4<\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Relativn\u00ed vlhkost<br>[%]<\/div>\r\n            <div class=\"grid-value\">44.6<\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Absolutn\u00ed vlhkost<br>[g\/m\u00b3]<\/div>\r\n            <div class=\"grid-value\">8<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<div><b>V\u00edtr:<\/b><\/div>\r\n<div class=\"grid-container\">\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Rychlost v\u011btru<br>[m\/s]<\/div>\r\n            <div class=\"grid-value\">\r\n                3.4 (12.2 km\/h)            <\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">N\u00e1razy v\u011btru<br>[m\/s]<\/div>\r\n            <div class=\"grid-value\">\r\n                7 (25.2 km\/h)            <\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Sm\u011br v\u011btru<br>[\u00b0]<\/div>\r\n            <div class=\"grid-value\">\r\n                112.5            <\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Sm\u011br v\u011btru<br>(index)<\/div>\r\n            <div class=\"grid-value\">\r\n                VJV            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<div><b>Tlak, v\u00fd\u0161ka, slune\u010dn\u00ed z\u00e1\u0159en\u00ed:<\/b><\/div>\r\n<div class=\"grid-container\">\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Tlak<br>[hPa]<\/div>\r\n            <div class=\"grid-value\">973.5<\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Barometrick\u00e1 v\u00fd\u0161ka<br>[m n.m.]<\/div>\r\n            <div class=\"grid-value\">346<\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">UV faktor<\/div>\r\n            <div class=\"grid-value\">4.4<\/div>\r\n        <\/div>\r\n            <div class=\"grid-item\">\r\n            <div class=\"grid-label\">Sol\u00e1rn\u00ed v\u00fdkon<br>[W]<\/div>\r\n            <div class=\"grid-value\">437.3<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<div><b>\u010casov\u00e9 \u00fadaje z\u00e1znamu:<\/b><\/div>\r\n<div class=\"grid-container\">\r\n    <div class=\"grid-item\">\r\n        <div class=\"grid-label\">Datum z\u00e1znamu<\/div>\r\n        <div class=\"grid-value\">16-04-2026<\/div>\r\n    <\/div>\r\n    <div class=\"grid-item\">\r\n        <div class=\"grid-label\">\u010cas z\u00e1znamu<\/div>\r\n        <div class=\"grid-value\">13:10:02<\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<div class=\"kompas-wrapper\">\r\n    <div class=\"kompas\">\r\n        <div class=\"strela\"><\/div>\r\n        <div class=\"label N\">S<\/div>\r\n        <div class=\"label S\">J<\/div>\r\n        <div class=\"label V\">Z<\/div>\r\n        <div class=\"label Z\">V<\/div>\r\n                <div class=\"wind-box\">\r\n            <div><b>V\u00edtr VJV<\/b><\/div>\r\n            <div>12.2 km\/h<\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n<br><br>\r\n\r\n<form method=\"get\" style=\"margin-bottom: 20px;\">\r\n    <label for=\"interval\"><b>Zobrazit data za: <\/b><\/label>\r\n    <select id=\"interval\" onchange=\"nactiGrafyAJAX(this.value)\">\r\n        <option value=\"1 HOUR\">1 hodinu<\/option>\r\n        <option value=\"6 HOUR\">6 hodin<\/option>\r\n        <option value=\"12 HOUR\">12 hodin<\/option>\r\n        <option value=\"24 HOUR\">24 hodin<\/option>\r\n        <option value=\"48 HOUR\">48 hodin<\/option>\r\n        <option value=\"168 HOUR\">1 t\u00fdden<\/option>\r\n        <option value=\"720 HOUR\">1 m\u011bs\u00edc<\/option>\r\n        <option value=\"4320 HOUR\">6 m\u011bs\u00edc\u016f<\/option>\r\n    <\/select>\r\n<\/form>\r\n<br><br>\r\n\r\n<div><b>V\u00fdvoj teploty:<\/b><\/div>\r\n<div style=\"max-width: 100%; margin: 40px auto;\">\r\n    <canvas id=\"teplotaChart\" style=\"height: 250px !important; width: 100% !important;\"><\/canvas>\r\n<\/div>\r\n\r\n<div><b>V\u00fdvoj rychlosti v\u011btru:<\/b><\/div>\r\n<div style=\"max-width: 100%; margin: 40px auto;\">\r\n    <canvas id=\"vitrChart\" style=\"height: 250px !important; width: 100% !important;\"><\/canvas>\r\n<\/div>\r\n\r\n<div><b>V\u00fdvoj tlaku:<\/b><\/div>\r\n<div style=\"max-width: 100%; margin: 40px auto;\">\r\n    <canvas id=\"tlakChart\" style=\"height: 250px !important; width: 100% !important;\"><\/canvas>\r\n<\/div>\r\n\r\n<div><b>V\u00fdvoj UV indexu:<\/b><\/div>\r\n<div style=\"max-width: 100%; margin: 40px auto;\">\r\n    <canvas id=\"uvChart\" style=\"height: 250px !important; width: 100% !important;\"><\/canvas>\r\n<\/div>\r\n\r\n<div><b>V\u00fdvoj sol\u00e1rn\u00edho v\u00fdkonu:<\/b><\/div>\r\n<div style=\"max-width: 100%; margin: 40px auto;\">\r\n    <canvas id=\"solarChart\" style=\"height: 250px !important; width: 100% !important;\"><\/canvas>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<script>\r\nfunction vytvorGraf(canvasId, popis, data, jednotka, barva, casy) {\r\n    const ctx = document.getElementById(canvasId).getContext('2d');\r\n    new Chart(ctx, {\r\n        type: 'line',\r\n        data: {\r\n            labels: casy,\r\n            datasets: [{\r\n                label: popis,\r\n                data: data,\r\n                borderColor: barva,\r\n                backgroundColor: barva.replace(')', ', 0.1)').replace('rgb', 'rgba'),\r\n                fill: true,\r\n                tension: 0.2,\r\n                borderWidth: 2,\r\n                pointRadius: 2,\r\n                pointStyle: 'circle'\r\n            }]\r\n        },\r\n        options: {\r\n            responsive: true,\r\n            maintainAspectRatio: false,\r\n            plugins: {\r\n                legend: { display: false },\r\n                tooltip: { mode: 'index', intersect: false }\r\n            },\r\n            scales: {\r\n                x: { title: { display: true, text: '\u010cas' } },\r\n                y: { title: { display: true, text: jednotka } }\r\n            }\r\n        }\r\n    });\r\n}\r\n\r\nfunction nactiGrafyAJAX(interval) {\r\n    \/\/ P\u0159edpokl\u00e1d\u00e1 se, \u017ee grafdata.php tak\u00e9 vyu\u017e\u00edv\u00e1 sloupce datum\/cas a vrac\u00ed 'zaznam_cas' jako alias\r\n    fetch('\/grafdata.php?interval=' + encodeURIComponent(interval))\r\n        .then(resp => resp.json())\r\n        .then(data => {\r\n            const casy = data.map(r => r.zaznam_cas);\r\n            const teploty = data.map(r => parseFloat(r.temperature));\r\n            const vetry = data.map(r => parseFloat(r.windspeed));\r\n            const narazy = data.map(r => parseFloat(r.windgust));\r\n            const uvs = data.map(r => parseFloat(r.uf));\r\n            const solary = data.map(r => parseFloat(r.spower));\r\n            const tlaky = data.map(r => parseFloat(r.pressure));\r\n\r\n            Chart.getChart(\"teplotaChart\")?.destroy();\r\n            Chart.getChart(\"vitrChart\")?.destroy();\r\n            Chart.getChart(\"tlakChart\")?.destroy();\r\n            Chart.getChart(\"uvChart\")?.destroy();\r\n            Chart.getChart(\"solarChart\")?.destroy();\r\n\r\n            vytvorGraf('teplotaChart', 'Teplota [\u00b0C]', teploty, 'Teplota [\u00b0C]', 'rgb(226,30,81)', casy);\r\n            vytvorGraf('tlakChart', 'Tlak [hPa]', tlaky, 'Tlak [hPa]', 'rgb(139,0,0)', casy);\r\n            vytvorGraf('uvChart', 'UV index', uvs, 'UV index', 'rgb(255,165,0)', casy);\r\n            vytvorGraf('solarChart', 'Sol\u00e1rn\u00ed v\u00fdkon [W]', solary, 'V\u00fdkon [W]', 'rgb(255,215,0)', casy);\r\n\r\n            const ctxVitr = document.getElementById('vitrChart').getContext('2d');\r\n            new Chart(ctxVitr, {\r\n                type: 'line',\r\n                data: {\r\n                    labels: casy,\r\n                    datasets: [\r\n                        {\r\n                            label: 'V\u00edtr [m\/s]',\r\n                            data: vetry,\r\n                            borderColor: 'rgb(57,125,190)',\r\n                            backgroundColor: 'rgba(57,125,190,0.1)',\r\n                            fill: true,\r\n                            tension: 0.2\r\n                        },\r\n                        {\r\n                            label: 'N\u00e1razy v\u011btru [m\/s]',\r\n                            data: narazy,\r\n                            borderColor: 'rgb(226,30,81)',\r\n                            backgroundColor: 'rgba(226,30,81,0.1)',\r\n                            fill: true,\r\n                            tension: 0.2\r\n                        }\r\n                    ]\r\n                },\r\n                options: {\r\n                    responsive: true,\r\n                    maintainAspectRatio: false,\r\n                    plugins: {\r\n                        legend: { display: true },\r\n                        tooltip: { mode: 'index', intersect: false }\r\n                    },\r\n                    scales: {\r\n                        x: { title: { display: true, text: '\u010cas' } },\r\n                        y: { title: { display: true, text: 'Rychlost [m\/s]' } }\r\n                    }\r\n                }\r\n            });\r\n        });\r\n}\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    nactiGrafyAJAX(\"1 HOUR\");\r\n});\r\n<\/script><\/div><\/div>\n\n<\/div><\/div>\n\n<style>.kb-row-layout-id564_c04e33-52 > .kt-row-column-wrap{align-content:start;}:where(.kb-row-layout-id564_c04e33-52 > .kt-row-column-wrap) > .wp-block-kadence-column{justify-content:start;}.kb-row-layout-id564_c04e33-52 > .kt-row-column-wrap{column-gap:80px;row-gap:var(--global-kb-gap-md, 2rem);max-width:var( --global-content-width, 1290px );padding-left:var(--global-content-edge-padding);padding-right:var(--global-content-edge-padding);padding-top:78px;padding-bottom:50px;grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id564_c04e33-52 > .kt-row-layout-overlay{opacity:0.30;}.kb-row-layout-id564_c04e33-52 .kt-row-layout-bottom-sep{height:100px;}.kb-row-layout-id564_c04e33-52 .kt-row-layout-bottom-sep svg{width:100%;}.kb-row-layout-id564_c04e33-52 .kt-row-layout-bottom-sep svg{fill:#ffffff!important;}.kb-row-layout-id564_c04e33-52 .kt-row-layout-top-sep{height:100px;}.kb-row-layout-id564_c04e33-52 .kt-row-layout-top-sep svg{width:100%;}.kb-row-layout-id564_c04e33-52 .kt-row-layout-top-sep svg{fill:var(--global-palette2, #2B6CB0)!important;}@media all and (max-width: 1024px){.kb-row-layout-id564_c04e33-52 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}}@media all and (max-width: 1024px){.kb-row-layout-id564_c04e33-52 .kt-row-layout-bottom-sep{height:px;}}@media all and (max-width: 1024px){.kb-row-layout-id564_c04e33-52 .kt-row-layout-bottom-sep svg{width:%;}}@media all and (max-width: 767px){.kb-row-layout-id564_c04e33-52 > .kt-row-column-wrap{grid-template-columns:minmax(0, 1fr);}.kb-row-layout-id564_c04e33-52 .kt-row-layout-bottom-sep{height:px;}.kb-row-layout-id564_c04e33-52 .kt-row-layout-bottom-sep svg{width:%;}}<\/style><div class=\"kb-row-layout-wrap kb-row-layout-id564_c04e33-52 alignnone wp-block-kadence-rowlayout\"><div class=\"kt-row-layout-top-sep kt-row-sep-type-crvri\"><svg viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\"><path d=\"M1000,0c0,0 -120.987,98 -350,98c-229.013,0 -650,-98 -650,-98l0,100l1000,0l0,-100Z\" \/><\/svg><\/div><div class=\"kt-row-column-wrap kt-has-1-columns kt-row-layout-equal kt-tab-layout-inherit kt-mobile-layout-row kt-row-valign-top kb-theme-content-width\">\n<style>.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col,.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col{flex-direction:column;}.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column564_9cf3a0-d6{position:relative;}@media all and (max-width: 1024px){.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.kadence-column564_9cf3a0-d6 > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}<\/style>\n<div class=\"wp-block-kadence-column kadence-column564_9cf3a0-d6 inner-column-1\"><div class=\"kt-inside-inner-col\">\n<h5 class=\"wp-block-heading\">Al\u0161ovka:<\/h5>\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Orbitron:wght@700&#038;display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    .grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n        gap: 1.5em;\r\n        padding: 2em;\r\n        font-family: system-ui, sans-serif;\r\n    }\r\n\r\n    .tile {\r\n        border: 3px solid #E21E51;\r\n        border-radius: 30px 0 0 0;\r\n        padding: 1.5em;\r\n        transition: all 0.2s ease;\r\n    }\r\n\r\n    \/* Styl pro nedostupn\u00fd senzor *\/\r\n    .tile-offline {\r\n        border-color: #666;\r\n        opacity: 0.7;\r\n        filter: grayscale(1);\r\n    }\r\n\r\n    .error-msg {\r\n        color: #ff4444;\r\n        font-weight: bold;\r\n        text-align: center;\r\n        margin-top: 1em;\r\n    }\r\n\r\n\t.digital {\r\n\t\tfont-family: 'Orbitron', sans-serif;\r\n\t\tletter-spacing: 0.05em;\r\n\t\tcolor: white; \/* Vr\u00e1til jsem b\u00edlou, aby byla na r\u016f\u017eov\u00e9m pozad\u00ed \u010diteln\u00e1 *\/\r\n\t\tbackground-color: #E61256;\r\n\t\tpadding: 0.1em 0.5em; \/* Zv\u011bt\u0161en\u00fd prostor kolem textu *\/\r\n\t\tborder-radius: 4px;\r\n\t\tdisplay: inline-block;\r\n\t\ttext-align: right;\r\n\t\tfont-size: 1.6em;\r\n\t\tmin-width: 100px; \/* Voliteln\u00e9: zajist\u00ed, \u017ee v\u0161echny box\u00edky budou stejn\u011b \u0161irok\u00e9 *\/\r\n\t}\r\n\r\n\t.tile h5 {\r\n\t\tfont-size: 1.2em;      \/* Zv\u011bt\u0161\u00ed velikost p\u00edsma *\/\r\n\t\tmargin-top: 0;        \/* Odstran\u00ed zbyte\u010dn\u00e9 m\u00edsto naho\u0159e *\/\r\n\t\tmargin-bottom: 1em;   \/* P\u0159id\u00e1 trochu m\u00edsta pod n\u00e1zvem p\u0159ed hodnotami *\/\r\n\t\tcolor: #333;          \/* Barva p\u00edsma (nebo pou\u017eij libovolnou jinou) *\/\r\n\t\tfont-weight: 700;     \/* Tu\u010dn\u00e9 p\u00edsmo *\/\r\n\t}\r\n    \r\n    \/* ... zbytek tv\u00fdch styl\u016f ... *\/\r\n<\/style>\r\n\r\n<div class=\"grid\">\r\n<div class=\"tile\"><h5>POKLADNA (775 m n.m.)<\/h5><p><b>TEPLOTA: <\/b><span class='digital'> 13,7 \u00b0C<\/span><\/p><p><b>VLHKOST: <\/b><span class='digital'> 55,4 %<\/span><\/p><p><b>ROSN\u00dd BOD: <\/b><span class='digital'> 4,9 \u00b0C<\/span><\/p><\/div><div class=\"tile\"><h5>MAL\u00dd VLEK (715 m n.m.)<\/h5><p><b>TEPLOTA: <\/b><span class='digital'> 13,9 \u00b0C<\/span><\/p><p><b>VLHKOST: <\/b><span class='digital'> 53,1 %<\/span><\/p><p><b>ROSN\u00dd BOD: <\/b><span class='digital'> 4,5 \u00b0C<\/span><\/p><\/div><div class=\"tile\"><h5>VELK\u00dd VLEK (655 m n.m.)<\/h5><p><b>TEPLOTA: <\/b><span class='digital'> 16,2 \u00b0C<\/span><\/p><p><b>VLHKOST: <\/b><span class='digital'> 54,7 %<\/span><\/p><p><b>ROSN\u00dd BOD: <\/b><span class='digital'> 7,0 \u00b0C<\/span><\/p><\/div><\/div>\n\n\n<p class=\"has-text-align-center\">Tato str\u00e1nka se automaticky obnovuje ka\u017ed\u00fdch 5 minut.<\/p>\n<\/div><\/div>\n\n<\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Kl\u00e1\u0161terec nad Oh\u0159\u00ed: Al\u0161ovka: Tato str\u00e1nka se automaticky obnovuje ka\u017ed\u00fdch 5 minut.<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-564","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/pages\/564","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/comments?post=564"}],"version-history":[{"count":51,"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/pages\/564\/revisions"}],"predecessor-version":[{"id":22536,"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/pages\/564\/revisions\/22536"}],"wp:attachment":[{"href":"https:\/\/www.kabel1.cz\/www\/wp-json\/wp\/v2\/media?parent=564"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}