https://github.com/edisedis777/offering

Ancestral Paper Offering
https://github.com/edisedis777/offering

ancestors offering paper spirit

Last synced: 3 months ago
JSON representation

Ancestral Paper Offering

• Host: GitHub
• URL: https://github.com/edisedis777/offering
• Owner: edisedis777
• License: mit
• Created: 2025-03-01T13:06:18.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2025-03-11T09:04:08.000Z (3 months ago)
• Last Synced: 2025-03-11T10:24:06.352Z (3 months ago)
• Topics: ancestors, offering, paper, spirit
• Language: JavaScript
• Homepage: https://edisedis777.github.io/offering/
• Size: 6.58 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Paper-Offering

[![Visual Studio Code](https://custom-icon-badges.demolab.com/badge/Visual%20Studio%20Code-0078d7.svg?logo=vsc&logoColor=white)](#)

[![HTML](https://img.shields.io/badge/HTML-%23E34F26.svg?logo=html5&logoColor=white)](#)

[![CSS](https://img.shields.io/badge/CSS-1572B6?logo=css3&logoColor=fff)](#)

[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=000)](#)

[![Markdown](https://img.shields.io/badge/Markdown-%23000000.svg?logo=markdown&logoColor=white)](#)

[![License](https://img.shields.io/badge/License-MIT-green.svg)](LICENSE)

A visually stunning and culturally rich webpage project that allows users to perform a virtual ancestral offering by "burning" a paper. Interactive experience features animations, audio, and mobile-friendly design.

## Demo 

Try it Live: [Here](https://edisedis777.github.io/offering/)

## Overview

- This project creates a digital ritual where users can click a beautifully designed paper or the "Burn" button to watch it fade away in a poetic, flame-and-smoke animation, symbolizing an offering.

- The design emphasizes cultural authenticity with traditional motifs, a yellow parchment-like joss paper, and subtle patterns, set against a misty temple background.

## Features

* Artistic Design: A small joss paper with minimal traditional motifs.

* Interactive Burning: Click the joss paper or "Burn" button to trigger a layered burn effect with painterly flames, swirling smoke, and glowing embers, fading without floating upward for a solemn, artistic experience.

* Mobile-Friendly: Fully responsive design optimized for mobile and desktop screens, with a title, instructions, and a "Burn" button.

* Cultural Depth: Incorporates traditional East Asian symbolism, ethereal background gradients, and a spirit transition to evoke the spiritual essence of ancestral worship.

* Animations: Uses HTML5 Canvas for high-quality, performance-optimized particle animations, with subtle effects like trembling before burning and a fading spirit silhouette.

#### Dependencies:

No external dependencies are required beyond a modern web browser. However, ensure you have the assets folder with ancestral_image.jpg (320x320 pixels).

#### Usage

* Navigate to the webpage.

* Read the title ("Ancestral Joss Paper Offering") and instructions ("Click the joss paper or the 'Burn' button to offer it to your ancestors").

* Click either the joss paper or the "Burn" button at the bottom to initiate the burning animation.

* Watch as the joss paper fades artistically into flames, smoke, and a symbolic spirit transition, symbolizing the offering to ancestors.

### Contributing

- Contributions are welcome! If you’d like to improve this project, please do so.

- Please ensure your changes align with the artistic and cultural vision of the project.

### Credits

* Inspired by: Traditional East Asian ancestral worship practices and paper rituals.

* Font: Noto Serif SC for traditional calligraphy.

* Audio: Temple Music by DSTechnician from Pixabay, Burn Music by u_cppl7ah986 from Pixabay.

### License

This project is open-source and available under the MIT License.



[Back To Top ⬆️](#Paper-Offering)