Skip to content

Commit

Permalink
Alteração pagina inicial
Browse files Browse the repository at this point in the history
  • Loading branch information
@jgt-josegeraldo
jgt-josegeraldo committed Jun 29, 2023
1 parent 810d551 commit 45ef526
Show file tree
Hide file tree
Showing 3 changed files with 194 additions and 14 deletions.
109 changes: 96 additions & 13 deletions _pages/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@ <h2 class="regular-call-text">{% t texts.submissions_are_open %}</h2>
</div>
</section>
{% else %}
<!--
<section class="wrapper style1">
<div class="inner">
<div class="double-division">
Expand All @@ -48,18 +49,42 @@ <h2 class="regular-call-text">{% t texts.submissions_are_open %}</h2>
<h2>{% t labels.biggest_community_event %}</h2>
<p>{% t texts.biggest_community_event_text %}</p>
</div>
<!-- <h3 class="regular-call-text">{% t texts.check_agile_brazil_2022 %}</h3> -->
<h3>Conheça a programação da Agile Brazil 2023</h3>
<h3 class="regular-call-text">{% t texts.check_agile_brazil_2022 %}</h3>
<ul class="actions special">
<!--
<li><a href="https://drive.google.com/drive/folders/1TSVqO1Uoeh88KX6s83IIr7waX_tYXkCl" target="_blank" class="button primary">{% t actions.see_photos %}</a></li>
<li><a href="https://www.youtube.com/channel/UCq45wLjEs9BRRreV02Fe8rw" target="_blank" class="button primary">{% t actions.see_videos %}</a></li>
-->
<li><a href="./programa" class="button primary">Conheça a programação</a></li>
</ul>
</div>
</div>
</div>
</section> -->

<section id="program-index" class="wrapper style1">
<div class="inner">
<div class="feature">
<div class="heading">
<h2 style="color: #fff;">Considerado o maior evento da comunidade de Agilidade, Produtos e Inovação da América Latina.</h2>
</div>
<h3>Em 2023 teremos</h3>
<ul class="actions special">
<li>
<h1>+73</h1>
<h3>Palestras</h3>
</li>
<li>
<h1>+120</h1>
<h3>Palestrantes</h3>
</li>
<li>
<h1>+18</h1>
<h3>Workshops</h3>
</li>
</ul>
<ul class="actions special">
<li><a href="./programa" class="button primary">Confira a programação</a></li>
</ul>
</div>
</div>
</section>
{% endif %}

Expand Down Expand Up @@ -102,10 +127,75 @@ <h3 class="regular-call-text">{% t texts.keynotes_shortly %}</h3>
</section>
{% endif %}

<section id="home-trilhas" class="wrapper style1">
<div class="inner">
<header class="heading major">
<h2>TRILHAS</h2>
</header>
<div class="spotlights">
<div class="spotlight">
<article class="content trilha-raiz-agilidade">
<div class="header-trilha">
<h3>Raízes da Agilidade</h3>
</div>
<div class="body-trilha">
<p>É no desenvolvimento de software que a agilidade nasceu e até hoje se faz muito presente. Nessa trilhar vais encontrar em como usar a agilidade nos mais variados times a descobrir melhores maneiras de entregar valor.</p>
</div>
</article>
</div>
<div class="spotlight">
<article class="content trilha-lideranca">
<div class="header-trilha">
<h3>Liderança e Agilidade Estratégica</h3>
</div>
<div class="body-trilha">
<p>Esta trilha é dedicada a falar de agilidade como tema estratégico para as organizações e como as lideranças de hoje - em qualquer área de negócio - podem se beneficiar desse conhecimento.</p>
</div>
</article>
</div>
<div class="spotlight">
<article class="content trilha-metricas">
<div class="header-trilha">
<h3>Métricas e Inteligência com Dados</h3>
</div>
<div class="body-trilha">
<p>Aqui você encontra tudo sobre, como construir produtos orientados a necessidades, validar hipóteses, melhorar fluxos, aumentar eficiência e eficácia, priorizar um backlog...</p>
</div>
</article>
</div>
<div class="spotlight">
<article class="content trilha-foco-cliente">
<div class="header-trilha">
<h3>Produtos e Foco no Cliente</h3>
</div>
<div class="body-trilha">
<p>A capacidade de se adaptar rapidamente às necessidades e desejos dos clientes é fundamental dentro do mundo ágil. Bons produtos precisam de boas estratégias.</p>
</div>
</article>
</div>
<div class="spotlight">
<article class="content trilha-futuro">
<div class="header-trilha">
<h3>Métricas e Inteligência com Dados</h3>
</div>
<div class="body-trilha">
<p>Mas será que temos todas as respostas para o futuro emergente? Venha desvendar esses mistérios conosco! Queremos entender sobre os nossos problemas - os atuais e os próximos.</p>
</div>
</article>
</div>
</div>
</section>
<!---
**************************
-->

