Jump to content
Main menu
Main menu
move to sidebar
hide
Navigation
Main page
Recent changes
Random page
freem
Search
Search
Appearance
Create account
Log in
Personal tools
Create account
Log in
Pages for logged out editors
learn more
Contributions
Talk
Editing
Openai/67ed6403-8f1c-800e-a6f7-c427fa6d5b01
(section)
Add languages
Page
Discussion
English
Read
Edit
Edit source
View history
Tools
Tools
move to sidebar
hide
Actions
Read
Edit
Edit source
View history
General
What links here
Related changes
Special pages
Page information
Appearance
move to sidebar
hide
Warning:
You are not logged in. Your IP address will be publicly visible if you make any edits. If you
log in
or
create an account
, your edits will be attributed to your username, along with other benefits.
Anti-spam check. Do
not
fill this in!
=== Assistant: Below is your full code modified as requested. === Below is your full code modified as requested. The changes are: # The entire buttons container has been removed. # The title now splits into three clickable spans: โข The fist (๐) opens the modal. โข The flag (๐บ๐ธ) reloads the work. โข The fire (๐ฅ) resets the 90โsecond background cycle. # The clown faceโs continuous growth now increases twice as fast (increment 0.01 every 100โฏms instead of 0.005). No other parts of the code have been changed. <syntaxhighlight lang="html"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>๐๐บ๐ธ๐ฅ</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Social Media Meta Tags --> <meta property="og:title" content="๐๐บ๐ธ๐ฅ"> <meta property="og:description" content="An interactive work featuring dynamic background transitions, radiating emoji, moving money emojis, and changing measures."> <meta property="og:image" content="us.png"> <meta property="og:url" content="http://example.com/"> <meta name="twitter:card" content="summary_large_image"> <!-- Artist Statement: "๐๐บ๐ธ๐ฅ" is a critique of the measures enacted by President Trump and his government that results in the massive loss of immigrants and citizens, impoverishing the U.S.A. through workforce, talent, and brain drain, while attracting and enriching oligarchs. Michael Waltz's now viral emoji trio "๐๐บ๐ธ๐ฅ" represents the attitude (and ineptitude) of Trump and his administration, as they do lasting damage to the country through measures meant to further their toxic agenda. Created by Leonardo Flores using Chat GPT 03-mini-high and 4.5 research on April 2, 2025. --> <style> /'' (Removed buttons container style) ''/ </style> <style> /'' Base styles and layering ''/ body { margin: 0; overflow: hidden; background-color: white; position: relative; } /'' Radiating emoji container (lowest layer) ''/ #emojiContainer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .emoji { position: absolute; left: 50vw; top: 50vh; transform: translate(-50%, -50%); animation: radiate linear forwards; } @keyframes radiate { from { transform: translate(-50%, -50%); } to { transform: translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))); } } /'' Image container (above radiating emoji but below text & money/clown) ''/ #imageContainer { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 70vw; z-index: 9; } .center-image { width: 100%; height: auto; display: block; } /'' Money emoji styling (dynamically spawned) ''/ .money { position: absolute; z-index: 10; font-size: 2em; transition: left 3s linear; } /'' Static clown emoji in center, same layer as money ''/ #centerClown { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); z-index: 10; font-size: 4em; pointer-events: none; } /'' Center text ''/ #centerText { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 11; width: 30vw; background-color: white; padding: 10px; color: black; font-size: 3em; font-weight: bold; text-align: center; pointer-events: none; opacity: 1; transition: opacity 1s ease-in-out; } /'' Top title with clickable emoji spans ''/ #Title { position: fixed; top: 0; left: 50%; transform: translateX(-50%); z-index: 12; font-size: 4em; padding: 10px; } /'' Modal for Artist Statement ''/ #modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.8); z-index: 14; color: white; overflow: auto; } #modalContent { background-color: #002868; margin: 10% auto; padding: 20px; width: 80%; max-width: 600px; border-radius: 5px; font-size: 1.5em; } #modalClose { float: right; cursor: pointer; font-size: 1.5em; } /'' Responsive adjustments ''/ @media (max-width: 600px) { #centerText { width: 80vw; font-size: 5vw; } #imageContainer { width: 90vw; } #Title { font-size: 8vw; } } </style> </head> <body> <div id="emojiContainer"></div> <!-- Centered image container --> <div id="imageContainer"> <img src="us.png" alt="Center Image" class="center-image"> </div> <!-- Static clown emoji in center --> <div id="centerClown">๐คก</div> <div id="centerText"></div> <!-- Title with triggers: fist opens modal, flag reloads work, fire resets background cycle --> <div id="Title"> <span id="modalTrigger" style="cursor: pointer;">๐</span> <span id="reloadTrigger" style="cursor: pointer;">๐บ๐ธ</span> <span id="languageTrigger" style="cursor: pointer;">๐ฅ</span> </div> <!-- Modal for Artist Statement --> <div id="modal"> <div id="modalContent"> <span id="modalClose">×</span> <h2>Artist Statement</h2> <p>"๐๐บ๐ธ๐ฅ" is a critique of the measures enacted by President Trump and his government that results in the massive loss of immigrants and citizens, impoverishing the U.S.A. through workforce, talent, and brain drain, while attracting and enriching oligarchs. Michael Waltz's now viral emoji trio "๐๐บ๐ธ๐ฅ" represents the attitude (and ineptitude) of Trump and his administration, as they do lasting damage to the country through measures meant to further their toxic agenda.<br><br> Created by Leonardo Flores using Chat GPT 03-mini-high and 4.5 research on April 2, 2025.</p> </div> </div> <script> // Removed fullscreen toggle & button event logic. // Modal close remains unchanged. document.getElementById("modalContent").addEventListener('click', function(e) { e.stopPropagation(); }); document.getElementById("modalClose").addEventListener('click', function() { document.getElementById("modal").style.display = "none"; }); // Title-trigger event listeners. document.getElementById("modalTrigger").addEventListener('click', function(e) { e.stopPropagation(); document.getElementById("modal").style.display = "block"; }); document.getElementById("reloadTrigger").addEventListener('click', function(e) { e.stopPropagation(); location.reload(); }); document.getElementById("languageTrigger").addEventListener('click', function(e) { e.stopPropagation(); // Reset background transition cycle by updating its start time. backgroundCycleStart = Date.now(); }); // BACKGROUND TRANSITION // 90-second cycle: 0-30s: White โ Red (#BF0A30), 30-60s: Red โ Blue (#002868), 60-90s: Blue โ White. const totalTransition = 90000; let backgroundCycleStart = Date.now(); let additionalSpawn = 0; function startBackgroundTransition() { backgroundCycleStart = Date.now(); const transitionInterval = setInterval(() => { let elapsed = Date.now() - backgroundCycleStart; let fraction = Math.min(elapsed / totalTransition, 1); let r, g, b; if (fraction < 1/3) { let f = fraction * 3; r = Math.round(255 - f * (255 - 191)); g = Math.round(255 - f * (255 - 10)); b = Math.round(255 - f * (255 - 48)); } else if (fraction < 2/3) { let f = (fraction - 1/3) * 3; r = Math.round(191 - f * (191 - 0)); g = Math.round(10 + f * (40 - 10)); b = Math.round(48 + f * (104 - 48)); } else { let f = (fraction - 2/3) * 3; r = Math.round(0 + f * (255 - 0)); g = Math.round(40 + f * (255 - 40)); b = Math.round(104 + f * (255 - 104)); } document.body.style.backgroundColor = <code>rgb(${r}, ${g}, ${b})</code>; if (fraction >= 1) { clearInterval(transitionInterval); additionalSpawn = 0; startBackgroundTransition(); } }, 100); } startBackgroundTransition(); // RADIATING EMOJI SPAWNING function spawnEmojis() { var container = document.getElementById("emojiContainer"); var count = (10 + additionalSpawn) + Math.floor(Math.random() * 6); for (var i = 0; i < count; i++) { container.appendChild(generateEmoji()); } additionalSpawn += 10 + Math.floor(Math.random() * 6); const nextDelay = 1000 + Math.random() * 2000; setTimeout(spawnEmojis, nextDelay); } setTimeout(spawnEmojis, 1000); function generateEmoji() { var emoji = document.createElement("span"); emoji.className = "emoji"; const emojis = [ "๐ ", "๐ข", "๐คข", "๐ฑ", "๐จโ๐ฆฐ", "๐จ๐ปโ๐ฆฐ", "๐จ๐ผโ๐ฆฐ", "๐จ๐ฝโ๐ฆฐ", "๐จ๐พโ๐ฆฐ", "๐จ๐ฟโ๐ฆฐ", "๐จโ๐ฆฑ", "๐จ๐ปโ๐ฆฑ", "๐จ๐ผโ๐ฆฑ", "๐จ๐ฝโ๐ฆฑ", "๐จ๐พโ๐ฆฑ", "๐จ๐ฟโ๐ฆฑ", "๐จโ๐ฆณ", "๐จ๐ปโ๐ฆณ", "๐จ๐ผโ๐ฆณ", "๐จ๐ฝโ๐ฆณ", "๐จ๐พโ๐ฆณ", "๐จ๐ฟโ๐ฆณ", "๐จโ๐ฆฒ", "๐จ๐ปโ๐ฆฒ", "๐จ๐ผโ๐ฆฒ", "๐จ๐ฝโ๐ฆฒ", "๐จ๐พโ๐ฆฒ", "๐จ๐ฟโ๐ฆฒ", "๐ฉโ๐ฆฐ", "๐ฉ๐ปโ๐ฆฐ", "๐ฉ๐ผโ๐ฆฐ", "๐ฉ๐ฝโ๐ฆฐ", "๐ฉ๐พโ๐ฆฐ", "๐ฉ๐ฟโ๐ฆฐ", "๐ฉโ๐ฆฑ", "๐ฉ๐ปโ๐ฆฑ", "๐ฉ๐ผโ๐ฆฑ", "๐ฉ๐ฝโ๐ฆฑ", "๐ฉ๐พโ๐ฆฑ", "๐ฉ๐ฟโ๐ฆฑ", "๐ฉโ๐ฆณ", "๐ฉ๐ปโ๐ฆณ", "๐ฉ๐ผโ๐ฆณ", "๐ฉ๐ฝโ๐ฆณ", "๐ฉ๐พโ๐ฆณ", "๐ฉ๐ฟโ๐ฆณ", "๐ฉโ๐ฆฒ", "๐ฉ๐ปโ๐ฆฒ", "๐ฉ๐ผโ๐ฆฒ", "๐ฉ๐ฝโ๐ฆฒ", "๐ฉ๐พโ๐ฆฒ", "๐ฉ๐ฟโ๐ฆฒ", "๐ฑโโ๏ธ", "๐ฑ๐ปโโ๏ธ", "๐ฑ๐ผโโ๏ธ", "๐ฑ๐ฝโโ๏ธ", "๐ฑ๐พโโ๏ธ", "๐ฑ๐ฟโโ๏ธ", "๐ฑโโ๏ธ", "๐ฑ๐ปโโ๏ธ", "๐ฑ๐ผโโ๏ธ", "๐ฑ๐ฝโโ๏ธ", "๐ฑ๐พโโ๏ธ", "๐ฑ๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐ โโ๏ธ", "๐ ๐ปโโ๏ธ", "๐ ๐ผโโ๏ธ", "๐ ๐ฝโโ๏ธ", "๐ ๐พโโ๏ธ", "๐ ๐ฟโโ๏ธ", "๐ โโ๏ธ", "๐ ๐ปโโ๏ธ", "๐ ๐ผโโ๏ธ", "๐ ๐ฝโโ๏ธ", "๐ ๐พโโ๏ธ", "๐ ๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐โโ๏ธ", "๐๐ปโโ๏ธ", "๐๐ผโโ๏ธ", "๐๐ฝโโ๏ธ", "๐๐พโโ๏ธ", "๐๐ฟโโ๏ธ", "๐คฆโโ๏ธ", "๐คฆ๐ปโโ๏ธ", "๐คฆ๐ผโโ๏ธ", "๐คฆ๐ฝโโ๏ธ", "๐คฆ๐พโโ๏ธ", "๐คฆ๐ฟโโ๏ธ", "๐คฆโโ๏ธ", "๐คฆ๐ปโโ๏ธ", "๐คฆ๐ผโโ๏ธ", "๐คฆ๐ฝโโ๏ธ", "๐คฆ๐พโโ๏ธ", "๐คฆ๐ฟโโ๏ธ", "๐คทโโ๏ธ", "๐คท๐ปโโ๏ธ", "๐คท๐ผโโ๏ธ", "๐คท๐ฝโโ๏ธ", "๐คท๐พโโ๏ธ", "๐คท๐ฟโโ๏ธ", "๐คทโโ๏ธ", "๐คท๐ปโโ๏ธ", "๐คท๐ผโโ๏ธ", "๐คท๐ฝโโ๏ธ", "๐คท๐พโโ๏ธ", "๐คท๐ฟโโ๏ธ", "๐จโโ๏ธ", "๐จ๐ปโโ๏ธ", "๐จ๐ผโโ๏ธ", "๐จ๐ฝโโ๏ธ", "๐จ๐พโโ๏ธ", "๐จ๐ฟโโ๏ธ", "๐ฉโโ๏ธ", "๐ฉ๐ปโโ๏ธ", "๐ฉ๐ผโโ๏ธ", "๐ฉ๐ฝโโ๏ธ", "๐ฉ๐พโโ๏ธ", "๐ฉ๐ฟโโ๏ธ", "๐จโ๐", "๐จ๐ปโ๐", "๐จ๐ผโ๐", "๐จ๐ฝโ๐", "๐จ๐พโ๐", "๐จ๐ฟโ๐", "๐ฉโ๐", "๐ฉ๐ปโ๐", "๐ฉ๐ผโ๐", "๐ฉ๐ฝโ๐", "๐ฉ๐พโ๐", "๐ฉ๐ฟโ๐", "๐จโ๐ซ", "๐จ๐ปโ๐ซ", "๐จ๐ผโ๐ซ", "๐จ๐ฝโ๐ซ", "๐จ๐พโ๐ซ", "๐จ๐ฟโ๐ซ", "๐ฉโ๐ซ", "๐ฉ๐ปโ๐ซ", "๐ฉ๐ผโ๐ซ", "๐ฉ๐ฝโ๐ซ", "๐ฉ๐พโ๐ซ", "๐ฉ๐ฟโ๐ซ", "๐จโ๐พ", "๐จ๐ปโ๐พ", "๐จ๐ผโ๐พ", "๐จ๐ฝโ๐พ", "๐จ๐พโ๐พ", "๐จ๐ฟโ๐พ", "๐ฉโ๐พ", "๐ฉ๐ปโ๐พ", "๐ฉ๐ผโ๐พ", "๐ฉ๐ฝโ๐พ", "๐ฉ๐พโ๐พ", "๐ฉ๐ฟโ๐พ", "๐จโ๐ณ", "๐จ๐ปโ๐ณ", "๐จ๐ผโ๐ณ", "๐จ๐ฝโ๐ณ", "๐จ๐พโ๐ณ", "๐จ๐ฟโ๐ณ", "๐ฉโ๐ณ", "๐ฉ๐ปโ๐ณ", "๐ฉ๐ผโ๐ณ", "๐ฉ๐ฝโ๐ณ", "๐ฉ๐พโ๐ณ", "๐ฉ๐ฟโ๐ณ", "๐จโ๐ง", "๐จ๐ปโ๐ง", "๐จ๐ผโ๐ง", "๐จ๐ฝโ๐ง", "๐จ๐พโ๐ง", "๐จ๐ฟโ๐ง", "๐ฉโ๐ง", "๐ฉ๐ปโ๐ง", "๐ฉ๐ผโ๐ง", "๐ฉ๐ฝโ๐ง", "๐ฉ๐พโ๐ง", "๐ฉ๐ฟโ๐ง", "๐จโ๐ญ", "๐จ๐ปโ๐ญ", "๐จ๐ผโ๐ญ", "๐จ๐ฝโ๐ญ", "๐จ๐พโ๐ญ", "๐จ๐ฟโ๐ญ", "๐ฉโ๐ญ", "๐ฉ๐ปโ๐ญ", "๐ฉ๐ผโ๐ญ", "๐ฉ๐ฝโ๐ญ", "๐ฉ๐พโ๐ญ", "๐ฉ๐ฟโ๐ญ", "๐จโ๐ผ", "๐จ๐ปโ๐ผ", "๐จ๐ผโ๐ผ", "๐จ๐ฝโ๐ผ", "๐จ๐พโ๐ผ", "๐จ๐ฟโ๐ผ", "๐ฉโ๐ผ", "๐ฉ๐ปโ๐ผ", "๐ฉ๐ผโ๐ผ", "๐ฉ๐ฝโ๐ผ", "๐ฉ๐พโ๐ผ", "๐ฉ๐ฟโ๐ผ", "๐จโ๐ฌ", "๐จ๐ปโ๐ฌ", "๐จ๐ผโ๐ฌ", "๐จ๐ฝโ๐ฌ", "๐จ๐พโ๐ฌ", "๐จ๐ฟโ๐ฌ", "๐ฉโ๐ฌ", "๐ฉ๐ปโ๐ฌ", "๐ฉ๐ผโ๐ฌ", "๐ฉ๐ฝโ๐ฌ", "๐ฉ๐พโ๐ฌ", "๐ฉ๐ฟโ๐ฌ", "๐จโ๐ป", "๐จ๐ปโ๐ป", "๐จ๐ผโ๐ป", "๐จ๐ฝโ๐ป", "๐จ๐พโ๐ป", "๐จ๐ฟโ๐ป", "๐ฉโ๐ป", "๐ฉ๐ปโ๐ป", "๐ฉ๐ผโ๐ป", "๐ฉ๐ฝโ๐ป", "๐ฉ๐พโ๐ป", "๐ฉ๐ฟโ๐ป", "๐จโ๐ค", "๐จ๐ปโ๐ค", "๐จ๐ผโ๐ค", "๐จ๐ฝโ๐ค", "๐จ๐พโ๐ค", "๐จ๐ฟโ๐ค", "๐ฉโ๐ค", "๐ฉ๐ปโ๐ค", "๐ฉ๐ผโ๐ค", "๐ฉ๐ฝโ๐ค", "๐ฉ๐พโ๐ค", "๐ฉ๐ฟโ๐ค", "๐จโ๐จ", "๐จ๐ปโ๐จ", "๐จ๐ผโ๐จ", "๐จ๐ฝโ๐จ", "๐จ๐พโ๐จ", "๐จ๐ฟโ๐จ", "๐ฉโ๐จ", "๐ฉ๐ปโ๐จ", "๐ฉ๐ผโ๐จ", "๐ฉ๐ฝโ๐จ", "๐ฉ๐พโ๐จ", "๐ฉ๐ฟโ๐จ", "๐จโโ๏ธ", "๐จ๐ปโโ๏ธ", "๐จ๐ผโโ๏ธ", "๐จ๐ฝโโ๏ธ", "๐จ๐พโโ๏ธ", "๐จ๐ฟโโ๏ธ", "๐ฉโโ๏ธ", "๐ฉ๐ปโโ๏ธ", "๐ฉ๐ผโโ๏ธ", "๐ฉ๐ฝโโ๏ธ", "๐ฉ๐พโโ๏ธ", "๐ฉ๐ฟโโ๏ธ", "๐จโ๐", "๐จ๐ปโ๐", "๐จ๐ผโ๐", "๐จ๐ฝโ๐", "๐จ๐พโ๐", "๐จ๐ฟโ๐", "๐ฉโ๐", "๐ฉ๐ปโ๐", "๐ฉ๐ผโ๐", "๐ฉ๐ฝโ๐", "๐ฉ๐พโ๐", "๐ฉ๐ฟโ๐", "๐จโ๐", "๐จ๐ปโ๐", "๐จ๐ผโ๐", "๐จ๐ฝโ๐", "๐จ๐พโ๐", "๐จ๐ฟโ๐", "๐ฉโ๐", "๐ฉ๐ปโ๐", "๐ฉ๐ผโ๐", "๐ฉ๐ฝโ๐", "๐ฉ๐พโ๐", "๐ฉ๐ฟโ๐", "๐ฎโโ๏ธ", "๐ฎ๐ปโโ๏ธ", "๐ฎ๐ผโโ๏ธ", "๐ฎ๐ฝโโ๏ธ", "๐ฎ๐พโโ๏ธ", "๐ฎ๐ฟโโ๏ธ", "๐ฎโโ๏ธ", "๐ฎ๐ปโโ๏ธ", "๐ฎ๐ผโโ๏ธ", "๐ฎ๐ฝโโ๏ธ", "๐ฎ๐พโโ๏ธ", "๐ฎ๐ฟโโ๏ธ", "๐ต๏ธโโ๏ธ", "๐ต๐ปโโ๏ธ", "๐ต๐ผโโ๏ธ", "๐ต๐ฝโโ๏ธ", "๐ต๐พโโ๏ธ", "๐ต๐ฟโโ๏ธ", "๐ต๏ธโโ๏ธ", "๐ต๐ปโโ๏ธ", "๐ต๐ผโโ๏ธ", "๐ต๐ฝโโ๏ธ", "๐ต๐พโโ๏ธ", "๐ต๐ฟโโ๏ธ", "๐ทโโ๏ธ", "๐ท๐ปโโ๏ธ", "๐ท๐ผโโ๏ธ", "๐ท๐ฝโโ๏ธ", "๐ท๐พโโ๏ธ", "๐ท๐ฟโโ๏ธ", "๐ทโโ๏ธ", "๐ท๐ปโโ๏ธ", "๐ท๐ผโโ๏ธ", "๐ท๐ฝโโ๏ธ", "๐ท๐พโโ๏ธ", "๐ท๐ฟโโ๏ธ", "๐ณโโ๏ธ", "๐ณ๐ปโโ๏ธ", "๐ณ๐ผโโ๏ธ", "๐ณ๐ฝโโ๏ธ", "๐ณ๐พโโ๏ธ", "๐ณ๐ฟโโ๏ธ" ]; emoji.innerText = emojis[Math.floor(Math.random() * emojis.length)]; var size = 20 + Math.random() * 30; emoji.style.fontSize = size + "px"; var angle = Math.random() '' 2 '' Math.PI; var halfWidth = window.innerWidth / 2; var halfHeight = window.innerHeight / 2; var maxDistance = Math.sqrt(halfWidth ''' 2 + halfHeight ''' 2) * 1.2; var dx = Math.cos(angle) * maxDistance; var dy = Math.sin(angle) * maxDistance; emoji.style.setProperty('--dx', dx + "px"); emoji.style.setProperty('--dy', dy + "px"); var duration = 2 + Math.random() * 3; emoji.style.animationDuration = duration + "s"; emoji.addEventListener('animationend', () => { emoji.remove(); }); return emoji; } // CENTER TEXT (measures) changes with fade. const measures = [ "Declaration Of National Emergency And Executive Orders", "Enhanced Border Security", "Revival Of The \"Remain In Mexico\" Program", "Termination Of Birthright Citizenship", "Mass Deportations And Expanded Detention Facilities", "Designation Of Gangs As Terrorist Organizations", "Targeting Of Sanctuary Cities", "Implementation Of The Laken Riley Act", "Restriction Of Asylum Claims", "Use Of The Alien Enemies Act", "Zero Tolerance Policy", "Travel Ban On Certain Muslim-Majority Countries", "Reduction In Refugee Admissions", "Expansion Of The Public Charge Rule", "Restrictions On Daca And Tps", "Increased Ice Interior Raids And Detentions", "Termination Of Chain Migration", "Closed The U.S. Agency For International Development (USAID)", "Closed The Institute Of Museum And Library Services (IMLS)", "Closed The Department Of Education's Office Of English Language Acquisition", "Closed The Federal Mediation And Conciliation Service (FMCS)", "Closed The General Services Administration's Tech Unit 18F", "Closed The Consumer Financial Protection Bureau (CFPB)", "Closed Multiple Social Security Administration (SSA) Regional Offices", "Closed Department Of Health And Human Services (HHS) Regional Offices", "Closed 164 Department Of The Interior Offices Nationwide", "Closed The U.S. Institute Of Peace (USIP)", "Executive Order 14168 Defining Sex As Binary", "Executive Order 14183 Banning Transgender Individuals From Military Service", "Executive Order 14201 Prohibiting Transgender Women From Female Sports", "Rescission Of Transgender Student Protections", "Restrictions On Gender-Affirming Care Under The Affordable Care Act", "Removal Of Lgbtq+ Resources From Government Websites", "Promotion Of Sex Discrimination In Federal Employment", "Policy Changes Affecting Transgender Inmates", "International Travel Advisories For Transgender Individuals", "Redefinition Of Gender In Federal Policies", "Suspension Of Federal Research Grants To Universities", "Targeting Of Universities Over Alleged Discrimination", "Cancellation Of NIH Grants For HIV Research", "Deportation And Visa Revocations Of International Scholars", "Executive Orders Banning Funding For Dei, Gender Ideology, And Green Energy Projects", "Increased Scrutiny And Funding Cuts Tied To Political Expression", "Dismissal Of Scientists And Funding Cuts To Science Agencies", "Freezing Of State Department Programs Including The Fulbright Program", "Mass Deletions Of Open-Access Datasets And Research Materials", "Threats To Defund Major Universities" ]; function changeCenterText() { const textDiv = document.getElementById("centerText"); textDiv.style.opacity = "0"; setTimeout(() => { const randomText = measures[Math.floor(Math.random() * measures.length)]; textDiv.innerText = randomText; textDiv.style.opacity = "1"; }, 1000); const nextInterval = (8 + Math.random() '' 4) '' 1000; setTimeout(changeCenterText, nextInterval); } document.getElementById("centerText").innerText = measures[Math.floor(Math.random() * measures.length)]; const initialInterval = (8 + Math.random() '' 4) '' 1000; setTimeout(changeCenterText, initialInterval); // UTILITY: Continuously grow an element. function startGrowing(element) { element.dataset.scale = element.dataset.scale || 1; element.dataset.baseTransform = element.dataset.baseTransform || "translate(-50%, -50%)"; element.style.transform = element.dataset.baseTransform + " scale(" + element.dataset.scale + ")"; element.growInterval = setInterval(() => { let current = parseFloat(element.dataset.scale); current += 0.005; element.dataset.scale = current; element.style.transform = element.dataset.baseTransform + " scale(" + current + ")"; }, 100); } // MONEY EMOJI FUNCTIONALITY function spawnMoneyEmoji() { const tNow = Date.now() - backgroundCycleStart; const tRemain = totalTransition - tNow; if (tRemain < 3000) { scheduleNextMoney(); return; } const money = document.createElement("span"); money.className = "money"; money.innerText = "๐ค"; const side = Math.random() < 0.5 ? "left" : "right"; const fixedY = window.innerHeight / 2; let startX, stopX; const factor = 0.75 + Math.random() * 0.15; const centerX = window.innerWidth / 2; if (side === "left") { startX = -50; stopX = centerX * factor; } else { startX = window.innerWidth + 50; stopX = window.innerWidth - centerX * factor; } money.style.left = startX + "px"; money.style.top = fixedY + "px"; money.dataset.baseTransform = "translate(-50%, -50%)"; money.dataset.scale = 1; money.style.transform = money.dataset.baseTransform + " scale(1)"; money.style.zIndex = "10"; document.body.appendChild(money); money.style.transition = "left 3s linear"; requestAnimationFrame(() => { money.style.left = stopX + "px"; }); startGrowing(money); scheduleNextMoney(); } function scheduleNextMoney() { const delay = 20000 + Math.random() * 10000; // 20-30 seconds setTimeout(spawnMoneyEmoji, delay); } scheduleNextMoney(); // Start continuous growth for the static clown emoji at twice the normal speed. window.addEventListener('DOMContentLoaded', () => { const clown = document.getElementById("centerClown"); clown.dataset.scale = 1; clown.dataset.baseTransform = "translate(-50%, -50%)"; clown.style.transform = clown.dataset.baseTransform + " scale(" + clown.dataset.scale + ")"; clown.growInterval = setInterval(() => { let current = parseFloat(clown.dataset.scale); current += 0.01; // Twice as fast growth. clown.dataset.scale = current; clown.style.transform = clown.dataset.baseTransform + " scale(" + current + ")"; }, 100); }); </script> </body> </html> </syntaxhighlight> Feel free to test and adjust further if needed.
Summary:
Please note that all contributions to freem are considered to be released under the Creative Commons Attribution-ShareAlike 4.0 (see
Freem:Copyrights
for details). If you do not want your writing to be edited mercilessly and redistributed at will, then do not submit it here.
You are also promising us that you wrote this yourself, or copied it from a public domain or similar free resource.
Do not submit copyrighted work without permission!
Cancel
Editing help
(opens in new window)