| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455 |
- <!DOCTYPE html>
- <html lang="es">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>HokoriTemp - Enlaces Temporales</title>
- <link rel="icon" type="image/svg+xml" href="{{ url_for('static', filename='favicon.svg') }}">
- <script src="https://cdn.tailwindcss.com"></script>
- <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
- </head>
- <body class="bg-gray-50 min-h-screen">
- <div class="container mx-auto px-4 py-8">
- <!-- Header -->
- <div class="text-center mb-8">
- <h1 class="text-4xl font-bold text-gray-800 mb-2">Mis Enlaces Temporales</h1>
- <p class="text-gray-600">Gestiona tus archivos subidos temporalmente</p>
- <div class="mt-4">
- <a href="/" class="text-blue-600 hover:text-blue-800 underline">← Volver a subir archivos</a>
- </div>
- </div>
- <!-- Links Container -->
- <div class="max-w-4xl mx-auto">
- <div id="linksContainer">
- <!-- Links will be loaded here -->
- </div>
- <!-- Empty State -->
- <div id="emptyState" class="hidden text-center py-12">
- <svg class="mx-auto h-12 w-12 text-gray-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>
- <h3 class="mt-2 text-sm font-medium text-gray-900">No hay enlaces guardados</h3>
- <p class="mt-1 text-sm text-gray-500">Los enlaces que generes aparecerán aquí.</p>
- <div class="mt-6">
- <a href="/" class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500">
- Subir mi primer archivo
- </a>
- </div>
- </div>
- <!-- Loading State -->
- <div id="loadingState" class="text-center py-12">
- <svg class="animate-spin mx-auto h-8 w-8 text-gray-400" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
- <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
- <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
- </svg>
- <p class="mt-2 text-sm text-gray-500">Cargando enlaces...</p>
- </div>
- </div>
- </div>
- <script src="{{ url_for('static', filename='view.js') }}"></script>
- </body>
- </html>
|
