Spaces:
Running
Running
| <html> | |
| <head> | |
| <title>Random Shows</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| <style> | |
| body { font-family: Arial, sans-serif; margin: 60px auto; } | |
| h1 { text-align: center; margin-bottom: 30px; } | |
| .grid { | |
| display: grid; | |
| grid-template-columns: repeat(4, 1fr); | |
| gap: 20px; | |
| padding: 0 20px; | |
| } | |
| .card { | |
| text-align: center; | |
| cursor: pointer; | |
| } | |
| .card img { | |
| width: 100%; | |
| border-radius: 8px; | |
| box-shadow: 0 2px 6px rgba(0,0,0,0.1); | |
| } | |
| .card span { | |
| display: block; | |
| margin-top: 8px; | |
| font-weight: 500; | |
| font-size: 14px; | |
| } | |
| .home-btn { | |
| position: fixed; | |
| top: 20px; | |
| left: 20px; | |
| background: black; | |
| color: white; | |
| padding: 8px 14px; | |
| border-radius: 6px; | |
| text-decoration: none; | |
| font-weight: bold; | |
| z-index: 1000; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <a class="home-btn" href="/">Home</a> | |
| <h1>Random Shows</h1> | |
| <div class="grid"> | |
| {% for show in show_cards %} | |
| <div class="card" onclick="window.location.href='{{ show.link }}'"> | |
| <img src="{{ show.image_url }}"> | |
| <span>{{ show.designer }}<br>{{ show.show }}</span> | |
| </div> | |
| {% endfor %} | |
| </div> | |
| </body> | |
| </html> | |