Skip to content

Commit cd5ccd0

Browse files
belisarenatabelisarenata
authored
Merge pull request #1 from pythonbrasil/iniciando-os-trabalhos
Base do site
2 parents 25ff34f + c025e4c commit cd5ccd0

File tree

9 files changed

+410
-0
lines changed

9 files changed

+410
-0
lines changed

‎CNAME‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
2026.pythonbrasil.org.br

‎img/foto-grupo.jpg‎

502 KB
Loading

‎img/hero-principal.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎img/logo-pybr.png‎

13.9 KB
Loading

‎img/nosvemo.png‎

21.2 KB
Loading

‎img/pybr-icon.png‎

91.4 KB
Loading

‎index.html‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
<!DOCTYPE html>
2+
<html lang="pt-BR">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Python Brasil 2026</title>
7+
<link rel="stylesheet" href="style.css">
8+
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
9+
<link rel="preconnect" href="https://fonts.googleapis.com">
10+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
11+
<link href="https://fonts.googleapis.com/css2?family=Cascadia+Mono:ital,wght@0,200..700;1,200..700&display=swap" rel="stylesheet">
12+
<link rel="icon" href="img/pybr-icon.png" type="image/png">
13+
</head>
14+
<body>
15+
<header class="topo">
16+
<img src="img/logo-pybr.png" alt="Logo Python Brasil" class="logo-img">
17+
18+
<div class="contador">
19+
<div class="tempo">
20+
<span id="dias">000</span>
21+
<p>dias</p>
22+
</div>
23+
<div class="separador">:</div>
24+
<div class="tempo">
25+
<span id="horas">00</span>
26+
<p>horas</p>
27+
</div>
28+
<div class="separador">:</div>
29+
<div class="tempo">
30+
<span id="minutos">00</span>
31+
<p>mins</p>
32+
</div>
33+
<div class="separador">:</div>
34+
<div class="tempo">
35+
<span id="segundos">00</span>
36+
<p>segs</p>
37+
</div>
38+
</div>
39+
40+
<img src="img/nosvemo.png" alt="Nos Vemos em Breve" class="nosvemo-img">
41+
</header>
42+
43+
<section class="hero">
44+
45+
<!-- agora é uma única imagem com toda a arte principal -->
46+
<img src="img/hero-principal.svg" alt="Python Brasil 2026 em Floripa" class="hero-principal">
47+
</section>
48+
49+
<section class="patrocinio">
50+
<div class="conteudo-patrocinio">
51+
<h2>Faça parte do maior encontro da comunidade Python no Brasil!</h2>
52+
<p>Conecte sua marca à inovação, tecnologia e pessoas incríveis.<br>
53+
Confira os planos de patrocínio ou garanta já seu ingresso 👇</p>
54+
55+
<div class="botoes">
56+
<a href="https://pybr2026.eventbrite.com.br" target="_blank" class="btn">Ingressos</a>
57+
<a href="#" target="_blank" class="btn">Plano de Patrocínio (PT)</a>
58+
<a href="#" target="_blank" class="btn">Sponsorship Plan (EN)</a>
59+
</div>
60+
</div>
61+
</section>
62+
63+
<footer>
64+
<p>pessoas > tecnologia</p>
65+
</footer>
66+
67+
<script src="script.js"></script>
68+
</body>
69+
</html>

‎script.js‎

Lines changed: 27 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,27 @@
1+
const targetDate = new Date("October 15, 2026 00:00:00").getTime();
2+
3+
function atualizarContador() {
4+
const agora = new Date().getTime();
5+
const distancia = targetDate - agora;
6+
7+
if (distancia <= 0) {
8+
document.getElementById("dias").textContent = "000";
9+
document.getElementById("horas").textContent = "00";
10+
document.getElementById("minutos").textContent = "00";
11+
document.getElementById("segundos").textContent = "00";
12+
return;
13+
}
14+
15+
const dias = Math.floor(distancia / (1000 * 60 * 60 * 24));
16+
const horas = Math.floor((distancia % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
17+
const minutos = Math.floor((distancia % (1000 * 60 * 60)) / (1000 * 60));
18+
const segundos = Math.floor((distancia % (1000 * 60)) / 1000);
19+
20+
document.getElementById("dias").textContent = String(dias).padStart(3, "0");
21+
document.getElementById("horas").textContent = String(horas).padStart(2, "0");
22+
document.getElementById("minutos").textContent = String(minutos).padStart(2, "0");
23+
document.getElementById("segundos").textContent = String(segundos).padStart(2, "0");
24+
}
25+
26+
setInterval(atualizarContador, 1000);
27+
atualizarContador();

0 commit comments

Comments
 (0)