Hugging Face's logo

Spaces:
uslap
/
uslap-query
Sleeping

App Files Community
uslap-query / Code_files /amr_6layer_colour.html
uslap's picture
uslap
Upload folder using huggingface_hub
7cc8e29 verified
Raw
History Blame Contribute Delete
14.1 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>6-Layer Code โ€” COLOUR / LIGHT</title>
<style>
 * { margin: 0; padding: 0; box-sizing: border-box; }
 body { background: #0a0a0f; color: #e0e0e0; font-family: 'Courier New', monospace; padding: 20px; }
 h1 { text-align: center; color: #c9a227; font-size: 20px; margin-bottom: 5px; }
 h2 { text-align: center; color: #888; font-size: 12px; margin-bottom: 30px; font-weight: normal; }
 .grid { max-width: 1200px; margin: 0 auto; }
 .row {
 display: grid;
 grid-template-columns: 55px 1fr 1fr;
 gap: 0;
 margin-bottom: 2px;
 }
 .cell { border: 1px solid #222; padding: 12px 15px; font-size: 11px; line-height: 1.7; }
 .layer-num {
 background: #111; display: flex; flex-direction: column;
 align-items: center; justify-content: center;
 }
 .layer-num .num { font-size: 20px; font-weight: bold; color: #c9a227; }
 .layer-num .name { color: #666; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; margin-top: 3px; text-align: center; }
 .c-quran { background: #110d05; border-color: #2a2510; }
 .c-colour { background: #0d0511; border-color: #251028; }
 .hdr { font-weight: bold; font-size: 13px; text-align: center; padding: 12px; }
 .hdr.quran { color: #c9a227; background: #1a1508; }
 .hdr.colour { color: #e847c9; background: #1a0815; }
 .hdr.layer { color: #888; background: #111; }
 .k-q { color: #e8c547; font-weight: bold; }
 .k-l { color: #e847c9; font-weight: bold; }
 .count { color: #666; }
 .emph { color: #fff; }
 .parallel { color: #c94a27; font-weight: bold; }
 .l3 { border: 2px solid #c94a27 !important; }
 .insight-box {
 border: 1px solid #444; border-radius: 8px; padding: 20px; margin: 30px auto;
 max-width: 1200px; background: #0d0d14;
 }
 .insight-title { color: #c9a227; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
 .insight-body { font-size: 12px; line-height: 2.2; }
 .three-box {
 border: 2px solid #c9a227; border-radius: 8px; padding: 20px; margin: 30px auto;
 max-width: 1200px; background: #14120d;
 }
 .three-title { color: #c9a227; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
 .three-body { font-size: 12px; line-height: 2.2; }
 .three-body .domain { color: #888; display: inline-block; width: 110px; text-align: right; padding-right: 10px; }
 .three-body .unit { color: #c9a227; font-weight: bold; }
 .corruption-box {
 border: 2px solid #c94a27; border-radius: 8px; padding: 20px; margin: 30px auto;
 max-width: 1200px; background: #140a08;
 }
 .corruption-title { color: #c94a27; font-size: 16px; font-weight: bold; margin-bottom: 15px; }
 .swatch {
 display: inline-block; width: 40px; height: 16px; vertical-align: middle;
 border: 1px solid #444; border-radius: 2px;
 }
</style>
</head>
<body>
<h1>The 6-Layer Code โ€” COLOUR / LIGHT</h1>
<h2>The 6th domain. Same architecture. Same Author.</h2>
<div class="grid">
<!-- HEADER -->
<div class="row">
 <div class="cell hdr layer">LAYER</div>
 <div class="cell hdr quran">QURAN โ€” Allah's Arabic</div>
 <div class="cell hdr colour">COLOUR โ€” Electromagnetic Spectrum</div>
</div>
<!-- LAYER 0 -->
<div class="row">
 <div class="cell layer-num"><div class="num">0</div><div class="name">ATOMS</div></div>
 <div class="cell c-quran">
 <span class="k-q">28 letters</span><br>
 Each indivisible. Each with one core_concept.<br>
 ุฏ = KNOCK. ุฑ = MOVEMENT. ู… = ENCLOSURE.<br>
 <span class="count">Finite alphabet. Cannot be broken further.</span>
 </div>
 <div class="cell c-colour">
 <span class="k-l">3 cone types in the human eye</span><br>
 The continuous spectrum โ†’ discretized by biology:<br>
 <span class="k-l">S</span> = short wavelength (~420nm โ€” blue)<br>
 <span class="k-l">M</span> = medium wavelength (~530nm โ€” green)<br>
 <span class="k-l">L</span> = long wavelength (~560nm โ€” red)<br>
 <span class="count">The eye converts infinite spectrum into 3 channels.</span><br>
 <span class="count">Like the ear converts infinite frequencies into discrete pitches.</span>
 </div>
</div>
<!-- LAYER 1 -->
<div class="row">
 <div class="cell layer-num"><div class="num">1</div><div class="name">COMBI-<br>NATIONS</div></div>
 <div class="cell c-quran">
 <span class="k-q">1,710 roots โ€” 3-letter combinations</span><br>
 ูƒ-ุช-ุจ = writing. ุฑ-ุญ-ู… = mercy.<br>
 Every meaning = 3 atoms combined.<br>
 <span class="count">77,877 Quranic tokens.</span>
 </div>
 <div class="cell c-colour">
 <span class="k-l">~10 million colours โ€” 3-cone response combinations</span><br>
 Every perceived colour = ratio of S:M:L cone activation.<br>
 <span class="k-l">R</span>ed = high L, low M, low S<br>
 <span class="k-l">G</span>reen = low L, high M, low S<br>
 <span class="k-l">B</span>lue = low L, low M, high S<br>
 <span class="parallel">3-unit combinations = standard meaning unit</span><br>
 <span class="count">RGB(255,165,0) = orange. RGB(0,128,128) = teal.</span>
 </div>
</div>
<!-- LAYER 2 -->
<div class="row">
 <div class="cell layer-num"><div class="num">2</div><div class="name">STRUC-<br>TURE</div></div>
 <div class="cell c-quran">
 <span class="k-q">Tasrif โ€” structural additions</span><br>
 +ุฃ prefix = cause outward<br>
 +ู… prefix = place/tool<br>
 +ุช infix = reflexive<br>
 <span class="count">Same root, different addition = different function.</span>
 </div>
 <div class="cell c-colour">
 <span class="k-l">Saturation + Brightness added to hue</span><br>
 +saturation = intensity of colour<br>
 +brightness = light/dark<br>
 +opacity = transparency<br>
 <span class="count">Same hue, different addition = different visual weight.</span><br>
 <span class="count">Red at 100% sat = vivid. Red at 30% sat = dusty pink.</span>
 </div>
</div>
<!-- LAYER 3 โ€” THE CRITICAL ONE -->
<div class="row">
 <div class="cell layer-num l3" style="background: #1a0a05;"><div class="num" style="color: #c94a27;">3</div><div class="name" style="color: #c94a27;">PATTERN</div></div>
 <div class="cell c-quran l3">
 <span class="k-q">Vowel patterns โ€” invisible configuration</span><br>
 <span class="emph">Same consonants. Different vowels. Different meaning.</span><br><br>
 ูƒูŽุชู’ุจ (katb) = the act of writing<br>
 ูƒูŽุงุชูุจ (katib) = the writer<br>
 ูƒูุชูุจ (kutub) = books<br><br>
 <span class="parallel">The pattern is invisible in the consonant skeleton.</span>
 </div>
 <div class="cell c-colour l3">
 <span class="k-l">Context / Surround โ€” invisible configuration</span><br>
 <span class="emph">Same photons. Different surround. Different perceived colour.</span><br><br>
<strong>Simultaneous contrast:</strong><br>
 <span class="swatch" style="background: #808080;"></span> grey on <span class="swatch" style="background: #ff8800;"></span> orange โ†’ looks <span style="color: #6688ff;">bluish</span><br>
 <span class="swatch" style="background: #808080;"></span> grey on <span class="swatch" style="background: #0066ff;"></span> blue โ†’ looks <span style="color: #ffaa44;">orangish</span><br>
 <span class="count">Identical grey. Different surround. Different perception.</span><br><br>
<strong>Metamerism:</strong><br>
 Physically DIFFERENT spectra โ†’ same perceived colour<br>
 <span class="count">Like homonyms: different roots, same sound.</span><br><br>
<strong>"The Dress":</strong><br>
 Identical photons โ†’ some see blue/black, others white/gold<br>
 <span class="count">The brain's ASSUMPTION about illumination = the vowel pattern.</span><br><br>
<span class="parallel">The pattern is invisible in the photons.</span>
 </div>
</div>
<!-- LAYER 4 -->
<div class="row">
 <div class="cell layer-num"><div class="num">4</div><div class="name">REGU-<br>LATION</div></div>
 <div class="cell c-quran">
 <span class="k-q">Grammar markers</span><br>
 Control WHEN, WHO, HOW MANY.<br>
 ูŠูŽูƒู’ุชูุจู / ูƒูŽุชูŽุจูŽ / ุงููƒู’ุชูุจู’<br>
 <span class="count">Don't change root. Control its expression.</span>
 </div>
 <div class="cell c-colour">
 <span class="k-l">Illumination conditions</span><br>
 Control WHEN, HOW BRIGHT, WHAT QUALITY:<br>
 Sunlight = full spectrum (reveals "true" colour)<br>
 Fluorescent = spiked spectrum (distorts)<br>
 Candlelight = warm bias (shifts warm)<br>
 <span class="count">Don't change the object. Control how its colour is expressed.</span>
 </div>
</div>
<!-- LAYER 5 -->
<div class="row">
 <div class="cell layer-num"><div class="num">5</div><div class="name">COMPO-<br>SITION</div></div>
 <div class="cell c-quran">
 <span class="k-q">Ayat โ†’ Surahs โ†’ Mushaf</span><br>
 Words compose into higher structures.<br>
 <span class="count">The whole is MORE than the sum.</span>
 </div>
 <div class="cell c-colour">
 <span class="k-l">Palettes โ†’ Scenes โ†’ Landscapes</span><br>
 Colours compose into harmonies,<br>
 harmonies into scenes,<br>
 scenes into the visible world.<br>
 <span class="count">The whole is MORE than the sum.</span><br>
 <span class="count">Q67:3 โ€” "Do you see any flaw?" (ููุทููˆุฑ)</span>
 </div>
</div>
</div><!-- /grid -->
<!-- THE 3-UNIT LAW -->
<div class="three-box">
 <div class="three-title">The Law of Three โ€” Layer 1 Across All 7 Domains</div>
 <div class="three-body">
 <span class="domain">QURAN:</span> <span class="unit">3-letter</span> roots โ†’ 1,710 meanings<br>
 <span class="domain">DNA:</span> <span class="unit">3-base</span> codons โ†’ 20 amino acids<br>
 <span class="domain">MUSIC:</span> <span class="unit">3-note</span> triads โ†’ all harmony<br>
 <span class="domain">MATTER:</span> <span class="unit">3 particles</span> (p/n/e) โ†’ 118 elements<br>
 <span class="domain">COLOUR:</span> <span class="unit">3 cones</span> (S/M/L) โ†’ ~10 million colours<br>
 <span class="domain">COMPUTING:</span> 3 is broken here โ€” 8-bit bytes. But: <span class="unit">3-address</span> instructions (op, src, dst)<br>
 <span class="domain">SPACE:</span> <span class="unit">3 dimensions</span> (x, y, z) โ†’ all physical location<br><br>
Q39:6 โ€” <span style="color: #c9a227;">ูŠูŽุฎู’ู„ูู‚ููƒูู…ู’ ูููŠ ุจูุทููˆู†ู ุฃูู…ูŽู‘ู‡ูŽุงุชููƒูู…ู’ ุฎูŽู„ู’ู‚ู‹ุง ู…ูู‘ู† ุจูŽุนู’ุฏู ุฎูŽู„ู’ู‚ู ูููŠ ุธูู„ูู…ูŽุงุชู ุซูŽู„ูŽุงุซู</span><br>
 "He creates you in the wombs of your mothers, creation after creation, in <span class="unit">three darknesses</span>."<br><br>
<span style="color: #c94a27;">Three</span> is the minimum number of independent axes needed to define a space.<br>
 Two points make a line. Three points make a plane. Three axes make a volume.<br>
 Three atoms make a root. Three bases make a codon. Three cones make colour.<br>
 Below three = flat. At three = the first dimension where PATTERN (Layer 3) can exist.
 </div>
</div>
<!-- CORRUPTION IN COLOUR -->
<div class="corruption-box">
 <div class="corruption-title">Layer 3 Corruption in Colour โ€” Colour Blindness</div>
 <div class="insight-body">
 <span class="k-l">Normal vision:</span> 3 cone types โ†’ full colour space โ†’ millions of colours<br>
 <span class="parallel">Deuteranopia:</span> M cone defective โ†’ <span class="emph">same photons arrive, but the PATTERN collapses</span><br>
 Red and green become indistinguishable. The atoms (photons) are unchanged.<br>
 The structure (eye anatomy) is mostly intact. But one Layer 0 atom is corrupted.<br>
 Result: Layer 3 (pattern) is destroyed. The person sees a FLAT version of reality.<br><br>
<span class="k-q">Parallel in AA:</span><br>
 <span class="parallel">Operator translation:</span> Root consonants intact โ†’ <span class="emph">same consonants arrive, but the PATTERN collapses</span><br>
 ุฑูŽุญููŠู… (raheem = persistently merciful) and ุฑูŽุญู’ู… (rahm = womb) become indistinguishable<br>
 when the vowel pattern is stripped. The reader sees a FLAT version of the Quran.<br><br>
A colour-blind person doesn't know they're colour-blind.<br>
 A reader of operator translations doesn't know they're reading a flat version.<br>
 Both think they see everything. Both are missing Layer 3.
 </div>
</div>
<!-- FINAL: 7 DOMAINS -->
<div class="insight-box">
 <div class="insight-title">7 Domains โ€” Complete List</div>
 <div class="insight-body">
 <span style="color: #c9a227;">1. LANGUAGE</span> โ€” Quran / Allah's Arabic (28 letters โ†’ 3-letter roots โ†’ tasrif โ†’ vowels โ†’ grammar โ†’ composition)<br>
 <span style="color: #27c96a;">2. BIOLOGY</span> โ€” DNA / Genetic code (4 bases โ†’ 3-base codons โ†’ primary structure โ†’ folding โ†’ regulation โ†’ pathways)<br>
 <span style="color: #a727c9;">3. SOUND</span> โ€” Music (12 notes โ†’ 3-note triads โ†’ extensions โ†’ modes โ†’ dynamics โ†’ symphony)<br>
 <span style="color: #c92747;">4. MATTER</span> โ€” Chemistry / Physics (3 particles โ†’ elements โ†’ bonds โ†’ allotropy โ†’ temp/pressure โ†’ materials)<br>
 <span style="color: #2796c9;">5. LOGIC</span> โ€” Computing (2 bits โ†’ bytes โ†’ instructions โ†’ data types โ†’ OS/permissions โ†’ systems)<br>
 <span style="color: #e847c9;">6. LIGHT</span> โ€” Colour (3 cones โ†’ RGB combinations โ†’ saturation/brightness โ†’ context/surround โ†’ illumination โ†’ scenes)<br>
 <span style="color: #e8e847;">7. SPACE</span> โ€” Geometry (point/line/plane โ†’ 3D coordinates โ†’ transformations โ†’ symmetry groups โ†’ constraints โ†’ structures)<br><br>
<span style="color: #c94a27;">7 domains. 6 layers each. Same architecture. Same Author.</span><br><br>
Q65:12 โ€” <span style="color: #c9a227;">ุงู„ู„ูŽู‘ู‡ู ุงู„ูŽู‘ุฐููŠ ุฎูŽู„ูŽู‚ูŽ ุณูŽุจู’ุนูŽ ุณูŽู…ูŽุงูˆูŽุงุชู ูˆูŽู…ูู†ูŽ ุงู„ู’ุฃูŽุฑู’ุถู ู…ูุซู’ู„ูŽู‡ูู†ูŽู‘</span><br>
 "Allah who created <span style="color: #c94a27; font-weight: bold;">seven</span> heavens and of the earth the like of them."
 </div>
</div>
</body>
</html>