smart-models/Placebo_AI
0
1<!DOCTYPE html>2<html lang="en">3 4<head>5 <meta charset="UTF-8">6 <meta name="viewport" content="width=device-width, initial-scale=1.0">7 <title>Theory | Placebo AI</title>8 <link rel="stylesheet" href="/static/style.css">9 <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon.png">10 <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">11 <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">12 <link rel="shortcut icon" href="/static/favicon.ico">13 <style>14 .bento-grid {15 display: grid;16 grid-template-columns: 2fr 1fr;17 grid-template-rows: auto auto;18 gap: 24px;19 margin-bottom: 80px;20 }21 22 .bento-item {23 background: rgba(255, 255, 255, 0.03);24 backdrop-filter: blur(20px);25 border: 1px solid rgba(255, 255, 255, 0.1);26 border-radius: 32px;27 display: flex;28 flex-direction: column;29 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);30 overflow: hidden;31 }32 33 .bento-item:hover {34 background: rgba(255, 255, 255, 0.06);35 transform: translateY(-8px);36 border-color: var(--primary);37 }38 39 .bento-img-container {40 width: 100%;41 height: 200px;42 overflow: hidden;43 }44 45 .bento-img-container img {46 width: 100%;47 height: 100%;48 object-fit: cover;49 opacity: 0.8;50 transition: transform 0.6s ease;51 }52 53 .bento-item:hover .bento-img-container img {54 transform: scale(1.05);55 opacity: 1;56 }57 58 .bento-content {59 padding: 32px;60 flex-grow: 1;61 display: flex;62 flex-direction: column;63 justify-content: flex-start;64 }65 66 .bento-tag {67 display: inline-block;68 background: rgba(16, 185, 129, 0.1);69 color: var(--primary);70 padding: 6px 14px;71 border-radius: 100px;72 font-size: 11px;73 font-weight: 700;74 letter-spacing: 1px;75 text-transform: uppercase;76 margin-bottom: 16px;77 }78 79 .bento-title {80 font-size: 26px;81 font-weight: 600;82 margin-bottom: 12px;83 color: var(--white);84 }85 86 .bento-desc {87 font-size: 15px;88 opacity: 0.7;89 line-height: 1.6;90 color: var(--white);91 }92 93 @media (max-width: 1024px) {94 .bento-grid {95 grid-template-columns: 1fr;96 }97 }98 </style>99</head>100 101<body>102 <div id="video-container">103 <video id="hero-video" autoplay loop muted playsinline>104 <source src="/static/bg_video.mp4" type="video/mp4">105 </video>106 </div>107 108 <div class="content-layer">109 <nav>110 <div class="logo-area" style="display: flex; align-items: center; gap: 12px;">111 <img src="/static/logo.png" width="32" height="32" alt="Logo" style="filter: brightness(0) invert(1);">112 <a href="/" class="logo">Placebo AI</a>113 </div>114 <div class="menu-items">115 <a href="/" class="menu-item">Home</a>116 <a href="/architecture" class="menu-item">Architecture</a>117 <a href="/capabilities" class="menu-item">Capabilities</a>118 <a href="/docs" class="menu-item">Docs</a>119 <a href="/about" class="menu-item">About</a>120 </div>121 <div class="nav-buttons">122 <button class="btn-signup">Sign Up</button>123 <button class="btn-login">Log In</button>124 </div>125 </nav>126 127 <main class="info-content" style="padding: 120px 80px; max-width: 1300px; margin: 0 auto;">128 <!-- Header Section -->129 <div style="text-align: center; margin-bottom: 80px;">130 <h1 style="font-size: 56px; margin-bottom: 24px;">Theoretical Framework</h1>131 <p class="subtitle"132 style="font-size: 22px; line-height: 1.6; opacity: 0.8; max-width: 800px; margin: 0 auto;">133 The Scientific Principles and Philosophical Pillars of Grounded Medical Intelligence.134 </p>135 </div>136 137 <!-- Bento Grid 2x2 Pattern Section -->138 <div class="bento-grid">139 <!-- Row 1: Large (Left) - RAG Theory -->140 <div class="bento-item">141 <div class="bento-img-container">142 <img src="/static/neural_nodes.png" alt="RAG Theory">143 </div>144 <div class="bento-content">145 <div class="bento-tag">Pillar I</div>146 <div class="bento-title">Decoupled Grounding</div>147 <div class="bento-desc">148 The theory of Absolute Grounding treats intelligence as a linguistic processor while149 externalizing knowledge. This ensures the AI is tethered to verified primary sources,150 decoupling reasoning from unreliable training memory.151 </div>152 </div>153 </div>154 155 <!-- Row 1: Small (Right) - Multimodal -->156 <div class="bento-item">157 <div class="bento-img-container">158 <img src="/static/med_viz.png" alt="Multimodal Theory">159 </div>160 <div class="bento-content">161 <div class="bento-tag">Pillar II</div>162 <div class="bento-title">Visual Fusion</div>163 <div class="bento-desc">164 Mapping 2D spatial medical data (tables, charts) into a 1D semantic stream while preserving165 the logical relationships between visual evidence and textual clinical context.166 </div>167 </div>168 </div>169 170 <!-- Row 2: Large (Left) - Vector Space -->171 <div class="bento-item">172 <div class="bento-img-container">173 <img src="/static/vector_mesh.png" alt="Vector Theory">174 </div>175 <div class="bento-content">176 <div class="bento-tag">Pillar III</div>177 <div class="bento-title">Semantic Geometry</div>178 <div class="bento-desc">179 Knowledge retrieval is a problem of high-dimensional distance. By mapping medical concepts180 into vector spaces, we can mathematically measure the proximity of intent, enabling181 true conceptual understanding.182 </div>183 </div>184 </div>185 186 <!-- Row 2: Small (Right) - Deterministic -->187 <div class="bento-item">188 <div class="bento-img-container">189 <img src="/static/mol_struct.png" alt="Logic Theory">190 </div>191 <div class="bento-content">192 <div class="bento-tag">Pillar IV</div>193 <div class="bento-title">Inference Constraints</div>194 <div class="bento-desc">195 The elimination of hallucination through strict informational boundaries. If the truth set196 is not within the provided evidence, the system logic dictates an "unknown" state.197 </div>198 </div>199 </div>200 </div>201 202 <div style="text-align: center; font-size: 12px; color: rgba(255, 255, 255, 0.5); margin-top: 40px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.1); font-family: 'Montserrat', sans-serif; line-height: 1.5;">203 Disclaimer: All books used in this application belong to their respective authors and publishers. The author, publisher, and copyright owner reserve all rights. No ownership of book content is claimed by this application.204 </div>205 </main>206 </div>207</body>208 209</html>210