pappu687 · March 7, 2025 17:58
diff --git a/raw.html b/raw.html
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Secret Transfer Animation</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <style>
        .money {
            position: absolute;
            font-size: 20px;
            color: green;
            font-weight: bold;
            animation: flyMoney 0.8s linear;
            opacity: 0;
        }

        @keyframes flyMoney {
            0% {
                transform: translateY(0) rotate(0deg);
                opacity: 1;
            }
            100% {
                transform: translateY(-150px) rotate(20deg);
                opacity: 0;
            }
        }

        .box-shadow {
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
        }
    </style>
 </head>
 <body class="bg-gray-100 min-h-screen flex flex-col items-center justify-center p-4">
    <div id="password-container" class="bg-white rounded-lg p-8 shadow-lg max-w-md w-full">
        <h2 class="text-2xl font-bold text-center mb-6 text-gray-800">Enter Secret Code</h2>
        <p class="mb-4 text-gray-600 text-center">to see Asif Adnan's Transfer</p>
        
        <div class="mb-4">
            <input type="password" id="password-input" class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-center" placeholder="Enter code here">
        </div>
        
        <button id="submit-btn" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition duration-200">
            Submit
        </button>
    </div>

    <div id="transfer-container" class="hidden bg-white rounded-lg p-8 shadow-lg max-w-md w-full">
        <h2 id="transfer-title" class="text-2xl font-bold text-center mb-6 text-gray-800">Transferring $160k to Asif's account, please wait</h2>
        
        <div class="flex justify-between items-center mb-8">
            <div id="source-box" class="relative w-32 h-32 bg-gray-200 rounded-lg flex items-center justify-center box-shadow border-2 border-gray-400">
                <div class="absolute top-0 left-0 bg-gray-700 text-white px-2 py-1 text-xs rounded-tl-lg rounded-br-lg">RAW</div>
                <span id="source-amount" class="text-2xl font-bold text-green-600">$160k</span>
            </div>
            
            <div class="flex-1 px-4 relative">
                <div id="money-path" class="h-2"></div>
            </div>
            
            <div id="target-box" class="relative w-32 h-32 bg-gray-200 rounded-lg flex items-center justify-center box-shadow border-2 border-gray-400">
                <div class="absolute top-0 left-0 bg-gray-700 text-white px-2 py-1 text-xs rounded-tl-lg rounded-br-lg">Asif Adnan's bank</div>
                <span id="target-amount" class="text-2xl font-bold text-green-600">$0</span>
            </div>
        </div>
        
        <div class="w-full bg-gray-300 rounded-full h-4 mb-4">
            <div id="progress-bar" class="bg-green-600 h-4 rounded-full transition-all duration-300" style="width: 0%"></div>
        </div>
        
        <div class="text-center text-gray-600">
            <span id="progress-text">0%</span> complete
        </div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const passwordContainer = document.getElementById('password-container');
            const transferContainer = document.getElementById('transfer-container');
            const passwordInput = document.getElementById('password-input');
            const submitBtn = document.getElementById('submit-btn');
            const progressBar = document.getElementById('progress-bar');
            const progressText = document.getElementById('progress-text');
            const sourceAmount = document.getElementById('source-amount');
            const targetAmount = document.getElementById('target-amount');
            const sourcebox = document.getElementById('source-box');
            const moneyPath = document.getElementById('money-path');

            submitBtn.addEventListener('click', checkPassword);
            passwordInput.addEventListener('keypress', function(e) {
                if (e.key === 'Enter') {
                    checkPassword();
                }
            });

            function checkPassword() {
                if (passwordInput.value === '138') {
                    passwordContainer.classList.add('hidden');
                    transferContainer.classList.remove('hidden');
                    startTransfer();
                } else {
                    passwordInput.classList.add('border-red-500');
                    passwordInput.value = '';
                    passwordInput.placeholder = 'Wrong code, try again';
                    setTimeout(() => {
                        passwordInput.classList.remove('border-red-500');
                        passwordInput.placeholder = 'Enter code here';
                    }, 1500);
                }
            }

            function createMoneySymbol() {
                const money = document.createElement('div');
                money.className = 'money';
                money.textContent = '$';
                money.style.left = `${Math.floor(Math.random() * 80) + 10}%`;
                moneyPath.appendChild(money);
                
                setTimeout(() => {
                    money.remove();
                }, 800);
            }

            function startTransfer() {
                let progress = 0;
                const moneySymbolInterval = setInterval(createMoneySymbol, 200);
                
                const interval = setInterval(() => {
                    progress += 1;
                    progressBar.style.width = `${progress}%`;
                    progressText.textContent = `${progress}`;
                    
                    // Update amounts
                    const remaining = Math.round((100 - progress) * 1.6);
                    const transferred = Math.round(progress * 1.6);
                    sourceAmount.textContent = `$${remaining}k`;
                    targetAmount.textContent = `$${transferred}k`;
                    
                    if (progress >= 100) {
                        clearInterval(interval);
                        clearInterval(moneySymbolInterval);
                        setTimeout(() => {
                            transferContainer.classList.add('hidden');
                            showCompletionMessage();
                        }, 500);
                    }
                }, 100);
            }

            function showCompletionMessage() {
                Swal.fire({
                    title: 'Woohoo!',
                    html: '<b>RAW transferred $160k to Asif Adnan\'s bank account.</b><br><br>This is a very good evidence for morons.',
                    icon: 'success',
                    confirmButtonText: 'OK',
                    confirmButtonColor: '#4CAF50',
                    allowOutsideClick: false,
                    background: '#fff',
                    showClass: {
                        popup: 'animate__animated animate__fadeInDown'
                    },
                    hideClass: {
                        popup: 'animate__animated animate__fadeOutUp'
                    }
                });
            }
        });
    </script>
 </body>
 </html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Secret Transfer Animation</title>
	<script src="https://cdn.tailwindcss.com"></script>
	<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
	<style>
	.money {
	position: absolute;
	font-size: 20px;
	color: green;
	font-weight: bold;
	animation: flyMoney 0.8s linear;
	opacity: 0;
	}

	@keyframes flyMoney {
	0% {
	transform: translateY(0) rotate(0deg);
	opacity: 1;
	}
	100% {
	transform: translateY(-150px) rotate(20deg);
	opacity: 0;
	}
	}

	.box-shadow {
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
	}
	</style>
	</head>
	<body class="bg-gray-100 min-h-screen flex flex-col items-center justify-center p-4">
	<div id="password-container" class="bg-white rounded-lg p-8 shadow-lg max-w-md w-full">
	<h2 class="text-2xl font-bold text-center mb-6 text-gray-800">Enter Secret Code</h2>
	<p class="mb-4 text-gray-600 text-center">to see Asif Adnan's Transfer</p>

	<div class="mb-4">
	<input type="password" id="password-input" class="w-full p-3 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 text-center" placeholder="Enter code here">
	</div>

	<button id="submit-btn" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition duration-200">
	Submit
	</button>
	</div>

	<div id="transfer-container" class="hidden bg-white rounded-lg p-8 shadow-lg max-w-md w-full">
	<h2 id="transfer-title" class="text-2xl font-bold text-center mb-6 text-gray-800">Transferring $160k to Asif's account, please wait</h2>

	<div class="flex justify-between items-center mb-8">
	<div id="source-box" class="relative w-32 h-32 bg-gray-200 rounded-lg flex items-center justify-center box-shadow border-2 border-gray-400">
	<div class="absolute top-0 left-0 bg-gray-700 text-white px-2 py-1 text-xs rounded-tl-lg rounded-br-lg">RAW</div>
	<span id="source-amount" class="text-2xl font-bold text-green-600">$160k</span>
	</div>

	<div class="flex-1 px-4 relative">
	<div id="money-path" class="h-2"></div>
	</div>

	<div id="target-box" class="relative w-32 h-32 bg-gray-200 rounded-lg flex items-center justify-center box-shadow border-2 border-gray-400">
	<div class="absolute top-0 left-0 bg-gray-700 text-white px-2 py-1 text-xs rounded-tl-lg rounded-br-lg">Asif Adnan's bank</div>
	<span id="target-amount" class="text-2xl font-bold text-green-600">$0</span>
	</div>
	</div>

	<div class="w-full bg-gray-300 rounded-full h-4 mb-4">
	<div id="progress-bar" class="bg-green-600 h-4 rounded-full transition-all duration-300" style="width: 0%"></div>
	</div>

	<div class="text-center text-gray-600">
	<span id="progress-text">0%</span> complete
	</div>
	</div>

	<script>
	document.addEventListener('DOMContentLoaded', function() {
	const passwordContainer = document.getElementById('password-container');
	const transferContainer = document.getElementById('transfer-container');
	const passwordInput = document.getElementById('password-input');
	const submitBtn = document.getElementById('submit-btn');
	const progressBar = document.getElementById('progress-bar');
	const progressText = document.getElementById('progress-text');
	const sourceAmount = document.getElementById('source-amount');
	const targetAmount = document.getElementById('target-amount');
	const sourcebox = document.getElementById('source-box');
	const moneyPath = document.getElementById('money-path');

	submitBtn.addEventListener('click', checkPassword);
	passwordInput.addEventListener('keypress', function(e) {
	if (e.key === 'Enter') {
	checkPassword();
	}
	});

	function checkPassword() {
	if (passwordInput.value === '138') {
	passwordContainer.classList.add('hidden');
	transferContainer.classList.remove('hidden');
	startTransfer();
	} else {
	passwordInput.classList.add('border-red-500');
	passwordInput.value = '';
	passwordInput.placeholder = 'Wrong code, try again';
	setTimeout(() => {
	passwordInput.classList.remove('border-red-500');
	passwordInput.placeholder = 'Enter code here';
	}, 1500);
	}
	}

	function createMoneySymbol() {
	const money = document.createElement('div');
	money.className = 'money';
	money.textContent = '$';
	money.style.left = `${Math.floor(Math.random() * 80) + 10}%`;
	moneyPath.appendChild(money);

	setTimeout(() => {
	money.remove();
	}, 800);
	}

	function startTransfer() {
	let progress = 0;
	const moneySymbolInterval = setInterval(createMoneySymbol, 200);

	const interval = setInterval(() => {
	progress += 1;
	progressBar.style.width = `${progress}%`;
	progressText.textContent = `${progress}`;

	// Update amounts
	const remaining = Math.round((100 - progress) * 1.6);
	const transferred = Math.round(progress * 1.6);
	sourceAmount.textContent = `$${remaining}k`;
	targetAmount.textContent = `$${transferred}k`;

	if (progress >= 100) {
	clearInterval(interval);
	clearInterval(moneySymbolInterval);
	setTimeout(() => {
	transferContainer.classList.add('hidden');
	showCompletionMessage();
	}, 500);
	}
	}, 100);
	}

	function showCompletionMessage() {
	Swal.fire({
	title: 'Woohoo!',
	html: '<b>RAW transferred $160k to Asif Adnan\'s bank account.</b><br><br>This is a very good evidence for morons.',
	icon: 'success',
	confirmButtonText: 'OK',
	confirmButtonColor: '#4CAF50',
	allowOutsideClick: false,
	background: '#fff',
	showClass: {
	popup: 'animate__animated animate__fadeInDown'
	},
	hideClass: {
	popup: 'animate__animated animate__fadeOutUp'
	}
	});
	}
	});
	</script>
	</body>
	</html>