Food4Thoth

Akashic Records

A Hermetic Portal into Healing, Mysticism, and the Inner Cosmos | Part of the FOOD4THOTH Network

โ† Return to FOOD4THOTH


Main Landing Akashic Asclepius Deep Akashic Asclepius Lite Akashic Emerald As Above Akashic Emerald Deep Akashic Emerald Lite Akashic Hermiticum Akashic Hymn Lite Akashic Nag Akashic Nag 13 Codex Akashic Nag Treaties Akashic Thoth Deep Akashic Thoth Lite

๐Ÿชฌ Akashic Records Carousel

An immersive, interactive visual archive exploring Hermeticism, Gnosticism, and ancient esoteric wisdom, presented through a seamless 3D image carousel. This project is a digital gateway to mystical teachings, cosmic insights, and sacred knowledge.

๐Ÿ“œ Adapted and enhanced for Akashic Records within Food4Thoth by Deโ€™Jahn
๐ŸŽจ Based on the original CSS-only 3D Image Carousel by Niklas Knaack


๐ŸŒŒ Overview

The Akashic Records Carousel is an interactive, self-contained gallery showcasing Hermetic philosophy, sacred geometry, and alchemical principles. Visitors can navigate through esoteric imagery, each linked to an in-depth exploration of knowledge, symbols, and spiritual insights.

๐Ÿ”น Hermetic Wisdom & Alchemy โ€“ Explore concepts of transformation, divine knowledge, and the Emerald Tablet.
๐Ÿ”น Gnostic Teachings โ€“ Journey through esoteric Christian and mystical traditions.
๐Ÿ”น Egyptian Mysticism & Thoth โ€“ Learn about the connections between Thoth, Hermes Trismegistus, and ancient wisdom.

Each carousel panel provides a visual and intellectual gateway, guiding seekers toward deeper understanding and cosmic exploration.


๐ŸŽ  Features

โœ… 3D Interactive Image Carousel โ€“ Smooth CSS-driven animations provide an engaging experience.
โœ… Sacred Geometry & Hermeticism โ€“ Visual storytelling through alchemical symbols, Egyptian mysticism, and universal archetypes.
โœ… Hyperlinked Knowledge Hubs โ€“ Each image connects to a corresponding expanded knowledge archive.
โœ… Fully Responsive โ€“ Works across desktops, tablets, and mobile devices.
โœ… Neumorphic UI Design โ€“ A sleek, modern, and immersive interface inspired by Food4Thothโ€™s digital aesthetic.
โœ… Minimal Dependencies โ€“ Powered only by CSS, ensuring lightweight performance.


The Akashic Records Carousel integrates multiple interactive knowledge repositories, including:

๐Ÿ”ฎ Thoth and Hermetic Wisdom

๐Ÿ“– Explore the role of Thoth โ€“ Egyptian deity of wisdom, magic, and writing.
๐Ÿ“– Dive into Hermetic teachings โ€“ The foundational texts of alchemy and spiritual transmutation.
๐Ÿ“– Understand โ€œAs Above, So Belowโ€ โ€“ How universal laws manifest in both microcosm and macrocosm.

๐Ÿ”— Visit Thoth & Hermetic Wisdom


๐ŸŸข The Emerald Tablet & Alchemical Mysteries

๐Ÿ“– Decipher the Emerald Tablet โ€“ The cornerstone of alchemical transformation.
๐Ÿ“– Break down Hermetic principles โ€“ How esoteric wisdom applies to modern understanding.
๐Ÿ“– Unlock the Philosopherโ€™s Stone โ€“ Explore the allegory of transmutation and enlightenment.

๐Ÿ”— Explore the Emerald Tablet


โœจ Gnostic Visionaries & Ancient Wisdom

๐Ÿ“– Journey through Gnostic texts โ€“ The Gospel of Thomas, Nag Hammadi scrolls, and secret teachings.
๐Ÿ“– Unravel cosmic duality โ€“ Light and dark, spirit and matter, and divine emanations.
๐Ÿ“– Experience interactive storytelling โ€“ A living archive of hidden histories.

๐Ÿ”— Enter the Gnostic Vault


๐Ÿ›  Installation & Usage

This project is a self-contained web experience requiring no additional setup. However, to modify or integrate it into other projects:


๐Ÿ‘๏ธ Overview

These interactive galleries offer a cinematic storytelling experience, weaving together:

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:

Interactive Highlights


An animation-rich gallery grounded in alchemical and Hermetic teachings:

Key Features


๐Ÿ› ๏ธ Shared Aesthetic & Technical Highlights

all galleries are built with:

  1. HTML, CSS, and JavaScript
    • Semantic markup, visually engaging designs, and interactive behaviors.
  2. GSAP (GreenSock Animation Platform)
    • High-performance animations for smooth fading, transitions, and scrolling effects.
  3. Responsive Design
    • Ensures compatibility with desktops, tablets, and mobile devices.
  4. Scroll Snap & Intersection Observer
    • Panels align precisely, and content resets when a new section appears.
  5. Focused Sentence Navigation
    • Users can center on individual sentences, reading at their own pace.

