pavan.studio Website

This README provides an overview of the HTML/JavaScript site for pavan.studio.

Table of Contents

• Introduction
• Features
• Dependencies
• Scripts
• Running the Website
• Credits
• Contact

Introduction

The website is an interactive webpage that provides various UI components for users. It also showcases some visual effects and design elements credited to the original designer.

Features

• Loading Bar: Indicates the loading process and shows the percentage of completion.
• Translation Shuffle: Features random shuffle and invert translations in multiple languages for UI buttons.
• Social Links: Quick links to various social media platforms.
• Interactive Buttons:
  • Random Shuffle Button: Changes its label using the translations available.
  • Color Inverter Button: Changes its label using the translations available and potentially alters the website's color theme.

Dependencies

• p5.js: JavaScript library for creative coding.
• Font Awesome: Icon toolkit for web UI elements.
• jQuery: Fast, small, and feature-rich JavaScript library.
• jQuery UI: A curated set of user interface interactions, effects, widgets, and themes.
• Google Fonts: Font library (currently commented out).
• Local Scripts and Styles:
  • style.css: Main styles.
  • sketch.js, update.js, textures.js, italicWave.js, entry.js, g_zigzag.js, and g_gradient.js provide additional functionality and effects.

Scripts

The main scripts in this website include:

• shuffle_trans(): Translates the "RANDOM SHUFFLE" button text into a random language from the provided list.
• invert_trans(): Translates the "COLOR INVERTER" button text into a random language from the provided list.
• Link Target Updater: Ensures that all social links open in a new browser tab.

Credits

The original design is credited to kiel danger.

Contact

You can get in touch or follow me:

• Twitter
• Instagram
• LinkedIn
• Spotify

---

Enjoy exploring the website!