|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|
|
<title>COSMOS AI – Hyper Precision Demo (FIXED)</title> |
|
|
|
|
|
<style> |
|
|
body { |
|
|
background: #0a0a12; |
|
|
font-family: Arial, sans-serif; |
|
|
color: #e0e0ff; |
|
|
padding: 20px; |
|
|
} |
|
|
h1 { |
|
|
color: #00e5ff; |
|
|
text-shadow: 0 0 10px #0088ff; |
|
|
} |
|
|
.grid { |
|
|
display: grid; |
|
|
grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); |
|
|
gap: 25px; |
|
|
margin-top: 20px; |
|
|
} |
|
|
.card { |
|
|
background: #141421; |
|
|
padding: 15px; |
|
|
border-radius: 12px; |
|
|
border: 1px solid #29293f; |
|
|
box-shadow: 0 0 12px rgba(0,255,255,0.1); |
|
|
} |
|
|
.card img { |
|
|
width: 100%; |
|
|
border-radius: 8px; |
|
|
background: #000; |
|
|
display: block; |
|
|
} |
|
|
.label { |
|
|
font-size: 14px; |
|
|
color: #99ddff; |
|
|
margin-top: 5px; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
|
|
|
<body> |
|
|
|
|
|
<h1>✨ COSMOS AI – Hyper Precision Upscale Engine Demo (FIXED)</h1> |
|
|
|
|
|
<div class="grid"> |
|
|
|
|
|
|
|
|
<div class="card"> |
|
|
<img |
|
|
src="https://picsum.photos/seed/a1/256/256" |
|
|
data-cosmos-upscale="true" |
|
|
data-cosmos-res="256" |
|
|
data-cosmos-algo="ATOMIC" |
|
|
/> |
|
|
<div class="label">256 px – ATOMIC</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card"> |
|
|
<img |
|
|
src="https://picsum.photos/seed/a2/256/256" |
|
|
data-cosmos-upscale="true" |
|
|
data-cosmos-res="512" |
|
|
data-cosmos-algo="QUANTUM" |
|
|
/> |
|
|
<div class="label">512 px – QUANTUM</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card"> |
|
|
<img |
|
|
src="https://picsum.photos/seed/a3/256/256" |
|
|
data-cosmos-upscale="true" |
|
|
data-cosmos-res="1024" |
|
|
data-cosmos-algo="WAVELET" |
|
|
/> |
|
|
<div class="label">1024 px – WAVELET</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card"> |
|
|
<img |
|
|
src="https://picsum.photos/seed/a4/256/256" |
|
|
data-cosmos-upscale="true" |
|
|
data-cosmos-res="2048" |
|
|
data-cosmos-algo="FRACTAL" |
|
|
/> |
|
|
<div class="label">2048 px – FRACTAL</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card"> |
|
|
<img |
|
|
src="https://picsum.photos/seed/a5/256/256" |
|
|
data-cosmos-upscale="true" |
|
|
data-cosmos-res="4096" |
|
|
data-cosmos-algo="ATOMIC" |
|
|
/> |
|
|
<div class="label">4096 px – ATOMIC</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="card"> |
|
|
<img |
|
|
src="https://picsum.photos/seed/a6/256/256" |
|
|
data-cosmos-upscale="true" |
|
|
data-cosmos-res="8192" |
|
|
data-cosmos-algo="QUANTUM" |
|
|
/> |
|
|
<div class="label">8192 px – QUANTUM</div> |
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<script type="module" src="https://github.com/aeuphoraex/COSMOS-AI-ATOMIC-PRECISION-UPSCALE-ENGINE/raw/refs/heads/main/EngineService.ts"></script> |
|
|
|
|
|
</body> |
|
|
</html> |
|
|
|
