- 제출된 URL:
- https://qh2.com/
- 보고서 완료:
링크 · 1개 결과
페이지에서 식별된 외부 링크
| 링크 | 텍스트 |
|---|---|
| https://www.youtube.com/watch?v=xvFZjo5PgG0 | GitHub |
JavaScript 변수 · 3개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
| 이름 | 유형 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
콘솔 로그 메시지 · 0개 결과
웹 콘솔에 기록된 메시지
HTML
페이지의 원시 HTML 본문
<!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>