tela de login

felipetaua · Nov 14, 2024 · f02c0de · f02c0de
1 parent dc04ccb
commit f02c0de
Show file tree

Hide file tree

Showing 9 changed files with 343 additions and 15 deletions.
diff --git a/aboutus.html b/aboutus.html
@@ -7,12 +7,26 @@
     <!-- css -->
     <link rel="stylesheet" href="./styles/commonStyle.css" />
     <link rel="stylesheet" href="./styles/style.css" />
+    <link rel="stylesheet" href="./styles/loading.css">
     <!-- font awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <!-- Minhatura -->
     <link rel="shortcut icon" href="./img/logo-mini.ico" type="image/x-icon" />
+    <script src="./loading.js"></script>
   </head>
-  <body>
+  <body onLoad="loading()">
+    <div class="loading">
+      <div class="box-wrap">
+          <div class="box one"></div>
+          <div class="box two"></div>
+          <div class="box three"></div>
+          <div class="box four"></div>
+          <div class="box five"></div>
+          <div class="box six"></div>
+      </div>
+    </div>
+
+    <div class="site">
     <!-- Header -->
     <header>
       <div id="logo">
@@ -289,6 +303,8 @@ <h1 class="linkTitle">Resource</h1>
         </p>
       </div>
     </footer>
+
+  </div>
     <script src="https://unpkg.com/scrollreveal"></script>
     <div vw class="enabled">
     <div vw-access-button class="active"></div>
@@ -299,6 +315,19 @@ <h1 class="linkTitle">Resource</h1>
   <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
   <script>
     new window.VLibras.Widget('https://vlibras.gov.br/app');
+  </script>
+
+  <script>
+  // Função de carregamento
+  function loading() {
+    document.getElementsByClassName('loading')[0].style.display = "none";
+    document.getElementsByClassName('site')[0].style.display = "block";
+  }
+
+  // Aguarde o carregamento completo da página para ocultar a tela de carregamento
+  window.onload = function() {
+    setTimeout(loading, 2000); // 2 segundos para exibir a tela de carregamento antes de mostrar o site
+  };
   </script>
     <script src="./script.js"></script>
   </body>

diff --git a/archive/regras Gartic Phone.docx b/archive/regras Gartic Phone.docx
diff --git a/contact.html b/contact.html
@@ -8,12 +8,26 @@
     <link rel="stylesheet" href="./styles/style.css">
     <link rel="stylesheet" href="./styles/commonStyle.css">
     <link rel="stylesheet" href="./styles/ModalEventos.css">
+    <link rel="stylesheet" href="./styles/loading.css">
     <!-- font awesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <!-- minhatura -->
     <link rel="shortcut icon" href="./img/logo-mini.ico" type="image/x-icon">
+    <script src="./loading.js"></script>
 </head>
-<body>
+<body onLoad="loading()">
+    <div class="loading">
+        <div class="box-wrap">
+            <div class="box one"></div>
+            <div class="box two"></div>
+            <div class="box three"></div>
+            <div class="box four"></div>
+            <div class="box five"></div>
+            <div class="box six"></div>
+        </div>
+    </div>
+
+    <div class="site">
     <!-- Header -->
     <header>
         <div id="logo">
@@ -63,13 +77,13 @@ <h1 class="headline">
         <div class="sectionDesc processessDesc">
             <h2 class="">Inscrições do Painel</h2>
             <div class="formsIframe">
-                <iframe width="640px" height="480px" src="https://forms.office.com/Pages/ResponsePage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREJNTklZS1dDWEpFQThZWEpNVUcxNlVUNC4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
+                <iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREJNTklZS1dDWEpFQThZWEpNVUcxNlVUNC4u&embed=true" width="640px" height="480px" frameborder="0" class="form-inscricao" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
                 <p>Esse formulário é apenas para segunda-feira, preencha com atenção. abaixo o regulamento.</p>
             </div>
             <span id="maratona"></span>
             <h2 class="">Inscrições da Maratona</h2>
             <div class="formsIframe">
-                <iframe class="form-inscricao" width="640px" height="480px" src="https://forms.office.com/r/v1cM19ai2E?embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
+                <iframe src="https://forms.office.com/r/v1cM19ai2E?embed=true" width="640px" height="480px" frameborder="0" class="form-inscricao" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
                 <p>Esse formulário é apenas para terça-feira, preencha com atenção. abaixo o regulamento.</p>
             </div>
 
@@ -99,7 +113,7 @@ <h2>Regulamento do Campeonato de Jogos</h2>
 
             <h2 class="">Avalie a Sexta-feira</h2>
             <div class="formsIframe">
