Noa Hotels

<title>Markdown - RestayWay</title>
<meta name="description" content="Redirecting to Markdown...">
<meta name="robots" content="noindex, nofollow">

<meta property="og:title" content="Markdown">
<meta property="og:description" content="Redirecting to Markdown...">
<meta property="og:url" content="https://s3.restayway.com/isletme/md/0ad96740-4f2e-4e4c-a635-8699e04a8006-en.md">
<meta property="og:type" content="website">
<meta property="og:site_name" content="RestayWay">



<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Markdown">
<meta name="twitter:description" content="Redirecting to Markdown...">






<link rel="canonical" href="https://s3.restayway.com/isletme/md/0ad96740-4f2e-4e4c-a635-8699e04a8006-en.md">


<style>
    @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        background: #f5f7fa;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #1a1a1a;
        line-height: 1.6;
    }

    .preview-container {
        background: white;
        border-radius: 16px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
        max-width: 600px;
        width: 90%;
        overflow: hidden;
        animation: slideUp 0.6s ease-out;
        border: 1px solid #e5e7eb;
    }

    @keyframes slideUp {
        from {
            opacity: 0;
            transform: translateY(20px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .preview-header {
        background: #ffffff;
        color: #1a1a1a;
        padding: 24px 30px;
        text-align: center;
        position: relative;
        border-bottom: 1px solid #f0f0f0;
    }

    .brand-logo {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 8px;
        color: #111;
    }

    .redirect-message {
        color: #6b7280;
        font-size: 15px;
        font-weight: 500;
    }

    .countdown {
        position: absolute;
        top: 24px;
        right: 30px;
        background: #f3f4f6;
        color: #374151;
        border-radius: 12px;
        width: 48px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 700;
    }

    .preview-content {
        padding: 30px;
    }

    .link-preview {
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 24px;
        transition: all 0.2s ease;
        background: #ffffff;
    }

    .link-preview:hover {
        border-color: #d1d5db;
        box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }

    .link-image {
        width: 100%;
        height: 200px;
        object-fit: cover;
        background: #f9fafb;
    }

    .link-info {
        padding: 24px;
    }

    .link-title {
        font-size: 18px;
        font-weight: 600;
        color: #111827;
        margin-bottom: 8px;
        line-height: 1.4;
    }

    .link-description {
        color: #4b5563;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 12px;
    }

    .link-url {
        color: #2563eb;
        font-size: 13px;
        text-decoration: none;
        word-break: break-all;
        font-weight: 500;
    }

    .actions {
        display: flex;
        gap: 12px;
        justify-content: center;
        flex-wrap: wrap;
    }

    .btn {
        padding: 12px 24px;
        border-radius: 8px;
        font-weight: 500;
        text-decoration: none;
        transition: all 0.2s ease;
        border: none;
        cursor: pointer;
        font-size: 14px;
        min-width: 140px;
        text-align: center;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    .btn-primary {
        background: #2563eb;
        color: white;
        box-shadow: 0 1px 2px rgba(37, 99, 235, 0.1);
    }

    .btn-primary:hover {
        background: #1d4ed8;
        transform: translateY(-1px);
    }

    .btn-secondary {
        background: transparent;
        color: #4b5563;
        border: 1px solid #d1d5db;
    }

    .btn-secondary:hover {
        background: #f9fafb;
        border-color: #9ca3af;
        color: #111827;
    }

    .safety-info {
        background: #f9fafb;
        border-radius: 8px;
        padding: 16px;
        margin-top: 24px;
        font-size: 13px;
        color: #6b7280;
        text-align: center;
        border: 1px solid #f3f4f6;
    }

    .progress-bar {
        width: 100%;
        height: 3px;
        background: #f3f4f6;
        margin-top: 24px;
        border-radius: 3px;
        overflow: hidden;
    }

    .progress-fill {
        height: 100%;
        background: #2563eb;
        width: 0%;
        transition: width 1s ease-out;
        border-radius: 3px;
    }

    .contact-actions {
        display: flex;
        gap: 12px;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: 16px;
        padding-top: 16px;
        border-top: 1px solid #f0f0f0;
    }

    .copy-btn {
        padding: 10px 16px;
        border-radius: 8px;
        font-weight: 500;
        font-size: 13px;
        border: 1px solid #d1d5db;
        background: #ffffff;
        color: #374151;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        transition: all 0.2s ease;
    }

    .copy-btn:hover {
        background: #f9fafb;
    }

    .copy-btn.copied {
        background: #d1fae5;
        border-color: #34d399;
        color: #065f46;
    }

    

    @media (max-width: 768px) {
        .preview-container {
            width: 94%;
            margin: 20px auto;
        }

        .countdown {
            top: 20px;
            right: 20px;
            width: 40px;
            height: 40px;
            font-size: 16px;
        }

        .preview-header {
            padding: 20px;
        }

        .preview-content {
            padding: 20px;
        }
        
        .btn {
            width: 100%;
        }
        
        .actions {
            flex-direction: column;
        }
    }
</style>

                <img src="https://s3.restayway.com/logo/icon-white-500x500.png" alt="RestayWay" style="height: 30px;">
            
        </div>
        <div class="redirect-message">
            Verifying link safety...
        </div>
    </div>

    <div class="preview-content">
        
        <div class="link-preview">
            
            <div class="link-info">
                <div class="link-title">
                    Markdown
                </div>
                
                <a href="https://s3.restayway.com/isletme/md/0ad96740-4f2e-4e4c-a635-8699e04a8006-en.md" class="link-url"></a>
            </div>
        </div>
        

        <div class="actions">
            <button class="btn btn-primary" id="redirectNow">
                Continue Now (Skip Wait)
            </button>
            <button class="btn btn-secondary" onclick="window.history.back()">
                Go Back
            </button>
        </div>

        

        

        

        <div class="progress-bar">
            <div class="progress-fill" id="progressBar"></div>
        </div>

        <div class="safety-info">
            <strong>🔒 Safe Link Preview</strong><br>
            This preview helps you see where the link leads before visiting.
        </div>
    </div>
</div>

<script>
    let timeLeft = 5;
    const countdown = document.getElementById('countdown');
    const progressBar = document.getElementById('progressBar');
    const totalTime = 5;
    const shortlinkCode = 'link-en-markdownurl';
    let isRedirecting = false;

    function trackClick() {
        fetch('/api/track/' + shortlinkCode, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            }
        }).catch(() => {});
    }

    function performRedirect() {
        if (isRedirecting) return;
        isRedirecting = true;
        
        trackClick();
        
        setTimeout(() => {
            window.location.href = 'https://s3.restayway.com/isletme/md/0ad96740-4f2e-4e4c-a635-8699e04a8006-en.md';
        }, 100);
    }

    function updateCountdown() {
        if (timeLeft <= 0) {
            countdown.textContent = '0';
            progressBar.style.width = '100%';
            performRedirect();
            return;
        }
        
        countdown.textContent = timeLeft;
        
        const progress = ((totalTime - timeLeft) / totalTime) * 100;
        progressBar.style.width = progress + '%';
        
        timeLeft--;
        
        setTimeout(updateCountdown, 1000);
    }

    progressBar.style.width = '0%';
    
    updateCountdown();

    const redirectBtn = document.getElementById('redirectNow');
    if (redirectBtn) {
        redirectBtn.addEventListener('click', function(e) {
            e.preventDefault();
            performRedirect();
        });
    }

    document.addEventListener('keydown', function(e) {
        if ((e.code === 'Space' || e.code === 'Enter') && !isRedirecting) {
            e.preventDefault();
            performRedirect();
        }
    });

    function copyToClipboard(text, btn) {
        navigator.clipboard.writeText(text).then(() => {
            btn.classList.add('copied');
            const original = btn.textContent;
            btn.textContent = 'Copied!';
            setTimeout(() => {
                btn.classList.remove('copied');
                btn.textContent = original;
            }, 2000);
        }).catch(() => {
            // Fallback for older browsers
            const textarea = document.createElement('textarea');
            textarea.value = text;
            document.body.appendChild(textarea);
            textarea.select();
            document.execCommand('copy');
            document.body.removeChild(textarea);
            btn.classList.add('copied');
            const original = btn.textContent;
            btn.textContent = 'Copied!';
            setTimeout(() => {
                btn.classList.remove('copied');
                btn.textContent = original;
            }, 2000);
        });
    }
</script>