Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Scraped Results</title> | |
| <style> | |
| @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap'); | |
| body { | |
| font-family: 'Poppins', sans-serif; | |
| background: linear-gradient(135deg, #1a2a6c, #b21f1f, #fdbb2d); | |
| color: #fff; | |
| min-height: 100vh; | |
| margin: 0; | |
| text-align: center; | |
| padding: 40px 0; | |
| } | |
| h1 { | |
| margin-bottom: 15px; | |
| font-size: 30px; | |
| } | |
| h2 { | |
| font-size: 18px; | |
| margin-bottom: 25px; | |
| color: #ffecb3; | |
| } | |
| .results { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| gap: 10px; | |
| width: 85%; | |
| margin: auto; | |
| } | |
| .item { | |
| background: rgba(255,255,255,0.15); | |
| backdrop-filter: blur(10px); | |
| border-radius: 12px; | |
| padding: 12px 20px; | |
| text-align: left; | |
| width: 80%; | |
| transition: transform 0.3s, box-shadow 0.3s; | |
| } | |
| .item:hover { | |
| transform: scale(1.03); | |
| box-shadow: 0 4px 15px rgba(0,0,0,0.3); | |
| } | |
| .buttons { | |
| margin-top: 30px; | |
| } | |
| a, button { | |
| text-decoration: none; | |
| border: none; | |
| color: #fff; | |
| background: linear-gradient(90deg, #00c6ff, #0072ff); | |
| padding: 10px 25px; | |
| border-radius: 25px; | |
| margin: 10px; | |
| font-size: 16px; | |
| cursor: pointer; | |
| transition: transform 0.2s, background 0.3s; | |
| } | |
| a:hover, button:hover { | |
| transform: scale(1.05); | |
| background: linear-gradient(90deg, #0072ff, #00c6ff); | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <h1>📰 Scraped Data from {{ url }}</h1> | |
| <h2>Selected Tag: <{{ tag.upper() }}></h2> | |
| <div class="results"> | |
| {% if titles %} | |
| {% for title in titles %} | |
| <div class="item">{{ title }}</div> | |
| {% endfor %} | |
| {% else %} | |
| <p>No data found or error occurred.</p> | |
| {% endif %} | |
| </div> | |
| <div class="buttons"> | |
| <a href="/">⬅ Home</a> | |
| <form method="POST" action="/" style="display:inline;"> | |
| <input type="hidden" name="url" value="{{ url }}"> | |
| <input type="hidden" name="tag" value="{{ tag }}"> | |
| <button type="submit">🔄 Re-scrape</button> | |
| </form> | |
| </div> | |
| </body> | |
| </html> | |