-                <iframe width="640px" height="480px" src="https://forms.office.com/Pages/ResponsePage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREpQS0IwSk9PV1ZWR1RNUzZTQkIxUENMOC4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
+                <iframe src="https://forms.office.com/Pages/ResponsePage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREpQS0IwSk9PV1ZWR1RNUzZTQkIxUENMOC4u&embed=true" width="640px" height="480px" frameborder="0" class="form-inscricao" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
                 <p>Esse formulário é apenas para ser preenchido na sexta-feira.</p>
             </div>
     </section>
@@ -262,7 +276,7 @@ <h3> Abertura do evento</h3>
         </dialog>
 
     </div>
-    
+</div>
     <script src="https://unpkg.com/scrollreveal"></script>
     <div vw class="enabled">
     <div vw-access-button class="active"></div>
@@ -274,6 +288,19 @@ <h3> Abertura do evento</h3>
   <script>
     new window.VLibras.Widget('https://vlibras.gov.br/app');
   </script>
+
+    <script>
+    // Função de carregamento
+    function loading() {
+      document.getElementsByClassName('loading')[0].style.display = "none";
+      document.getElementsByClassName('site')[0].style.display = "block";
+    }
+
+    // Aguarde o carregamento completo da página para ocultar a tela de carregamento
+    window.onload = function() {
+      setTimeout(loading, 2000); // 2 segundos para exibir a tela de carregamento antes de mostrar o site
+    };
+  </script>
     <script  src="./script.js"></script>    
 </body>
 </html>
diff --git a/convite.html b/convite.html
@@ -10,14 +10,27 @@
     <link rel="stylesheet" href="./styles/style.css">
     <link rel="stylesheet" href="./styles/timer.css">
     <link rel="stylesheet" href="./styles/envelope.css">
+    <link rel="stylesheet" href="./styles/loading.css">
     <!-- fontawesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
         integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
         crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="shortcut icon" href="./img/logo-mini.ico" type="image/x-icon">
+    <script src="./loading.js"></script>
 </head>
+<body onLoad="loading()">
+    <div class="loading">
+        <div class="box-wrap">
+            <div class="box one"></div>
+            <div class="box two"></div>
+            <div class="box three"></div>
+            <div class="box four"></div>
+            <div class="box five"></div>
+            <div class="box six"></div>
+        </div>
+    </div>
 
-<body>
+    <div class="site">
     <!-- Header -->
     <header>
         <div id="logo">
@@ -203,6 +216,7 @@ <h1 class="linkTitle">Resource</h1>
         </div>
     </footer>
 
+    </div>
     </div>
     <script src="https://unpkg.com/scrollreveal"></script>
     <div vw class="enabled">
@@ -215,6 +229,19 @@ <h1 class="linkTitle">Resource</h1>
     <script>
         new window.VLibras.Widget('https://vlibras.gov.br/app');
     </script>
+
+    <script>
+    // Função de carregamento
+    function loading() {
+      document.getElementsByClassName('loading')[0].style.display = "none";
+      document.getElementsByClassName('site')[0].style.display = "block";
+    }
+
+    // Aguarde o carregamento completo da página para ocultar a tela de carregamento
+    window.onload = function() {
+      setTimeout(loading, 2000); // 2 segundos para exibir a tela de carregamento antes de mostrar o site
+    };
+  </script>
     <script src="./timer.js"></script>
     <script src="./script.js"></script>
 </body>

diff --git a/eventos.html b/eventos.html
@@ -11,12 +11,26 @@
     <link rel="stylesheet" href="./styles/cardEventos.css" /> 
     <link rel="stylesheet" href="./styles/Card.css">
     <link rel="stylesheet" href="./styles/events.css" />
+    <link rel="stylesheet" href="./styles/loading.css">
     <!-- fontawesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <!-- minhatura -->
     <link rel="shortcut icon" href="./img/logo-mini.ico" type="image/x-icon" />
+    <script src="./loading.js"></script>
   </head>
-  <body>
+  <body onLoad="loading()">
+    <div class="loading">
+      <div class="box-wrap">
+          <div class="box one"></div>
+          <div class="box two"></div>
+          <div class="box three"></div>
+          <div class="box four"></div>
+          <div class="box five"></div>
+          <div class="box six"></div>
+      </div>
+    </div>
+
+    <div class="site">
     <!-- Header -->
     <header>
       <div id="logo">
@@ -92,7 +106,7 @@ <h3>Painel</h3>
                 <br>
                 <p>Convidados da área da tecnologia farão um bate-papo com alunos esclarecendo dúvidas mostrando como é o mercado, que erros não cometer é importante guardar as perguntas para se fazer!</p>
                 <br>
