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>