- ID de l'analyse :
- 4718ba87-5443-4229-aa5c-20e3e962d497Terminée
- URL soumise :
- https://qh2.com/
- Fin du rapport :
Liens : 1 trouvé(s)
Liens sortants identifiés à partir de la page
| Lien | texte |
|---|---|
| https://www.youtube.com/watch?v=xvFZjo5PgG0 | GitHub |
Variables JavaScript : 3 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Messages de journal de console : 0 trouvé(s)
Messages consignés dans la console web
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en" class="h-full"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>QH² - Ephemeral Text & File Sharing</title>
<link rel="stylesheet" href="/style.css">
<style>
.noise-texture {
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
opacity: 0.25;
}
.ultra-dark {
background-color: #0a0a0a;
}
.grid-pattern {
background-size: 32px 32px;
background-image:
linear-gradient(to right, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
}
</style>
</head>
<body class="ultra-dark text-gray-100 min-h-full flex flex-col overflow-x-hidden relative">
<div class="fixed inset-0 -z-50">
<div class="absolute inset-0 bg-gradient-to-b from-[#050505] via-[#0a0a0a] to-[#050505]"></div>
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_var(--tw-gradient-stops))] from-blue-950/15 via-transparent to-transparent"></div>
<div class="absolute inset-0 bg-[radial-gradient(circle_at_bottom_right,_var(--tw-gradient-stops))] from-purple-950/15 via-transparent to-transparent"></div>
<div class="absolute inset-0 grid-pattern opacity-40"></div>
<div class="absolute inset-0 noise-texture mix-blend-overlay"></div>
<div class="absolute inset-0 bg-[radial-gradient(circle_at_center,_transparent_0%,_rgba(0,0,0,0.2)_100%)]"></div>
</div>
<nav class="border-b border-dark-800/50 bg-dark-900/30 backdrop-blur-sm sticky top-0 z-50 hidden">
<div class="max-w-[180ch] mx-auto px-4">
<div class="flex items-center justify-center h-16">
<a href="/" class="group relative">
<div class="flex items-center gap-3 px-3 py-2 relative">
<span class="text-2xl font-bold tracking-tight flex items-start space-x-2">
<span class="inline-flex items-center justify-center bg-gradient-to-b from-dark-800 to-dark-900 text-white px-3.5 py-2 rounded-md border border-dark-700/50 shadow-lg hover:shadow-dark-900/50 group-hover:from-dark-700 group-hover:to-dark-800 transition-all duration-300">Q</span>
<span class="inline-flex items-center justify-center bg-gradient-to-b from-dark-800 to-dark-900 text-white px-3.5 py-2 rounded-md border border-dark-700/50 shadow-lg hover:shadow-dark-900/50 group-hover:from-dark-700 group-hover:to-dark-800 transition-all duration-300 mr-1">H</span>
<span class="inline-flex items-center justify-center bg-gradient-to-b from-blue-900 to-blue-950 w-5 h-5 rounded-md border border-blue-800/50 shadow-lg hover:shadow-blue-900/50 group-hover:from-blue-800 group-hover:to-blue-900 transition-all duration-300 mt-0">
<span class="text-sm font-bold text-blue-400">2</span>
</span>
</span>
</div>
</a>
</div>
</div>
</nav>
<main class="flex-1 w-full mx-auto px-4 py-6 max-w-[140ch] relative">
<article class="w-full max-w-[2400px] mx-auto px-8">
<div class="text-center mt-10 mb-10 space-y-6">
<div class="flex justify-center mb-8">
<div class="flex items-center gap-3">
<span class="text-5xl font-bold tracking-tight flex items-start space-x-4">
<span class="inline-flex items-center justify-center bg-gradient-to-b from-dark-800 to-dark-900 text-white px-6 py-4 rounded-md border border-dark-700/50 shadow-lg hover:shadow-dark-900/50 group-hover:from-dark-700 group-hover:to-dark-800 transition-all duration-300">Q</span>
<span class="inline-flex items-center justify-center bg-gradient-to-b from-dark-800 to-dark-900 text-white px-6 py-4 rounded-md border border-dark-700/50 shadow-lg hover:shadow-dark-900/50 group-hover:from-dark-700 group-hover:to-dark-800 transition-all duration-300 mr-2">H</span>
<span class="inline-flex items-center justify-center bg-gradient-to-b from-blue-900 to-blue-950 w-8 h-8 rounded-md border border-blue-800/50 shadow-lg hover:shadow-blue-900/50 group-hover:from-blue-800 group-hover:to-blue-900 transition-all duration-300 mt-0">
<span class="text-xl font-bold text-blue-400">2</span>
</span>
</span>
</div>
</div>
<h1 class="text-4xl sm:text-6xl font-bold text-white tracking-tight">
Share content at
<span class="relative">
<span class="bg-gradient-to-r from-blue-400 via-blue-500 to-blue-400 bg-clip-text text-transparent">any URL</span>
<span class="absolute -bottom-1 left-0 right-0 h-[1px] bg-gradient-to-r from-blue-400/0 via-blue-400/50 to-blue-400/0"></span>
</span>
<br>
</h1>
<p class="text-lg text-dark-300/90 max-w-2xl mx-auto leading-relaxed space-y-4">
<span class="block text-xl font-medium">
<span class="bg-gradient-to-r from-blue-400 via-purple-400 to-blue-400 bg-clip-text text-transparent">
No accounts, no logging, end-to-end encrypted.
</span>
</span>
<span class="block text-base">
Pick a memorable URL (you can choose any path), upload content and share links that expire after a set number of views or hours.
</span>
</p>
</div>
<h2 class="text-3xl font-bold text-white mb-8">
<span class="text-3xl font-bold text-white mb-6 mt-16">How to Use</span>
</h2>
<div class="grid md:grid-cols-3 gap-8">
<div class="relative group">
<div class="absolute -inset-0.5 bg-gradient-to-r from-blue-500/50 to-blue-600/50 rounded-xl opacity-20 group-hover:opacity-40 blur transition duration-500"></div>
<div class="relative bg-gradient-to-b from-dark-800 to-dark-900 backdrop-blur-md border border-dark-700/50 rounded-xl p-8 h-full shadow-lg">
<div class="flex items-center gap-4 mb-6">
<div class="w-10 h-10 flex items-center justify-center bg-blue-500/10 text-blue-400 rounded-lg border border-blue-500/20">
<span class="font-bold">1</span>
</div>
<h3 class="text-xl font-medium text-white">Choose URL</h3>
</div>
<div class="bg-dark-950/80 rounded-lg p-4 mb-6 border border-dark-700/50">
<code class="text-sm break-all">qh2.com/<span class="text-blue-400 animate-pulse">grumpy-taco-44</span></code>
</div>
<p class="text-dark-200 text-sm mb-6">Pick any URL path you want - make it memorable or random.</p>
<a href="/grumpy-taco-44" class="group inline-flex items-center justify-center w-full gap-2 bg-gradient-to-b from-blue-500 to-blue-600 hover:from-blue-400 hover:to-blue-500 text-white px-4 py-3 rounded-lg transition-all duration-300 shadow-[0_4px_12px_rgba(0,0,0,0.5)] hover:shadow-[0_6px_16px_rgba(0,0,0,0.7)] border border-blue-400/20">
<span>Try This URL</span>
<svg class="w-4 h-4 transform group-hover:translate-x-1 transition-transform" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
</svg>
</a>
</div>
</div>
<div class="relative group">
<div class="absolute -inset-0.5 bg-black/50 rounded-xl opacity-20 group-hover:opacity-40 blur transition duration-500"></div>
<div class="relative bg-gradient-to-b from-dark-800 to-dark-900 backdrop-blur-md border border-dark-700/50 rounded-xl p-8 h-full shadow-lg">
<div class="flex items-center gap-4 mb-6">
<div class="w-10 h-10 flex items-center justify-center bg-purple-500/10 text-purple-400 rounded-lg border border-purple-500/20">
<span class="font-bold">2</span>
</div>
<h3 class="text-xl font-medium text-white">Add Content</h3>
</div>
<div class="space-y-3 mb-6">
<div class="flex items-center gap-3 text-dark-200 bg-dark-950/50 p-3 rounded-lg border border-dark-700/50">
<svg class="w-5 h-5 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
</svg>
<span class="text-sm">Text Snippets</span>
</div>
<div class="flex items-center gap-3 text-dark-200 bg-dark-950/50 p-3 rounded-lg border border-dark-700/50">
<svg class="w-5 h-5 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.172 7l-6.586 6.586a2 2 0 102.828 2.828l6.414-6.586a4 4 0 00-5.656-5.656l-6.415 6.585a6 6 0 108.486 8.486L20.5 13"></path>
</svg>
<span class="text-sm">File Attachments</span>
</div>
<div class="flex items-center gap-3 text-dark-200 bg-dark-950/50 p-3 rounded-lg border border-dark-700/50">
<svg class="w-5 h-5 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 7a2 2 0 012 2m4 0a6 6 0 01-7.743 5.743L11 17H9v2H7v2H4a1 1 0 01-1-1v-2.586a1 1 0 01.293-.707l5.964-5.964A6 6 0 1121 9z"></path>
</svg>
<span class="text-sm">End-to-End Encrypted</span>
</div>
</div>
<p class="text-dark-200 text-sm">Share code, credentials, or files - all end-to-end encrypted.</p>
</div>
</div>
<div class="relative group">
<div class="absolute -inset-0.5 bg-black/50 rounded-xl opacity-20 group-hover:opacity-40 blur transition duration-500"></div>
<div class="relative bg-gradient-to-b from-dark-800 to-dark-900 backdrop-blur-md border border-dark-700/50 rounded-xl p-8 h-full shadow-lg">
<div class="flex items-center gap-4 mb-6">
<div class="w-10 h-10 flex items-center justify-center bg-blue-500/10 text-blue-400 rounded-lg border border-blue-500/20">
<span class="font-bold">3</span>
</div>
<h3 class="text-xl font-medium text-white">Set Options</h3>
</div>
<div class="space-y-3 mb-6">
<div class="flex items-center gap-3 text-dark-200 bg-dark-950/50 p-3 rounded-lg border border-dark-700/50">
<svg class="w-5 h-5 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
</svg>
<span class="text-sm">Time-based Expiry</span>
</div>
<div class="flex items-center gap-3 text-dark-200 bg-dark-950/50 p-3 rounded-lg border border-dark-700/50">
<svg class="w-5 h-5 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
</svg>
<span class="text-sm">View-based Expiry</span>
</div>
<div class="flex items-center gap-3 text-dark-200 bg-dark-950/50 p-3 rounded-lg border border-dark-700/50">
<svg class="w-5 h-5 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>
<span class="text-sm">Password Protection</span>
</div>
</div>
<p class="text-dark-200 text-sm">Content automatically disappears and access can be restricted with a password.</p>
</div>
</div>
</div>
<h2 class="text-3xl font-bold text-white mb-6 mt-16">Use Cases</h2>
<div class="grid md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="group relative">
<div class="absolute inset-0.5 bg-gradient-to-b from-blue-500/10 to-transparent rounded-xl blur-sm"></div>
<div class="relative bg-dark-950 border border-dark-800 rounded-xl p-6 hover:border-blue-500/20 transition-all duration-300 h-full">
<div class="bg-gradient-to-b from-blue-500/10 to-transparent rounded-lg p-3 w-fit mb-4">
<svg class="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
</svg>
</div>
<h3 class="text-lg font-medium text-white mb-3">Secure Credentials</h3>
<p class="text-dark-300 text-sm leading-relaxed">
Share sensitive information like passwords or API keys that automatically disappear after being viewed.
</p>
</div>
</div>
<div class="group relative">
<div class="absolute inset-0.5 bg-gradient-to-b from-purple-500/10 to-transparent rounded-xl blur-sm"></div>
<div class="relative bg-dark-950 border border-dark-800 rounded-xl p-6 hover:border-purple-500/20 transition-all duration-300 h-full">
<div class="bg-gradient-to-b from-purple-500/10 to-transparent rounded-lg p-3 w-fit mb-4">
<svg class="w-6 h-6 text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path>
</svg>
</div>
<h3 class="text-lg font-medium text-white mb-3">Code Snippets</h3>
<p class="text-dark-300 text-sm leading-relaxed">
Quick code sharing during pair programming or debugging sessions. Share error logs or config files.
</p>
</div>
</div>
<div class="group relative">
<div class="absolute inset-0.5 bg-gradient-to-b from-pink-500/10 to-transparent rounded-xl blur-sm"></div>
<div class="relative bg-dark-950 border border-dark-800 rounded-xl p-6 hover:border-pink-500/20 transition-all duration-300 h-full">
<div class="bg-gradient-to-b from-pink-500/10 to-transparent rounded-lg p-3 w-fit mb-4">
<svg class="w-6 h-6 text-pink-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3 3m0 0l-3-3m3 3V8"></path>
</svg>
</div>
<h3 class="text-lg font-medium text-white mb-3">Temporary Files</h3>
<p class="text-dark-300 text-sm leading-relaxed">
Share design assets or documents that expire after download. Perfect for sending files without email attachments.
</p>
</div>
</div>
<div class="group relative">
<div class="absolute inset-0.5 bg-gradient-to-b from-emerald-500/10 to-transparent rounded-xl blur-sm"></div>
<div class="relative bg-dark-950 border border-dark-800 rounded-xl p-6 hover:border-emerald-500/20 transition-all duration-300 h-full">
<div class="bg-gradient-to-b from-emerald-500/10 to-transparent rounded-lg p-3 w-fit mb-4">
<svg class="w-6 h-6 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
</svg>
</div>
<h3 class="text-lg font-medium text-white mb-3">Meeting Notes</h3>
<p class="text-dark-300 text-sm leading-relaxed">
Share meeting summaries and action items that clean up automatically after the team has reviewed them.
</p>
</div>
</div>
</div>
</article>
</main>
<footer class="mt-auto w-full border-t border-dark-800/30 py-3 bg-dark-900/20 backdrop-blur-sm relative">
<div class="max-w-[180ch] mx-auto px-4">
<div class="flex flex-wrap items-center justify-between gap-4 text-sm">
<div class="flex items-center gap-2 text-dark-400">
<svg class="w-4 h-4 text-blue-500/70" viewBox="0 0 24 24" fill="none" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
</svg>
<span class="text-dark-400/70">QH² - Secure text & file sharing</span>
</div>
<div class="flex items-center gap-4">
<a href="https://www.youtube.com/watch?v=xvFZjo5PgG0" target="_blank" rel="noopener noreferrer" class="text-dark-400/70 hover:text-blue-400 transition-colors flex items-center gap-1.5">
<svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24">
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path>
</svg>
<span>GitHub</span>
</a>
<span class="text-dark-600/50">·</span>
<a href="mailto:[email protected]" class="text-dark-400/70 hover:text-blue-400 transition-colors flex items-center gap-1.5">
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"></path>
</svg>
<span>Email</span>
</a>
</div>
</div>
</div>
</footer>
</body></html>