bluu


[![readme-typing-svg](https://readme-typing-svg.demolab.com?font=Inter&weight=500&size=15&duration=2800&pause=900&color=6378FF&center=true&vCenter=true&width=500&lines=Terms+of+Service+%26+Privacy+Policy;Built+with+WebGL+%2B+Vanilla+JS;Zero+dependencies.+No+frameworks.;Crafted+for+Alohomora.)](https://alohomora-bot.github.io)
![Status](https://img.shields.io/badge/status-live-6378ff?style=flat-square&labelColor=0a0a14) ![Pages](https://img.shields.io/badge/github%20pages-deployed-8a4fff?style=flat-square&labelColor=0a0a14) ![Dependencies](https://img.shields.io/badge/dependencies-none-6378ff?style=flat-square&labelColor=0a0a14) ![Discord](https://img.shields.io/discord/180865380632363008?style=flat-square&logo=discord&logoColor=white&label=discord&color=8a4fff&labelColor=0a0a14)
[![Invite Bluu](https://img.shields.io/badge/%E2%86%92%20Invite%20Bluu-6378ff?style=for-the-badge&labelColor=0a0a14)](https://discord.com/oauth2/authorize?client_id=1194037339056525362&permissions=36785152&scope=bot%20applications.commands) [![Support Server](https://img.shields.io/badge/%E2%86%92%20Support%20Server-8a4fff?style=for-the-badge&labelColor=0a0a14)](https://discord.gg/HKvZjPfNTH)


Overview

Official Terms of Service and Privacy Policy pages for Bluu. Built entirely with raw WebGL and vanilla JavaScript, no frameworks, no external dependencies.


Pages

Page Path Description
Terms of Service /terms.html Usage rules, conduct policy, and liability
Privacy Policy /privacy.html Data collection, storage, and user rights


Visual Implementation

Effect Description
WebGL Silk Shader Real-time GLSL fragment shader, unique color per page
Variable Proximity Title Each letter morphs font weight 200 to 900 based on cursor distance
Border Beam Conic gradient light arc traveling the card border on hover
3D Card Tilt Cards tilt on both axes relative to cursor via CSS perspective
Accent Ring Cursor Glow dot and lagging ring with rotating conic gradient border
Magnetic Button Navigation button pulled toward cursor via JS translate offsets
ShinyText Badge Light sweep animation via animated background-position
Fade-up Sections Upward reveal on scroll via IntersectionObserver
Film Grain Texture SVG fractal noise overlay for depth


Tech

Rendering     WebGL 1.0
Shaders       GLSL ES 1.00
Font          Inter Variable (wght 100-900)
Animations    CSS @property + requestAnimationFrame
Hosting       GitHub Pages
Dependencies  None


Structure

bluu/
├── terms.html
├── privacy.html
└── README.md



Operated by **Alohomora**. Not affiliated with Discord Inc.