Merge pull request #23 from jjpaulo2/main

Feature - Novo readme, seção de patrocinadores com Vinta

README.md

@@ -0,0 +1,36 @@
+<div align="center">
+    <h1>Site da Python Nordeste 2024</h1>
+    <span>Pessoas > Tecnologia</span><br/>
+    <span>✊🏿✊🏾✊🏽✊✊🏼✊🏻 🏳️‍🌈🏳️‍⚧️♿</span>
+</div><br/>
+
+![image](https://github.com/jjpaulo2/pyne2024/assets/22819523/d30db17d-6b3d-4ea2-9c28-1af2d4a397b6)
+
+Código fonte do site da Python Nordeste de 2024. Fique a vontade para [forkar](https://github.com/pythonNordeste/pyne2024/fork), abrir [issues](https://github.com/pythonNordeste/pyne2024/issues), mandar [pull requests](https://github.com/pythonNordeste/pyne2024/pulls) e participar das [discussões](https://github.com/pythonNordeste/pyne2024/issues).
+
+### Dependências
+
+| Nome | Descrição | Referência |
+|-|-|-|
+| UI Kit | Componentes de tela prontos (CSS + JS) | [UI Kit Docs](https://getuikit.com/docs/introduction) |
+| UI Kit Icons | Biblioteca de ícones | [UI Kit Icons Library](https://getuikit.com/docs/icon#library) |
+| Bonoco Font | Fonte | [Bonoco Font](https://www.dafont.com/bonoco.font) |
+| Manrope Font | Fonte | [GitHub Manrope](https://github.com/sharanda/manrope) |
+
+### Sobre as cores
+
+Já existem cores pré-definidas no arquivo [`custom.css`](assets/css/custom.css), como variáveis. Tente ao máximo usar apenas essas cores, pois fazem parte da identidade visual do evento.
+
+```css
+:root { 
+    --laranja: #FF5C27;
+    --bege: #F5F3E7;
+    --azul: #3F9BFF;
+    --verde: #2A9507;
+    --amarelo: #FFDA1F;
+    --verde_escuro: #383806;
+    --vermelho: #FD4000;
+    --branco_default: #FFF;
+    --preto_default: #000;
+}
+```

assets/css/custom.css

@@ -95,6 +95,31 @@ footer h3 {
     padding-bottom: 15px;
 }
 
+.patrocinador-cobre {
+    max-width: 60px;
+    max-height: 60px;
+}
+
+.patrocinador-bronze {
+    max-width: 100px;
+    max-height: 100px;
+}
+
+.patrocinador-prata {
+    max-width: 200px;
+    max-height: 200px;
+}
+
+.patrocinador-ouro {
+    max-width: 250px;
+    max-height: 250px;
+}
+
+.patrocinador-diamante {
+    max-width: 400px;
+    max-height: 400px;
+}
+
 .evento-row {
     display: flex;
 }

index.html

@@ -47,6 +47,7 @@
                 <li><a class="uk-navbar-item" href="#sobre">Sobre</a></li>
                 <li><a class="uk-navbar-item" href="#local">Local</a></li>
                 <li><a class="uk-navbar-item" href="#patrocinio">Patrocínio</a></li>
+                <li><a class="uk-navbar-item" href="#patrocinadoras">Patrocinadoras</a></li>
             </ul>
             <a href="#" class="uk-navbar-toggle uk-hidden@s" uk-navbar-toggle-icon uk-toggle="target: #sidenav"></a>
         </div>
@@ -65,6 +66,7 @@
                 <li><a class="uk-navbar-item" href="#sobre">Sobre</a></li>
                 <li><a class="uk-navbar-item" href="#local">Local</a></li>
                 <li><a class="uk-navbar-item" href="#patrocinio">Patrocínio</a></li>
+                <li><a class="uk-navbar-item" href="#patrocinadoras">Patrocinadoras</a></li>
             </ul>
         </div>
     </div>
@@ -123,7 +125,7 @@ <h1>SOBRE O EVENTO</h1>
         <div class="scroll-smooth uk-margin-bottom" id="local">
 
             <div>
-                <h3 class="uk-text-center">LOCAL</h3>
+                <h2 class="uk-text-center">LOCAL</h3>
             </div>
 
             <div class="uk-margin-auto" style="max-width: 600px">
@@ -149,7 +151,7 @@ <h3 class="uk-text-center">LOCAL</h3>
         <div class="scroll-smooth uk-margin-bottom" id="patrocinio">
 
             <div>
-                <h3 class="uk-text-center">PATROCÍNIO</h3>
+                <h2 class="uk-text-center">PATROCÍNIO</h3>
             </div>
 
             <div class="uk-margin-auto" style="max-width: 800px">
@@ -174,6 +176,25 @@ <h3 class="uk-text-center">PATROCÍNIO</h3>
             </div>
         </div>
 
+        <img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr uk-margin" />
+
+        <div class="scroll-smooth uk-margin-bottom" id="patrocinadoras">
+
+            <div>
+                <h2 class="uk-text-center">CONFIRA AS NOSSAS PATROCINADORAS E APOIADORAS!</h3>
+            </div>
+
+            <div>
+                <h4 class="uk-text-center">BRONZE</h3>
+
+                <div class="uk-flex uk-flex-center">
+                    <a href="https://www.vinta.com.br/" target="_blank">
+                        <img class="patrocinador-bronze" src="assets/images/patrocinio/vinta-logo-blue.png"/>
+                    </a>
+                </div>
+            </div>
+        </div>
+
     </div>
 
     <footer class="uk-footer uk-padding-small uk-background-muted">