alivemachine/time

Time

Slow down time

Developed with the software and tools listed below.

---

📒 Table of Contents

• 📒 Table of Contents
• 📍 Overview
• 🧩 Modules
• 📄 License

---

📍 Overview

A simple web experience aiming to relax. This knob slows down time. Click to interact with it. The experience contains easter eggs.

Try it Here

---

🧩 Modules

Root

File	Summary
index.html	This code is a web page template that includes various functionalities:-It includes HTML, CSS, and JavaScript code to create a web page layout-It sets meta tags for search engine optimization and social media sharing-It includes code for Google Analytics tracking-It includes jQuery libraries and custom JavaScript files-It creates a dynamic interface with knobs that can be manipulated-It includes canvas and iframe elements for visual and interactive elements.
style.css	This code is responsible for setting up the styling and layout of a webpage. It defines font-face declarations for the Montserrat font family, sets default styles for all elements, and sets the background color and size for the body. It also defines the layout and styles for various elements such as the experience section, webcam display, and interface elements. Additionally, there are styles for the knob and handle elements, as well as the personality and right/left container sections. Overall, this code provides the foundation for the visual appearance of the webpage.
destination.js	This code defines a list of HTML project files and symbols representing elements. It aims to establish a connection between the projects and elements through the use of symbols, facilitating easy organization and access to the projects.
innerknob.js	This code defines variables for the inner degree rotation and the length of each loop. It plays an audio file and animates the rotation of an inner knob. The rotation continually increases and the loop length gradually increases. The code ensures that the rotation stays within 360 degrees. The function is executed repeatedly with a delay using setTimeout.
loader.js	This code is a script that provides cross-fading functionality for IFrames on a webpage. It allows for the seamless transition between different IFrames, updating the page title and loading URL content accordingly. The code also includes functions to launch specific URLs, go back to the homepage, and reload text files. The purpose and behavior of the code could be further clarified with additional information about the specific context in which it is being used.
outerknob.js	This code calculates the angle of rotation based on the mouse position, updates the selected project, and displays relevant information. It also generates random colors and handles mouse events.
air.html	The code includes the following functionalities:-It embeds Google Analytics tracking code-It loads a CSS stylesheet-It sets a background image and creates a TV static effect-It embeds a YouTube video with autoplay-It displays a cornerframe and a text message with transition effects-It sets a timer to delay the display of the text message.
earth.html	The code includes a Google Analytics script, a CSS style sheet, an animated background image, a YouTube video embedded in an iframe, and a hidden message displayed after a certain time delay.
fire.html	The code includes Google Analytics integration, a CSS stylesheet, a background image with animation, a YouTube video embedded with autoplay, and a text element with a symbol.
water.html	The code includes a Google Analytics tracking script, a stylesheet link, and a main div containing a background image and an embedded YouTube video. The div also has a smaller text element styled as a diamond shape.

---

📄 License

This project is licensed under the MIT License. See the LICENSE file for additional info.

---