Merge pull request #1 from pythonNordeste/feature/data

Data do evento
pythonNordeste · Feb 10, 2025 · c7d226d · c7d226d
2 parents 7f8571e + 5521f2f
commit c7d226d
Show file tree

Hide file tree

Showing 4 changed files with 37 additions and 4 deletions.
diff --git a/cdc.html b/cdc.html
@@ -47,7 +47,7 @@
 <body>
     <img src="./static/img/logo/piaui.svg" class="bg-img-piaui centralize">
 
-    <nav id="navbar" class="navbar transition-all navbar-expand-lg bg-green-100 position-fixed w-100 z-3">
+    <nav id="navbar" class="navbar transition-all navbar-expand-xl bg-green-100 position-fixed w-100 z-3">
         <div class="container-fluid">
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>

diff --git a/index.html b/index.html
@@ -47,7 +47,7 @@
 <body>
     <img src="./static/img/logo/piaui.svg" class="bg-img-piaui centralize">
 
-    <nav id="navbar" class="navbar transition-all navbar-expand-lg bg-brown-100 position-fixed w-100 z-3">
+    <nav id="navbar" class="navbar transition-all navbar-expand-xl bg-brown-100 position-fixed w-100 z-3">
         <div class="container-fluid">
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
@@ -96,8 +96,11 @@
             <img id="logo-nordeste" class="position-absolute centralize-x" src="./static/img/logo/nordeste.svg">
             <img id="logo-snake" class="position-absolute" src="./static/img/logo/snake.svg">
             <img id="logo-2025" class="position-absolute" src="./static/img/logo/2025.svg">
+            <h3 id="data" class="text-brown-300 position-absolute">
+                20, 21 e 22 de junho em <span class="text-brown-500">Teresina</span>
+            </h3>
         </div>
-        <div class="text-center block mt-5">
+        <div class="text-center block mt-3">
             <a href="#teresina" class="link-dark">
                 <i class="bi bi-arrow-down-circle-fill btn-down"></i>
             </a>

diff --git a/static/css/style.css b/static/css/style.css
@@ -82,6 +82,36 @@
     }
 }
 
+#data {
+    opacity: 0;
+    left: 0;
+    right: 0;
+    top: 18%;
+    font-size: 10pt;
+    margin-inline: auto;
+    width: fit-content;
+    background-color: var(--color-brown-100);
+    animation: data .5s ease-in-out .5s forwards;
+}
+
+@keyframes data {
+    to {
+        opacity: 1;
+    }
+}
+
+@media (min-width: 576px) {
+    #data {
+        font-size: 18pt;
+    }
+}
+
+@media (min-width: 730px) {
+    #data {
+        font-size: 25pt;
+    }
+}
+
 /* 
  *  Basic animations
  */

diff --git a/tickets.html b/tickets.html
@@ -47,7 +47,7 @@
 <body>
     <img src="./static/img/logo/piaui.svg" class="bg-img-piaui centralize">
 
-    <nav id="navbar" class="navbar transition-all navbar-expand-lg bg-green-100 position-fixed w-100 z-3">
+    <nav id="navbar" class="navbar transition-all navbar-expand-xl bg-green-100 position-fixed w-100 z-3">
         <div class="container-fluid">
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>