Skip to content

Easy to customise biolink template that uses tilt.js and particles,js

License

Notifications You must be signed in to change notification settings

seclist/biolink

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 

Repository files navigation

🌐 BioLink Page Template

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.

✨ Features

  • 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.

🛠️ Customization

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.

🚀 Getting Started

To get started with your own BioLink page:

  1. Clone the Repository: Download or clone this repository to your local machine.

    git clone <repository-url>
  2. Open the Project: Navigate to the project folder and open the HTML file in your preferred code editor.

  3. 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.
  4. View Your Changes: Open the index.html file in a web browser to see your custom BioLink page in action.

🤝 Contributing

We welcome contributions! If you have ideas for improvements or want to add new features, please fork the repository and submit a pull request.

📄 License

This project is licensed under the MIT License. See the LICENSE file for more details.

📞 Contact

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.

About

Easy to customise biolink template that uses tilt.js and particles,js

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published