Add index.html

2026-03-28 10:12:54 +00:00
parent 1a2d9fe904
commit ed8401ec21
1 changed files with 90 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -0,0 +1,90 @@
+<!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>