{"id":7,"date":"2026-01-10T16:00:20","date_gmt":"2026-01-10T16:00:20","guid":{"rendered":"http:\/\/31.217.196.124\/~hprqfsbp\/?page_id=7"},"modified":"2026-03-16T14:52:31","modified_gmt":"2026-03-16T14:52:31","slug":"etusivu","status":"publish","type":"page","link":"https:\/\/bsnt.fi\/","title":{"rendered":"Etusivu"},"content":{"rendered":"\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<!DOCTYPE html>\n<html lang=\"fi\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <title>Brainstorm &#038; Thunder<\/title>\n  <style>\n    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n    html, body {\n      width: 100%; height: 100%;\n      overflow: hidden;\n      background: #ffffff;\n    }\n\n    .blobs {\n      position: fixed; inset: 0;\n      filter: blur(90px) saturate(1.2);\n      z-index: 1;\n    }\n\n    .blob {\n      position: absolute;\n      border-radius: 50%;\n      opacity: 0.6;\n      will-change: transform;\n    }\n\n    .blob-1 {\n      width: 60vmax; height: 60vmax;\n      background: radial-gradient(circle, #FEDA79 0%, transparent 70%);\n      top: -15vmax; left: -10vmax;\n      animation: drift1 4s ease-in-out infinite;\n    }\n    .blob-2 {\n      width: 50vmax; height: 50vmax;\n      background: radial-gradient(circle, #D7BBF8 0%, transparent 70%);\n      bottom: -10vmax; right: -5vmax;\n      animation: drift2 6s ease-in-out infinite;\n    }\n    .blob-3 {\n      width: 40vmax; height: 40vmax;\n      background: radial-gradient(circle, #EDD0BE 0%, transparent 70%);\n      top: 30%; left: 40%;\n      animation: drift3 4s ease-in-out infinite;\n    }\n    .blob-4 {\n      width: 35vmax; height: 35vmax;\n      background: radial-gradient(circle, #a8c8ff 0%, transparent 70%);\n      bottom: 10%; left: 5%;\n      opacity: 0.45;\n      animation: drift4 7s ease-in-out infinite;\n    }\n    .blob-5 {\n      width: 30vmax; height: 30vmax;\n      background: radial-gradient(circle, #ffc8a0 0%, transparent 70%);\n      top: 10%; right: 10%;\n      opacity: 0.45;\n      animation: drift5 5s ease-in-out infinite;\n    }\n\n    @keyframes drift1 {\n      0%,100% { transform: translate(0, 0) scale(1); }\n      33%      { transform: translate(12vw, 15vh) scale(1.1); }\n      66%      { transform: translate(-5vw, 8vh) scale(0.92); }\n    }\n    @keyframes drift2 {\n      0%,100% { transform: translate(0, 0) scale(1); }\n      40%      { transform: translate(-18vw, -12vh) scale(1.15); }\n      70%      { transform: translate(-8vw, 6vh) scale(0.95); }\n    }\n    @keyframes drift3 {\n      0%,100% { transform: translate(0, 0) scale(1); }\n      25%      { transform: translate(-20vw, -10vh) scale(1.2); }\n      75%      { transform: translate(10vw, 15vh) scale(0.85); }\n    }\n    @keyframes drift4 {\n      0%,100% { transform: translate(0, 0) scale(1); }\n      50%      { transform: translate(25vw, -20vh) scale(1.3); }\n    }\n    @keyframes drift5 {\n      0%,100% { transform: translate(0, 0) scale(1); }\n      35%      { transform: translate(-10vw, 20vh) scale(0.9); }\n      65%      { transform: translate(5vw, -8vh) scale(1.1); }\n    }\n\n    .stage {\n      position: fixed; inset: 0;\n      display: flex; align-items: center; justify-content: center;\n      z-index: 5;\n    }\n\n    .logo-wrap img {\n      width: min(400px, 70vw);\n      height: auto;\n      display: block;\n      animation: appear 1.2s cubic-bezier(0.16,1,0.3,1) both;\n    }\n\n    @keyframes appear {\n      from { opacity: 0; transform: scale(0.95); }\n      to   { opacity: 1; transform: scale(1); }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"blobs\" aria-hidden=\"true\">\n    <div class=\"blob blob-1\"><\/div>\n    <div class=\"blob blob-2\"><\/div>\n    <div class=\"blob blob-3\"><\/div>\n    <div class=\"blob blob-4\"><\/div>\n    <div class=\"blob blob-5\"><\/div>\n  <\/div>\n\n  <div class=\"stage\">\n    <div class=\"logo-wrap\">\n      <img decoding=\"async\"\n        src=\"https:\/\/bsnt.fi\/wp-content\/uploads\/2026\/03\/bsntlogo.png\"\n        alt=\"Brainstorm &#038; Thunder\"\n        loading=\"eager\"\n      >\n    <\/div>\n  <\/div>\n\n<\/body>\n<\/html>\n<\/div><\/div>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Brainstorm &#038; Thunder<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"_kad_post_transparent":"disable","_kad_post_title":"hide","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":true,"_kad_post_footer":true,"_kad_post_classname":"","footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":90,"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":288,"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/288"}],"wp:attachment":[{"href":"https:\/\/bsnt.fi\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}