-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
26 lines (26 loc) · 1.67 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="./public/favicon.ico" />
<link rel="icon" type="image/svg+xml" href="./public/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<title>three.js</title>
</head>
<body class="font-custom bg-custom-100 text-custom-200 h-[350vh] xl:h-[450vh] sm:h-[550vh]">
<div id="LOADER" class="grid w-full h-screen place-items-center bg-custom-100">
<div class="loader loader--style3 fill-white animate-spin" title="2">
<svg id="SVG_LOADER" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="40" height="40" viewBox="0 0 50 50">
<path d="M43.935 25.145c0-10.318-8.364-18.683-18.683-18.683-10.318 0-18.683 8.365-18.683 18.683h4.068c0-8.071 6.543-14.615 14.615-14.615s14.615 6.543 14.615 14.615h4.068z"><animateTransform attributeName="transform" attributeType="xml" dur="0.6s" from="0 25 25" repeatCount="indefinite" to="360 25 25" type="rotate" /></path>
</svg>
</div>
</div>
<section class="h-[75vh]"></section>
<div class="h-[100vh] relative w-[60%] sm:w-full sm:p-0 sm:mx-2 mx-auto gap-16 p-16">
<div id="hydrationContainer" class="mb-12"></div>
<a class="relative z-50 text-2xl font-bold underline hover:no-underline hover:text-yellow-500 sm:mb-40" target="_blank" rel="noopener" href="https://hsedesign.ru/project/18b0303dc6404c7d8d9f074846197b0f">Ссылка на визуальное исследование</a>
</div>
<script type="module" src="./src/index.js"></script>
</body>
</html>