Skip to navigation Skip to content
WORD to WORD to WORD

The Online Collective Digest Worth Reading – Hit that Bell!

  • About Us
  • Affiliate Disclosure
  • Privacy Policy
  • Contact Us
  • Story Archives
  • Art
  • Shop
  • Travel
  • Health and Fitness
  • Technology
  • Living
  • Money
  • My account
  • About Us
  • EARN WITH US!
  • Story Archives
  • Art
  • Shop
  • Travel
  • Health and Fitness
  • Technology
  • Living
  • Money
  • My account
  • About Us
  • EARN WITH US!
  • $0.00 0 items

Search Google

Floating Earth

Floating Earth

The Universe
Earth
Universe No: 9
Element 9
Node Count: 1
1
God =
Floating Earth /* Add your custom CSS styles here */ body { font-family: Arial, sans-serif; text-align: center; } h1 { margin-top: 30px; } #game-container { margin-top: 50px; position: relative; width: 100vw; height: 100vh; overflow: hidden; } #earth { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out; } /* Adjust the speed and smoothness of the Earth's movement */ @keyframes floating { 0% { transform: translate(-50%, -50%) rotate(0deg); } 50% { transform: translate(-50%, -50%) rotate(360deg); } 100% { transform: translate(-50%, -50%) rotate(0deg); } } #universe-no { margin-top: 20px; font-size: 24px; } #message { margin-top: 20px; font-size: 18px; color: red; } #universe-circle { width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #universe-label { font-size: 18px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #node-count { margin-top: 20px; font-size: 18px; font-weight: bold; } #cta-button { margin-top: 20px; padding: 10px 20px; background-color: black; color: white; font-size: 16px; border: none; cursor: pointer; } #god-circle { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ccc; position: absolute; top: 20%; left: 20%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; cursor: pointer; } #god-circle-label { font-size: 14px; margin-top: 5px; } Floating Earth The Universe Universe No: 9 Element 9 Node Count: 1 0 God's Value Resonate
The Existential Waterfall by Sith - Art - Matte Canvas, Black Frame

The Existential Waterfall by Sith - Art - Matte Canvas, Black Frame

Every print in a black pinewood frame will look sleek and beautiful in any interior. Your original designs will be printed on the cotton-polyester canvas with a special proprietary coating to make sure your designs stay vibrant for ages. An excellent product for your environmentally-conscious buyers – it’s made from sustainably sourced materials (Forest Stewardship Council certified). Choose be…

$4,776.00 – $11,604.00
Shop now

Floating Earth

Floating Earth

The Universe
Earth
Universe No: 9
Element 9
Node Count: 1
0
God
Floating Earth

Floating Earth

The Universe
Earth
Universe No: 9
Element 9
Node Count: 1
0
Click for a Divine Number
Top rated products
  • Words Worth Pondering! - Unisex T-Shirt $17.17 – $24.35
  • Droplets - By Sith - Art - Matte Canvas, Black Frame $94.23 – $514.00
  • Why Do BIRDS Fry? Frosted Glass Mug $11.50
