daawat-e-shahi-sihm

KO | EN

gitlite — search

#javascript #python #react #ai #typescript #llm #android #rust #deep-learning #nodejs #macos #windows #awesome #awesome-list

daawat-e-shahi-sihm

(★ 15)

A single-page menu website showcasing Daawat-e-Shahi (The Royal Feast) - a premium Mughal cuisine experience presented by SIHM Kozhikode.

daawat-e-shahi-sihm Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🍽️ दावत-ए-शाही | Daawat-e-Shahi

**A Royal Mughal Menu Experience**

*Presented by The State Institute of Hospitality Management, Kozhikode*

[![Project Status](https://img.shields.io/badge/Status-Archived-lightgrey?style=for-the-badge)](https://github.com/mfscpayload-690/daawat-e-shahi-sihm)
[![HTML5](https://img.shields.io/badge/HTML5-E34F26?style=for-the-badge&logo=html5&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/HTML)
[![CSS3](https://img.shields.io/badge/CSS3-1572B6?style=for-the-badge&logo=css3&logoColor=white)](https://developer.mozilla.org/en-US/docs/Web/CSS)
[![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?style=for-the-badge&logo=javascript&logoColor=black)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

---

</div>

## 📦 Project Status

> [!IMPORTANT]
> **Archived on February 12, 2026.**  
> The SIHM Kozhikode grand feast has been successfully completed.  
> Netlify and Vercel deployments have been turned off, and this repository is now kept as a historical reference.
> See `ARCHIVE_NOTES.md` for complete archive details.

## 📖 Overview

**Daawat-e-Shahi** (The Royal Feast) is a premium, single-page menu website showcasing authentic Mughal cuisine. This project combines traditional Indian royal aesthetics with modern web design principles to create an immersive digital dining experience.

Developed for **The State Institute of Hospitality Management, Kozhikode**, this website demonstrates the institution's commitment to culinary excellence and cultural heritage preservation.

## ✨ Key Features

### Design & Aesthetics
- 🎨 **Royal Mughal Theme** - Burgundy and gold color palette inspired by Mughal architecture
- 🏛️ **Ornate UI Elements** - Decorative arches, flourishes, and authentic motifs
- ✨ **Premium Animations** - Smooth scroll reveals, parallax effects, and hover interactions
- 🌟 **Gold Shimmer Effects** - Dynamic text gradients and sparkle particles

### Technical Excellence
- 📱 **Fully Responsive** - Optimized for desktop, tablet, and mobile devices
- ⚡ **Performance Optimized** - Pure HTML/CSS/JS with no framework overhead
- ♿ **Accessible** - Keyboard navigation and reduced motion support
- 🎯 **SEO Ready** - Semantic HTML and Open Graph meta tags

### User Experience
- 🔄 **Intersection Observer** - Smart scroll-triggered animations
- 🖱️ **Interactive Elements** - Enhanced hover states with visual feedback
- 📜 **Royal Scroll Design** - Decorative footer with seal and flourishes
- 🌐 **i18n Elements** - Hindi/Urdu typography for authentic cultural touch

## 🏗️ Architecture

```
daawat-e-shahi-sihm/
├── index.html          # Single-page structure with semantic sections
├── styles.css          # Complete styling with CSS custom properties
├── script.js           # Scroll animations, parallax, interactions
├── assets/             # Favicons, PWA manifest
│   ├── favicon.ico
│   ├── apple-touch-icon.png
│   ├── android-chrome-*.png
│   └── site.webmanifest
└── README.md
```

### Design System

**Color Palette**
```css
--color-primary: #8B0000;      /* Deep burgundy */
--color-secondary: #DAA520;    /* Royal gold */
--color-accent: #2C1810;       /* Deep brown */
--color-bg-main: #FFF8F0;      /* Warm ivory */
```

**Typography**
- **Display**: Playfair Display - Titles & headers
- **Elegant**: Cormorant Garamond - Dish names
- **Body**: Inter - Descriptions & content

## 🚀 Deployment

This project has no active public deployment.

- Netlify deployment: disabled
- Vercel deployment: disabled
- Canonical reference: [GitHub repository](https://github.com/mfscpayload-690/daawat-e-shahi-sihm)

To view locally, open `index.html` directly in a browser.

## 🛠️ Technology Stack

| Technology | Purpose |
|------------|---------|
| **HTML5** | Semantic structure with accessibility features |
| **CSS3** | Advanced styling with custom properties, animations, gradients |
| **Vanilla JavaScript** | Intersection Observer, parallax scrolling, particle effects |
| **Google Fonts** | Premium typography (Playfair Display, Cormorant Garamond, Inter) |

**No frameworks. No build tools. Just pure web technologies.**

## 🎨 Design Highlights

- **Mughal Arch Frames** - Decorative architectural elements
- **Royal Crest Animations** - Floating and pulsing effects
- **Ornate Section Dividers** - Multi-color gradients with diamond accents
- **Corner Flourishes** - Interactive decorative symbols
- **Drop Cap Typography** - First letter emphasis on dish names
- **Royal Seal Footer** - Rotating ring with pulsing symbol
- **Sparkle Particles** - Dynamic hover interactions

## 📱 Browser Support

- ✅ Chrome 90+
- ✅ Firefox 88+
- ✅ Safari 14+
- ✅ Edge 90+
- ✅ Mobile browsers (iOS Safari, Chrome Mobile)

## 📄 License

This project is developed for **The State Institute of Hospitality Management, Kozhikode**.

---

### 👨‍💻 Developer

**[@mfscpayload-690](https://github.com/mfscpayload-690)**

*Crafted with tradition and excellence in mind*

---

**[⭐ Star this repo](https://github.com/mfscpayload-690/daawat-e-shahi-sihm)** if you found it helpful!

</div>

daawat-e-shahi-sihm

daawat-e-shahi-sihm Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

daawat-e-shahi-sihm

daawat-e-shahi-sihm Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README