<!-- Callouts -->
<section class="wrapper">
<div class="inner">
{% include interactive-program.html %}
</div>
</section>

<section class="wrapper home-submissions style1">
<div class="inner">
<header class="heading major">
Expand Down Expand Up @@ -163,14 +253,7 @@ <h2 class="regular-call-text">Fala, Comunidade!</h2>
</section>
{% endif %}

<!-- Callouts -->
<section class="wrapper">
<div class="inner">
{% include interactive-program.html %}
</div>
</section>

<section id="section-sponsor" class="wrapper style1">
<section id="section-sponsor" class="wrapper">
<div class="inner">
<div class="be-a-sponsor feature">
<header class="heading">
Expand Down
99 changes: 98 additions & 1 deletion assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,104 @@ input, select, textarea {
appearance: none;
}

#program-index {
background-color: var(--ab-logo-azul-escuro);
color: rgba(255, 255, 255, 0.5);
background-image: url("../images/background_sessao_programacao.png");
background-position: bottom center;
background-size: cover;
background-repeat: no-repeat;
cursor: default;
text-align: center;
min-height: 50vh;
width: 100%;
}

#home-trilhas .content {
border-radius: 20px !important;
padding: 0px !important;
outline-offset: -1px;
}

#home-trilhas .header-trilha {
border-radius: 20px !important;
padding: 0px;
}

#home-trilhas .spotlight {
margin: auto !important;
}

#home-trilhas .header-trilha h3 {
padding: 20px;
color: #fff !important;
}

#home-trilhas .body-trilha{
padding: 10px;
}

#home-trilhas .trilha-raiz-agilidade {
outline: 2px solid #147332;
}

#home-trilhas .trilha-raiz-agilidade .header-trilha {
background-color: #147332;
}

#home-trilhas .trilha-lideranca {
outline: 2px solid #FFA505;
}

#home-trilhas .trilha-lideranca .header-trilha {
background-color: #FFA505;
}

#home-trilhas .trilha-foco-cliente {
outline: 2px solid #2D87FF;
}

#home-trilhas .trilha-foco-cliente .header-trilha {
background-color: #2D87FF;
}

#home-trilhas .trilha-metricas {
outline: 2px solid #004AAD;
}

#home-trilhas .trilha-metricas .header-trilha {
background-color: #004AAD;
}

#home-trilhas .trilha-futuro {
outline: 2px solid #43AC4B;
}

#home-trilhas .trilha-futuro .header-trilha {
background-color: #43AC4B;
}

#program-index h3, #program-index h1 {
color: #ffa505 !important;
font-weight: bold;
}

#program-index h3, #program-index h1, #program-index h2 {
text-transform: inherit !important;
}

#program-index .button.primary {
background-color: #ffa505 !important;
}

#program-index li {
margin: auto;
}

#program-index ul {
margin: 40px auto;
}

/* Basic */

@-ms-viewport {
Expand Down Expand Up @@ -3764,7 +3862,6 @@ input, select, textarea {
#banner {
background-color: var(--ab-logo-azul-escuro);
color: rgba(255, 255, 255, 0.5);
align-items
background-attachment: fixed;
background-image: url("../images/banner-2023.png");
background-position: bottom center;
Expand Down
Binary file added assets/images/background_sessao_programacao.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 45ef526

Please sign in to comment.