Welcome to the BioLink Page Template! This template is designed to create an engaging and interactive biolink page with various modern web features. Below are the key features and customization instructions.
- Tilt.js Integration: Adds a dynamic 3D tilt effect to the elements on the page.
- Optimized Particles.js: Beautiful particle backgrounds optimized from Vincent Garreau's Particles.js.
- Multi-Song Features: Include multiple songs for an enhanced auditory experience.
- Intro/Landing Overlay: Engaging intro overlay to welcome your visitors.
- Animated HTML Title: Eye-catching animated title in the browser tab.
- Typewriter Bio: Typewriter effect for a dynamic biography section.
- Profile Picture and Banner Support: Supports
.gif
formats for profile pictures and banners for a lively profile. - Mobile Responsive: Fully responsive design for optimal viewing on mobile devices.
- Discord Live Account Viewer: Display your live Discord status.
- Custom PNGs for Socials: Custom icons for various social platforms, with the ability to add more using Flaticon.
- Current Time Display: Shows the user's current time using lightweight JavaScript.
- Animated Hover Effects: Interactive hover animations for Discord and social media buttons.
For full customization instructions, please refer to the documentation available on my website. This comprehensive guide covers how to modify every aspect of the page, ensuring you can tailor it to your specific needs.
To get started with your own BioLink page:
-
Clone the Repository: Download or clone this repository to your local machine.
git clone <repository-url>
-
Open the Project: Navigate to the project folder and open the HTML file in your preferred code editor.
-
Customize Your Page:
- Profile Picture and Banner: Replace the existing image files in the
assets
folder with your own.gif
images. - Social Icons: To add or change social media icons, replace the icon files in the
assets/icons
folder. You can find more icons at Flaticon. - Bio and Texts: Edit the HTML and JavaScript files to change the bio, titles, and other text content.
- Particles and Tilt Effects: Modify the JavaScript settings for Tilt.js and Particles.js in the
js
folder to customize their behavior.
- Profile Picture and Banner: Replace the existing image files in the
-
View Your Changes: Open the
index.html
file in a web browser to see your custom BioLink page in action.
We welcome contributions! If you have ideas for improvements or want to add new features, please fork the repository and submit a pull request.
This project is licensed under the MIT License. See the LICENSE
file for more details.
For any questions or support, please visit my website or contact me at [email protected].
Thank you for using the BioLink Page Template! I hope it helps you create a stunning and interactive profile page.