๐Ÿ—‚๏ธ File Structure

/Root
โ”‚โ”€โ”€ css-only-3d-image-carousel/
โ”‚ โ”œโ”€โ”€ iframe_script.js
โ”‚ โ”œโ”€โ”€ images/
โ”‚ โ”œโ”€โ”€ index.html
โ”‚ โ”œโ”€โ”€ info/
โ”‚ โ”œโ”€โ”€ nav_script.js
โ”‚ โ”œโ”€โ”€ README.md
โ”‚ โ”œโ”€โ”€ style.css


๐Ÿ—‚๏ธ Galleries File structure

/Root โ”‚โ”€โ”€ AkashicThothLite/
โ”‚ โ”œโ”€โ”€ GSAP_License.txt
โ”‚ โ”œโ”€โ”€ GSAP.js
โ”‚ โ”œโ”€โ”€ iframe_script.js
โ”‚ โ”œโ”€โ”€ images/
โ”‚ โ”œโ”€โ”€ index.html
โ”‚ โ”œโ”€โ”€ nav_script.js
โ”‚ โ”œโ”€โ”€ oriented_script.js
โ”‚ โ”œโ”€โ”€ README.md
โ”‚ โ”œโ”€โ”€ script.js
โ”‚ โ”œโ”€โ”€ styles.css

โ”‚ โ”‚โ”€โ”€ AkashicAsclepiusLite/
โ”‚ โ”œโ”€โ”€ (same structure as above)
โ”‚

โ”‚โ”€โ”€ AkashicEmeraldAsAbove/
โ”‚ โ”œโ”€โ”€ (same structure as above)
โ”‚

โ”‚โ”€โ”€ AkashicAsclepiusDeep/
โ”‚ โ”œโ”€โ”€ (same structure as above)
โ”‚

โ”‚โ”€โ”€ AkashicEmeraldDeep/
โ”‚ โ”œโ”€โ”€ (same structure as above)
โ”‚

โ”‚โ”€โ”€ AkashicEmeraldLite/
โ”‚ โ”œโ”€โ”€ (same structure as above)
โ”‚

โ”‚โ”€โ”€ AkashicHymnLite/
โ”‚ โ”œโ”€โ”€ (same as AkashicHymnLite)
โ”‚

โ”‚โ”€โ”€ AkashicHermiticum/
โ”‚ โ”œโ”€โ”€ (same as AkashicHymnLite)
โ”‚

โ”‚โ”€โ”€ AkashicNag/
โ”‚ โ”œโ”€โ”€ (same as AkashicHymnLite)
โ”‚

โ”‚โ”€โ”€ AkashicNagTreaties/
โ”‚ โ”œโ”€โ”€ (same as AkashicHymnLite)
โ”‚

โ”‚โ”€โ”€ AkashicNag13Codex/
โ”‚ โ”œโ”€โ”€ (same as AkashicHymnLite)
โ”‚

โ”‚โ”€โ”€ AkashicThothDeep/
โ”‚ โ”œโ”€โ”€ (same as AkashicHymnLite)


๐ŸŒŒ Philosophy and Vision

Food4Thoth is inspired by the principles of its namesake, Thoth:

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.

๐Ÿ’Œ 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:

  1. PayPal
  2. Venmo

Cryptocurrency:


๐Ÿ’ก Wallets

  1. Coinbase Wallet:
0x30D47A5815D94040291a819B8E39765AA09d44A8
  1. Metamask Wallet:
    0x30D47A5815D94040291a819B8E39765AA09d44A8
  2. VeWorld Wallet:
    0x020a79559990145e2f7d48c5771b233399b30bee
  3. Anchor Wallet:
    artabilly.gm

๐Ÿค Contribution Guidelines

We welcome contributions to enhance this project:

  1. Fork the repository.
  2. Create a feature branch: git checkout -b feature-name.
  3. Commit your changes: git commit -m "Add feature or fix".
  4. Push your branch: git push origin feature-name.
  5. 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.

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.


โ€ข Main Landing
โ€ข Akashic Asclepius Deep
โ€ข Akashic Asclepius Lite
โ€ข Akashic Emerald As Above
โ€ข Akashic Emerald Deep
โ€ข Akashic Emerald Lite
โ€ข Akashic Hermiticum
โ€ข Akashic Hymn Lite
โ€ข Akashic Nag
โ€ข Akashic Nag 13 Codex
โ€ข Akashic Nag Treaties
โ€ข Akashic Thoth Deep
โ€ข Akashic Thoth Lite


โšก Credits

Coded and curated by DeJahn under Artabillies & FOOD4THOTH.


๐Ÿ“ License

ยฉ 2025 Food4Thoth. All rights reserved. Unauthorized redistribution, copying, or modification without explicit permission is prohibited.