Skip to content

Instantly share code, notes, and snippets.

@mysnoopy

mysnoopy/index.html

Created January 30, 2026 00:53
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save mysnoopy/2792dc63101a2a7637e839e2d8486d09 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save mysnoopy/2792dc63101a2a7637e839e2d8486d09 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>AI Photo Coach Pro</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body { background-color: #0a0a0a; color: white; font-family: sans-serif; }
.glass { background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); }
</style>
</head>
<body class="flex flex-col min-h-screen p-4">
<header class="mb-8">
<h1 class="text-2xl font-light tracking-widest text-center uppercase">Photo Coach Pro</h1>
<p class="text-xs text-center text-gray-500 mt-1">AI-Powered Creative Analysis</p>
</header>
<main class="flex-grow space-y-4">
<div class="glass rounded-3xl p-8 flex flex-col items-center justify-center border-dashed border-2 border-gray-700 min-h-[300px]" onclick="document.getElementById('fileInput').click()">
<div class="text-4xl mb-4">📸</div>
<p class="text-sm text-gray-400">Tap to upload a shot</p>
<input type="file" id="fileInput" class="hidden" accept="image/*">
</div>
<div class="grid grid-cols-2 gap-4">
<button class="glass rounded-2xl py-6 text-sm">Leica M Mode</button>
<button class="glass rounded-2xl py-6 text-sm">Hasselblad Mode</button>
</div>
</main>
<nav class="mt-8 flex justify-around p-4 glass rounded-full">
<span class="opacity-50">🏠</span>
<span class="text-blue-400">➕</span>
<span class="opacity-50">⚙️</span>
</nav>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment