# FOOD4THOTH Tarot Card Gallery
## Project Overview
Created by DeJahn & Food4Thoth, this project serves as the central landing page and showcase for 312 original tarot cards across four unique decks:
- Cyberpunk Dark
- Cyberpunk Melo
- Sacred Geometry
- OG Traditional
It also integrates four interactive tarot apps, each dedicated to a specific deck, and organizes all tarot-related webpages and applications for seamless navigation.
---
# Features & Functionality
1. **Tarot Card Display & Sorting**
• Users can explore and sort through all 312 tarot cards from the four decks.
• Each deck is accessible via an interactive web interface.
2. **Tarot Apps**
• Each deck has its own dedicated web app that allows users to interact with the tarot cards in an immersive experience.
• A random card pull feature lets users draw a card from the collection.
3. **Centralized Navigation System**
• A neumorphic navigation menu allows users to explore various sections, including:
• Black Business Eugene Directory
• Community Gardens
• Sound & Voice Visualizers
• ARP Synths
• Games
• I Ching
• Anarchy Comics & Info
• Akashic Records
• Tide Walk
• Trent Storybook
• Hashisheen Album Reviews and more.
4. **Embedded Interactive Previews**
• Each tarot deck is previewed with an embedded iframe that displays a live view of the corresponding web app.
5. **Image Gallery**
• A categorized tarot card gallery for users to browse through Major Arcana, Wands, Cups, Swords, and Pentacles.
• Users can sort by deck or category.
6. **Random Tarot Card Draw**
• A “PULL CARD” button allows users to randomly draw a tarot card, revealing its name, image, description, and a link to the relevant app.
7. **Smooth User Experience**
• Optimized iframes that resize dynamically.
• Scroll-to-top and scroll-to-bottom buttons for easy navigation.
---
# Technology Stack
Frontend
- HTML5, CSS3, JavaScript
- Neumorphic UI elements for a modern and immersive aesthetic
- Preloaded iframe sources for optimized page load speed
- Dynamic JavaScript-based card selection system
---
# Navigation & User Interaction
- Custom JavaScript navigation script (nav_script2.js) handles dynamic menu expansion.
- JavaScript-powered random tarot card selection.
- Smooth scrolling and popup modal functionality.
---
# 🗂️ File Structure
Root
│── TarotTogetherNoAge4Decks/
│ ├── full_descriptions/
│ ├── index.html
│ ├── nav_script.js
│ ├── README.md
│ ├── script.js
│ ├── styles.css
---
# Future Enhancements
- Expanded Tarot Deck Collection: Adding more decks, including Crystal Queens Tarot and CyberPunk X Tarot.
- Personalized Readings & Spread Generator: Users can create custom tarot spreads.
- Enhanced Mobile Experience: Optimizing UI for mobile tarot app integration.
-Dark Mode UI Option
- AI-Powered Tarot Reading Interpretations
---
# Contributors
- DeJahn (Co-Founder, Developer, Designer)
- Food4Thoth (Creative Concept, Tarot Artwork, UI/UX)
---
## 🌌 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?
1. **Diverse Offerings**: Content that caters to various interests, from art and mysticism to community activism.
2. **Interactive Tools**: Explore engaging applications like calculators, games, and divination apps.
3. **Community Engagement**: Opportunities for collaboration and connection through artistic and social projects.
4. **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.
### Donation Options
#### Traditional Payments:
1. [PayPal](https://paypal.me/artabillies)
2. [Venmo](https://venmo.com/u/DeJahnvu)
#### Cryptocurrency:
- **Ethereum (ETH) & ERC-20 Tokens**: