From 60b9532c3fa428f046c2cf221366144ae5fd9ab2 Mon Sep 17 00:00:00 2001
From: migtoqu <miguel.toquero@alumnos.uva.es>
Date: Thu, 15 Jul 2021 08:10:02 +0000
Subject: [PATCH] Subir nuevo archivo

---
 Aplicacion/Static/StaticHTML/Cargando.html | 72 ++++++++++++++++++++++
 1 file changed, 72 insertions(+)
 create mode 100644 Aplicacion/Static/StaticHTML/Cargando.html

diff --git a/Aplicacion/Static/StaticHTML/Cargando.html b/Aplicacion/Static/StaticHTML/Cargando.html
new file mode 100644
index 0000000..089684d
--- /dev/null
+++ b/Aplicacion/Static/StaticHTML/Cargando.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+  <html lang="es">
+
+    <head>
+      <meta charset="UTF-8">
+      <title>TFG Miguel</title>
+
+      <!-- CSS Externo -->
+      <style>
+        .loader {
+            border: 16px solid #f3f3f3;
+            border-radius: 50%;/*50%;*/
+            border-top: 16px solid #b828ea; /*#3498db;*/
+            width: 120px;
+            height: 120px;
+            -webkit-animation: spin 2s linear infinite; /* Safari */
+            animation: spin 2s linear infinite;
+            margin: auto;
+        }
+
+        /* The Modal (background) */
+        .modal-loader {
+          display: none; /* Hidden by default */
+          position: fixed; /* Stay in place */
+          z-index: 12; /* Sit on top */
+          padding-top: 100px; /* Location of the box */
+          left: 0;
+          top: 0;
+          width: 100%; /* Full width */
+          height: 100%; /* Full height */
+          overflow: auto; /* Enable scroll if needed */
+          background-color: #deb3fa;/*rgb( 192, 192, 192 ); /* Fallback color */
+          
+        }
+
+        /* Modal Content */
+        .modal-loader-content {
+          margin: auto;
+          width: 700px;
+        }
+
+        /* Safari */
+        @-webkit-keyframes spin {
+          0% { -webkit-transform: rotate(0deg); }
+          100% { -webkit-transform: rotate(360deg); }
+        }
+
+        @keyframes spin {
+          0% { transform: rotate(0deg); }
+          100% { transform: rotate(360deg); }
+        }
+
+        .modal-loader-text{
+          font-family: 'Times New Roman', sans-serif;
+          font-weight: bold;
+          color: #0815e5;
+          font-size: 50px;
+          text-align: center;
+        }
+      </style>
+    </head>
+
+    <body>
+      <div class="modal-loader">
+        <div class="modal-loader-content">
+          <p class="modal-loader-text">Generando diagnóstico</p>
+          <div class="loader"></div>
+        </div>
+      </div>
+    </body>
+
+</html>
-- 
GitLab