INPROGRESSION is a dynamic fusion of music and visual artistry, blending rock, funk, hip-hop, punk, and experimental sounds. This web project serves as a music library and interactive player, allowing listeners to explore INPROGRESSION’s discography through audio tracks, videos, and digital downloads.
This project is built using HTML, CSS, Vue.js, and various interactive elements to enhance user experience.
Features
🎵 Music Library & Audio Player
Full discography available for streaming.
Vue.js-powered dynamic track list.
Play, pause, restart, and show track details.
Filter by album for easy navigation.
🎨 Visual Experience
Integrated album artwork, music videos, and GIFs.
Interactive Vue.js-based image slider for dynamic visuals.
Embedded YouTube playlist featuring INPROGRESSION’s live performances and music videos.
📂 Content Organization
Albums: “Time & Energy,” “Down The Rabbit Hole,” “Burned”
Custom Music Tracks & Experimental Sounds
Neumorphic Navigation Menu for structured browsing
Expandable Sections for Projects & Community Initiatives (Food4Thoth, Artabillies, Anarchy Comics, Tarot, I Ching, etc.)
🛒 Digital Downloads & Support
Direct purchase links for albums on Artabillies.com.
Support options: PayPal, Venmo, Artabillies art purchases.
📌 How to Use
1. Listen to Music
Click Play to stream tracks.
Use the album filter dropdown to navigate specific collections.
Click Show Details for track info (genre, release year, duration).
2. Explore Visuals
Watch embedded YouTube music videos.
Browse animated album artwork in the image slider.
View the interactive timeline of INPROGRESSION’s music journey.
3. Navigate the Project
Use the toggle menu (☰ Nav) for quick access.
Click expandable sections for related creative projects.
Discover additional interactive features like loop stations, synthesizers, games, and tarot readings.
4. Support & Contribute
Purchase albums via Artabillies.com.
Donate through PayPal or Venmo.
Connect via email or social media links.
💻 Technologies Used
HTML5 & CSS3 – Responsive layout & neumorphic UI.
Vue.js (v2) – Dynamic track player, image slider, and interactivity.
🔹 User-submitted content – allow fans to contribute remixes, videos, and visual art.
🌌 Philosophy and Vision
Food4Thoth is inspired by the principles of its namesake, Thoth:
Creativity: A celebration of art, imagination, and innovation.
Exploration: Encouraging curiosity and the pursuit of knowledge.
Community Building: Connecting individuals through shared resources and mutual support.
Playfulness: Balancing deep inquiry with interactive and fun experiences.
The platform is a digital garden where ancient wisdom meets modern innovation.
✨ Why Visit Food4Thoth?
Diverse Offerings: Content that caters to various interests, from art and mysticism to community activism.
Interactive Tools: Explore engaging applications like calculators, games, and divination apps.
Community Engagement: Opportunities for collaboration and connection through artistic and social projects.
Inspiration: A space to spark curiosity, reflection, and joy.
🤝 Support and Contributions
Your contributions help support innovative projects like the Rainbow Glo-Calculato, community gardens, and esoteric tools, ensuring Food4Thoth continues to thrive.
Food4Thoth represents the collective effort of artists, mystics, and community builders. Thank you to all contributors and supporters who make this digital garden flourish.
Join us and explore the endless possibilities of Food4Thoth!
⚡ Credits
Designed, coded, and curated by DeJahn under Artabillies & FOOD4THOTH.