!DOCTYPE html html head titleFloating Earthtitle style Add your custom CSS styles here body { font-family Arial, sans-serif; text-align center; } h1 { margin-top 30px; } #game-container { margin-top 50px; position relative; width 100vw; height 100vh; overflow hidden; } #earth { width 100px; height 100px; border-radius 50%; position absolute; top 0; left 0; transition all 0.3s ease-in-out; } Adjust the speed and smoothness of the Earth's movement @keyframes floating { 0% { transform translate(-50%, -50%) rotate(0deg); } 50% { transform translate(-50%, -50%) rotate(360deg); } 100% { transform translate(-50%, -50%) rotate(0deg); } } #universe-no { margin-top 20px; font-size 24px; } #message { margin-top 20px; font-size 18px; color red; } #universe-circle { width 200px; height 200px; border-radius 50%; border 2px solid #ccc; position absolute; top 50%; left 50%; transform translate(-50%, -50%); } #universe-label { font-size 18px; font-weight bold; position absolute; top 50%; left 50%; transform translate(-50%, -50%); } #node-count { margin-top 20px; font-size 18px; font-weight bold; } #cta-button { margin-top 20px; padding 10px 20px; background-color black; color white; font-size 16px; border none; cursor pointer; } #god-circle { width 50px; height 50px; border-radius 50%; border 2px solid #ccc; position absolute; top 20%; left 20%; display flex; align-items center; justify-content center; font-size 16px; font-weight bold; cursor pointer; } #god-circle-label { font-size 14px; margin-top 5px; } style script JavaScript code for Floating Earth game let universeNo = 9; let direction = right; let gameEnded = false; let illustrativeElements = [ Element 1, Element 2, Element 3, Element 4, Element 5, Element 6, Element 8, Element 9 ]; Load node count from local storage or set it to 1 if not present let nodeCount = parseInt(localStorage.getItem(nodeCount)) 1; Function to update the position of the Earth function updateEarthPosition() { const earth = document.getElementById(earth); const gameContainer = document.getElementById(game-container); const containerWidth = gameContainer.offsetWidth; const containerHeight = gameContainer.offsetHeight; const earthSize = earth.offsetWidth; let newTop = Math.random() (containerHeight - earthSize); let newLeft = Math.random() (containerWidth - earthSize); earth.style.top = newTop + px; earth.style.left = newLeft + px; } Function to handle collision with Earth function handleCollision() { if (gameEnded) return; universeNo--; if (universeNo === 0) { universeNo = 9999999999; Set universeNo to billions } updateUniverseNo(); updateIllustrativeElement(); Increment node count and update on the UI nodeCount++; document.getElementById(node-count).textContent = Node Count + nodeCount; Store node count in local storage localStorage.setItem(nodeCount, nodeCount.toString()); } Function to update the universeNo on the UI function updateUniverseNo() { document.getElementById(universe-no).textContent = Universe No + formatUniverseNo(universeNo); } Function to update the illustrative element on the UI function updateIllustrativeElement() { const illustrativeElement = document.getElementById(illustrative-element); illustrativeElement.textContent = illustrativeElements[universeNo - 1]; } Function to format the universeNo with commas function formatUniverseNo(value) { return value.toLocaleString(); } Function to end the game function endGame() { gameEnded = true; document.getElementById(message).textContent = Game Over! You ran out of Universe No.; } Function to handle the click event on the CTA button function handleCTAClick() { Implement your desired action here alert(Resonate, Gravitate, e=mc²); } Function to handle the click event on the God circle function handleGodCircleClick() { const godValue = document.getElementById(god-value); godValue.textContent = getRandomGodValue(); } Generate a random god value between 0 and 1169 (excluding 7) function getRandomGodValue() { let value = Math.floor(Math.random() 1169); if (value = 7) { value++; } return value; } Call the updateEarthPosition function at regular intervals setInterval(updateEarthPosition, 5000); Adjust the interval for Earth movement Call updateUniverseNo and updateIllustrativeElement functions when the page loads window.onload = function () { updateUniverseNo(); updateIllustrativeElement(); document.getElementById(node-count).textContent = Node Count + nodeCount; }; script head body h1Floating Earthh1 div id=game-container div id=universe-circle onclick=handleCollision()div div id=universe-labelThe Universediv img id=earth src=earth.png alt=Earth div id=universe-noUniverse No 9div div id=illustrative-elementElement 9div div id=node-countNode Count 1div button id=cta-button onclick=handleCTAClick()Call To Actionbutton div id=god-circle onclick=handleGodCircleClick() div id=god-value0div div id=god-circle-labelClick for a Divine Numberdiv div div id=messagediv div body html
Floating Earth /* Add your custom CSS styles here */ body { font-family: Arial, sans-serif; text-align: center; } h1 { margin-top: 30px; } #game-container { margin-top: 50px; position: relative; width: 100vw; height: 100vh; overflow: hidden; } #earth { width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0; left: 0; transition: all 0.3s ease-in-out; } /* Adjust the speed and smoothness of the Earth's movement */ @keyframes floating { 0% { transform: translate(-50%, -50%) rotate(0deg); } 50% { transform: translate(-50%, -50%) rotate(360deg); } 100% { transform: translate(-50%, -50%) rotate(0deg); } } #universe-no { margin-top: 20px; font-size: 24px; } #message { margin-top: 20px; font-size: 18px; color: red; } #universe-circle { width: 200px; height: 200px; border-radius: 50%; border: 2px solid #ccc; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #universe-label { font-size: 18px; font-weight: bold; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #node-count { margin-top: 20px; font-size: 18px; font-weight: bold; } #cta-button { margin-top: 20px; padding: 10px 20px; background-color: black; color: white; font-size: 16px; border: none; cursor: pointer; } #god-circle { width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ccc; position: absolute; top: 20%; left: 20%; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; cursor: pointer; } #god-circle-label { font-size: 14px; margin-top: 5px; } Floating Earth The Universe Universe No: 9 Element 9 Node Count: 1 0 God's Value Resonate
Home / Travel / Page 5

