Skip to content

Commit

Permalink
Merge pull request #17 from jjpaulo2/main
Browse files Browse the repository at this point in the history 
Adicionando data e local do evento (Fixes #16)
  • Loading branch information
@itepifanio
itepifanio authored Jan 18, 2024
2 parents 486a1fa + 5e94dc3 commit e2a2f2b
Show file tree
Hide file tree
Showing 2 changed files with 134 additions and 109 deletions.
94 changes: 44 additions & 50 deletions assets/css/custom.css
View file
Original file line number Diff line number Diff line change
@@ -1,18 +1,34 @@
/*
laranja: #FF5C27
bege: #F5F3E7
azul: #3F9BFF
verde: #2A9507
amarelo: #FFDA1F
verde escuro: #383806
vermelho: #FD4000
branco: #FFFFFFF
*/
:root {
--laranja: #FF5C27;
--bege: #F5F3E7;
--azul: #3F9BFF;
--verde: #2A9507;
--amarelo: #FFDA1F;
--verde_escuro: #383806;
--vermelho: #FD4000;
--branco_default: #FFF;
--preto_default: #000;
}

@font-face {
font-family: bonoc;
src: url(../fonts/Bonoc.ttf);
}

@font-face {
font-family: manropeRegular;
src: url(../fonts/Manrope/Manrope-Regular.ttf);
}

body {
font-family: manropeRegular;
font-size: 1.4em;
}

body h2, body h3 {
font-family: bonoc !important;
}

footer {
font-family: manropeRegular;
font-size: 0.8em;
Expand All @@ -22,37 +38,33 @@ footer h3 {
font-family: manropeRegular;
}

#sobre {
scroll-behavior: smooth;
}

#patrocinio {
.scroll-smooth {
scroll-behavior: smooth;
}

html {
scroll-behavior: smooth;
.width-max-content {
width: max-content;
}

.uk-navbar-container {
background-color: #FFDA1F;
background-color: var(--amarelo);
}

.uk-navbar-item {
font-family: bonoc !important;
}

.uk-footer {
background-color: #3F9BFF;
color: #FFFFFF;
background-color: var(--azul);
color: var(--branco_default);
}

.uk-footer h3 {
color: #FFFFFF;
color: var(--branco_default);
}

.uk-footer a {
color: #FFFFFF;
color: var(--branco_default);
}

.uk-navbar-container {
Expand All @@ -66,7 +78,6 @@ html {
}

.hero img{
margin-top: 15px;
height: 30vh;
}

Expand Down Expand Up @@ -96,20 +107,8 @@ html {
font-family: bonoc;
}

.patrocinio {
padding-right: 15%;
padding-left: 15%;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}

.patrocinio h3 {
font-family: bonoc;
}

.uk-text-bold {
color: black;
color: var(--preto_default);
}

.uk-button {
Expand All @@ -119,21 +118,21 @@ html {
}

.uk-button:hover {
border-left: 0.25rem solid black;
border-bottom: 0.25rem solid black;
border-left: 0.25rem solid var(--preto_default);
border-bottom: 0.25rem solid var(--preto_default);
}

.uk-button-primary {
background-color: #3F9BFF;
color: white;
border-left: 0.25rem solid black;
border-bottom: 0.25rem solid black;
background-color: var(--azul);
color: var(--branco_default);
border-left: 0.25rem solid var(--preto_default);
border-bottom: 0.25rem solid var(--preto_default);
}

.uk-button-default {
background-color: #F5F3E7;
border-left: 0.25rem solid black;
border-bottom: 0.25rem solid black;
background-color: var(--bege);
border-left: 0.25rem solid var(--preto_default);
border-bottom: 0.25rem solid var(--preto_default);
}

@media screen and (max-width: 1366px) {
Expand All @@ -146,11 +145,6 @@ html {
padding-right: 5%;
}

.patrocinio {
padding-right: 5%;
padding-left: 5%;
}

.hero p{
margin-top: 0 !important;
}
Expand Down
149 changes: 90 additions & 59 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="pt-BR" xmlns="http://www.w3.org/1999/html">
<html lang="pt-BR" xmlns="http://www.w3.org/1999/html" class="scroll-smooth">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Expand All @@ -26,27 +26,16 @@

<link rel="stylesheet" href="assets/css/uikit.min.css" />
<link rel="stylesheet" href="assets/css/custom.css" />
<style>
@font-face {
font-family: bonoc;
src: url(assets/fonts/Bonoc.ttf);
}

@font-face {
font-family: manropeRegular;
src: url(assets/fonts/Manrope/Manrope-Regular.ttf);
}
</style>

<script src="assets/js/uikit.min.js"></script>
<script src="assets/js/uikit-icons.min.js"></script>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-2MBT06C1Q2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2MBT06C1Q2');
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-2MBT06C1Q2');
</script>
</head>

Expand All @@ -56,6 +45,7 @@
<ul class="uk-navbar-nav uk-visible@s">
<li><a class="uk-navbar-item" href="/">Inicio</a></li>
<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>
</ul>
<a href="#" class="uk-navbar-toggle uk-hidden@s" uk-navbar-toggle-icon uk-toggle="target: #sidenav"></a>
Expand All @@ -73,14 +63,18 @@
<ul class="uk-nav">
<li><a class="uk-navbar-item" href="/">Inicio</a></li>
<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>
</ul>
</div>
</div>
<div class="container">
<div uk-grid class="hero">
<img src="assets/images/LOGO-PYTHON-NORDESTE-2024.svg" class="uk-responsive-width"/>
<p>
<img src="assets/images/LOGO-PYTHON-NORDESTE-2024.svg" class="uk-responsive-width uk-margin uk-margin-top"/>
<h2 class="uk-width-1-1 uk-text-center uk-margin">
09, 10 e 11 de agosto
</h2>
<p class="uk-margin">
A Python Nordeste é o evento que reúne as comunidades Python do Nordeste.
A edição 2024 busca, no resgate do processo artesanal
dos cartazes de rua, celebrar o toque humano. A ideia é encorajar
Expand All @@ -91,58 +85,95 @@
</p>
</div>


<img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr" />

<img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr uk-margin" />

<img src="assets/images/MURAL-PYTHON-NORDESTE-2024.svg" />

<img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr" />
<img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr uk-margin" />

<div class="evento-row" uk-grid>
<img src="assets/images/MOSAICO.svg" class="uk-width-2-5@s"/>
<div class="uk-width-3-5@s">
<h1 id="sobre">SOBRE O EVENTO</h1>
<p>
A Python Nordeste é o <span class="uk-text-bold">maior encontro da comunidade Python</span> na região.
É um evento itinerante que ocorre anualmente nas cidades do Nordeste a mais de 10 anos. Em 2024 chegaremos
a 12ª edição do evento!
</p>
<p>
Com foco na promoção da diversidade e troca de experiências e conhecimento,
o evento é voltado para indivíduos de diversas áreas e origens, <span class="uk-text-bold">sem distinção</span>
de conhecimento técnico ou atuação na área.
</p>
<p>
O encontro visa difundir a linguagem entre universidades, empresas, instituições
da sociedade civil e indivíduos em busca de novos conhecimentos, promovendo assim
a difusão da cultura do Software Livre e o estímulo ao desenvolvimento na Região Nordeste.
</p>
<div class="scroll-smooth" id="sobre">

<div class="evento-row" uk-grid>
<img src="assets/images/MOSAICO.svg" class="uk-width-2-5@s"/>
<div class="uk-width-3-5@s uk-flex uk-flex-middle">
<div>
<h1>SOBRE O EVENTO</h1>
<p>
A Python Nordeste é o <span class="uk-text-bold">maior encontro da comunidade Python</span> na região.
É um evento itinerante que ocorre anualmente nas cidades do Nordeste a mais de 10 anos. Em 2024 chegaremos
a 12ª edição do evento!
</p>
<p>
Com foco na promoção da diversidade e troca de experiências e conhecimento,
o evento é voltado para indivíduos de diversas áreas e origens, <span class="uk-text-bold">sem distinção</span>
de conhecimento técnico ou atuação na área.
</p>
<p>
O encontro visa difundir a linguagem entre universidades, empresas, instituições
da sociedade civil e indivíduos em busca de novos conhecimentos, promovendo assim
a difusão da cultura do Software Livre e o estímulo ao desenvolvimento na Região Nordeste.
</p>
</div>
</div>
</div>
</div>

<img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr" />
<img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr uk-margin" />

<div class="scroll-smooth uk-margin-bottom" id="local">

<div>
<h3 class="uk-text-center">LOCAL</h3>
</div>

<div class="uk-margin-auto" style="max-width: 600px">
<p class="uk-text-center">
Nosso evento acontecerá na
<a href="https://maps.google.com/maps?ll=-5.830751,-35.216122&z=15&t=m&hl=pt-BR&gl=BR&mapclient=embed&cid=1602971506784567923" target="_blank">
Escola de Governo Cardeal Dom Eugênio de Araújo Sales
</a>
em
<span class="uk-text-bold">
Natal, RN
</span>
</p>
</div>

<div class="patrocinio">
<h3 id="patrocinio">PATROCÍNIO</h3>
<div class="uk-margin-auto">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12813.7309607872!2d-35.21194455738092!3d-5.827461537429716!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7b2557d62e3f36f%3A0x163ee617aef78273!2sEscola%20de%20Governo%20Cardeal%20Dom%20Eug%C3%AAnio%20de%20Ara%C3%BAjo%20Sales!5e0!3m2!1spt-BR!2sbr!4v1705543562022!5m2!1spt-BR!2sbr" height="450" style="border:0;" class="uk-width-1-1" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>

<p>
Baixe aqui o nosso Plano de Patrocínio com as
modalidades, benefícios e todas informações que
você precisa
</p>
<img src="assets/images/DIV-COBRAS-PYTHON-NORDESTE-2024.svg" class="hr uk-margin" />

<div class="scroll-smooth uk-margin-bottom" id="patrocinio">

<div>
<h3 class="uk-text-center">PATROCÍNIO</h3>
</div>

<a href="https://drive.google.com/file/d/1i9-E1J3g2W_eF5bzeomsl-IKxKl7x58r/view?usp=sharing"
class="uk-button uk-button-primary uk-text-bolder uk-margin-small-right"
target="_blank">
Media Kit (pt-br)
</a>
<a href="https://drive.google.com/file/d/1WvfelX-Sfp79YcUbf8Hs6e-MtPabVSmO/view?usp=sharing"
class="uk-button uk-button-default uk-text-bolder"
target="_blank">
Media Kit (en)
</a>
<div class="uk-margin-auto" style="max-width: 800px">
<p class="uk-text-center">
Baixe aqui o nosso <span class="uk-text-bold">Plano de Patrocínio</span> com as
modalidades, benefícios e todas informações que
você precisa.
</p>
</div>

<div class="width-max-content uk-margin-auto">
<a href="https://drive.google.com/file/d/1i9-E1J3g2W_eF5bzeomsl-IKxKl7x58r/view?usp=sharing"
class="uk-button uk-button-primary uk-text-bolder uk-margin-small-right"
target="_blank">
Media Kit (pt-br)
</a>
<a href="https://drive.google.com/file/d/1WvfelX-Sfp79YcUbf8Hs6e-MtPabVSmO/view?usp=sharing"
class="uk-button uk-button-default uk-text-bolder"
target="_blank">
Media Kit (en)
</a>
</div>
</div>

</div>

<footer class="uk-footer uk-padding-small uk-background-muted">
Expand Down

0 comments on commit e2a2f2b

Please sign in to comment.