# ALAI Website (alai.no)

ALAI Holding AS main website — AI services company landing page

# Overview

# Overview

## Domain &amp; Infrastructure

- **Domain:** `alai.no`
- **Vercel Project:** `ucenje-deploy`
- **Local Repository:** `~/ALAI/web`
- **Remote Repository:** `https://github.com/johnatbasicas/alai-web.git`
- **Tech Stack:** Next.js 14, React, Tailwind CSS, Vercel

## Deploy Method

cc-api-server /bash → vercel --prod

## Quick Links

- [Live Site: alai.no](https://alai.no)

# Architecture

# Architecture

## Technology Stack

Next.js 14, React, Tailwind CSS, Vercel

## Infrastructure

*To be documented: hosting environment, dependencies, integrations*

## Deployment Pipeline

cc-api-server /bash → vercel --prod

## Dependencies

*To be documented: external services, APIs, databases*

# Deploy Runbook

# Deploy Runbook — alai.no

**Last updated:** 2026-04-15
**Status:** Production — VERIFIED

---

## Infrastructure

| Field | Value |
|-------|-------|
| **Live URL** | https://alai.no |
| **CDN** | Vercel (confirmed via response headers) |
| **Repo** | `~/ALAI/web` |
| **Hosting type** | Static (plain HTML/CSS/JS, no build step) |
| **Output dir** | `public/` (served directly by Vercel) |
| **Vercel project** | alai (linked via `~/ALAI/web/.vercel/`) |

> ⚠️ `~/projects/ALAI/landing` is a stale Next.js experiment with Firebase config — **NOT live, NOT deployed, ignore it.**

---

## Deploy Steps

```bash
cd ~/ALAI/web
git pull origin master
# make changes to public/
git add public/
git commit -m "feat: description"
vercel --prod
```

## Verify

```bash
curl -sI https://alai.no | grep -i "server\|vercel"
# Expected: server: Vercel
```

## Rollback

```bash
# List deployments
vercel ls

# Rollback to previous deployment URL
vercel rollback [deployment-url]
```

## Known Issues

- **2026-04-15**: `/ucenje/` subpage links used directory-style paths (`/ucenje/mladi/`) instead of `.html` files. Fixed in `public/ucenje/index.html` — deploy pending.
- Vercel token occasionally needs re-auth: `vercel login`

## What NOT to use

- ❌ Firebase (`~/projects/ALAI/landing`) — stale, not connected to alai.no
- ❌ `~/projects/ALAI/landing` — Next.js experiment, dead project

# Current State

# Current State

## What Works

- *To be documented*

## What Doesn't Work / Known Issues

- *To be documented*

## Open Tasks

*Link to Mission Control tasks related to this project*

## Last Verified

**Date:** 2026-04-15

**Status:** Initial documentation shell created

# Changelog

# Changelog

## 2026-04-15 — Documentation Shell Created

- Initial BookStack book structure created
- Overview, Architecture, Deploy Runbook, Current State pages added
- Task: `#7763` (DOD System: BookStack Shell per projekat)

---

*All significant deploys and changes should be logged here with date, description, and deploy ID.*

# ucenje v3 — aha math + pčele + interaktivan 6×19

# ucenje v3 — aha math + pčele + interaktivan 6×19

\\n\\n## Background

\\n\\nOn **2026-04-22**, CEO Alem Basic provided feedback via Slack about the /ucenje section:

\\n\\n> \\n\\Ne sviđa mi se kompletan UI/UX. Previše \[teksta\] ima za to što poučavamo. Trebamo promijeniti stil. Hoću animacije i slike na svim stvarima — ne samo tekst.\\\\n

\\n\\nDuring the **2026-04-23** session, he clarified the scope:

\\n- \\n
- Convert /ucenje/matematika.html from text-heavy to visual, \\aha moment\\ style\\n
- Create new /ucenje/pcele.html page showcasing bees × 6×19 × honeycomb structural parallel\\n
- Make 19-explorer interactive (114-cell grid with hover states, showing 6×19 structure)\\n
- Add /ucenje hub tile for pcele.html\\n
- Maintain respectful, scholarly tone (Islamic content — dignified, contemplative, precise)\\n

\\n\\nFull v3 redesign deployed to production: [https://alai.no/ucenje/](%5Chttps%3A//alai.no/ucenje/%5C)

\\n\\n## Changes Made

\\n\\n### MC Tasks

\\n\\nFive Mission Control tasks executed in sequence:

\\n\\n<table id="bkmrk-%5Cn%5Cn%5Cntask-id%5Cnowner"><thead><tr><th>Task ID</th><th>Owner</th><th>Title</th><th>Deliverable</th></tr></thead><tbody><tr><td>\#8931</td><td>datavera</td><td>Research: pčele × 6×19 × honeycomb conjecture</td><td>`/Users/makinja/system/context/quran/bees-6x19-parallel.md`</td></tr><tr><td>\#8932</td><td>proxima</td><td>Math aha copy: 3-lang bilingual</td><td>`~/ALAI/web/public/ucenje/content/math-aha-{bs,no,en}.md`</td></tr><tr><td>\#8933</td><td>vizu</td><td>matematika.html redesign + pcele.html new + 19-explorer interactive</td><td>Commits `cac230d` + `14b0be0` on `~/ALAI/web` master</td></tr><tr><td>\#8934</td><td>proveo</td><td>QA validation — all pages LIVE</td><td>36/36 PASS on alai.no — report: `/tmp/ucenje-v3-validation/report-LIVE.json`</td></tr><tr><td>\#9035</td><td>flowforge</td><td>CF Pages deploy fix (manual wrangler)</td><td>DEPLOY-MAP.md created, commit `a1ce178`</td></tr></tbody></table>

\\n\\n### New Files

\\n\\n- \\n
- `public/ucenje/matematika.html` — redesigned: 13 visual cards (3 hero + 10 content), minimal text, bilingual aha-style copy\\n
- `public/ucenje/pcele.html` — NEW: bees × 6×19 × honeycomb conjecture parallel, SVG hex animation, 19-TET sonification tie-in\\n
- `public/ucenje/content/math-aha-{bs,no,en}.md` — bilingual content chunks for matematika.html cards\\n
- `public/ucenje/19-explorer/` — interactive 114-cell grid with hover states, showing 6×19 structure, mobile horizontal scroll\\n
- `DEPLOY-MAP.md` — deployment verification checklist (part of ZAKON PI2 compliance)\\n

\\n\\n### Design Decisions

\\n\\n**Vizu team** (Brad Frost + Lea Verou) made the following trade-offs:

\\n\\n1. \\n
2. **Arabic RTL inline spans** — Arabic text rendered with `dir=\rtl\ lang=\ar\` inside LTR paragraph flow; avoids full page RTL (preserves BS/NO/EN left-to-right structure)\\n
3. **SVG hexagon animation** on pcele.html — subtle scaling pulse (1.0 → 1.05) to draw eye to honeycomb structure without being distracting\\n
4. **Mobile horizontal scroll for 6×19 grid** — 19 columns exceed mobile viewport; horizontal scroll preserves grid integrity (alternative: responsive collapse loses visual pattern)\\n
5. **13-card layout for matematika.html** — 3 large hero cards (number 19, grid, prime factors) + 10 smaller \\aha\\ cards; hero size = visual hierarchy\\n
6. **Bilingual inline toggle** — BS primary, NO/EN via lang switcher; kept single-page experience vs. separate /bs/, /no/, /en/ routes\\n

\\n\\n## QA Evidence

\\n\\n**Proveo team** (Angie Jones) executed full validation on LIVE production ([https://alai.no/ucenje/](%5Chttps%3A//alai.no/ucenje/%5C)):

\\n\\n- \\n
- **36/36 PASS** — all test cases passed\\n
- **Report:** `/tmp/ucenje-v3-validation/report-LIVE.json`\\n
- **Screenshots:** `/tmp/ucenje-v3-validation/*-LIVE.png` (8 files: hub, matematika desktop/mobile, pcele desktop/mobile, 19-explorer desktop/mobile, navigator)\\n

\\n\\nNo regressions detected. All links functional, all language toggles working, all interactive elements responsive.

\\n\\n## Deploy Process

\\n\\n**FlowForge team** (Kelsey Hightower) identified systemic webhook issue (#9050 — GH Actions → CF Pages webhook not firing). Temporary fix:

\\n\\n1. \\n
2. Manual `wrangler pages deploy` from local machine\\n
3. Created `DEPLOY-MAP.md` in repo root (ZAKON PI2 compliance)\\n
4. Tracked as MC #9050 for permanent GH Actions backup workflow\\n

\\n\\nReference commit: `a1ce178`

\\n\\n## Credit Chain

\\n\\nPer rule `~/system/rules/no-agent-persona-as-author.md`, public-facing credits MUST NOT include agent persona names (Brad Frost, Lea Verou, etc.). Correct attribution:

\\n\\n- \\n
- **Primary research:** dr. Rashad Khalifa (1974) — first mathematical documentation of number 19 in Quran\\n
- **Popularization:** Ahmed Deedat (IPCI, 1979) — book *\\Al-Qur'an: The Ultimate Miracle\\*\\n
- **Original work:** ALAI, 2026 — 6×19 honeycomb parallel, 19-TET sonification, interactive explorer\\n

\\n\\nEvery /ucenje page footer credits Khalifa + Deedat in Acknowledgment section. Byline = **\\ALAI, 2026\\**.

\\n\\n## Live URLs

\\n\\n- \\n
- Hub: [https://alai.no/ucenje/](%5Chttps%3A//alai.no/ucenje/%5C)\\n
- Matematika: [https://alai.no/ucenje/matematika.html](%5Chttps%3A//alai.no/ucenje/matematika.html%5C)\\n
- Pčele: [https://alai.no/ucenje/pcele.html](%5Chttps%3A//alai.no/ucenje/pcele.html%5C)\\n
- 19-Explorer: [https://alai.no/ucenje/19-explorer/](%5Chttps%3A//alai.no/ucenje/19-explorer/%5C)\\n

\\n\\n## Related Documentation

\\n\\n- \\n
- **Bees × 6×19 research:** [Research: Pčele × 6×19 × Honeycomb Conjecture](%5Chttps%3A//docs.basicconsulting.no/books/quran-research-computational-analysis/page/pcele-619-honeycomb-conjecture-strukturalna-paralela%5C) (this BookStack)\\n
- **Memory entry:** `/Users/makinja/.claude/projects/-Users-makinja/memory/project_alai_ucenje_quran_19.md` (local filesystem)\\n
- **Source repo:** `~/ALAI/web` (master branch)\\n

\\n\\n---

\\n\\n*Documented by Skillforge, 2026-04-24. CEO feedback session 2026-04-22 + 2026-04-23.*

\\n