-                <a href="https://forms.office.com/pages/responsepage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREJNTklZS1dDWEpFQThZWEpNVUcxNlVUNC4u&route=shorturl" target="_blank" target="_blank"><button class="btn primaryBtn"> <i class="fa-solid fa-desktop"> </i> Inscrição para o Painel</button></a>
+                <a href="https://forms.office.com/pages/responsepage.aspx?id=TXb95_9G7kGMjOQeiklo7emMh7eIgBxDjE6P4kjbd9xUREJNTklZS1dDWEpFQThZWEpNVUcxNlVUNC4u&route=shorturl"  target="_blank"><button class="btn primaryBtn"> <i class="fa-solid fa-desktop"> </i> Inscrição para o Painel</button></a>
             </div>
         </div>
         <div class="card card2">
@@ -141,7 +155,7 @@ <h3>Lista de jogos</h3>
                 <a href="./contact.html#jogos"><button class="btn primaryBtn"> <i class="fa-solid fa-gamepad"> </i> Formulário de Inscrição</button></a>
                 <br>
                 <br>
-                <a href="./archive/Guia-Sintec-Oficial.docx" dowload="Guia-Sintec-Oficial.docx" target="_blank"><button class="btn " > Guia dos Jogos</button></a>
+                <a href="./archive/Guia-Sintec-Oficial.docx" dowload="regras Gartic Phone.docx" target="_blank"><button class="btn " > Guia do Gartic Phone</button></a>
             </div>
         </div>
         <div class="card card4">
@@ -240,7 +254,7 @@ <h1 class="linkTitle">Resource</h1>
         </p>
       </div>
     </footer>
-    
+  </div>
     <script src="https://unpkg.com/scrollreveal"></script>
     <div vw class="enabled">
     <div vw-access-button class="active"></div>
@@ -252,6 +266,19 @@ <h1 class="linkTitle">Resource</h1>
   <script>
     new window.VLibras.Widget('https://vlibras.gov.br/app');
   </script>
+
+<script>
+  // Função de carregamento
+  function loading() {
+    document.getElementsByClassName('loading')[0].style.display = "none";
+    document.getElementsByClassName('site')[0].style.display = "block";
+  }
+
+  // Aguarde o carregamento completo da página para ocultar a tela de carregamento
+  window.onload = function() {
+    setTimeout(loading, 2000); // 2 segundos para exibir a tela de carregamento antes de mostrar o site
+  };
+</script>
     <script src="./script.js"></script>
   </body>
 </html>
diff --git a/index.html b/index.html
@@ -9,13 +9,26 @@
     <link rel="stylesheet" href="./styles/ModalEventos.css">
     <link rel="stylesheet" href="./styles/style.css">
     <link rel="stylesheet" href="./styles/cardEventos.css">
+    <link rel="stylesheet" href="./styles/loading.css">
     <!-- fontawesome -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <!-- minhatura -->
     <link rel="shortcut icon" href="./img/logo-mini.ico" type="image/x-icon">
+    <script src="./loading.js"></script>
 </head>
-<body>
-
+<body onLoad="loading()">
+  <div class="loading">
+    <div class="box-wrap">
+        <div class="box one"></div>
+        <div class="box two"></div>
+        <div class="box three"></div>
+        <div class="box four"></div>
+        <div class="box five"></div>
+        <div class="box six"></div>
+    </div>
+  </div>
+
+  <div class="site">
     <!-- Header -->
     <header>
         <div id="logo">
@@ -179,7 +192,7 @@ <h1 class="processTitle">Incentivar a interação com profissionais da área</h1
             <img src="./img/chain-process-img.png" alt="">
         </div>
     </section>
-
+    
     <!-- Etiqueta -->
     <section class="gridSection">
         <div class="sectionDesc marketDesc">
@@ -492,17 +505,34 @@ <h3>Conheça sobre</h3>
         </dialog>
     </div>
     </div>
+    </div>
     <script src="https://unpkg.com/scrollreveal"></script>
     <div vw class="enabled">
     <div vw-access-button class="active"></div>
     <div vw-plugin-wrapper>
       <div class="vw-plugin-top-wrapper"></div>
     </div>
+
     </div>
     <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
     <script>
         new window.VLibras.Widget('https://vlibras.gov.br/app');
     </script>
-    <script src="./script.js"></script>
+
+    <script>
+    // Função de carregamento
+    function loading() {
+      document.getElementsByClassName('loading')[0].style.display = "none";
+      document.getElementsByClassName('site')[0].style.display = "block";
+    }
+
+    // Aguarde o carregamento completo da página para ocultar a tela de carregamento
+    window.onload = function() {
+      setTimeout(loading, 2000); // 2 segundos para exibir a tela de carregamento antes de mostrar o site
+    };
+  </script>
+
+  <script defer src="./script.js">
+    </script>
 </body>
 </html>
diff --git a/loading.js b/loading.js
@@ -0,0 +1 @@
+