<!-- .slide:data-autoslide="30000" -->
<div class="fragment" data-fragment-index="1" data-autoslide="1000">
<h3 >Maurício Taffarel</h3>
Seleção PEE 2024
</div>
<img class="fragment fade-up round-border" data-fragment-index="2" data-autoslide="20000" src="https://hackmd.io/_uploads/rJsJ0MdXa.png" />
Note:
- Saudação
- Nome
- Idade
- Formação
- Características
- Gancho para redes sociais
---
<!-- 8750*9 = 70k -->
<!-- .slide:data-autoslide="8750" -->
<div class="flex-center"> <!-- Slide -->
<div class="celular">
<iframe src="https://insta.taffarel.tech"></iframe>
</div>
<div> <!-- Right -->
<div class="title-icon">
<img src="https://cdn.simpleicons.org/instagram/white"/>
<h3>Instagram</h3>
</div>
<h4>Conexões e Trajetória</h4>
<div class="left">
<p class="fragment fade-up">🏖️ Lazer</p>
<p class="fragment fade-up">❤️ Namorada</p>
<p class="fragment fade-up">👨👩👧👦 Família</p>
<p class="fragment fade-up">👨🏼🎓 Graduação</p>
<p class="fragment fade-up">⛩️ Hobbies</p>
<p class="fragment fade-up" data-autoslide="20000">🎒 Ensino médio</p>
<p class="fragment fade-up">🤝 Voluntariado</p>
</div>
</div> <!-- End Right -->
</div> <!-- End Slide -->
Note:
- O porquê da rede social
- Itens...
---
<!-- .slide:data-autoslide="60000" -->
<div class="title-icon">
<img src="https://cdn.simpleicons.org/github/white"/>
<h3>GitHub</h3>
</div>
<h4>Projetos e Contribuições</h4>
<div class="stand">
<div class="monitor" >
<iframe src="https://github.taffarel.tech"></iframe>
</div>
</div>
<div class="sombra"></div>
Note:
- O porquê da rede social
- Projetos
- Conexões
- Multidisciplinaridade
---
<!-- 6000*5 = 30k -->
<!-- .slide:data-autoslide="2000" -->
## Curiosidade sobre mim
<img class="fragment fade-up round-border" data-fragment-index="2" src="https://hackmd.io/_uploads/HJduloNX6.png" class="round-border"/>
<div class="left">
<p class="fragment fade-up" data-fragment-index="1" data-autoslide="6000">💖 Meu nome <strong>Taffarel</strong> é uma homenagem ao goleiro</p>
<p class="fragment" data-fragment-index="2" data-autoslide="6000">👶🏻 Nasci jogo Brasil e Holanda em 07/07/1998</p>
<p class="fragment" data-autoslide="6000">👐🏻 Dizem até que nasci de braços abertos</p>
<p class="fragment" data-autoslide="6000">🗣️ A frase que mais escutei: <i>Sai que é sua, Taffarel!</i></p>
</div>
<!-- Estilos customizados -->
<style type="text/css">
/* Gerais */
.reveal .slide-background-content {
background-color: #1b2551;
}
.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal div,
.reveal p{
color: white;
}
.reveal .progress {
color: green;
}
.reveal .slide-number {
font-size: 20px;
}
/* Celular */
.celular iframe {
height: 100%;
width: 100%;
border-radius: 30px;
border:0;
}
.celular {
width: 400px;
height: 680px;
padding: 10px;
background: #333;
margin: 0 auto;
border-radius: 30px;
display: flex;
justify-content: center;
align-items: center
}
.celular::after {
content: "";
position: absolute;
width: 100px;
height: 30px;
border-radius: 30px;
background: #333;
top:10px;
z-index:31;
}
/* Monitor */
.monitor iframe {
height: 100%;
width: 100%;
border: 0;
background: white;
}
.monitor {
width: 900px;
height: 480px;
background: #333;
margin: 0 auto;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center
}
.stand {
margin-top: -50px;
}
.stand::before {
content:"";
display:block;
position:relative;
background: #222;
width: 150px;
height: 50px;
top: calc(480px + 50px);
margin: 0 auto;
z-index: 10;
}
.stand::after {
content:"";
display:block;
position:relative;
background:#333;
border-top-left-radius:.5em;
border-top-right-radius:.5em;
top: 50px;
width: 300px;
margin: 0 auto;
height: 20px;
z-index: 10;
}
.sombra {
margin: 0 auto;
width: 900px;
height: 70px;
border-radius: 50% / 50%;
background-color: #aaa;
filter: blur(3px);
}
/* Title */
.title-icon {
display: flex;
justify-content: center;
align-items: flex-end;
gap: 10px;
}
.title-icon img {
height: 50px;
}
h4 {
font-size:0.6em;
}
/* Utils */
.flex-center {
display: flex;
justify-content: center;
align-items: center;
}
.left {
text-align: left;
}
.round-border {
border-radius: 20px
}
</style>
{"title":"Apresentação PEE 2024","slideOptions":"{\"transition\":\"slide\",\"theme\":\"serif\",\"allottedMinutes\":3.5,\"controls\":false,\"slideNumber\":\"c/t\",\"previewLinks\":true,\"autoSlide\":7500}","contributors":"[{\"id\":\"09cd127c-faed-47a5-8f63-7a0843045d46\",\"add\":20273,\"del\":15371}]","description":"Note:"}