BURCIN.IO \u2022 Art Making is Freedom<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n user-select: none;\n }\n\n body {\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n background: radial-gradient(circle at 30% 20%, #0a0f1a, #010101);\n font-family: system-ui, 'Segoe UI', 'Inter', sans-serif;\n position: relative;\n }\n\n \/* subtle noise overlay for depth *\/\n body::after {\n content: \"\";\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: repeating-radial-gradient(circle at 20% 30%, rgba(0,0,0,0.1) 0px, rgba(255,255,255,0.02) 2px);\n pointer-events: none;\n z-index: 1;\n }\n\n .floating-word {\n position: absolute;\n will-change: left, top, transform;\n white-space: nowrap;\n pointer-events: none;\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n font-weight: 800;\n transition: color 0.3s ease, font-size 0.25s ease-out, font-family 0.2s ease;\n z-index: 20;\n letter-spacing: 0.02em;\n }\n\n .bottom-note {\n position: fixed;\n bottom: 16px;\n left: 0;\n right: 0;\n text-align: center;\n font-family: monospace;\n font-size: 0.75rem;\n color: rgba(255,255,220,0.6);\n background: rgba(0,0,0,0.4);\n backdrop-filter: blur(4px);\n width: fit-content;\n margin: 0 auto;\n padding: 5px 16px;\n border-radius: 40px;\n z-index: 99;\n pointer-events: none;\n border: 0.5px solid rgba(255,200,100,0.3);\n font-weight: 500;\n }\n\n @media (max-width: 600px) {\n .bottom-note {\n font-size: 0.65rem;\n bottom: 10px;\n }\n .floating-word {\n font-weight: 700;\n }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"bottom-note\">\u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1<\/div>\n\n<script>\n(function() {\n \/\/ ----- PHRASES (abundant copies for richness) -----\n const basePhrases = [\n \"UNDER CONSTRUCTION\", \"COMING SOON\", \"ART MAKING IS THE ULTIMATE FREEDOM\",\n \"BURCIN.IO\", \"BURCIN IO\"\n ];\n \/\/ create many duplicates for a dense swarm\n let phrases = [];\n for (let i = 0; i < 14; i++) {\n phrases = phrases.concat(basePhrases);\n }\n \/\/ total count: 70 phrases\n const WORD_COUNT = phrases.length; \/\/ 70\n\n \/\/ ----- STYLE VARIATIONS -----\n const fonts = [\n \"'Poppins', system-ui, sans-serif\",\n \"'Montserrat', 'Segoe UI', sans-serif\",\n \"'Playfair Display', Georgia, serif\",\n \"'Courier New', monospace\",\n \"'Righteous', 'Impact', cursive\",\n \"'Pacifico', cursive\",\n \"'Lobster Two', cursive\",\n \"'Space Grotesk', sans-serif\",\n \"'Josefin Sans', sans-serif\",\n \"'Abril Fatface', Georgia, serif\",\n \"'Quicksand', sans-serif\",\n \"'Bebas Neue', 'Impact', sans-serif\"\n ];\n\n const colors = [\n \"#FF3366\", \"#33FF66\", \"#FFD966\", \"#33CCFF\", \"#FF33CC\", \"#AAFF33\",\n \"#FF8C42\", \"#6A4EFF\", \"#FF007F\", \"#00E6E6\", \"#FFB347\", \"#C084FC\",\n \"#F43F5E\", \"#14B8A6\", \"#F97316\", \"#8B5CF6\", \"#EC489A\", \"#06B6D4\",\n \"#EAB308\", \"#3B82F6\", \"#EF4444\", \"#10B981\", \"#F59E0B\", \"#D946EF\"\n ];\n\n const MIN_FONT = 18;\n const MAX_FONT = 74;\n\n let elements = []; \/\/ store { el, vx, vy }\n\n let winW = window.innerWidth;\n let winH = window.innerHeight;\n\n \/\/ helpers\n function random(min, max) {\n return min + Math.random() * (max - min);\n }\n\n function randomItem(arr) {\n return arr[Math.floor(Math.random() * arr.length)];\n }\n\n \/\/ apply new random color, font, size to an element\n function morphElement(el) {\n if (!el) return;\n const newColor = randomItem(colors);\n const newFont = randomItem(fonts);\n const newSize = Math.floor(random(MIN_FONT, MAX_FONT));\n el.style.color = newColor;\n el.style.fontFamily = newFont;\n el.style.fontSize = newSize + \"px\";\n \/\/ ensure element stays inside after size change\n constrainElement(el);\n }\n\n \/\/ keep element fully inside viewport\n function constrainElement(el) {\n const rect = el.getBoundingClientRect();\n let left = parseFloat(el.style.left);\n let top = parseFloat(el.style.top);\n if (isNaN(left)) left = 0;\n if (isNaN(top)) top = 0;\n let newLeft = left;\n let newTop = top;\n if (rect.left < 0) newLeft = left - rect.left;\n if (rect.right > winW) newLeft = left - (rect.right - winW);\n if (rect.top < 0) newTop = top - rect.top;\n if (rect.bottom > winH) newTop = top - (rect.bottom - winH);\n el.style.left = newLeft + \"px\";\n el.style.top = newTop + \"px\";\n }\n\n \/\/ periodic morphing for each element (staggered)\n function startPeriodicMorph(el) {\n \/\/ first morph after random delay\n setTimeout(function() {\n if (el && document.body.contains(el)) morphElement(el);\n }, random(200, 1200));\n \/\/ then every 2-5 seconds\n setInterval(function() {\n if (el && document.body.contains(el)) morphElement(el);\n }, random(2000, 5000));\n }\n\n \/\/ create all floating words\n function createFloatingWords() {\n const fragment = document.createDocumentFragment();\n const tempElements = [];\n\n for (let i = 0; i < WORD_COUNT; i++) {\n const phrase = phrases[i % phrases.length];\n const div = document.createElement(\"div\");\n div.className = \"floating-word\";\n div.textContent = phrase;\n\n \/\/ initial random style\n const initSize = Math.floor(random(MIN_FONT, MAX_FONT));\n div.style.fontSize = initSize + \"px\";\n div.style.color = randomItem(colors);\n div.style.fontFamily = randomItem(fonts);\n div.style.fontWeight = \"800\";\n div.style.whiteSpace = \"nowrap\";\n\n fragment.appendChild(div);\n tempElements.push(div);\n }\n\n document.body.appendChild(fragment);\n\n \/\/ assign positions and velocities\n for (let i = 0; i < tempElements.length; i++) {\n const el = tempElements[i];\n const rect = el.getBoundingClientRect();\n const maxLeft = Math.max(0, winW - rect.width);\n const maxTop = Math.max(0, winH - rect.height);\n let left = random(0, maxLeft);\n let top = random(0, maxTop);\n left = Math.min(maxLeft, Math.max(0, left));\n top = Math.min(maxTop, Math.max(0, top));\n el.style.left = left + \"px\";\n el.style.top = top + \"px\";\n\n \/\/ velocity (pixels per second)\n let vx = random(-85, 85);\n let vy = random(-85, 85);\n if (Math.abs(vx) < 20) vx += (Math.random() > 0.5 ? 35 : -35);\n if (Math.abs(vy) < 20) vy += (Math.random() > 0.5 ? 35 : -35);\n vx = Math.min(120, Math.max(-120, vx));\n vy = Math.min(120, Math.max(-120, vy));\n\n elements.push({ el: el, vx: vx, vy: vy });\n startPeriodicMorph(el);\n }\n }\n\n \/\/ update position with delta time (seconds)\n function updatePosition(obj, deltaSec) {\n const el = obj.el;\n if (!el) return;\n let left = parseFloat(el.style.left);\n let top = parseFloat(el.style.top);\n if (isNaN(left)) left = 0;\n if (isNaN(top)) top = 0;\n\n let newLeft = left + obj.vx * deltaSec;\n let newTop = top + obj.vy * deltaSec;\n\n const width = el.offsetWidth;\n const height = el.offsetHeight;\n\n \/\/ collision with walls (bounce)\n if (newLeft < 0) {\n newLeft = 0;\n obj.vx = -obj.vx * 0.96;\n }\n if (newLeft + width > winW) {\n newLeft = winW - width;\n obj.vx = -obj.vx * 0.96;\n }\n if (newTop < 0) {\n newTop = 0;\n obj.vy = -obj.vy * 0.96;\n }\n if (newTop + height > winH) {\n newTop = winH - height;\n obj.vy = -obj.vy * 0.96;\n }\n\n el.style.left = newLeft + \"px\";\n el.style.top = newTop + \"px\";\n }\n\n \/\/ animation loop\n let lastTimestamp = null;\n let animFrame = null;\n\n function animate(nowMs) {\n if (!lastTimestamp) {\n lastTimestamp = nowMs;\n animFrame = requestAnimationFrame(animate);\n return;\n }\n let delta = Math.min(0.033, (nowMs - lastTimestamp) \/ 1000);\n if (delta > 0) {\n for (let i = 0; i < elements.length; i++) {\n updatePosition(elements[i], delta);\n }\n }\n lastTimestamp = nowMs;\n animFrame = requestAnimationFrame(animate);\n }\n\n \/\/ resize handler: update global dimensions and re-constrain all words\n function onResize() {\n winW = window.innerWidth;\n winH = window.innerHeight;\n for (let i = 0; i < elements.length; i++) {\n const el = elements[i].el;\n if (el) constrainElement(el);\n }\n }\n\n \/\/ additional random velocity drift for organic motion\n function addVelocityDrift() {\n setInterval(function() {\n for (let i = 0; i < elements.length; i++) {\n const obj = elements[i];\n if (obj.el) {\n obj.vx += (Math.random() - 0.5) * 1.2;\n obj.vy += (Math.random() - 0.5) * 1.2;\n const maxSpeed = 130;\n obj.vx = Math.min(maxSpeed, Math.max(-maxSpeed, obj.vx));\n obj.vy = Math.min(maxSpeed, Math.max(-maxSpeed, obj.vy));\n }\n }\n }, 4000);\n }\n\n \/\/ start everything\n function init() {\n createFloatingWords();\n addVelocityDrift();\n window.addEventListener(\"resize\", onResize);\n animFrame = requestAnimationFrame(animate);\n \/\/ extra safety: every few seconds re-constrain all (handles dynamic size changes)\n setInterval(function() {\n for (let i = 0; i < elements.length; i++) {\n if (elements[i].el) constrainElement(elements[i].el);\n }\n }, 3000);\n }\n\n init();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BURCIN.IO \u2022 Art Making is Freedom \u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1<\/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-10","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>HOME - Art Making Is The Ultimate Freedom<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/burcin.xyz\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOME - Art Making Is The Ultimate Freedom\" \/>\n<meta property=\"og:description\" content=\"BURCIN.IO \u2022 Art Making is Freedom \u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1\" \/>\n<meta property=\"og:url\" content=\"https:\/\/burcin.xyz\/\" \/>\n<meta property=\"og:site_name\" content=\"Art Making Is The Ultimate Freedom\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T13:05:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/burcin.xyz\\\/\",\"url\":\"https:\\\/\\\/burcin.xyz\\\/\",\"name\":\"HOME - Art Making Is The Ultimate Freedom\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#website\"},\"datePublished\":\"2026-04-01T12:57:48+00:00\",\"dateModified\":\"2026-04-01T13:05:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/burcin.xyz\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/burcin.xyz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOME\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#website\",\"url\":\"https:\\\/\\\/burcin.xyz\\\/\",\"name\":\"Art Making Is The Ultimate Freedom\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/burcin.xyz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"HOME - Art Making Is The Ultimate Freedom","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/burcin.xyz\/","og_locale":"en_US","og_type":"article","og_title":"HOME - Art Making Is The Ultimate Freedom","og_description":"BURCIN.IO \u2022 Art Making is Freedom \u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1","og_url":"https:\/\/burcin.xyz\/","og_site_name":"Art Making Is The Ultimate Freedom","article_modified_time":"2026-04-01T13:05:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/burcin.xyz\/","url":"https:\/\/burcin.xyz\/","name":"HOME - Art Making Is The Ultimate Freedom","isPartOf":{"@id":"https:\/\/burcin.xyz\/#website"},"datePublished":"2026-04-01T12:57:48+00:00","dateModified":"2026-04-01T13:05:48+00:00","breadcrumb":{"@id":"https:\/\/burcin.xyz\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/burcin.xyz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/burcin.xyz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/burcin.xyz\/"},{"@type":"ListItem","position":2,"name":"HOME"}]},{"@type":"WebSite","@id":"https:\/\/burcin.xyz\/#website","url":"https:\/\/burcin.xyz\/","name":"Art Making Is The Ultimate Freedom","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/burcin.xyz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":6,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":10,"date":"2026-04-01T12:57:48","date_gmt":"2026-04-01T12:57:48","guid":{"rendered":"https:\/\/burcin.xyz\/?page_id=10"},"modified":"2026-04-01T13:05:48","modified_gmt":"2026-04-01T13:05:48","slug":"10-2","status":"publish","type":"page","link":"https:\/\/burcin.xyz\/","title":{"rendered":"HOME"},"content":{"rendered":"\n\n\n\n \n \n BURCIN.IO \u2022 Art Making is Freedom<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n user-select: none;\n }\n\n body {\n width: 100vw;\n height: 100vh;\n overflow: hidden;\n background: radial-gradient(circle at 30% 20%, #0a0f1a, #010101);\n font-family: system-ui, 'Segoe UI', 'Inter', sans-serif;\n position: relative;\n }\n\n \/* subtle noise overlay for depth *\/\n body::after {\n content: \"\";\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: repeating-radial-gradient(circle at 20% 30%, rgba(0,0,0,0.1) 0px, rgba(255,255,255,0.02) 2px);\n pointer-events: none;\n z-index: 1;\n }\n\n .floating-word {\n position: absolute;\n will-change: left, top, transform;\n white-space: nowrap;\n pointer-events: none;\n text-shadow: 0 2px 8px rgba(0,0,0,0.3);\n font-weight: 800;\n transition: color 0.3s ease, font-size 0.25s ease-out, font-family 0.2s ease;\n z-index: 20;\n letter-spacing: 0.02em;\n }\n\n .bottom-note {\n position: fixed;\n bottom: 16px;\n left: 0;\n right: 0;\n text-align: center;\n font-family: monospace;\n font-size: 0.75rem;\n color: rgba(255,255,220,0.6);\n background: rgba(0,0,0,0.4);\n backdrop-filter: blur(4px);\n width: fit-content;\n margin: 0 auto;\n padding: 5px 16px;\n border-radius: 40px;\n z-index: 99;\n pointer-events: none;\n border: 0.5px solid rgba(255,200,100,0.3);\n font-weight: 500;\n }\n\n @media (max-width: 600px) {\n .bottom-note {\n font-size: 0.65rem;\n bottom: 10px;\n }\n .floating-word {\n font-weight: 700;\n }\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"bottom-note\">\u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1<\/div>\n\n<script>\n(function() {\n \/\/ ----- PHRASES (abundant copies for richness) -----\n const basePhrases = [\n \"UNDER CONSTRUCTION\", \"COMING SOON\", \"ART MAKING IS THE ULTIMATE FREEDOM\",\n \"BURCIN.IO\", \"BURCIN IO\"\n ];\n \/\/ create many duplicates for a dense swarm\n let phrases = [];\n for (let i = 0; i < 14; i++) {\n phrases = phrases.concat(basePhrases);\n }\n \/\/ total count: 70 phrases\n const WORD_COUNT = phrases.length; \/\/ 70\n\n \/\/ ----- STYLE VARIATIONS -----\n const fonts = [\n \"'Poppins', system-ui, sans-serif\",\n \"'Montserrat', 'Segoe UI', sans-serif\",\n \"'Playfair Display', Georgia, serif\",\n \"'Courier New', monospace\",\n \"'Righteous', 'Impact', cursive\",\n \"'Pacifico', cursive\",\n \"'Lobster Two', cursive\",\n \"'Space Grotesk', sans-serif\",\n \"'Josefin Sans', sans-serif\",\n \"'Abril Fatface', Georgia, serif\",\n \"'Quicksand', sans-serif\",\n \"'Bebas Neue', 'Impact', sans-serif\"\n ];\n\n const colors = [\n \"#FF3366\", \"#33FF66\", \"#FFD966\", \"#33CCFF\", \"#FF33CC\", \"#AAFF33\",\n \"#FF8C42\", \"#6A4EFF\", \"#FF007F\", \"#00E6E6\", \"#FFB347\", \"#C084FC\",\n \"#F43F5E\", \"#14B8A6\", \"#F97316\", \"#8B5CF6\", \"#EC489A\", \"#06B6D4\",\n \"#EAB308\", \"#3B82F6\", \"#EF4444\", \"#10B981\", \"#F59E0B\", \"#D946EF\"\n ];\n\n const MIN_FONT = 18;\n const MAX_FONT = 74;\n\n let elements = []; \/\/ store { el, vx, vy }\n\n let winW = window.innerWidth;\n let winH = window.innerHeight;\n\n \/\/ helpers\n function random(min, max) {\n return min + Math.random() * (max - min);\n }\n\n function randomItem(arr) {\n return arr[Math.floor(Math.random() * arr.length)];\n }\n\n \/\/ apply new random color, font, size to an element\n function morphElement(el) {\n if (!el) return;\n const newColor = randomItem(colors);\n const newFont = randomItem(fonts);\n const newSize = Math.floor(random(MIN_FONT, MAX_FONT));\n el.style.color = newColor;\n el.style.fontFamily = newFont;\n el.style.fontSize = newSize + \"px\";\n \/\/ ensure element stays inside after size change\n constrainElement(el);\n }\n\n \/\/ keep element fully inside viewport\n function constrainElement(el) {\n const rect = el.getBoundingClientRect();\n let left = parseFloat(el.style.left);\n let top = parseFloat(el.style.top);\n if (isNaN(left)) left = 0;\n if (isNaN(top)) top = 0;\n let newLeft = left;\n let newTop = top;\n if (rect.left < 0) newLeft = left - rect.left;\n if (rect.right > winW) newLeft = left - (rect.right - winW);\n if (rect.top < 0) newTop = top - rect.top;\n if (rect.bottom > winH) newTop = top - (rect.bottom - winH);\n el.style.left = newLeft + \"px\";\n el.style.top = newTop + \"px\";\n }\n\n \/\/ periodic morphing for each element (staggered)\n function startPeriodicMorph(el) {\n \/\/ first morph after random delay\n setTimeout(function() {\n if (el && document.body.contains(el)) morphElement(el);\n }, random(200, 1200));\n \/\/ then every 2-5 seconds\n setInterval(function() {\n if (el && document.body.contains(el)) morphElement(el);\n }, random(2000, 5000));\n }\n\n \/\/ create all floating words\n function createFloatingWords() {\n const fragment = document.createDocumentFragment();\n const tempElements = [];\n\n for (let i = 0; i < WORD_COUNT; i++) {\n const phrase = phrases[i % phrases.length];\n const div = document.createElement(\"div\");\n div.className = \"floating-word\";\n div.textContent = phrase;\n\n \/\/ initial random style\n const initSize = Math.floor(random(MIN_FONT, MAX_FONT));\n div.style.fontSize = initSize + \"px\";\n div.style.color = randomItem(colors);\n div.style.fontFamily = randomItem(fonts);\n div.style.fontWeight = \"800\";\n div.style.whiteSpace = \"nowrap\";\n\n fragment.appendChild(div);\n tempElements.push(div);\n }\n\n document.body.appendChild(fragment);\n\n \/\/ assign positions and velocities\n for (let i = 0; i < tempElements.length; i++) {\n const el = tempElements[i];\n const rect = el.getBoundingClientRect();\n const maxLeft = Math.max(0, winW - rect.width);\n const maxTop = Math.max(0, winH - rect.height);\n let left = random(0, maxLeft);\n let top = random(0, maxTop);\n left = Math.min(maxLeft, Math.max(0, left));\n top = Math.min(maxTop, Math.max(0, top));\n el.style.left = left + \"px\";\n el.style.top = top + \"px\";\n\n \/\/ velocity (pixels per second)\n let vx = random(-85, 85);\n let vy = random(-85, 85);\n if (Math.abs(vx) < 20) vx += (Math.random() > 0.5 ? 35 : -35);\n if (Math.abs(vy) < 20) vy += (Math.random() > 0.5 ? 35 : -35);\n vx = Math.min(120, Math.max(-120, vx));\n vy = Math.min(120, Math.max(-120, vy));\n\n elements.push({ el: el, vx: vx, vy: vy });\n startPeriodicMorph(el);\n }\n }\n\n \/\/ update position with delta time (seconds)\n function updatePosition(obj, deltaSec) {\n const el = obj.el;\n if (!el) return;\n let left = parseFloat(el.style.left);\n let top = parseFloat(el.style.top);\n if (isNaN(left)) left = 0;\n if (isNaN(top)) top = 0;\n\n let newLeft = left + obj.vx * deltaSec;\n let newTop = top + obj.vy * deltaSec;\n\n const width = el.offsetWidth;\n const height = el.offsetHeight;\n\n \/\/ collision with walls (bounce)\n if (newLeft < 0) {\n newLeft = 0;\n obj.vx = -obj.vx * 0.96;\n }\n if (newLeft + width > winW) {\n newLeft = winW - width;\n obj.vx = -obj.vx * 0.96;\n }\n if (newTop < 0) {\n newTop = 0;\n obj.vy = -obj.vy * 0.96;\n }\n if (newTop + height > winH) {\n newTop = winH - height;\n obj.vy = -obj.vy * 0.96;\n }\n\n el.style.left = newLeft + \"px\";\n el.style.top = newTop + \"px\";\n }\n\n \/\/ animation loop\n let lastTimestamp = null;\n let animFrame = null;\n\n function animate(nowMs) {\n if (!lastTimestamp) {\n lastTimestamp = nowMs;\n animFrame = requestAnimationFrame(animate);\n return;\n }\n let delta = Math.min(0.033, (nowMs - lastTimestamp) \/ 1000);\n if (delta > 0) {\n for (let i = 0; i < elements.length; i++) {\n updatePosition(elements[i], delta);\n }\n }\n lastTimestamp = nowMs;\n animFrame = requestAnimationFrame(animate);\n }\n\n \/\/ resize handler: update global dimensions and re-constrain all words\n function onResize() {\n winW = window.innerWidth;\n winH = window.innerHeight;\n for (let i = 0; i < elements.length; i++) {\n const el = elements[i].el;\n if (el) constrainElement(el);\n }\n }\n\n \/\/ additional random velocity drift for organic motion\n function addVelocityDrift() {\n setInterval(function() {\n for (let i = 0; i < elements.length; i++) {\n const obj = elements[i];\n if (obj.el) {\n obj.vx += (Math.random() - 0.5) * 1.2;\n obj.vy += (Math.random() - 0.5) * 1.2;\n const maxSpeed = 130;\n obj.vx = Math.min(maxSpeed, Math.max(-maxSpeed, obj.vx));\n obj.vy = Math.min(maxSpeed, Math.max(-maxSpeed, obj.vy));\n }\n }\n }, 4000);\n }\n\n \/\/ start everything\n function init() {\n createFloatingWords();\n addVelocityDrift();\n window.addEventListener(\"resize\", onResize);\n animFrame = requestAnimationFrame(animate);\n \/\/ extra safety: every few seconds re-constrain all (handles dynamic size changes)\n setInterval(function() {\n for (let i = 0; i < elements.length; i++) {\n if (elements[i].el) constrainElement(elements[i].el);\n }\n }, 3000);\n }\n\n init();\n})();\n<\/script>\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>BURCIN.IO \u2022 Art Making is Freedom \u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1<\/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-10","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>HOME - Art Making Is The Ultimate Freedom<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/burcin.xyz\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"HOME - Art Making Is The Ultimate Freedom\" \/>\n<meta property=\"og:description\" content=\"BURCIN.IO \u2022 Art Making is Freedom \u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1\" \/>\n<meta property=\"og:url\" content=\"https:\/\/burcin.xyz\/\" \/>\n<meta property=\"og:site_name\" content=\"Art Making Is The Ultimate Freedom\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-01T13:05:48+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/burcin.xyz\\\/\",\"url\":\"https:\\\/\\\/burcin.xyz\\\/\",\"name\":\"HOME - Art Making Is The Ultimate Freedom\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#website\"},\"datePublished\":\"2026-04-01T12:57:48+00:00\",\"dateModified\":\"2026-04-01T13:05:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/burcin.xyz\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/burcin.xyz\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"HOME\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/burcin.xyz\\\/#website\",\"url\":\"https:\\\/\\\/burcin.xyz\\\/\",\"name\":\"Art Making Is The Ultimate Freedom\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/burcin.xyz\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"HOME - Art Making Is The Ultimate Freedom","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/burcin.xyz\/","og_locale":"en_US","og_type":"article","og_title":"HOME - Art Making Is The Ultimate Freedom","og_description":"BURCIN.IO \u2022 Art Making is Freedom \u26a1 ART MAKING IS THE ULTIMATE FREEDOM \u2022 BURCIN.IO \u26a1","og_url":"https:\/\/burcin.xyz\/","og_site_name":"Art Making Is The Ultimate Freedom","article_modified_time":"2026-04-01T13:05:48+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/burcin.xyz\/","url":"https:\/\/burcin.xyz\/","name":"HOME - Art Making Is The Ultimate Freedom","isPartOf":{"@id":"https:\/\/burcin.xyz\/#website"},"datePublished":"2026-04-01T12:57:48+00:00","dateModified":"2026-04-01T13:05:48+00:00","breadcrumb":{"@id":"https:\/\/burcin.xyz\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/burcin.xyz\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/burcin.xyz\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/burcin.xyz\/"},{"@type":"ListItem","position":2,"name":"HOME"}]},{"@type":"WebSite","@id":"https:\/\/burcin.xyz\/#website","url":"https:\/\/burcin.xyz\/","name":"Art Making Is The Ultimate Freedom","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/burcin.xyz\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":6,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":18,"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/pages\/10\/revisions\/18"}],"wp:attachment":[{"href":"https:\/\/burcin.xyz\/index.php\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}