{"id":6,"date":"2025-01-27T03:35:47","date_gmt":"2025-01-27T03:35:47","guid":{"rendered":"https:\/\/www.thermosis.com\/?page_id=6"},"modified":"2025-01-27T03:35:47","modified_gmt":"2025-01-27T03:35:47","slug":"thermo","status":"publish","type":"page","link":"https:\/\/www.thermosis.com\/","title":{"rendered":"thermo"},"content":{"rendered":"<div class=\"container\">\n<div class=\"campfire-wrapper\">\n<div class=\"tree-container-back\">\n<div class=\"tree-8\"><\/div>\n<div class=\"tree-9\"><\/div>\n<div class=\"tree-10\"><\/div>\n<\/p><\/div>\n<div class=\"rock-container\">\n<div class=\"rock-big\"><\/div>\n<div class=\"rock-small\">\n<div class=\"rock-1\"><\/div>\n<div class=\"rock-2\"><\/div>\n<div class=\"rock-3\"><\/div>\n<div class=\"rock-4\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"smoke-container\">\n\t\t\t<svg>\n\t\t\t<path d=\"M 150 0 Q 200 100 100 250 C 0 450 120 400 50 600  \" \/>\n\t\t<\/svg><\/p>\n<div class=\"fire-container\">\n<div class=\"flame-1\"><\/div>\n<div class=\"flame-2\"><\/div>\n<div class=\"flame-3\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<div class=\"tree-container-front\">\n<div class=\"tree-1\"><\/div>\n<div class=\"tree-2\"><\/div>\n<div class=\"tree-3\"><\/div>\n<div class=\"tree-4\"><\/div>\n<div class=\"tree-5\"><\/div>\n<div class=\"tree-6\"><\/div>\n<div class=\"tree-7\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<style type=\"text\/css\">\n:root {<br \/>\n    --color-sky-light: #FFD2BC;<br \/>\n    --color-sky-dark: #F8B9AE;<br \/>\n    --color-tree-dark: #365E57;<br \/>\n    --color-rock-dark: #2F484F;<br \/>\n    --color-rock-light: #917472;<br \/>\n    --color-flame-yellow: #FDE26C;<br \/>\n    --color-flame-orange: #FDA263;<br \/>\n}<\/p>\n<p>* {<br \/>\n    box-sizing: border-box;<br \/>\n    margin: 0;<br \/>\n    padding: 0;<br \/>\n    transition: all 0.2s ease;<br \/>\n}<\/p>\n<p>*:before,<br \/>\n*:after {<br \/>\n    content: \"\";<br \/>\n    position: absolute;<br \/>\n}<\/p>\n<p>.container {<br \/>\n    background: linear-gradient(var(--color-sky-light), var(--color-sky-dark));<br \/>\n    width: 100%;<br \/>\n    height: 100vh;<br \/>\n    display: flex;<br \/>\n    justify-content: center;<br \/>\n    align-items: center;<br \/>\n}<\/p>\n<p>.container:before {<br \/>\n    width: 100%;<br \/>\n    height: 100vh;<br \/>\n    background-image: url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl\/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T\/hRo9\/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty\/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz\/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF\/C1M8uP\/ZtYdiuj26UdAdQQSXQErwSOMzt\/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3\/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W\/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z\/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp\/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip\/ppIhA1\/mSZ\/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK\/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+\/q\/AWR0tJzYHRULOa4MP+W\/HfGadZUbfw177G7j\/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT\/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2\/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG\/D86ruKEauBjvH5xy6um\/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH\/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp\/3fEV5a+4wz\/\/6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4\/wuqcXY47QILbgAAAABJRU5ErkJggg==);<br \/>\n    opacity: 0.4;<br \/>\n    z-index: 1000;<br \/>\n}<\/p>\n<p>.campfire-wrapper {<br \/>\n    width: 500px;<br \/>\n    height: 400px;<br \/>\n    position: relative;<br \/>\n}<\/p>\n<p>.tree-container-front,<br \/>\n.tree-container-back {<br \/>\n    bottom: 0;<br \/>\n    height: 200px;<br \/>\n    position: absolute;<br \/>\n}<\/p>\n<p>.tree-container-front {<br \/>\n    width: 390px;<br \/>\n}<\/p>\n<p>.tree-container-back {<br \/>\n    width: 110px;<br \/>\n    right: 0;<br \/>\n}<\/p>\n<p>.tree-container-front > div,<br \/>\n.tree-container-back > div {<br \/>\n    border-bottom-color: var(--color-tree-dark);<br \/>\n    border-bottom-style: solid;<br \/>\n    position: absolute;<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border-left-color: transparent;<br \/>\n    border-right-color: transparent;<br \/>\n    border-right-style: solid;<br \/>\n    border-left-style: solid;<br \/>\n}<\/p>\n<p>.tree-container-front > div:before,<br \/>\n.tree-container-back > div:before {<br \/>\n    border-top-color: var(--color-tree-dark);<br \/>\n    border-top-style: solid;<br \/>\n    position: absolute;<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border-left-color: transparent;<br \/>\n    border-right-color: transparent;<br \/>\n    border-right-style: solid;<br \/>\n    border-left-style: solid;<br \/>\n    transform: skewX(-70deg);<br \/>\n    opacity: 0.5;<br \/>\n}<\/p>\n<p>.tree-1,<br \/>\n.tree-2,<br \/>\n.tree-10 {<br \/>\n    border-left-width: 6px;<br \/>\n    border-right-width: 6px;<br \/>\n    border-bottom-width: 32px;<br \/>\n    bottom: 68px;<br \/>\n    left: 80px;<br \/>\n}<\/p>\n<p>.tree-1:before,<br \/>\n.tree-2:before,<br \/>\n.tree-10:before {<br \/>\n    margin-top: 32px;<br \/>\n    border-left-width: 6px;<br \/>\n    border-right-width: 6px;<br \/>\n    border-top-width: 13px;<br \/>\n    left: -24px;<br \/>\n}<\/p>\n<p>.tree-2 {<br \/>\n    left: 160px;<br \/>\n}<\/p>\n<p>.tree-3,<br \/>\n.tree-4,<br \/>\n.tree-5,<br \/>\n.tree-6,<br \/>\n.tree-7,<br \/>\n.tree-8,<br \/>\n.tree-9 {<br \/>\n    border-left-width: 6px;<br \/>\n    border-right-width: 6px;<br \/>\n    border-bottom-width: 56px;<br \/>\n    bottom: 72px;<br \/>\n    left: 172px;<br \/>\n}<\/p>\n<p>.tree-3:before,<br \/>\n.tree-4:before,<br \/>\n.tree-5:before,<br \/>\n.tree-6:before,<br \/>\n.tree-7:before,<br \/>\n.tree-8:before,<br \/>\n.tree-9:before {<br \/>\n    margin-top: 56px;<br \/>\n    border-left-width: 6px;<br \/>\n    border-right-width: 6px;<br \/>\n    border-top-width: 23px;<br \/>\n    left: -38px;<br \/>\n}<\/p>\n<p>.tree-4 {<br \/>\n    bottom: 64px;<br \/>\n    left: 238px;<br \/>\n}<\/p>\n<p>.tree-4:before {<br \/>\n    border-top-width: 13px;<br \/>\n    left: -24px;<br \/>\n}<\/p>\n<p>.tree-5 {<br \/>\n    bottom: 76px;<br \/>\n    left: 334px;<br \/>\n}<\/p>\n<p>.tree-5:before {<br \/>\n    border-top-width: 18px;<br \/>\n    left: -31px;<br \/>\n}<\/p>\n<p>.tree-6 {<br \/>\n    bottom: 100px;<br \/>\n    left: 362px;<br \/>\n}<\/p>\n<p>.tree-6:before {<br \/>\n    border-top-width: 12px;<br \/>\n    left: -22px;<br \/>\n}<\/p>\n<p>.tree-7 {<br \/>\n    bottom: 110px;<br \/>\n    left: 368px;<br \/>\n}<\/p>\n<p>.tree-7:before {<br \/>\n    border-top-width: 15px;<br \/>\n    left: -26px;<br \/>\n}<\/p>\n<p>.tree-8 {<br \/>\n    bottom: 120px;<br \/>\n    left: 6px;<br \/>\n}<\/p>\n<p>.tree-9 {<br \/>\n    bottom: 115px;<br \/>\n    left: 12px;<br \/>\n}<\/p>\n<p>.tree-9:before, .tree-8:before {<br \/>\n    border-top-width: 0px;<br \/>\n}<\/p>\n<p>.tree-10 {<br \/>\n    bottom: 130px;<br \/>\n    left: 34px;<br \/>\n}<\/p>\n<p>.tree-10:before {<br \/>\n    border-top-width: 10px;<br \/>\n    left: -20px;<br \/>\n}<\/p>\n<p>.rock-container {<br \/>\n    position: absolute;<br \/>\n    width: 180px;<br \/>\n    height: 100px;<br \/>\n    bottom: 66px;<br \/>\n    right: 40px;<br \/>\n}<\/p>\n<p>.rock-big {<br \/>\n    position: absolute;<br \/>\n    height: 38px;<br \/>\n    width: 74px;<br \/>\n    border-radius: 74px 74px 0 0;<br \/>\n    left: 80px;<br \/>\n    bottom: 46px;<br \/>\n    background-image: radial-gradient( circle at bottom right,<br \/>\n    var(--color-rock-light)20%,<br \/>\n    var(--color-rock-dark) 60%);<br \/>\n}<\/p>\n<p>.rock-big:before {<br \/>\n    position: absolute;<br \/>\n    background-color: var(--color-rock-light);<br \/>\n    transform: skewX(-70deg);<br \/>\n    opacity: 0.6;<br \/>\n    margin-top: 38px;<br \/>\n    height: 18px;<br \/>\n    width: 74px;<br \/>\n    border-radius: 0 0 74px 74px;<br \/>\n    left: -25px;<br \/>\n}<\/p>\n<p>.rock-small > div {<br \/>\n    position: absolute;<br \/>\n    height: 6px;<br \/>\n    width: 12px;<br \/>\n    border-radius: 6px 6px 0 0;<br \/>\n}<\/p>\n<p>.rock-small > div:before {<br \/>\n    position: absolute;<br \/>\n    background-color: var(--color-rock-light);<br \/>\n    transform: skewX(-70deg);<br \/>\n    opacity: 0.5;<br \/>\n}<\/p>\n<p>.rock-1,<br \/>\n.rock-2,<br \/>\n.rock-3,<br \/>\n.rock-4 {<br \/>\n    background-image: radial-gradient( circle at bottom right,<br \/>\n    var(--color-rock-light)20%,<br \/>\n    var(--color-rock-dark) 90%);<br \/>\n    left: 70px;<br \/>\n    bottom: 44px;<br \/>\n}<\/p>\n<p>.rock-1:before,<br \/>\n.rock-2:before,<br \/>\n.rock-3:before,<br \/>\n.rock-4:before {<br \/>\n    margin-top: 6px;<br \/>\n    height: 6px;<br \/>\n    width: 12px;<br \/>\n    border-radius: 0 0 6px 6px;<br \/>\n    left: -8px;<br \/>\n}<\/p>\n<p>.rock-2,<br \/>\n.rock-3 {<br \/>\n    background-image: radial-gradient( circle at bottom right,<br \/>\n    var(--color-rock-light)60%,<br \/>\n    var(--color-rock-dark));<\/p>\n<p>}<\/p>\n<p>.rock-2 {<br \/>\n    left: 48px;<br \/>\n    bottom: 36px;<br \/>\n}<\/p>\n<p>.rock-3 {<br \/>\n    left: 30px;<br \/>\n    bottom: 28px;<br \/>\n}<\/p>\n<p>.rock-4 {<br \/>\n    left: 24px;<br \/>\n    bottom: 16px;<br \/>\n}<\/p>\n<p>.smoke-container {<br \/>\n\tposition: absolute;<br \/>\n\theight: 630px;<br \/>\n\twidth: 200px;<br \/>\n\tbottom: 86px;<br \/>\n\tleft: 270px;<br \/>\n\t-webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 30%, rgba(0,0,0,0));<br \/>\n\t-webkit-mask-size: 100% 100%;<br \/>\n\t-webkit-mask-repeat: no-repeat;<br \/>\n\t-webkit-mask-position: center bottom;<br \/>\n}<br \/>\n.fire-container {<br \/>\n    position: absolute;<br \/>\n    width: 42px;<br \/>\n    height: 42px;<br \/>\n    border-radius: 50%;<br \/>\n    background: transparent;<br \/>\n    box-shadow: 0 0 30px rgba(255, 255, 255, 0.7);<br \/>\n    bottom: 0px;<br \/>\n    left: 30px;<br \/>\n    transform-origin: center center;<br \/>\n    transform: rotate(-5deg);<br \/>\n    animation: flicker 3s ease alternate infinite;<br \/>\n}<\/p>\n<p>.flame-1 {<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border: 10px solid transparent;<br \/>\n    border-bottom: 34px solid var(--color-flame-yellow);<br \/>\n    position: absolute;<br \/>\n    top: -30px;<br \/>\n    left: 10px;<br \/>\n    opacity: 0.4;<br \/>\n}<\/p>\n<p>.flame-1:after {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    left: -10px;<br \/>\n    top: 34px;<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border: 10px solid transparent;<br \/>\n    border-top: 16px solid var(--color-flame-yellow);<br \/>\n}<\/p>\n<p>.flame-2 {<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border: 4px solid transparent;<br \/>\n    border-bottom: 12px solid var(--color-flame-orange);<br \/>\n    position: absolute;<br \/>\n    top: 6px;<br \/>\n    left: 16px;<br \/>\n    opacity: 0.8;<br \/>\n}<\/p>\n<p>.flame-2:after {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    left: -4px;<br \/>\n    top: 12px;<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border: 4px solid transparent;<br \/>\n    border-top: 8px solid var(--color-flame-orange);<br \/>\n}<\/p>\n<p>.flame-3 {<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border: 1px solid transparent;<br \/>\n    border-bottom: 4px solid var(--color-sky-light);<br \/>\n    position: absolute;<br \/>\n    top: 20px;<br \/>\n    left: 19px;<br \/>\n    opacity: 0.9;<br \/>\n}<\/p>\n<p>.flame-3:after {<br \/>\n    content: '';<br \/>\n    position: absolute;<br \/>\n    left: -1px;<br \/>\n    top: 4px;<br \/>\n    width: 0;<br \/>\n    height: 0;<br \/>\n    border: 1px solid transparent;<br \/>\n    border-top: 4px solid var(--color-sky-light);<br \/>\n}<\/p>\n<p>@keyframes flicker{<br \/>\n  0%   {transform: rotate(-1deg);}<br \/>\n  20%  {transform: rotate(1deg);}<br \/>\n  40%  {transform: rotate(-1deg);}<br \/>\n  60%  {transform: rotate(1deg) scale(1.1);}<br \/>\n  80%  {transform: rotate(-2deg) scale(1);}<br \/>\n  100% {transform: rotate(1deg);}<br \/>\n}<\/p>\n<p>svg {<br \/>\n\tposition: absolute;<br \/>\n\ttop: 0;<br \/>\n\theight: 600px;<br \/>\n\twidth: 200px;<br \/>\n}<\/p>\n<p>svg path {<br \/>\n\tfill: none;<br \/>\n\tstroke: white;<br \/>\n\topacity: 0.3;<br \/>\n\tstroke-width: 5px;<br \/>\n\tstroke-dasharray: 500 100;<br \/>\n\tstroke-linecap: round;<br \/>\n\tanimation: dash 3s linear infinite;<br \/>\n}<\/p>\n<p>@keyframes dash {<br \/>\n\t  from {<br \/>\n\tstroke-dashoffset: 0;<br \/>\n  }<br \/>\n  to {<br \/>\n\tstroke-dashoffset: 600;<br \/>\n  }<br \/>\n}<br \/>\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>:root { &#8211;color-sky-light: #FFD2BC; &#8211;color-sky-dark: #F8B9AE; &#8211;color-tree-dark: #365E57; &#8211;color-rock-dark: #2F484F; &#8211;color-rock-light: #917472; &#8211;color-flame-yellow: #FDE26C; &#8211;color-flame-orange: #FDA263; } * { box-sizing: border-box; margin: 0; padding: 0; transition: all 0.2s ease; } *:before, *:after { content: &#8220;&#8221;; position: absolute; } .container { background: linear-gradient(var(&#8211;color-sky-light), var(&#8211;color-sky-dark)); width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; } .container:before &hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/full-width.php","meta":{"_genesis_block_theme_hide_title":false,"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry","post","without-featured-image"],"_links":{"self":[{"href":"https:\/\/www.thermosis.com\/index.php?rest_route=\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thermosis.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thermosis.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thermosis.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thermosis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6"}],"version-history":[{"count":0,"href":"https:\/\/www.thermosis.com\/index.php?rest_route=\/wp\/v2\/pages\/6\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.thermosis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}