Category: Travel

Posted on March 2, 2021June 17, 2021 by Sithum — Leave a comment

Is Travelling to Spain Worth it?

travelling to Spain, Spain travel, visit Spain, Spain trips, trips to Spain, backpacking Spain

What are the various attractions in Spain and is it worth travelling Spain? If you are wondering if Spain should be the next destination.

Read more

Category: Travel
Posted on February 8, 2021June 17, 2021 by Sithum — Leave a comment

Visit Sri Lanka

visit Sri Lanka, travel Sri Lanka, Visiting Sri Lanka

A short extract on what you can expect to do when you visit this beautiful island nation of Sri Lanka. A short look into Sri Lanka.

Read more

Category: Travel

Posts navigation

  • Previous
  • 1
  • …
  • 4
  • 5

SUPPORT our quest to HEAL the WORLD!

Follow @freetherasta

Your support means the WORLD to me and my family! With PEACE and LOVE... let's heal the world TOGETHER!

C.S.M.Fernando (Sith)
Tweets by freetherasta

Subscribe to the BIGGEST cause on Youtube!

Buy and Review My BOOK! - Free the Rastafari

  • October 2022
  • September 2022
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
Recent Posts
  • Do Invisible Fences Work? The Ultimate Beginner’s Guide
  • EARN WITH US!
  • Can You Ride Electric Scooters in Bike Lanes? (Answered)
  • How to Clear Your Mind – 10 Steps to Eternal Happiness
  • How Many Carbohydrates Should Bodybuilders Eat to Lose Weight?
Recent Comments
    Products
    • Color With Me - 22nd September 2023 $330.00
    • Words of Time - Unisex Heavy Blend™ Hooded Sweatshirt $47.63 – $54.10
    • Words of Time - By Sith - Art - Poetry - Matte Canvas, Black Frame $95.52 – $232.08
    • The Existential Waterfall by Sith - Art - Matte Canvas, Black Frame $4,776.00 – $11,604.00
    • Droplets - By Sith - Art - Matte Canvas, Black Frame $94.23 – $514.00
    • Polluted Serenity - By Sith - Art - Matte Canvas, Black Frame $251.27 – $1,370.67
    • Visible Substance - By Sith - Art - Matte Canvas, Black Frame $159.20 – $386.80
    Categories
    • Health and Fitness
    • Living
    • Money
    • Technology
    • Travel
    © WORD to WORD to WORD 2023
    Built with Storefront & WooCommerce.
    • My Account
    • Search
    • Cart 0