webscraping / templates /result.html
arshtech's picture
Update templates/result.html
b65e0a6 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Scraped Results</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gradient-to-br from-gray-900 via-gray-800 to-gray-900 min-h-screen flex items-center justify-center font-[Poppins] text-white relative">
<!-- Glassy Card -->
<div class="w-full max-w-3xl bg-gray-800/70 backdrop-blur-md rounded-2xl shadow-2xl p-8 border border-gray-700">
<!-- Header -->
<h1 class="text-center text-3xl font-bold text-cyan-400 mb-6 tracking-wide">
Scraped Titles
</h1>
<!-- List -->
{% if titles %}
<ul class="space-y-3 text-lg text-gray-300">
{% for title in titles %}
<li class="bg-gray-900/70 px-4 py-3 rounded-lg border border-gray-700 hover:border-cyan-400 transition-all duration-300">
{{ title }}
</li>
{% endfor %}
</ul>
{% else %}
<p class="text-center text-gray-400 text-lg mt-4">No titles found.</p>
{% endif %}
<!-- Button -->
<div class="text-center mt-8">
<a href="{{ url_for('home') }}"
class="inline-block py-3 px-8 bg-cyan-500 hover:bg-cyan-600 text-white font-semibold rounded-lg shadow-lg transition-all duration-300 ease-in-out">
← Back to Home
</a>
</div>
</div>
<!-- Background animation -->
<div class="absolute top-0 left-0 w-full h-full -z-10">
<div class="absolute w-72 h-72 bg-cyan-500/30 rounded-full blur-3xl top-20 left-10 animate-pulse"></div>
<div class="absolute w-96 h-96 bg-blue-600/20 rounded-full blur-3xl bottom-10 right-10 animate-ping"></div>
</div>
</body>
</html>