90 lines
1.8 KiB
HTML
90 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="fa" dir="rtl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<title>InFinity Community</title>
|
|
|
|
<!-- Tailwind -->
|
|
<script src="https://c.vazirweb.ir/cdn/tailwind/3.4.10/tailwind.play.min.js"></script>
|
|
|
|
<!-- Vazir Font -->
|
|
<link href="https://lib.arvancloud.ir/vazir-font/33.003/Farsi-Digits-Non-Latin/Vazirmatn-FD-NL-font-face.css" rel="stylesheet">
|
|
|
|
<style>
|
|
body{
|
|
font-family: Rubik, Vazirmatn, sans-serif;
|
|
}
|
|
|
|
/* typing effect */
|
|
.typing::before{
|
|
content: "|";
|
|
animation: blink 1s infinite;
|
|
margin-right:4px;
|
|
}
|
|
|
|
@keyframes blink{
|
|
0%,100%{opacity:1}
|
|
50%{opacity:0}
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body class="bg-gray-900 text-white flex items-center justify-center min-h-screen">
|
|
|
|
<div class="text-center space-y-6">
|
|
|
|
<h1 id="typingText" class="typing text-4xl md:text-6xl font-bold text-indigo-400"></h1>
|
|
|
|
<p class="text-lg text-gray-300 font-bold">
|
|
به زودی در دسترس خواهد بود
|
|
</p>
|
|
|
|
<p class="text-gray-500 text-sm">
|
|
یک کامیونیتی برای توسعهدهندگان و علاقهمندان تکنولوژی
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
const texts = [
|
|
"Coming Soon ",
|
|
"InFinity Community "
|
|
]
|
|
|
|
let index = 0
|
|
let charIndex = 0
|
|
let currentText = ""
|
|
let isDeleting = false
|
|
|
|
function typeEffect(){
|
|
const element = document.getElementById("typingText")
|
|
currentText = texts[index]
|
|
|
|
if(!isDeleting){
|
|
element.textContent = currentText.substring(0,charIndex++)
|
|
}else{
|
|
element.textContent = currentText.substring(0,charIndex--)
|
|
}
|
|
|
|
let speed = isDeleting ? 60 : 120
|
|
|
|
if(!isDeleting && charIndex === currentText.length){
|
|
speed = 1500
|
|
isDeleting = true
|
|
}
|
|
else if(isDeleting && charIndex === 0){
|
|
isDeleting = false
|
|
index = (index + 1) % texts.length
|
|
speed = 400
|
|
}
|
|
|
|
setTimeout(typeEffect, speed)
|
|
}
|
|
|
|
typeEffect()
|
|
</script>
|
|
|
|
</body>
|
|
</html> |