|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>QuantumPay X1 - Unified Interactive Experience</title> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@font-face { |
|
|
font-family: 'Quantum Terminal'; |
|
|
src: local('Courier New'), local('Consolas'); |
|
|
} |
|
|
|
|
|
:root { |
|
|
--quantum-blue: #00f3ff; |
|
|
--ferrari-red: #ff2800; |
|
|
--neon-purple: #db00ff; |
|
|
--matrix-green: #00ff41; |
|
|
} |
|
|
|
|
|
body { |
|
|
background-color: #000; |
|
|
color: var(--quantum-blue); |
|
|
font-family: 'Quantum Terminal', monospace; |
|
|
overflow-x: hidden; |
|
|
} |
|
|
|
|
|
.glow-text { |
|
|
text-shadow: 0 0 5px var(--quantum-blue), 0 0 10px var(--quantum-blue); |
|
|
} |
|
|
|
|
|
.glow-red { |
|
|
text-shadow: 0 0 5px var(--ferrari-red), 0 0 10px var(--ferrari-red); |
|
|
} |
|
|
|
|
|
.border-glow { |
|
|
box-shadow: 0 0 10px var(--quantum-blue), 0 0 20px rgba(0, 243, 255, 0.3); |
|
|
} |
|
|
|
|
|
.blink { |
|
|
animation: blink 1s step-end infinite; |
|
|
} |
|
|
|
|
|
@keyframes blink { |
|
|
from, to { opacity: 1; } |
|
|
50% { opacity: 0; } |
|
|
} |
|
|
|
|
|
.hologram-line { |
|
|
position: absolute; |
|
|
height: 1px; |
|
|
width: 100%; |
|
|
background: linear-gradient(90deg, transparent, var(--quantum-blue), transparent); |
|
|
} |
|
|
|
|
|
.timeline-event { |
|
|
border-left: 3px solid var(--quantum-blue); |
|
|
animation: pulse 2s infinite ease-in-out; |
|
|
} |
|
|
|
|
|
@keyframes pulse { |
|
|
0%, 100% { opacity: 0.5; } |
|
|
50% { opacity: 1; } |
|
|
} |
|
|
|
|
|
.terminal-line { |
|
|
animation: terminalType 0.1s linear; |
|
|
} |
|
|
|
|
|
@keyframes terminalType { |
|
|
from { width: 0; } |
|
|
to { width: 100%; } |
|
|
} |
|
|
|
|
|
.progress-pulse { |
|
|
animation: progressPulse 1.5s infinite; |
|
|
} |
|
|
|
|
|
@keyframes progressPulse { |
|
|
0% { opacity: 0.5; } |
|
|
50% { opacity: 1; } |
|
|
100% { opacity: 0.5; } |
|
|
} |
|
|
|
|
|
.node { |
|
|
filter: drop-shadow(0 0 5px var(--quantum-blue)); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-black text-quantum-blue p-4"> |
|
|
<div id="app" class="h-screen flex flex-col"> |
|
|
|
|
|
<div class="flex justify-between items-center mb-2"> |
|
|
<div> |
|
|
<h1 class="text-3xl glow-text inline-block">QUANTUMPAY<span class="text-xs">®</span></h1> |
|
|
<span class="ml-2 text-xs uppercase tracking-widest">X1 Hyper-Console</span> |
|
|
</div> |
|
|
<div class="text-right"> |
|
|
<div class="text-xs text-neon-purple" id="current-time">2025-04-29T05:09:50Z</div> |
|
|
<div class="flex items-center justify-end"> |
|
|
<span class="text-xs mr-2">AUTO-PILOT:</span> |
|
|
<span id="ai-state" class="text-xs glow-text">INITIALIZING</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex-1 grid grid-cols-1 md:grid-cols-4 gap-4 overflow-hidden"> |
|
|
|
|
|
<div class="md:col-span-3 border-r border-ferrari-red p-4 relative"> |
|
|
<div class="flex justify-between items-center mb-4"> |
|
|
<h2 class="text-xl glow-text">TIMELINE <span class="text-xs">[2024-2026]</span></h2> |
|
|
<div class="text-xs flex space-x-2"> |
|
|
<span class="px-2 py-1 bg-gray-900 rounded">ERA: 2025</span> |
|
|
<span id="quantum-status" class="px-2 py-1 bg-gray-900 rounded">TRANSACTIONS: 0</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div id="timeline-visualization" class="h-3/4 relative overflow-hidden"> |
|
|
<canvas id="quantumCanvas" class="w-full h-full"></canvas> |
|
|
<div id="hologram-lines" class="absolute inset-0 overflow-hidden"></div> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-between mt-2"> |
|
|
<div> |
|
|
<div class="flex items-center"> |
|
|
<span class="w-3 h-3 rounded-full bg-ferrari-red mr-2"></span> |
|
|
<span class="text-xs">FERRARI FINANCING</span> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<span class="w-3 h-3 rounded-full bg-neon-purple mr-2"></span> |
|
|
<span class="text-xs">LEGAL COMPLIANCE</span> |
|
|
</div> |
|
|
</div> |
|
|
<button id="init-time-machine" class="px-4 py-2 bg-gray-900 hover:bg-gray-800 border border-quantum-blue rounded glow-text"> |
|
|
INIT TIME MACHINE |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="md:col-span-1 flex flex-col h-full"> |
|
|
<div class="mb-4"> |
|
|
<h2 class="text-xl glow-text mb-2">AUTOPILOT</h2> |
|
|
<div class="space-y-3"> |
|
|
<button class="w-full py-2 bg-gray-900 hover:bg-gray-800 border border-quantum-blue rounded glow-text" onclick="executeAICommand('FERRARI_FINANCING')"> |
|
|
FERRARI FINANCING |
|
|
</button> |
|
|
<button class="w-full py-2 bg-gray-900 hover:bg-gray-800 border border-quantum-blue rounded glow-text" onclick="executeAICommand('LEGAL_VERIFY')"> |
|
|
LEGAL VERIFY |
|
|
</button> |
|
|
<div class="relative pt-1"> |
|
|
<div class="flex mb-2 items-center justify-between"> |
|
|
<div> |
|
|
<span class="text-xs">PROTOCOL LOAD</span> |
|
|
</div> |
|
|
<div class="text-right"> |
|
|
<span id="protocol-progress" class="text-xs font-semibold">0%</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="overflow-hidden h-2 mb-4 text-xs flex rounded bg-gray-800"> |
|
|
<div id="progress-bar" style="width:0%" class="shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-quantum-blue progress-pulse"></div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex-1 overflow-hidden flex flex-col"> |
|
|
<h2 class="text-xl glow-text mb-2">TERMINAL</h2> |
|
|
<div id="terminal-logs" class="flex-1 overflow-y-auto text-xs font-mono bg-gray-900 p-2 rounded" style="max-height: 300px;"> |
|
|
<div class="terminal-line">SYSTEM INITIALIZED > QUANTUM CORE STANDBY</div> |
|
|
<div class="terminal-line">READY TO CONNECT TO MCP NETWORK</div> |
|
|
<div class="terminal-line">AWAITING USER INPUT</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="mt-2 text-xs flex justify-between items-center"> |
|
|
<div class="flex space-x-4"> |
|
|
<span>MCPv4.2</span> |
|
|
<span>UCC2025</span> |
|
|
<span>FERRARI API</span> |
|
|
</div> |
|
|
<div class="text-right text-xs"> |
|
|
<span class="blink">_</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<script type="application/ld+json"> |
|
|
{ |
|
|
"@context": "https://mcp-agentic.com/contexts/quantumpay", |
|
|
"@type": "FinancialProtocol", |
|
|
"name": "MCP ChronoCommerce", |
|
|
"version": "4.2", |
|
|
"author": "Andrew Bolton", |
|
|
"license": "https://mcp-agentic.com/licenses/2025-commercial", |
|
|
"apis": [ |
|
|
{ |
|
|
"name": "QuantumPay API", |
|
|
"endpoint": "wss://mcp-agentic.com/quantum", |
|
|
"protocol": "MQTTv5" |
|
|
}, |
|
|
{ |
|
|
"name": "Ferrari Financing", |
|
|
"endpoint": "https://api.ferrari.com/mcp", |
|
|
"protocol": "HTTPS2" |
|
|
} |
|
|
] |
|
|
} |
|
|
</script> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() { |
|
|
|
|
|
const state = { |
|
|
quantumTransactions: [], |
|
|
terminalLogs: [], |
|
|
aiState: 'INITIALIZING', |
|
|
currentEra: new Date().getFullYear(), |
|
|
protocolProgress: 0, |
|
|
nodes: [] |
|
|
}; |
|
|
|
|
|
|
|
|
const terminalLogsEl = document.getElementById('terminal-logs'); |
|
|
const aiStateEl = document.getElementById('ai-state'); |
|
|
const progressBarEl = document.getElementById('progress-bar'); |
|
|
const protocolProgressEl = document.getElementById('protocol-progress'); |
|
|
const quantumStatusEl = document.getElementById('quantum-status'); |
|
|
const initTimeMachineBtn = document.getElementById('init-time-machine'); |
|
|
|
|
|
|
|
|
function updateCurrentTime() { |
|
|
const now = new Date(); |
|
|
const timeString = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}T${String(now.getHours()).padStart(2, '0')}:${String(now.getMinutes()).padStart(2, '0')}:${String(now.getSeconds()).padStart(2, '0')}Z`; |
|
|
document.getElementById('current-time').textContent = timeString; |
|
|
} |
|
|
|
|
|
setInterval(updateCurrentTime, 1000); |
|
|
updateCurrentTime(); |
|
|
|
|
|
|
|
|
function addTerminalLog(message) { |
|
|
const logEl = document.createElement('div'); |
|
|
logEl.className = 'terminal-line mb-1'; |
|
|
logEl.textContent = message; |
|
|
terminalLogsEl.appendChild(logEl); |
|
|
terminalLogsEl.scrollTop = terminalLogsEl.scrollHeight; |
|
|
state.terminalLogs.push({ |
|
|
id: Date.now(), |
|
|
timestamp: new Date().toISOString(), |
|
|
content: message |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
function updateAIState(newState) { |
|
|
state.aiState = newState; |
|
|
aiStateEl.textContent = newState; |
|
|
|
|
|
const states = { |
|
|
'INITIALIZING': 'Loading quantum protocols...', |
|
|
'PROCESSING': 'Collapsing payment superpositions...', |
|
|
'APPROVING': 'Validating Ferrari contracts...', |
|
|
'READY': 'AutoPilot engaged' |
|
|
}; |
|
|
|
|
|
addTerminalLog(`AI STATE: ${states[newState] || newState}`); |
|
|
} |
|
|
|
|
|
|
|
|
function updateProtocolProgress(progress) { |
|
|
state.protocolProgress = progress; |
|
|
progressBarEl.style.width = `${progress}%`; |
|
|
protocolProgressEl.textContent = `${progress}%`; |
|
|
|
|
|
if (progress === 100) { |
|
|
setTimeout(() => { |
|
|
updateAIState('READY'); |
|
|
}, 500); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function simulateProtocolLoad() { |
|
|
let progress = 0; |
|
|
const interval = setInterval(() => { |
|
|
progress += Math.floor(Math.random() * 10) + 1; |
|
|
if (progress >= 100) { |
|
|
progress = 100; |
|
|
clearInterval(interval); |
|
|
} |
|
|
updateProtocolProgress(progress); |
|
|
}, 300); |
|
|
} |
|
|
|
|
|
|
|
|
function initHologramLines() { |
|
|
const container = document.getElementById('hologram-lines'); |
|
|
const lines = Math.floor(window.innerHeight / 30); |
|
|
|
|
|
for (let i = 0; i < lines; i++) { |
|
|
const line = document.createElement('div'); |
|
|
line.className = 'hologram-line'; |
|
|
line.style.top = `${i * 30}px`; |
|
|
line.style.opacity = Math.random() * 0.5 + 0.1; |
|
|
container.appendChild(line); |
|
|
|
|
|
|
|
|
(function(el) { |
|
|
let pos = -100; |
|
|
function animate() { |
|
|
pos += 0.5; |
|
|
if (pos > window.innerWidth) pos = -100; |
|
|
el.style.left = `${pos}px`; |
|
|
requestAnimationFrame(animate); |
|
|
} |
|
|
animate(); |
|
|
})(line); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
function initCanvas() { |
|
|
const canvas = document.getElementById('quantumCanvas'); |
|
|
const ctx = canvas.getContext('2d'); |
|
|
|
|
|
|
|
|
const container = document.getElementById('timeline-visualization'); |
|
|
canvas.width = container.clientWidth; |
|
|
canvas.height = container.clientHeight; |
|
|
|
|
|
|
|
|
state.nodes = [ |
|
|
{ x: canvas.width * 0.2, y: canvas.height * 0.5, color: 'rgba(0, 243, 255, 0.8)' }, |
|
|
{ x: canvas.width * 0.5, y: canvas.height * 0.3, color: 'rgba(255, 40, 0, 0.8)' }, |
|
|
{ x: canvas.width * 0.8, y: canvas.height * 0.7, color: 'rgba(219, 0, 255, 0.8)' } |
|
|
]; |
|
|
|
|
|
|
|
|
function animate() { |
|
|
ctx.clearRect(0, 0, canvas.width, canvas.height); |
|
|
|
|
|
|
|
|
ctx.strokeStyle = 'rgba(0, 243, 255, 0.3)'; |
|
|
ctx.lineWidth = 1; |
|
|
ctx.beginPath(); |
|
|
ctx.moveTo(state.nodes[0].x, state.nodes[0].y); |
|
|
ctx.lineTo(state.nodes[1].x, state.nodes[1].y); |
|
|
ctx.lineTo(state.nodes[2].x, state.nodes[2].y); |
|
|
ctx.stroke(); |
|
|
|
|
|
|
|
|
state.nodes.forEach(node => { |
|
|
ctx.beginPath(); |
|
|
ctx.arc(node.x, node.y, 8, 0, Math.PI * 2); |
|
|
ctx.fillStyle = node.color; |
|
|
ctx.fill(); |
|
|
|
|
|
|
|
|
ctx.beginPath(); |
|
|
ctx.arc(node.x, node.y, 15, 0, Math.PI * 2); |
|
|
ctx.fillStyle = node.color.replace('0.8', '0.2'); |
|
|
ctx.fill(); |
|
|
}); |
|
|
|
|
|
|
|
|
for (let i = 0; i < 10; i++) { |
|
|
const x = Math.random() * canvas.width; |
|
|
const y = Math.random() * canvas.height; |
|
|
const opacity = Math.random() * 0.1 + 0.05; |
|
|
ctx.beginPath(); |
|
|
ctx.arc(x, y, 1, 0, Math.PI * 2); |
|
|
ctx.fillStyle = `rgba(0, 243, 255, ${opacity})`; |
|
|
ctx.fill(); |
|
|
} |
|
|
|
|
|
requestAnimationFrame(animate); |
|
|
} |
|
|
|
|
|
animate(); |
|
|
|
|
|
|
|
|
window.addEventListener('resize', function() { |
|
|
canvas.width = container.clientWidth; |
|
|
canvas.height = container.clientHeight; |
|
|
}); |
|
|
} |
|
|
|
|
|
|
|
|
function addTransactionNode(transaction) { |
|
|
const canvas = document.getElementById('quantumCanvas'); |
|
|
const x = 100 + Math.random() * (canvas.width - 200); |
|
|
const y = 100 + Math.random() * (canvas.height - 200); |
|
|
|
|
|
const colors = ['rgba(0, 243, 255, 0.8)', 'rgba(255, 40, 0, 0.8)', 'rgba(219, 0, 255, 0.8)']; |
|
|
const color = colors[Math.floor(Math.random() * colors.length)]; |
|
|
|
|
|
state.nodes.push({ |
|
|
x, y, color, |
|
|
transactionId: transaction.id |
|
|
}); |
|
|
|
|
|
|
|
|
quantumStatusEl.textContent = `TRANSACTIONS: ${state.quantumTransactions.length}`; |
|
|
} |
|
|
|
|
|
|
|
|
window.executeAICommand = function(command) { |
|
|
switch(command) { |
|
|
case 'INIT_TIME_MACHINE': |
|
|
initQuantumCore(); |
|
|
break; |
|
|
case 'FERRARI_FINANCING': |
|
|
processVehicleContract(); |
|
|
break; |
|
|
case 'LEGAL_VERIFY': |
|
|
validateLegalFramework(); |
|
|
break; |
|
|
default: |
|
|
addTerminalLog(`UNKNOWN COMMAND: ${command}`); |
|
|
} |
|
|
}; |
|
|
|
|
|
|
|
|
async function initQuantumCore() { |
|
|
updateAIState('INITIALIZING'); |
|
|
simulateProtocolLoad(); |
|
|
|
|
|
addTerminalLog('INITIATING QUANTUM PAYMENT CORE...'); |
|
|
await new Promise(resolve => setTimeout(resolve, 2000)); |
|
|
|
|
|
|
|
|
state.quantumTransactions = []; |
|
|
const count = 5 + Math.floor(Math.random() * 10); |
|
|
for (let i = 0; i < count; i++) { |
|
|
const tx = { |
|
|
id: 'QTX_' + Math.random().toString(36).substr(2, 8).toUpperCase(), |
|
|
amount: (Math.random() * 10000).toFixed(2), |
|
|
from: 'ACCOUNT_' + (Math.floor(Math.random() * 9000) + 1000), |
|
|
to: 'ACCOUNT_' + (Math.floor(Math.random() * 9000) + 1000), |
|
|
timestamp: new Date( |
|
|
Date.now() - Math.floor(Math.random() * 30 * 24 * 60 * 60 * 1000) |
|
|
).toISOString() |
|
|
}; |
|
|
|
|
|
state.quantumTransactions.push(tx); |
|
|
addTransactionNode(tx); |
|
|
addTerminalLog(`QUANTUM TRANSACTION DETECTED: ${tx.id} (${tx.amount} QP)`); |
|
|
await new Promise(resolve => setTimeout(resolve, 300)); |
|
|
} |
|
|
|
|
|
addTerminalLog(`QUANTUM CORE READY (${count} TRANSACTIONS PROCESSED)`); |
|
|
quantumStatusEl.textContent = `TRANSACTIONS: ${state.quantumTransactions.length}`; |
|
|
} |
|
|
|
|
|
|
|
|
function processVehicleContract() { |
|
|
if (state.quantumTransactions.length === 0) { |
|
|
addTerminalLog('ERROR: NO QUANTUM TRANSACTIONS AVAILABLE. INIT TIME MACHINE FIRST.'); |
|
|
return; |
|
|
} |
|
|
|
|
|
updateAIState('PROCESSING'); |
|
|
|
|
|
const nftContract = { |
|
|
vehicle: 'SF90 Stradale', |
|
|
price: 500000, |
|
|
payment_hash: state.quantumTransactions[0].id, |
|
|
legal_clauses: generateLegalClauses() |
|
|
}; |
|
|
|
|
|
|
|
|
const canvas = document.getElementById('quantumCanvas'); |
|
|
state.nodes.push({ |
|
|
x: canvas.width * 0.5 + (Math.random() - 0.5) * 100, |
|
|
y: canvas.height * 0.5 + (Math.random() - 0.5) * 100, |
|
|
color: 'rgba(255, 40, 0, 0.8)', |
|
|
contract: nftContract |
|
|
}); |
|
|
|
|
|
addTerminalLog(`FERRARI NFT CONTRACT CREATED: ${JSON.stringify(nftContract)}`); |
|
|
|
|
|
setTimeout(() => { |
|
|
updateAIState('READY'); |
|
|
}, 1500); |
|
|
} |
|
|
|
|
|
|
|
|
function generateLegalClauses() { |
|
|
const clauses = { |
|
|
ucc_clause: "2025-7A", |
|
|
mcp_protocol: "v4.2", |
|
|
ferrari_terms: "60mo @3.9% APR" |
|
|
}; |
|
|
|
|
|
|
|
|
const base64String = btoa(JSON.stringify(clauses)); |
|
|
|
|
|
addTerminalLog(`LEGAL CLAUSES GENERATED: ${base64String}`); |
|
|
|
|
|
|
|
|
const canvas = document.getElementById('quantumCanvas'); |
|
|
state.nodes.push({ |
|
|
x: canvas.width * 0.5 + (Math.random() - 0.5) * 100, |
|
|
y: canvas.height * 0.5 + (Math.random() - 0.5) * 100, |
|
|
color: 'rgba(219, 0, 255, 0.8)', |
|
|
clauses: clauses |
|
|
}); |
|
|
|
|
|
updateAIState('APPROVING'); |
|
|
|
|
|
setTimeout(() => { |
|
|
addTerminalLog('LEGAL COMPLIANCE VERIFIED: 100% UCC 2025'); |
|
|
updateAIState('READY'); |
|
|
}, 2000); |
|
|
|
|
|
return base64String; |
|
|
} |
|
|
|
|
|
|
|
|
function validateLegalFramework() { |
|
|
updateAIState('APPROVING'); |
|
|
addTerminalLog('INITIATING LEGAL FRAMEWORK VALIDATION...'); |
|
|
|
|
|
setTimeout(() => { |
|
|
addTerminalLog('LEGAL COMPLIANCE VERIFIED: 100% UCC 2025'); |
|
|
updateAIState('READY'); |
|
|
}, 1500); |
|
|
} |
|
|
|
|
|
|
|
|
initTimeMachineBtn.addEventListener('click', function() { |
|
|
executeAICommand('INIT_TIME_MACHINE'); |
|
|
}); |
|
|
|
|
|
|
|
|
initHologramLines(); |
|
|
initCanvas(); |
|
|
simulateProtocolLoad(); |
|
|
|
|
|
addTerminalLog('QUANTUMPAY X1 HYPER-CONSOLE ONLINE'); |
|
|
addTerminalLog('CONNECTING TO MCP NETWORK...'); |
|
|
updateAIState('INITIALIZING'); |
|
|
|
|
|
|
|
|
const canvas = document.getElementById('quantumCanvas'); |
|
|
for (let i = 0; i < 5; i++) { |
|
|
state.nodes.push({ |
|
|
x: Math.random() * canvas.width, |
|
|
y: Math.random() * canvas.height, |
|
|
color: `rgba(0, 243, 255, ${0.2 + Math.random() * 0.6})` |
|
|
}); |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Drewtu/q1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
