This commit is contained in:
Song367
parent
87ba6b28db
commit
9272d49e73
117
src/dash.html
Normal file
117
src/dash.html
Normal file
@ -0,0 +1,117 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Yantootech</title>
|
||||
<script src="https://cdn.tailwindcss.com"></script>
|
||||
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
|
||||
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></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://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> -->
|
||||
<!-- <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js"></script> -->
|
||||
<style>
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
.avatar-hover {
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
.avatar-hover:hover {
|
||||
transform: translateY(-5px);
|
||||
box-shadow: 0 20px 25px -5px rgba(132, 204, 22, 0.3), 0 10px 10px -5px rgba(132, 204, 22, 0.1);
|
||||
}
|
||||
#vanta-bg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="min-h-screen bg-gray-900 text-white">
|
||||
<div id="vanta-bg"></div>
|
||||
|
||||
<main class="container mx-auto px-4 py-12 md:py-24 flex flex-col items-center justify-center min-h-screen">
|
||||
<div class="text-center mb-16" data-aos="fade-down">
|
||||
<h1 class="text-4xl md:text-6xl font-bold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-green-400 to-purple-500">
|
||||
选择你的场景
|
||||
</h1>
|
||||
<!-- <p class="text-lg md:text-xl text-gray-300 max-w-2xl mx-auto">
|
||||
Explore the decentralized future with our curated web3 experiences
|
||||
</p> -->
|
||||
</div>
|
||||
|
||||
<div class="relative w-full max-w-4xl mx-auto">
|
||||
<div class="absolute inset-0 flex items-center justify-center">
|
||||
<div class="w-full h-full max-w-md mx-auto opacity-20">
|
||||
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill="#4F46E5" d="M45.8,-51.1C58.5,-40.1,67.7,-24.9,70.6,-7.7C73.5,9.5,70.1,28.7,57.8,42.1C45.5,55.5,24.3,63.1,3.8,59.3C-16.7,55.5,-33.4,40.3,-46.1,26.9C-58.8,13.5,-67.5,1.9,-66.5,-10.1C-65.5,-22.1,-54.8,-34.5,-41.5,-45.3C-28.2,-56.1,-12.4,-65.4,3.2,-68.6C18.8,-71.8,37.6,-68.9,45.8,-51.1Z" transform="translate(100 100)" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col md:flex-row items-center justify-center gap-8 md:gap-16 w-full" data-aos="fade-up">
|
||||
<a href="/index.html" class="group block cursor-pointer focus:outline-none">
|
||||
<div class="avatar-hover bg-gray-800 bg-opacity-60 backdrop-blur-md rounded-full p-4 border-2 border-green-500 transition-all duration-300 group-hover:border-purple-500 md:group-hover:border-purple-500 group-active:border-purple-500">
|
||||
<div class="w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden border-4 border-green-400 group-hover:border-purple-400 md:group-hover:border-purple-400 group-active:border-purple-400 transition-all duration-300">
|
||||
<img src="tx.png" alt="Dashboard" class="w-full h-full object-cover">
|
||||
</div>
|
||||
<h3 class="mt-4 text-xl font-semibold text-center group-hover:text-purple-400 md:group-hover:text-purple-400 group-active:text-purple-400 transition-colors duration-300">老人陪伴</h3>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<a href="https://medicine.yantootech.com" class="group block cursor-pointer focus:outline-none">
|
||||
<div class="avatar-hover bg-gray-800 bg-opacity-60 backdrop-blur-md rounded-full p-4 border-2 border-purple-500 transition-all duration-300 group-hover:border-green-500 md:group-hover:border-green-500 group-active:border-green-500">
|
||||
<div class="w-32 h-32 md:w-40 md:h-40 rounded-full overflow-hidden border-4 border-purple-400 group-hover:border-green-400 md:group-hover:border-green-400 group-active:border-green-400 transition-all duration-300">
|
||||
<img src="nv.png" alt="Explore" class="w-full h-full object-cover">
|
||||
</div>
|
||||
<h3 class="mt-4 text-xl font-semibold text-center group-hover:text-green-400 md:group-hover:text-green-400 group-active:text-green-400 transition-colors duration-300">医疗咨询</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-16 text-center" data-aos="fade-up" data-aos-delay="200">
|
||||
<p class="text-gray-400 text-sm md:text-base max-w-md mx-auto">
|
||||
A Little Young Boy And Cartoon Doctor
|
||||
</p>
|
||||
<!-- <button class="mt-4 px-6 py-3 bg-gradient-to-r from-green-500 to purple-600 rounded-full font-medium hover:from-green-600 hover:to-purple-700 transition-all duration-300 flex items-center mx-auto">
|
||||
<i data-feather="lock" class="mr-2 w-5 h-5"></i> Connect Wallet
|
||||
</button> -->
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- <script>
|
||||
window.addEventListener('DOMContentLoaded', function () {
|
||||
if (window.VANTA && document.querySelector('#vanta-bg')) {
|
||||
VANTA.GLOBE({
|
||||
el: "#vanta-bg",
|
||||
mouseControls: true,
|
||||
touchControls: true,
|
||||
gyroControls: false,
|
||||
minHeight: 200.00,
|
||||
minWidth: 200.00,
|
||||
scale: 1.00,
|
||||
scaleMobile: 1.00,
|
||||
color: 0x3f83f8,
|
||||
backgroundColor: 0x111827,
|
||||
size: 0.8
|
||||
});
|
||||
}
|
||||
});
|
||||
</script> -->
|
||||
<script>
|
||||
AOS.init({
|
||||
duration: 800,
|
||||
easing: 'ease-in-out',
|
||||
once: true
|
||||
});
|
||||
feather.replace();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
src/nv.png
Normal file
BIN
src/nv.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 120 KiB |
Loading…
x
Reference in New Issue
Block a user