https://github.com/mike014/pink-noise-website

A Pink Noise website that reproduce it and adjust the volume of it.
https://github.com/mike014/pink-noise-website

css html-css-javascript html5 javascript pinknoise

Last synced: 5 days ago
JSON representation

A Pink Noise website that reproduce it and adjust the volume of it.

• Host: GitHub
• URL: https://github.com/mike014/pink-noise-website
• Owner: Mike014
• License: gpl-3.0
• Created: 2024-09-13T12:10:41.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-09-13T12:17:21.000Z (2 months ago)
• Last Synced: 2024-09-14T02:09:09.953Z (2 months ago)
• Topics: css, html-css-javascript, html5, javascript, pinknoise
• Language: HTML
• Homepage: https://mike014.github.io/Pink-Noise-Website/
• Size: 785 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Pink Noise Website

This project is an interactive web page that allows users to play pink noise, adjust the volume, and display the playback status. The page is composed of the following files:

## index.html

The `index.html` file contains the structure of the web page. It includes sections for playing pink noise, adjusting the volume, and displaying the playback status. Additionally, it includes a footer with a link to the author's GitHub profile.

## scripts.js

The `scripts.js` file contains the JavaScript code that handles the interactivity of the page. It includes functions to play/pause the pink noise, update the volume, and display the playback status. Events are managed through listeners for the buttons and volume controls.

## styles.css

The `styles.css` file contains the CSS styles for the web page. It defines the style for the body, header, footer, buttons, and sections. It also includes styles for the links in the footer and various elements of the page to ensure a consistent and pleasant appearance.