web yönlendirmesini kontrol et url durum kodu denetleyicisi

Sunucu yanıtını kontrol edin

Sunucu yanıtı
NS kayıtları
Whois alanı
Yanıt başlıkları
İstek başlıkları
Ham HTML kodu
301 Moved Permanently - jotlu.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Connection: close
Content-Length: 0
Server: Varnish
Retry-After: 0
Location: https://jotlu.com/
Accept-Ranges: bytes
Date: Fri, 30 May 2025 21:03:42 GMT
X-Served-By: cache-hel1410026-HEL
X-Cache: HIT
X-Cache-Hits: 0
X-Timer: S1748639022.078601,VS0,VE0
alt-svc: h3=":443";ma=86400,h3-29=":443";ma=86400,h3-27=":443";ma=86400
cache-control: max-age=3600
content-type: text/html; charset=utf-8
etag: "32ee1d2b88469e42d6aae17bb63c406846228cc61319e24a4d7e568f0c201c24"
last-modified: Wed, 28 May 2025 18:41:33 GMT
strict-transport-security: max-age=31556926
accept-ranges: bytes
date: Fri, 30 May 2025 21:03:42 GMT
x-served-by: cache-hel1410027-HEL
x-cache: MISS
x-cache-hits: 0
x-timer: S1748639022.117730,VS0,VE125
vary: x-fh-requested-host, accept-encoding
alt-svc: h3=":443";ma=86400,h3-29=":443";ma=86400,h3-27=":443";ma=86400
content-length: 31257

HTTP Kodu 301 Kalıcı Olarak Taşındı

301 http kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.

Kod 301 ne zaman kullanılır?

  • Bir web sitesi alan adını değiştirirken
  • URL yapılarını değiştirirken
  • SEO için yönlendirmeleri ayarlarken

Kod 301 kullanıcı için ne anlama geliyor?

Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.

GET / HTTP/1.1
Host: jotlu.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
    <!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
    <link rel="manifest" href="/site.webmanifest" />    
    
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JOTLU - Coming Soon</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        
        :root {
            --primary: #ffffff;
            --primary-dark: #f0f0f0;
            --accent: #ffffff;
            --white: #ffffff;
            --dark: #ffffff;
            --gray-light: #fff5f5;
            --gray: #f0e0e0;
            --red-bg: #BE0703;
            --red-dark: #910a06;
        }
        
        body {
            background-color: #0a0a0a;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            color: var(--dark);
            padding: 0;
            overflow-y: auto;
            position: relative;
        }
        
        .stars-container {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 0;
            overflow: hidden;
        }
        
        .star {
            position: absolute;
            background-color: #fff;
            border-radius: 50%;
            animation: twinkle var(--duration) ease-in-out infinite;
            opacity: var(--opacity);
        }
        
        @keyframes twinkle {
            0%, 100% { opacity: var(--opacity); }
            50% { opacity: 0.1; }
        }
        
        .shooting-star {
            position: absolute;
            width: 100px;
            height: 2px;
            background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,107,102,1) 100%);
            animation: shoot 5s linear infinite;
            opacity: 0;
            border-radius: 50%;
            filter: blur(1px);
            z-index: 0;
            transform: rotate(var(--angle));
        }
        
        @keyframes shoot {
            0% {
                transform: translateX(-100px) rotate(var(--angle));
                opacity: 0;
            }
            10% {
                opacity: 1;
            }
            20% {
                transform: translateX(calc(100vw + 100px)) rotate(var(--angle));
                opacity: 0;
            }
            100% {
                opacity: 0;
                transform: translateX(calc(100vw + 100px)) rotate(var(--angle));
            }
        }
        
        .container {
            display: flex;
            width: 100%;
            flex-direction: column;
            position: relative;
            z-index: 1;
            background-color: var(--red-bg);
            overflow-y: auto;
        }
        
        .main-section {
            display: flex;
            width: 100%;
            height: 100vh;
            position: relative;
            overflow: hidden;
        }
        
        .left-side {
            width: 40%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 2rem;
            position: relative;
        }
        
        .right-side {
            width: 60%;
            height: 100vh;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 2rem;
            position: relative;
        }
        

        
        
        .hero {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: center;
            margin-bottom: 2rem;
            width: 100%;
            position: relative;
        }
        
        .logo-wrapper {
            position: relative;
            margin-bottom: 1.5rem;
            perspective: 1000px;
        }
        
        .glow-circle {
            position: absolute;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 70%);
            filter: blur(10px);
            z-index: -1;
            animation: pulse 4s ease-in-out infinite;
        }
        
        @keyframes pulse {
            0%, 100% { transform: scale(1); opacity: 0.2; }
            50% { transform: scale(1.2); opacity: 0.5; }
        }
        
        h1 {
            font-size: 5rem;
            font-weight: 700;
            color: var(--white);
            text-align: center;
            letter-spacing: -1px;
            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
            position: relative;
            transform-style: preserve-3d;
            animation: floatLogo 6s ease-in-out infinite;
        }
        
        @keyframes floatLogo {
            0%, 100% { transform: translateY(0) rotateX(0); }
            50% { transform: translateY(-10px) rotateX(5deg); }
        }
