Когда юзер первый раз входит на сайт, делай полностью черный экран, через 2 секунды пусть возникает фраза "Добро пожаловать" и еще через секунду под ней "в полный пиздец"
Browse files- index.html +73 -1
index.html
CHANGED
|
@@ -8,7 +8,7 @@
|
|
| 8 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 9 |
<script src="https://unpkg.com/feather-icons"></script>
|
| 10 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Bebas+Neue&family=Orbitron:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
| 11 |
-
<script>
|
| 12 |
tailwind.config = {
|
| 13 |
darkMode: 'class',
|
| 14 |
theme: {
|
|
@@ -23,6 +23,40 @@
|
|
| 23 |
}
|
| 24 |
</script>
|
| 25 |
<style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 26 |
html {
|
| 27 |
scroll-behavior: smooth;
|
| 28 |
}
|
|
@@ -167,6 +201,11 @@
|
|
| 167 |
</style>
|
| 168 |
</head>
|
| 169 |
<body class="bg-dark-bg text-white" style="font-family: 'Inter', sans-serif;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 170 |
<!-- Header -->
|
| 171 |
<header class="fixed top-0 w-full bg-dark-bg/90 backdrop-blur-md border-b border-dark-border z-50">
|
| 172 |
<nav class="container mx-auto px-6 py-4">
|
|
@@ -661,6 +700,39 @@
|
|
| 661 |
</div>
|
| 662 |
</footer>
|
| 663 |
<script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 664 |
// Initialize Feather Icons
|
| 665 |
feather.replace();
|
| 666 |
|
|
|
|
| 8 |
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
|
| 9 |
<script src="https://unpkg.com/feather-icons"></script>
|
| 10 |
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Bebas+Neue&family=Orbitron:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
|
| 11 |
+
<script>
|
| 12 |
tailwind.config = {
|
| 13 |
darkMode: 'class',
|
| 14 |
theme: {
|
|
|
|
| 23 |
}
|
| 24 |
</script>
|
| 25 |
<style>
|
| 26 |
+
.loading-screen {
|
| 27 |
+
position: fixed;
|
| 28 |
+
top: 0;
|
| 29 |
+
left: 0;
|
| 30 |
+
width: 100%;
|
| 31 |
+
height: 100%;
|
| 32 |
+
background: #000;
|
| 33 |
+
z-index: 9999;
|
| 34 |
+
display: flex;
|
| 35 |
+
flex-direction: column;
|
| 36 |
+
justify-content: center;
|
| 37 |
+
align-items: center;
|
| 38 |
+
transition: opacity 0.5s ease;
|
| 39 |
+
}
|
| 40 |
+
.welcome-text {
|
| 41 |
+
font-size: 3rem;
|
| 42 |
+
font-weight: bold;
|
| 43 |
+
color: white;
|
| 44 |
+
opacity: 0;
|
| 45 |
+
animation: fadeIn 1s ease forwards;
|
| 46 |
+
}
|
| 47 |
+
.sub-text {
|
| 48 |
+
font-size: 2rem;
|
| 49 |
+
color: white;
|
| 50 |
+
opacity: 0;
|
| 51 |
+
animation: fadeIn 1s ease forwards;
|
| 52 |
+
}
|
| 53 |
+
@keyframes fadeIn {
|
| 54 |
+
to {
|
| 55 |
+
opacity: 1;
|
| 56 |
+
}
|
| 57 |
+
}
|
| 58 |
+
</style>
|
| 59 |
+
<style>
|
| 60 |
html {
|
| 61 |
scroll-behavior: smooth;
|
| 62 |
}
|
|
|
|
| 201 |
</style>
|
| 202 |
</head>
|
| 203 |
<body class="bg-dark-bg text-white" style="font-family: 'Inter', sans-serif;">
|
| 204 |
+
<!-- Loading Screen -->
|
| 205 |
+
<div id="loading-screen" class="loading-screen">
|
| 206 |
+
<div id="welcome" class="welcome-text" style="display: none;">Добро пожаловать</div>
|
| 207 |
+
<div id="subtext" class="sub-text" style="display: none;">в полный пиздец</div>
|
| 208 |
+
</div>
|
| 209 |
<!-- Header -->
|
| 210 |
<header class="fixed top-0 w-full bg-dark-bg/90 backdrop-blur-md border-b border-dark-border z-50">
|
| 211 |
<nav class="container mx-auto px-6 py-4">
|
|
|
|
| 700 |
</div>
|
| 701 |
</footer>
|
| 702 |
<script>
|
| 703 |
+
// Check if first visit
|
| 704 |
+
if (!sessionStorage.getItem('visited')) {
|
| 705 |
+
sessionStorage.setItem('visited', 'true');
|
| 706 |
+
|
| 707 |
+
// Show loading screen
|
| 708 |
+
const loadingScreen = document.getElementById('loading-screen');
|
| 709 |
+
const welcome = document.getElementById('welcome');
|
| 710 |
+
const subtext = document.getElementById('subtext');
|
| 711 |
+
|
| 712 |
+
// Show welcome text after 2 seconds
|
| 713 |
+
setTimeout(() => {
|
| 714 |
+
welcome.style.display = 'block';
|
| 715 |
+
welcome.style.animationDelay = '0s';
|
| 716 |
+
}, 2000);
|
| 717 |
+
|
| 718 |
+
// Show subtext after 3 seconds (1 second after welcome)
|
| 719 |
+
setTimeout(() => {
|
| 720 |
+
subtext.style.display = 'block';
|
| 721 |
+
subtext.style.animationDelay = '0s';
|
| 722 |
+
}, 3000);
|
| 723 |
+
|
| 724 |
+
// Hide loading screen after 4.5 seconds
|
| 725 |
+
setTimeout(() => {
|
| 726 |
+
loadingScreen.style.opacity = '0';
|
| 727 |
+
setTimeout(() => {
|
| 728 |
+
loadingScreen.style.display = 'none';
|
| 729 |
+
}, 500);
|
| 730 |
+
}, 4500);
|
| 731 |
+
} else {
|
| 732 |
+
// Hide loading screen immediately if not first visit
|
| 733 |
+
document.getElementById('loading-screen').style.display = 'none';
|
| 734 |
+
}
|
| 735 |
+
|
| 736 |
// Initialize Feather Icons
|
| 737 |
feather.replace();
|
| 738 |
|