# Tarot Orientation Landing
Overview
The Tarot Orientation Landing is an interactive and visually engaging platform designed to introduce users to the world of Tarot. Built upon an enhanced adaptation of the
## Final.Website - Source Code Page
A Pen created on CodePen.io. Original URL: [https://codepen.io/miabarrow/pen/Qgeado](https://codepen.io/miabarrow/pen/Qgeado),
this project seamlessly integrates 78 Tarot cards, sacred geometry, an intuitive navigation system, and an educational How-To guide.
This project was developed by De’Jahn and FOOD4THOTH, with a mission to make Tarot accessible to everyone—whether they are newcomers or seasoned practitioners.
---
# Features
## 🔮 Interactive Tarot Experience
- Fully integrated 78-card Tarot system, dynamically displayed.
- A “Card of the Day” feature that selects and showcases a different card daily using JavaScript.
- Each card includes an image, symbolic interpretations, and associated meanings.
# 🌀 Sacred Geometry Integration
- Incorporates symbolic elements inspired by Sacred Geometry, reinforcing the connection between Tarot, numerology, and cosmic patterns.
# 📖 Comprehensive “How-To” Guide
- A detailed Tarot Orientation How-To Page, providing structured learning for beginners.
- Covers deck selection, card meanings, spreads, and reading techniques.
# 🗺 Seamless Navigation
- Well-organized navigation menu connecting:
- Home (Landing Page)
- How-To (Guide for Beginners)
- Cards (Complete Tarot Deck)
- Spreads (Interpretation Layouts)
# 📜 Daily Horoscope Feature
- Users can select their Zodiac sign from a dropdown to receive a personalized horoscope message.
---
# 🗂️ File Structure
Root
│── TarotLanding/
│ ├── full_descriptions/
│ ├── HowTo.html
│ ├── HowToREADME.md
│ ├── iframe_script.js
│ ├── images/
│ ├── index.html
│ ├── info/
│ ├── libs/
│ ├── nav_script.js
│ ├── README.md
│ ├── script.js
│ ├── style.css
---
# 🎨 Visual & UX Design
- Aesthetic influenced by mysticism, celestial themes, and sacred geometry.
- Uses Bootstrap for responsive design across devices.
- Google Fonts (PT Sans & PT Sans Narrow) for readability and thematic consistency.
---
# How It Works
## 🔮 “Card of the Day” Algorithm
1. Determines the current day of the year.
2. Uses modulo operation (% 78) to cycle through the 78 Tarot cards.
3. Displays the corresponding card dynamically on the landing page.
## 📜 Horoscope Functionality
- User selects a Zodiac sign from the dropdown.
- JavaScript fetches and displays the daily horoscope message.
# 📖 How-To Guide Navigation
- Users can explore detailed explanations of Tarot, including:
- Major Arcana & Minor Arcana
- Tarot Spreads
- Reversed Meanings
- Advanced Reading Techniques
# Technologies Used
- HTML5 – Structure and content organization.
- CSS3 – Custom styling and UI enhancements.
- Bootstrap 4 – Responsive grid system and layout optimizations.
- JavaScript (jQuery) – Interactivity, card selection logic, and horoscope functionality.
- Google Fonts – Enhanced typography for readability and aesthetic alignment.
---
# Future Enhancements
## ✨ Planned Features
- Tarot Journal Integration – Allow users to log and reflect on their readings.
- Interactive Spreads – Dynamic placement of cards for Celtic Cross, Three-Card, and Custom Spreads.
- Dark Mode Theme – A toggle option for user preference.
- API Integration for Real-Time Horoscopes – Fetch live astrology data.
### Credits & Acknowledgments
- Developed by De’Jahn & FOOD4THOTH.
- Original concept adapted from CodePen.
- Special thanks to the Tarot and mysticism community for ongoing inspiration.
---
# 🌌 Food4Thoth: A Portal to Creativity and Exploration
**Food4Thoth** is a multifaceted digital hub that blends creativity, mysticism, technology, and community activism into a cohesive platform. Inspired by the Egyptian god Thoth, associated with wisdom and the mysteries of life, the site is a sanctuary for curiosity, innovation, and connection.
---
## 🌟 Overview
At its core, **Food4Thoth** serves as:
- **A Creative Oasis**: Showcasing artistic endeavors, innovative tools, and playful experiences.
- **A Knowledge Portal**: Exploring esoteric wisdom, cultural narratives, and philosophical insights.
- **A Community Builder**: Providing tools and directories for real-world connection and activism.
Whether you're an artist, mystic, gamer, or community enthusiast, **Food4Thoth** offers a space for everyone.
---
## 🎨 Core Features
### **1. Esoteric Tools**
- **Interactive Divination Apps**: Includes Tarot and I Ching applications with dynamic interfaces and rich insights.
- **Mystical Resources**: Delve into Hermetics, Gnosticism, and esoteric philosophies for personal growth.
### **2. Community Resources**
- **Black Business Directory**: A comprehensive guide celebrating Black-owned businesses and fostering economic equity.
- **Community Garden Map**: Promotes sustainability and local action by connecting users to nearby gardens and shared projects.
### **3. Cultural Exploration**
- **Hashisheen Album Reviews**: In-depth analyses of cultural, mystical, and philosophical themes in music.
- **Art and Design**: Celebrates experimental art and cyber aesthetics, blending creativity with technology.
### **4. Innovative Applications**
- **Rainbow Glo-Calculato**: A glowing, whimsical calculator that combines practicality with vibrant design.
- **Interactive Tools**: Features ASCII art generators, fractal animations, and more for playful exploration.
### **5. Token-Gated Content**
- **Blockchain Integration**: Offers exclusive access to digital art and literature via Rstory and TUDE tokens, redefining digital ownership and distribution.
---
## 🌌 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**: