# Espírito de Aloha & Os 7 Princípios de Huna — Artes do Sul

## 🛡️ Sentinel Status
- **Status:** 🟢 Produção
- **Tier:** S
- **Health:** 100% / **ROI Potencial:** Alto impacto no bem-estar, liderança consciente e autoconhecimento
- **Stack:** HTML5 Semântico, CSS3 Moderno (Tropical Modern Design System), Vanilla JS, PWA (Offline Cache, Service Worker, Web Manifest)

---

Landing page e Web App progressivo (PWA) de alta performance centrado no **Espírito de Aloha** e nos **7 Princípios da Filosofia Huna** (linhagem Kahili Huna do Havaí). O projeto combina estética refinada *Tropical Modern*, desconstrução etimológica (*Alo* + *Hā*), os pilares axiológicos de convivência comunitária (*Na Waiwai* — Mālama ʻĀina, ʻOhana, Kuleana, Lōkahi), grid interativo com os 7 princípios de Huna e suas respectivas micro-práticas diárias, widget dinâmico de sorteio de reflexão com exercício interativo de respiração guiada de 1 minuto (**Sopro Ha** com timer visual e animação de expansão de *Mana*), a arquitetura dos 6 assentos de governança da canoa polinésia (**Ka Waʻa**) e suporte offline completo.

## 🚀 Funcionalidades Principais

1. **Design System Tropical Modern (UI/UX Imersivo):**
   - Paleta canônica: Verde Folha Tropical (`#2E5A44`), Azul Oceano Pacífico (`#1E7B85`), Coral Pôr do Sol (`#E07A5F`), Areia Quente (`#F7F4EF`) e Grafite Suave (`#2B2D42`).
   - Imagens cinematográficas de alta resolução geradas por IA (`hero.jpg` e `reflection.jpg`).
   - Tipografia harmoniosa: títulos elegantes em *Playfair Display* e corpo de texto em *Plus Jakarta Sans*.
   - Alternador dinâmico de modo Claro (Tropical Modern Sand) e modo Escuro (Rainforest Night) com persistência em `localStorage`.
   - Navbar sticky com elevação suave no scroll e botão flutuante *Voltar ao Topo*.

2. **O Espírito de Aloha & Matriz Na Waiwai:**
   - Significado profundo de *Aloha*: *Alo* (estar face a face, presença viva) + *Hā* (o sopro sagrado da respiração divina).
   - 4 Valores norteadores de convivência comunitária:
     - **Mālama ʻĀina**: Cuidar da terra como parente vivo (*"He alii ka aina; he kauwa ke kanaka"*).
     - **ʻOhana**: Pertencimento incondicional e responsabilidade coletiva.
     - **Kuleana**: Dever sagrado e prerrogativa não delegável de zelo.
     - **Lōkahi**: Unidade e harmonia entre corpo, mente e ambiente.

3. **Os 7 Princípios de Huna (Grid Interativo & Modal):**
   - 1. **'IKE** (Consciência): *"O mundo é o que você pensa que é."* ➔ Micro-prática de reavaliação de crenças limitantes.
   - 2. **KALA** (Liberdade): *"Não há limites; tudo é possível."* ➔ Micro-prática de perdão ativo e desapego.
   - 3. **MAKIA** (Foco): *"A energia flui para onde a atenção vai."* ➔ Micro-prática de concentração intencional.
   - 4. **MANAWA** (Presença): *"O agora é o momento de poder."* ➔ Micro-prática de ancoragem no instante presente.
   - 5. **ALOHA** (Amor): *"Amar é estar feliz com [algo ou alguém]."* ➔ Micro-prática de gratidão e apreço.
   - 6. **MANA** (Energia): *"Todo o poder vem de dentro."* ➔ Micro-prática de soberania e responsabilidade interna.
   - 7. **PONO** (Eficácia): *"A eficácia é a medida da verdade."* ➔ Micro-prática de flexibilidade e retidão nos meios.
   - Modais detalhados com tecla `ESC`, clique de fundo e acessibilidade.

4. **Widget de Reflexão Diária & Exercício do Sopro Ha (1 Minuto):**
   - Sorteador dinâmico de princípios com animação de embaralhamento rápido e feedback sonoro/visual via Toast.
   - **Exercício do Sopro Ha**: Guia de respiração havaiana com bolha visual animada (Inalação 4s, Retenção 4s, Exalação vocal "Haaaa" 8s), cronômetro regressivo de 60 segundos e controles interativos (Iniciar, Pausar e Reiniciar).

5. **Modelo Ka Waʻa (A Canoa Polinésia de Governança Integrada):**
   - Os 6 assentos da embarcação comunitária: Profissionais & Curadores, Demandas Comunitárias Reais, Espaço Físico & Instalações, Recursos Éticos & Finanças, Estratégia & Planejamento, Liderança Coesiva.

6. **Arquitetura PWA:**
   - `manifest.json` com ícone vetorial SVG e modo standalone.
   - `sw.js` com cache *Stale-While-Revalidate* e navegação 100% offline.

## 📂 Estrutura de Arquivos

```
aloha.artesdosul.com/
├── assets/
│   ├── hero.jpg                 # Paisagem cinematográfica de praia tropical e canoa wa'a (IA)
│   ├── reflection.jpg           # Santuário de meditação ao pôr do sol havaiano (IA)
│   └── icon.svg                 # Ícone vetorial do Sopro Ha e folha sagrada
├── app.js                       # Lógica dos 7 princípios, modal, sorteador, Sopro Ha e temas
├── index.html                   # Estrutura semântica HTML5 e acessibilidade
├── manifest.json                # Manifesto PWA
├── manual_lideranca.md          # Manual de governança e princípios Huna
├── plano_estrategico.md         # Plano estratégico e modelo Ka Waʻa
├── README.md                    # Documentação oficial e Sentinel Status
├── roteiro.md                   # Requisitos de design e estrutura da landing page
├── style.css                    # Design System Tropical Modern
└── sw.js                        # Service Worker com cache offline
```

## 🛠️ Tecnologias Utilizadas

- **HTML5 Semântico:** Marcação limpa e acessível.
- **CSS3 Moderno:** Design tokens nativos, animações em keyframes, CSS Grid e Flexbox.
- **Vanilla JavaScript (ES6+):** Código reativo, modular, sem dependências externas.
- **PWA Ready:** Suporte a instalação como aplicativo independente no celular e no computador.

---

Desenvolvido com carinho e reverência por [@artesdosul](https://artesdosul.com/) — *"Ua mau ke ea o ka aina i ka pono"*.