File size: 2,105 Bytes
d51dbe5 a2050be 2db1da7 d51dbe5 2db1da7 d51dbe5 2db1da7 d51dbe5 2db1da7 1f36718 2db1da7 1f36718 2db1da7 d51dbe5 2db1da7 298c3e1 d51dbe5 2db1da7 a2050be d51dbe5 2db1da7 d51dbe5 a2050be d51dbe5 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Canvas</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script>
</head>
<body class="min-h-screen flex flex-col">
<custom-navbar></custom-navbar>
<main class="flex-grow flex items-center justify-center" id="vanta-bg">
<div class="text-center p-6 bg-white rounded-lg shadow-md max-w-md mx-4">
<h1 class="text-3xl font-bold mb-4 text-gray-800">Simple Canvas</h1>
<div class="flex flex-col gap-3">
<a href="/create.html" class="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 transition">
New Project
</a>
<a href="/projects.html" class="px-4 py-2 bg-gray-100 text-gray-800 rounded hover:bg-gray-200 transition">
My Projects
</a>
<a href="/help.html" class="px-4 py-2 text-blue-600 hover:underline">
Quick Help
</a>
</div>
</div>
</main>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>
feather.replace();
VANTA.WAVES({
el: "#vanta-bg",
mouseControls: true,
touchControls: true,
gyroControls: false,
minHeight: 200.00,
minWidth: 200.00,
scale: 1.00,
scaleMobile: 1.00,
color: 0x0
})
</script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script>
feather.replace();
</script>
</body>
</html> |