/*         
        h1::after {
            content: '';
            position: absolute;
            width: 70%;
            height: 3px;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            background-color: var(--accent);
            box-shadow: 0 0 10px var(--accent);
        } */
        
        .logo-3d {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(255, 255, 255, 0.1);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
            transform: translateZ(-10px);
            filter: blur(4px);
            opacity: 0.7;
        }
        
        .tagline {
            font-size: 1.6rem;
            font-weight: 300;
            text-align: center;
            margin: 1rem auto;
            color: var(--white);
            max-width: 90%;
            line-height: 1.6;
            position: relative;
        }
        
        .tagline::after {
            content: '';
            position: absolute;
            width: 50px;
            height: 3px;
            background-color: var(--accent);
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 1;
        }
        
        .launch-container {
            position: relative;
            margin-top: 2rem;
            text-align: center;
        }
        
        .coming-soon {
            font-size: 1.4rem;
            font-weight: 600;
            text-align: center;
            color: var(--red-bg);
            padding: 0.8rem 3rem;
            border-radius: 30px;
            display: inline-block;
            background: var(--white);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(255, 255, 255, 0.5);
            position: relative;
            overflow: hidden;
            z-index: 1;
            animation: pulse-shadow 2s ease-in-out infinite;
        }
        
        @keyframes pulse-shadow {
            0% { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(255, 255, 255, 0.5); }
            70% { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 0 10px rgba(255, 255, 255, 0); }
            100% { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15), 0 0 0 0 rgba(255, 255, 255, 0); }
        }
        
        .coming-soon::after {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(223, 46, 42, 0.2), transparent);
            transition: all 0.8s ease;
            z-index: -1;
            transform: skewX(-20deg);
        }
        
        .coming-soon:hover::after {
            left: 100%;
            transition: all 0.8s ease;
        }
        
        .features-container {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .jotlu-image {
            max-width: 500px;
            width: 100%;
            height: auto;
            margin-bottom: 2rem;
            border-radius: 10px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
        }
        
        .features {
            display: flex;
            justify-content: center;
            gap: 1.5rem;
            width: 100%;
        }
        
        .feature {
            background-color: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(5px);
            padding: 1.2rem;
            border-radius: 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            width: calc(33.333% - 1rem);
            max-width: 300px;
            text-align: center;
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            color: var(--white);
            position: relative;
            overflow: hidden;
            z-index: 1;
            border: 1px solid rgba(255, 255, 255, 0.2);
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            min-height: 200px;
        }

        .feature::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 0%;
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0%, transparent 100%);
            transition: height 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            z-index: -1;
        }
        
        .feature:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
            border-color: rgba(255, 255, 255, 0.3);
        }
        
        .feature:hover::before {
            height: 100%;
        }
        
        .feature-icon {
            font-size: 1.5rem;
            color: var(--white);
            position: relative;
            display: inline-block;
            width: 50px;
            height: 50px;
            line-height: 50px;
            background-color: rgba(255, 255, 255, 0.15);
            border-radius: 50%;
            margin-bottom: 1rem;
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }
        
        .feature h3 {
            margin-bottom: 0.7rem;
            color: var(--white);
            font-size: 1.3rem;
            font-weight: 600;
            position: relative;
            display: inline-block;
            transition: all 0.5s ease;
            width: 100%;
        }
        
        .feature p {
            color: var(--white);
            font-size: 0.85rem;
            line-height: 1.5;
            margin-top: 0.5rem;
            transition: all 0.5s ease;
            flex-grow: 1;
        }
        
        .feature-tags {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 0.3rem;
            margin-top: 0.7rem;
            width: 100%;
        }
        
        .feature-tag {
            padding: 0.2rem 0.5rem;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 12px;
            font-size: 0.7rem;
            color: var(--white);
            font-weight: 500;
            transition: all 0.3s ease;
        }
        
        .feature:hover .feature-tag {
            background-color: rgba(255, 255, 255, 0.3);
            transform: translateY(-2px);
        }
        
        .newsletter-section {
            width: 100%;
            padding: 3rem 2rem;
            background-color: var(--red-bg);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
        
        .newsletter {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(10px);
            padding: 2.5rem 2rem;
            border-radius: 16px;
            width: 100%;
            max-width: 700px;
            text-align: center;
            margin-bottom: 2rem;
            color: var(--white);
            position: relative;
            overflow: hidden;
            box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }
        
        .newsletter::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 5px;
            background: rgba(255, 255, 255, 0.8);
            box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
        }
        
        .newsletter h2 {
            margin-bottom: 1rem;
            color: var(--white);
            font-size: 1.8rem;
            position: relative;
            display: inline-block;
        }
        
        .newsletter h2::after {
            content: '';
            position: absolute;
            width: 50px;
            height: 2px;
            background-color: var(--white);
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
        }
        
        .newsletter p {
            color: var(--white);
            font-size: 1.1rem;
            line-height: 1.6;
            margin-bottom: 1.5rem;
            max-width: 500px;
            margin-left: auto;
            margin-right: auto;
        }
        
        .newsletter-form {
            display: flex;
            gap: 0.75rem;
            margin-top: 1.5rem;
            flex-wrap: wrap;
            justify-content: center;
        }
        
        .newsletter-input {
            flex: 1;
            min-width: 250px;
            padding: 0.8rem 1.2rem;
            border-radius: 8px;
            border: 1px solid rgba(255, 255, 255, 0.2);
            font-size: 1rem;
            transition: all 0.3s ease;
            outline: none;
            background-color: rgba(255, 255, 255, 0.1);
            color: var(--white);
        }
        
        .newsletter-input::placeholder {
            color: rgba(255, 255, 255, 0.7);
        }
        
        .newsletter-input:focus {
            border-color: var(--white);
            box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2);
            background-color: rgba(255, 255, 255, 0.15);
        }
        
        .newsletter-button {
            padding: 0.8rem 1.5rem;
            background: var(--white);
            color: var(--red-bg);
            border: none;
            border-radius: 8px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        .newsletter-button:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
        }
        
        .social-links {
            display: flex;
            gap: 1rem;
            margin-bottom: 2rem;
        }
        
        .social-link {
            width: 45px;
            height: 45px;
            background-color: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(5px);
            border-radius: 50%;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
            color: var(--white);
            text-decoration: none;
            font-size: 1.2rem;
            box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
            border: 1px solid rgba(255, 255, 255, 0.2);
            position: relative;
            overflow: hidden;
        }
        
        .social-link:hover {
            background-color: var(--white);
            color: var(--red-bg);
            transform: translateY(-5px);
            box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
        }
        
        .footer {
            margin-top: 1rem;
            text-align: center;
            font-size: 0.9rem;
            color: var(--white);
            width: 100%;
            position: relative;
        }
        
        /* Media queries */
        @media (max-width: 768px) {
            body {
                overflow-y: auto;
            }
            
            .main-section {
                flex-direction: column;
                height: auto;
                min-height: 100vh;
            }
            
            .left-side, .right-side {
                width: 100%;
                height: auto;
                min-height: 50vh;
                padding: 2rem 1rem;
            }
            
            .features {
                flex-direction: column;
                align-items: center;
            }
            
            .feature {
                width: 100%;
                max-width: 100%;
                margin-bottom: 1rem;
            }
            
            h1 {
                font-size: 3.5rem;
            }
            
            .tagline {
                font-size: 1.3rem;
            }
            
            .coming-soon {
                font-size: 1.2rem;
            }
            
            .jotlu-image {
                max-width: 90%;
            }
            
            .newsletter-form {
                flex-direction: column;
            }
            
            .newsletter-input, .newsletter-button {
                width: 100%;
                margin-bottom: 0.5rem;
            }
        }
        
        /* Animation for floating elements */
        @keyframes float {
            0% {
                transform: translateY(0px);
            }
            50% {
                transform: translateY(-10px);
            }
            100% {
                transform: translateY(0px);
            }
        }
        
        .float {
            animation: float 6s ease-in-out infinite;
        }
        
        /* Ripple effect */
        @keyframes ripple {
            0% {
                transform: scale(1);
                opacity: 1;
            }
            100% {
                transform: scale(3);
                opacity: 0;
            }
        }
        
        /* Loading animation */
        .loading-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #0a0a0a;
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999;
            transition: opacity 0.8s ease, visibility 0.8s ease;
        }
        
        .loading-logo {
            font-size: 5rem;
            font-weight: 700;
            color: var(--white);
            opacity: 0;
            transform: translateY(20px);
            animation: fadeInUp 1s ease forwards;
            text-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        }
        
        @keyframes fadeInUp {
            0% {
                opacity: 0;
                transform: translateY(20px);
            }
            100% {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .loading-spinner {
            position: absolute;
            width: 200px;
            height: 200px;
            border-radius: 50%;
            border: 5px solid transparent;
            border-top-color: var(--red-bg);
            border-bottom-color: var(--white);
            animation: spin 1.5s linear infinite;
        }
        
        .loading-spinner::before {
            content: '';
            position: absolute;
            top: 10px;
            left: 10px;
            right: 10px;
            bottom: 10px;
            border-radius: 50%;
            border: 5px solid transparent;
            border-top-color: var(--white);
            border-bottom-color: var(--red-bg);
            animation: spin 1.2s linear infinite reverse;
        }
        
        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }
    </style>
</head>
<body>
    <div class="loading-overlay">
        <div class="loading-spinner"></div>
        <div class="loading-logo">JOTLU</div>
    </div>
    
    <div class="stars-container"></div>
    
    <div class="container">
        <div class="main-section">
            <div class="left-side">
                
                <div class="hero">
                    <div class="logo-wrapper">
                        <div class="glow-circle" style="top: -30px; left: -30px;"></div>
                        <div class="glow-circle" style="bottom: -30px; right: -30px;"></div>
                        <h1 class="logo">JOTLU</h1>
                        <h1 class="logo logo-3d">JOTLU</h1>
                    </div>
                    
                    <p class="tagline">Transforming the way you work with powerful web and productivity tools</p>
                </div>
                
                <div class="launch-container">
                    <div class="coming-soon" style="cursor: pointer" onclick="window.location.href='https://test.jotlu.com'">Try JOTLU Preview</div>
                </div>
            </div>
            
            <div class="right-side">
                
                <div class="features-container">
                    <img src="https://test.jotlu.com/jotlu-sticky.png" alt="JOTLU" class="jotlu-image">
                    
                    <div class="features">
                        <div class="feature">
                            <div class="feature-icon float">
                                <i class="fas fa-wrench"></i>
                            </div>
                            <h3>Web Tools</h3>
                            <p>Powerful web-based utilities designed to streamline your online workflow and boost productivity.</p>
                            <div class="feature-tags">
                                <span class="feature-tag">File Converter</span>
                                <span class="feature-tag">Code Editor</span>
                            </div>
                        </div>
                        
                        <div class="feature">
                            <div class="feature-icon float">
                                <i class="fas fa-list-check"></i>
                            </div>
                            <h3>Task Management</h3>
                            <p>Organize your work effectively with our intuitive task management system built for teams and individuals.</p>
                            <div class="feature-tags">
                                <span class="feature-tag">Kanban Boards</span>
                                <span class="feature-tag">Time Tracking</span>
                            </div>
                        </div>
                        
                        <div class="feature">
                            <div class="feature-icon float">
                                <i class="fas fa-rocket"></i>
                            </div>
                            <h3>Performance Boost</h3>
                            <p>Experience significant productivity gains with tools designed to eliminate workflow bottlenecks.</p>
                            <div class="feature-tags">
                                <span class="feature-tag">Analytics</span>
                                <span class="feature-tag">Automation</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <div class="newsletter-section">
            <!-- <div class="newsletter">
                <h2>Stay Updated</h2>
                <p>Be the first to know when we launch. Subscribe to our newsletter for early access and exclusive offers.</p>
                <div class="newsletter-form">
                    <input type="email" class="newsletter-input" placeholder="Your email address" />
                    <button class="newsletter-button">Notify Me</button>
                </div>
            </div> -->
            
            <!-- <div class="social-links">
                <a href="#" class="social-link">
                    <i class="fab fa-facebook-f"></i>
                </a>
                <a href="#" class="social-link">
                    <i class="fab fa-twitter"></i>
                </a>
                <a href="#" class="social-link">
                    <i class="fab fa-instagram"></i>
                </a>
                <a href="#" class="social-link">
                    <i class="fab fa-linkedin-in"></i>
                </a>
            </div> -->
            
            <div class="footer">
                <p>© 2025 JOTLU. All rights reserved.</p>
            </div>
        </div>
    </div>
    
    <script>
        // Create stars background
        function createStars() {
            const starsContainer = document.querySelector('.stars-container');
            const starCount = window.innerWidth < 768 ? 50 : 100;
            
            for (let i = 0; i < starCount; i++) {
                const star = document.createElement('div');
                star.classList.add('star');
                
                // Random size between 1px and 3px
                const size = Math.random() * 2 + 1;
                star.style.width = `${size}px`;
                star.style.height = `${size}px`;
                
                // Random position
                const x = Math.random() * 100;
                const y = Math.random() * 100;
                star.style.left = `${x}%`;
                star.style.top = `${y}%`;
                
                // Random opacity and animation duration
                const opacity = Math.random() * 0.7 + 0.3;
                star.style.setProperty('--opacity', opacity);
                const duration = Math.random() * 3 + 2;
                star.style.setProperty('--duration', `${duration}s`);
                
                starsContainer.appendChild(star);
            }
            
            // Create shooting stars
            createShootingStars();
        }
        
        function createShootingStars() {
            const starsContainer = document.querySelector('.stars-container');
            
            // Create 5 shooting stars with random delays
            for (let i = 0; i < 5; i++) {
                const shootingStar = document.createElement('div');
                shootingStar.classList.add('shooting-star');
                
                // Random angle
                const angle = Math.random() * 45 - 22.5;
                shootingStar.style.setProperty('--angle', `${angle}deg`);
                
                // Random position
                const y = Math.random() * 70 + 10;
                shootingStar.style.top = `${y}%`;
                
                // Random delay for animation
                const delay = Math.random() * 15;
                shootingStar.style.animationDelay = `${delay}s`;
                
                starsContainer.appendChild(shootingStar);
            }
        }
        
        // Show all elements function
        function showAllElements() {
            // Remove the loading overlay
            document.querySelector('.loading-overlay').style.opacity = '0';
            document.querySelector('.loading-overlay').style.visibility = 'hidden';
        }
        
        // Handle ripple effect on button clicks
        function addRippleEffect() {
            const buttons = document.querySelectorAll('.coming-soon, .newsletter-button');
            
            buttons.forEach(button => {
                button.addEventListener('click', function(e) {
                    const x = e.clientX - e.target.getBoundingClientRect().left;
                    const y = e.clientY - e.target.getBoundingClientRect().top;
                    
                    const ripple = document.createElement('span');
                    ripple.style.position = 'absolute';
                    ripple.style.width = '10px';
                    ripple.style.height = '10px';
                    ripple.style.borderRadius = '50%';
                    ripple.style.backgroundColor = button.classList.contains('coming-soon') ? 'rgba(223, 46, 42, 0.7)' : 'rgba(255, 255, 255, 0.7)';
                    ripple.style.left = `${x}px`;
                    ripple.style.top = `${y}px`;
                    ripple.style.animation = 'ripple 0.6s linear';
                    ripple.style.pointerEvents = 'none';
                    
                    this.appendChild(ripple);
                    
                    setTimeout(() => {
                        ripple.remove();
                    }, 600);
                });
            });
        }
        
        // Handle form submission
        // function initFormSubmission() {
        //     const form = document.querySelector('.newsletter-form');
        //     const input = document.querySelector('.newsletter-input');
        //     const button = document.querySelector('.newsletter-button');
            
        //     form.addEventListener('submit', (e) => {
        //         e.preventDefault();
                
        //         if (input.value.trim() === '') {
        //             alert('Please enter your email address');
        //             return;
        //         }
                
        //         // Show success message
        //         const originalText = button.textContent;
        //         button.textContent = 'Subscribed!';
        //         button.style.backgroundColor = '#28a745';
        //         button.disabled = true;
                
        //         // Reset after 3 seconds
        //         setTimeout(() => {
        //             button.textContent = originalText;
        //             button.style.backgroundColor = '';
        //             button.disabled = false;
        //             input.value = '';
        //         }, 3000);
        //     });
        // }
        
        // Initialize on page load
        window.addEventListener('DOMContentLoaded', () => {
            createStars();
            addRippleEffect();
            // initFormSubmission();
            
            // Show all elements after a slight delay
            setTimeout(() => {
                showAllElements();
            }, 1500);
        });
    </script>
</body>
</html>

Alan adının whois bilgisi

Domain Name: JOTLU.COM
Registry Domain ID: 2952110346_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.godaddy.com
Registrar URL: http://www.godaddy.com
Updated Date: 2025-01-20T00:02:25Z
Creation Date: 2025-01-20T00:02:25Z
Registry Expiry Date: 2026-01-20T00:02:25Z
Registrar: GoDaddy.com, LLC
Registrar IANA ID: 146
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: 480-624-2505
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS05.DOMAINCONTROL.COM
Name Server: NS06.DOMAINCONTROL.COM
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-30T21:03:26Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass