From 6f146c08bc6adfb0fed7e6e16aaeab67c7e9792d Mon Sep 17 00:00:00 2001
From: Bianca Rosa <me@biancarosa.com.br>
Date: Mon, 1 Apr 2024 09:57:06 -0300
Subject: [PATCH] Publish site on 2024-04-01

---
 index.html                      | 115 +++++++++++++++++---------------
 theme/css/style.css             |  89 ++++++++++++++++++------
 theme/images/logo_hapolo_11.png | Bin 0 -> 4934 bytes
 theme/js/scripts.js             |  12 ++++
 4 files changed, 142 insertions(+), 74 deletions(-)
 create mode 100644 theme/images/logo_hapolo_11.png
 create mode 100644 theme/js/scripts.js
diff --git a/index.html b/index.html
index 71a089e..4a27026 100644
--- a/index.html
+++ b/index.html
@@ -24,8 +24,7 @@
     </script>
   </head>
   <body>
-    <div class="background">
-      <!-- <nav class="navbar navbar-expand-lg">
+    <!-- <nav class="navbar navbar-expand-lg">
     <div class="container">
       <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
@@ -58,15 +57,15 @@
       <img src="/theme/images/logo.png" alt="logo do evento python brasil 2024" class="logo">
     </div>
     <div class="pt-5 col-lg-4 col-sm-12 col-md-6 offset-lg-1 text-center">
-        <h1>
-            16 A 21 DE OUTUBRO DE 2024
-        </h1>
-        <h2>
-            RIO DE JANEIRO - RJ
-        </h2>
-      </div>
+      <h1>
+        16 A 21 DE OUTUBRO DE 2024
+      </h1>
+      <h2>
+        RIO DE JANEIRO - RJ
+      </h2>
+    </div>
   </div>
-  <div class="row justify-content-md-center">
+  <nav id="navbar" class="row justify-content-md-center">
     <div class="col-lg-10 col-sm-12 col-md-12 text-center">
       <a href="#evento" class="btn btn-primary">
         o evento
@@ -77,40 +76,49 @@ <h2>
       <a href="#patrocinadores" class="btn btn-primary">
         patrocinadores
       </a>
-    </div>
+      <a href="https://pybr2024.eventbrite.com/" target="blank" class="btn btn-primary">
+        garanta seu ingresso
+      </a>
+  </nav>
 </section>
 <div id="lighter-section">
-<section id="evento">
-    <h1 class="text-center">SOBRE O EVENTO</h1>
+  <section id="evento">
+    <h1 class="text-center scroll-to">SOBRE O EVENTO</h1>
     <div class="container text-center">
-        <p class="pb-4 text-center fs-3">A Python Brasil é a maior conferência da linguagem de programação Python da América Latina, 
-          um evento feito pela comunidade para a Comunidade.</p>
-        <p class="pb-4 text-center fs-3">Temos orgulho de ter um ambiente seguro, amistoso, inclusivo e acessível, onde todas as pessoas são bem-vindas e possam 
-          se sentir à vontade, aproveitando o melhor que o evento tem a oferecer.</p>
-</section>
-<section id="local">
-  <h1 class="text-center">O LOCAL DO EVENTO</h1>
-  <div class="container text-center">
-      <p class="pb-4 text-center fs-3">As palestras acontecerão no Centro de Convenções Bolsa de Valores, 
+      <p class="pb-4 text-center fs-3">A Python Brasil é a maior conferência da linguagem de programação Python da
+        América Latina,
+        um evento feito pela comunidade para a Comunidade.</p>
+      <p class="pb-4 text-center fs-3">Temos orgulho de ter um ambiente seguro, amistoso, inclusivo e acessível, onde
+        todas as pessoas são bem-vindas e possam
+        se sentir à vontade, aproveitando o melhor que o evento tem a oferecer.</p>
+  </section>
+  <section id="local">
+    <h1 class="text-center scroll-to">O LOCAL DO EVENTO</h1>
+    <div class="container text-center">
+      <p class="pb-4 text-center fs-3">As palestras acontecerão no Centro de Convenções Bolsa de Valores,
         na Praça XV, um local central no Rio de Janeiro, em um auditório com capacidade para até 1000 pessoas.</p>
       <div class="row">
         <div class="col-sm-12 col-md-4 mb-3">
-          <img src=".\theme\images\frente_local.jpg" class="rounded img-fluid" style="max-width: 100%; height: auto;" alt="">
+          <img src=".\theme\images\frente_local.jpg" class="rounded img-fluid" style="max-width: 100%; height: auto;"
+            alt="">
         </div>
         <div class="col-sm-12 col-md-4 mb-3">
-          <img src=".\theme\images\local_evento.jpg" class="rounded img-fluid" style="max-width: 100%; height: auto;" alt="">
+          <img src=".\theme\images\local_evento.jpg" class="rounded img-fluid" style="max-width: 100%; height: auto;"
+            alt="">
         </div>
         <div class="col-sm-12 col-md-4 mb-3">
-          <img src=".\theme\images\local_evento_dois.jpg" class="rounded img-fluid" style="max-width: 100%; height: auto;" alt="">
+          <img src=".\theme\images\local_evento_dois.jpg" class="rounded img-fluid"
+            style="max-width: 100%; height: auto;" alt="">
         </div>
       </div>
     </div>
-  <div class="container pt-5">
-    <iframe src="https://www.google.com/maps/d/u/0/embed?mid=1DzHnt_l2jHAyctgrlerlSgvEFDPNfvc&ehbc=2E312F&noprof=1" width="100%" height="500"></iframe>
-  </div>
-</section>
+    <div class="container pt-5">
+      <iframe style="pointer-events:none;" src="https://www.google.com/maps/d/u/0/embed?mid=1DzHnt_l2jHAyctgrlerlSgvEFDPNfvc&ehbc=2E312F&noprof=1"
+        width="100%" height="500"></iframe>
+    </div>
+  </section>
 
-<!--<section id="programacao">
+  <!--<section id="programacao">
 </section>
 <section id="keynotes">
 </section>
@@ -122,32 +130,32 @@ <h1 class="text-center">O LOCAL DO EVENTO</h1>
 
 <section id="patrocinadores">
   <div class="container text-center">
-      <h1>PATROCINADORES</h1>
-      <a href="theme/media_kits/proposta-de-patrocinio-pybr-2024.pdf" target="_blank" class="btn btn-primary">
-        proposta de patrocínio [pt]
-      </a>
-      <a href="theme/media_kits/sponsorship-proposal-pybr-2024.pdf" target="_blank" class="btn btn-primary">
-        sponsorship proposal [en]
-      </a>
-      <section class="diamante">
+    <h1 class="scroll-to">PATROCINADORES</h1>
+    <a href="theme/media_kits/proposta-de-patrocinio-pybr-2024.pdf" target="_blank" class="btn btn-primary">
+      proposta de patrocínio [pt]
+    </a>
+    <a href="theme/media_kits/sponsorship-proposal-pybr-2024.pdf" target="_blank" class="btn btn-primary">
+      sponsorship proposal [en]
+    </a>
+    <section class="diamante">
       <h2>diamante</h2>
       <img src="theme/images/patrocinador-placeholder.png" alt="sua empresa aqui (diamante)">
-      </section>
-      <section class="platina">
+    </section>
+    <section class="platina">
       <h2>platina</h2>
       <img src="theme/images/patrocinador-placeholder.png" alt="sua empresa aqui (platina)">
       <img src="theme/images/patrocinador-placeholder.png" alt="sua empresa aqui (platina)">
-      </section>
-      <section class="ouro">
+    </section>
+    <section class="ouro">
       <h2>ouro</h2>
       <img src="theme/images/patrocinador-placeholder.png" alt="sua empresa aqui (ouro)">
       <img src="theme/images/patrocinador-placeholder.png" alt="sua empresa aqui (ouro)">
-      </section>
-      <section class="prata">
+    </section>
+    <section class="prata">
       <h2>prata</h2>
       <img src="theme/images/patrocinador-placeholder.png" alt="sua empresa aqui (prata)">
       <img src="theme/images/patrocinador-placeholder.png" alt="sua empresa aqui (prata)">
-      </section>
+    </section>
   </div>
 </section>
 <footer>
@@ -157,7 +165,8 @@ <h2>prata</h2>
         <img class="footerImg" src="/theme/images/logo.png" alt="logo do evento python brasil 2024" class="logo">
         <div class="pt-3">
           <p>
-            Python Brasil é uma conferência sem fins lucrativos dirigida por voluntários para promover a linguagem de programação Python de código aberto.
+            Python Brasil é uma conferência sem fins lucrativos dirigida por voluntários para promover a linguagem de
+            programação Python de código aberto.
             A conferência é apoiado pela Associação Python Brasil (APyB).
           </p>
         </div>
@@ -204,7 +213,7 @@ <h2>prata</h2>
           </li>
         </ul>
       </div>
-      
+
       <div class="links_apyb">
         <h5>Links da APyB</h5>
         <ul class="lista_link">
@@ -225,19 +234,19 @@ <h5>Links da APyB</h5>
       <div class="col-lg-3">
         <h5 class="text-light pb-4">Endereço do evento</h5>
         <p>
-          <i class="fa-solid fa-location-dot"></i> Centro de Convenções Bolsa do Rio<br/>
-          Edificio Bolsa do Rio<br/>
-          Praça Quinze de Novembro, 20<br/>
-          Centro, Rio de Janeiro - RJ<br/>
+          <i class="fa-solid fa-location-dot"></i> Centro de Convenções Bolsa do Rio<br />
+          Edificio Bolsa do Rio<br />
+          Praça Quinze de Novembro, 20<br />
+          Centro, Rio de Janeiro - RJ<br />
           CEP: 20010-010, Brasil
         </p>
       </div>
-  </div>
-</footer>
     </div>
+</footer>
     <script src="/theme/js/bootstrap.bundle.min.js"></script>
     <script src="/theme/js/konami.js"></script>
     <script src="/theme/js/game.js"></script>
     <script src="/theme/js/egg.js"></script>
+    <script src="/theme/js/scripts.js"></script>
   </body>
 </html>
\ No newline at end of file
diff --git a/theme/css/style.css b/theme/css/style.css
index 1512323..2b420c7 100644
--- a/theme/css/style.css
+++ b/theme/css/style.css
@@ -4,12 +4,19 @@
     padding: 0;
 }
 
+html {}
+
 section {
     margin-top: 5em;
 }
 
 body {
-    background: #000;
+    background-image: url('/theme/images/bg-blue-textura.png');
+    background-repeat: repeat;
+    background-attachment: fixed;
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: cover;
     font-family: "Montserrat", sans-serif;
     font-weight: 400;
     display: block;
@@ -17,17 +24,22 @@ body {
 
 #lighter-section {
     background: url('/theme/images/bg-yellow-textura.png');
-    padding: 2em;
+    padding: 1m;
+    padding-top: 0.1em;
 }
 
 
-#lighter-section p, #lighter-section h2, #lighter-section h1 {
+#lighter-section p,
+#lighter-section h2,
+#lighter-section h1 {
     color: #12152D;
 }
 
-h1, h2, h3 {
-    font-family: "Merienda", cursive;
-    font-weight: 800;
+h1,
+h2,
+h3 {
+    font-family: "Inter", sans-serif;
+    font-weight: bolder;
     color: #fff;
     text-transform: uppercase;
 }
@@ -42,14 +54,14 @@ h2 {
 
 .fa-solid {
     color: #EEBF23;
-    filter:drop-shadow(#EC452F 1px 1px);
+    filter: drop-shadow(#EC452F 1px 1px);
     margin-right: 0.3rem;
 }
 
 
 .btn {
     text-transform: lowercase;
-} 
+}
 
 .btn.btn-primary {
     margin: 0.5rem;
@@ -57,7 +69,9 @@ h2 {
     border: #cd3724;
 }
 
-.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:visited{
+.btn.btn-primary:hover,
+.btn.btn-primary:active,
+.btn.btn-primary:visited {
     margin: 0.5rem;
     background-color: #d13c28;
     border: #F1CF5D;
@@ -66,28 +80,35 @@ h2 {
 #patrocinadores .diamante img {
     width: 20em;
 }
+
 #patrocinadores .platina img {
     width: 10em;
 }
+
 #patrocinadores .ouro img {
     width: 10em;
 }
+
 #patrocinadores .prata img {
     width: 10em;
 }
 
 #sobre {
-    background-image: url('/theme/images/bg-blue-textura.png');
-    background-repeat: repeat;
     color: #fff;
     margin-top: 0px;
 }
 
-#sobre, #footer {
+#sobre,
+#footer {
     font-family: 'Inter', sans-serif;
 }
 
-#sobre h1, #sobre h2, #sobre h3, #footer h1, #footer h2, #footer h3 {
+#sobre h1,
+#sobre h2,
+#sobre h3,
+#footer h1,
+#footer h2,
+#footer h3 {
     font-family: 'Inter', sans-serif;
     text-transform: uppercase;
 }
@@ -112,6 +133,7 @@ h2 {
 .container {
     margin-left: auto;
     margin-right: auto;
+    padding-top: 1rem;
     padding-left: 1rem;
     padding-right: 1rem;
     width: 100%;
@@ -119,6 +141,7 @@ h2 {
 
 
 footer {
+    margin-top: 40px;
     background-color: black;
 }
 
@@ -182,16 +205,40 @@ footer .container .lista_link a {
 
 @media (max-width: 768px) {
     footer .footer_body {
-      flex-direction: column;
-      align-items: center;
+        flex-direction: column;
+        align-items: center;
     }
-  
+
     footer .links_apyb {
-      text-align: center;
-      margin-top: 30px;
+        text-align: center;
+        margin-top: 30px;
     }
-  
+
     footer .links_apyb h5 {
-      margin-bottom: 15px;
+        margin-bottom: 15px;
     }
-  }
\ No newline at end of file
+}
+
+.sticky {
+    --bs-gutter-x: 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    right: 0;
+    width: 100vw;
+    box-sizing: border-box;
+    background-color: #12152D;
+    transition: all 0.5s;
+}
+
+.sticky+.content {
+    padding-top: 102px;
+}
+
+.scroll-to {
+    padding-top: 2em;
+}
+
+#evento {
+    padding: 0em;
+}
\ No newline at end of file
diff --git a/theme/images/logo_hapolo_11.png b/theme/images/logo_hapolo_11.png
new file mode 100644
index 0000000000000000000000000000000000000000..443cfc89d1d1e0b72f2f15c827131827ababae94
GIT binary patch
literal 4934
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
Ef-ZYrxBvhE

literal 0
HcmV?d00001

diff --git a/theme/js/scripts.js b/theme/js/scripts.js
new file mode 100644
index 0000000..ead0734
--- /dev/null
+++ b/theme/js/scripts.js
@@ -0,0 +1,12 @@
+window.onscroll = function() {myFunction()};
+
+var header = document.getElementById("navbar");
+var sticky = header.offsetTop;
+
+function myFunction() {
+  if (window.pageYOffset > sticky) {
+    header.classList.add("sticky");
+  } else {
+    header.classList.remove("sticky");
+  }
+}
\ No newline at end of file
