clu.ng - README >> Preview: https://clu.ng

Overview

This project is a personalized and interactive profile page built using HTML, CSS, and JavaScript. It features dynamic effects, a real-time Discord profile tracker, badges, and a snow effect for a unique user experience. The project is designed to showcase a stylish and modern profile interface with interactive elements and smooth animations.

---

Features

• Dynamic Title Animation: A typewriter effect for the webpage title.
• Snow Effect: A falling snow effect implemented using JavaScript.
• Real-time Discord Tracker: Displays real-time Discord profile information.
• View Counter: Tracks and displays the number of visits to the page.
• Badges Section: Highlights user achievements (e.g., Premium User, Early User).
• Bio Section: Animated typewriter effect to display rotating texts like a bio or quotes.
• Interactive Buttons and Links: Includes sound control and social media buttons linking to Instagram, TikTok, and Telegram.
• Background Music: Plays background music with a toggle button to mute/unmute.
• Responsive Design: Optimized for various screen sizes and devices.

---

Setup and Usage

1. Clone or download the repository.
2. Ensure all dependencies (CSS, JS, image, and audio files) are in their respective folders:
   • public/users/css/cat.css
   • public/src/img/ for images
   • r2.wya.lol/ for additional assets
   • snow.js, effects.js, effects2.js, and view.js for JavaScript.
3. Open index.html in a browser to view the profile page.

---

Customization

• Profile Details:
  • Replace images (banner.png, pp.png) and edit bio-container text in the HTML for personal content.
• Social Links:
  • Update URLs in the onclick handlers for Instagram, TikTok, and Telegram buttons.
• Music:
  • Replace music.mp3 in the r2.wya.lol/ directory with your preferred track.
• Badges:
  • Modify badge images in public/src/badges/ and their corresponding descriptions.

---

File Structure

/public
  /src
    /badges
    /img
  /users
    /css
/snow.js
/effects.js
/effects2.js
/view.js
index.html

---

Dependencies

• HTML5
• CSS3
• JavaScript (Vanilla)

---

Credits

• Original template by @alcoolique.
• Modifications and enhancements by @decal.
• Snow effect script by @massiebn from CodePen.
• View counter using jsonblob.com API.

---

Contact

• For source code or inquiries, DM @decal. on Discord.
• Follow @7irate on Instagram.

---

Feel free to fork and customize! ✨