🪬 Akashic Records Collection: Exploring Hermetics & Gnosticism
An immersive set of interactive stories and galleries delving into Hermetic wisdom, Gnosticism, and ancient esoteric teachings. This repository merges major projects—Thoth and Hermetic Wisdom and the Emerald Tablet–inspired Interactive Story Galleries—each showcasing dynamic visuals, interactive text, and in-depth explorations of alchemy, mysticism, and cosmic insight.
🌟 Table of Contents
- Overview
- Projects in the Collection
- Shared Aesthetic & Technical Highlights
- Installation & Usage
- Future Directions
- License
- 💌 Additional Resources
- 🤝 Support and Contributions
- 💡 Wallets
- 🤝 Contribution Guidelines
- 🎨 Acknowledgments
👁️ Overview
These interactive galleries offer a cinematic storytelling experience, weaving together:
- Mythological Elements: Ancient Egyptian deity Thoth, Hermetic traditions, and alchemical wisdom.
- Hermetic Principles: “As Above, So Below,” transmutation, and the Philosopher’s Stone.
- Spiritual and Philosophical Themes: Divine knowledge, cosmic balance, and personal enlightenment.
Through horizontal scroll mechanics, responsive design, and GSAP-powered animations, each project immerses users in the timeless teachings of Hermeticism and Gnostic thought.
👀 Projects in the Collection
Thoth and Hermetic Wisdom
An interactive web experience focusing on Thoth, the Egyptian god of wisdom, writing, and magic, exploring:
- Thoth’s Role in Egyptian Mythology
Scribe of the gods, mediator in divine conflicts, and guardian of knowledge.
- Afterlife & Justice
Recorder of souls during the weighing of the heart ceremony.
- Hermes Trismegistus
Fusion of Thoth and Hermes, forming the cornerstone of Hermetic and Gnostic wisdom.
- Key Panels & Topics
- Introduction to Thoth’s influence on Egyptian culture.
- Connection to the Moon and cosmic order.
- Thoth’s patronage of magic, healing, and esoteric knowledge.
- The Hermetic traditions and “As Above, So Below.”
- Modern spiritual relevance of these teachings.
Interactive Highlights
- Horizontal Scrolling with snap alignment for panel-by-panel exploration.
- Sentence Animations that fade in and out as users move through the content.
- GSAP Transitions providing smooth, cinematic scrolling effects.
💚 Emerald Tablet & Hermetic Principles Gallery
An animation-rich gallery grounded in alchemical and Hermetic teachings:
- Emerald Tablet Core
Showcasing the text of the Emerald Tablet, widely attributed to Hermes Trismegistus.
- Alchemical Journey
Breaking down processes like purification, transmutation, and the quest for the Philosopher’s Stone.
- Hermetic Interpretations
Panels highlight “As Above, So Below,” exploring cosmic unity and the nature of reality.
- Story Panels
- The Prologue: Origin and significance of the Emerald Tablet.
- Hermetic Principles: Core ideas of universal correspondence.
- Alchemical Teachings: Symbolic processes and the path to spiritual “gold.”
- Enlightenment: Divine knowledge and immortality.
- Practical Alchemy: Encouraging real-world applications and introspection.
Key Features
- Dynamic Rainbow Background
A CSS-driven gradient animation transitions smoothly between vibrant rainbow colors.
- Custom Scroll Behavior
Sentence-by-sentence focus using embedded JavaScript functions.
- Intersection Observer
Resets panel animations when a new section enters the viewport, ensuring consistent narrative flow.
🛠️ Shared Aesthetic & Technical Highlights
all galleries are built with:
- HTML, CSS, and JavaScript
- Semantic markup, visually engaging designs, and interactive behaviors.
- GSAP (GreenSock Animation Platform)
- High-performance animations for smooth fading, transitions, and scrolling effects.
- Responsive Design
- Ensures compatibility with desktops, tablets, and mobile devices.
- Scroll Snap & Intersection Observer
- Panels align precisely, and content resets when a new section appears.
- Focused Sentence Navigation
- Users can center on individual sentences, reading at their own pace.
💌 Additional Resources
🤝 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:
- PayPal
- Venmo
Cryptocurrency:
- Ethereum (ETH) & ERC-20 Tokens:
0x900e8f0d397048fD946b05553DeD5Ed3D5e4f1a0
- Bitcoin (BTC):
bc1qcsa7ffef296pp9hkrn03p9wu7lt0fm3s2sz0wp
- Ethereum Classic (ETC):
0xEb3C0e08868ACB0f515442579333c41E7a34F215
- Solana (SOL):
B7nCFQs6HkFAvkz1wEUiPpM4Cj7G6FJNYQ7Avrt6a4cm
-
Ripple (XRP):
Address: <div class="wrap">rEAKseZ7yNgaDuxH74PkqB12cVWohpi7R6</div>
Memo: 3109966062
- Dogecoin (DOGE):
DP2e6J8NbUzswLtBw8ou2xYz4BinyzgU7n
- Cardano (ADA):
addr1qxqgjp4h4vh4pxrg7jur8m96lzf5w98cahfflrw376qhufgg6h5us0avc20ee2azzun58lgylyl54sjr6y9efwq86krs3ladtw
- Bitcoin Cash (BCH):
bitcoincash:qpu93py8j8ykcf7m6tmau2hldefl67t9lydw8afsa5
-
Stellar Lumens (XLM):
Address: <div class="wrap">GB2ES2N326MZK4EGJBKN3ZARCQ5RTFQSAWIJAAKFVIIIJSCC35TXIMLB</div>
Memo: 2967141893
- Litecoin (LTC):
ltc1qklestxa5shsym0gmuqmv2xewp56cst58vmhggl
- Tezos (XTZ):
tz1guFykj1dQAyiGH7g5YJVZzaGdoTWeMK81
💡 Wallets
- Coinbase Wallet:
0x30D47A5815D94040291a819B8E39765AA09d44A8
- Metamask Wallet:
0x30D47A5815D94040291a819B8E39765AA09d44A8
- VeWorld Wallet:
0x020a79559990145e2f7d48c5771b233399b30bee
- Anchor Wallet:
artabilly.gm
🤝 Contribution Guidelines
We welcome contributions to enhance this project:
- Fork the repository.
- Create a feature branch:
git checkout -b feature-name
.
- Commit your changes:
git commit -m "Add feature or fix"
.
- Push your branch:
git push origin feature-name
.
- Submit a pull request for review.
🎨 Acknowledgments
This project is part of the Food4Thoth Initiative, celebrating the fusion of technology and artistic expression. Special thanks to Rstory, Artabillies, and the vibrant creative community driving these visions forward.
CSS Only 3D Image Carousel
with template use of A Pen created on CodePen.io. Original URL: https://codepen.io/NiklasKnaack/pen/abrOMLY.
This is an image carousel or gallery that is as simple as possible and only implemented with CSS.
The carousel elements are aligned automatically.
You can easily add or remove elements.
And you can use the corresponding CSS variables to make various settings and adapt the appearance to your needs.
The buttons for the direction control and the ground element are optional and can be removed if required.