Mobilidade Urbana no Rio de Janeiro

class: left title-slide
background-image: url('unsplash-yUvZYHV2Zbw.png')
background-size: cover
background-position: top center

[remarkjs]: https://github.com/gnab/remark
[remark-wiki]: https://github.com/gnab/remark/wiki
[xaringan]: https://slides.yihui.org/xaringan/
[xaringan-wiki]: https://github.com/yihui/xaringan/wiki
[xaringanthemer]: https://pkg.garrickadenbuie.com/xaringanthemer
[xaringanExtra]: https://pkg.garrickadenbuie.com/xaringanExtra
[metathis]: https://pkg.garrickadenbuie.com/metathis
[grrrck]: https://twitter.com/grrrck
[gab]: https://www.garrickadenbuie.com
[rsthemes]: https://www.garrickdenbuie.com/projects/rsthemes
[regexplain]: https://www.garrickdenbuie.com/projects/regexplain
[shrtcts]: https://pkg.garricakdenbuie.com/shrtcts

# Mobilidade Urbana <br> no Rio de Janeiro

.side-text[
[giel] | [http://giel.uniriotec.br/][gab]
]

.title-where[
Felipe Borba <br>Steven Dutt-Ross <br>Ana Carolina<br>
Rio de Janeiro<br>
Abril, 2021
]

@keyframes enter-right {
  0% {
    opacity: 0;
    transform: rotate(90deg) translateY(-50px)
  }
  20% {
    opacity: 0;
    transform: rotate(90deg) translateY(-50px)
  }
  80% {
    opacity: 1;
    transform: rotate(90deg) translateY(0)
  }
  100% {
    opacity: 1;
    transform: rotate(90deg) translateY(0)
  }
}

@keyframes enter-left {
  0% {
    opacity: 0;
    transform: translateY(100px)
  }
  20% {
    opacity: 0;
    transform: translateY(100px)
  }
  60% {
    opacity: 1;
    transform: translateX(0)
  }
  100% {
    opacity: 1;
    transform: translateX(0)
  }
}

.remark-visible .title-slide h1,
.remark-visible .title-slide .side-text,
.remark-visible .title-slide .title-where {
  animation-duration: 13s;
}

.title-slide h1 {
  font-size: 100px;
  font-family: Jost, sans;
  animation-name: title-text;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

.side-text {
  color: white;
  opacity: 0.66;
  transform: rotate(90deg);
  position: absolute;
  font-size: 20px;
  top: 130px;
  right: -130px;
  transition: opacity 0.5s ease-in-out;
  animation-name: enter-right;
  animation-direction: alternate;
  animation-iteration-count: infinite;
}

.side-text:hover {
  opacity: 1;
}

.side-text a {
  color: white;
}

.title-where {
  color: white;
  font-family: 'Amatic SC', sans;
  font-size: 40px;
  position: absolute;
  bottom: 10px;
  animation-name: enter-left;
  animation-direction: alternate;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
</style>

---
layout: false

# Sobre o projeto

.f3[
&#x1F44B;  **Mobilidade Urbana** 
]

.f3[
&#x1F426; Estudo sobre o Twitter
]

.f3[
&#x1F9D1;&#x200D;&#x1F4BB; Primeiros resultados
]

---
class: inverse, center, middle

# Exemplos do Twitter

---
class: center, middle

<blockquote class="twitter-tweet"><p lang="pt" dir="ltr">🎶 Daniel Silveira nas redes sociais é um bicho feroz.<br>Na tribuna da Câmara anda rebolando e até muda de voz 🎶</p>&mdash; Felipe Borba (@FelipeB70714377) <a href="https://twitter.com/FelipeB70714377/status/1363122808797151232?ref_src=twsrc%5Etfw">February 20, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

---
class: center, middle

.pull-left[
<blockquote class="twitter-tweet"><p lang="pt" dir="ltr">RT <a href="https://twitter.com/Japeridepre?ref_src=twsrc%5Etfw">@Japeridepre</a> <a href="https://twitter.com/andersoncasulo?ref_src=twsrc%5Etfw">@andersoncasulo</a> <a href="https://twitter.com/wilsonwitzel?ref_src=twsrc%5Etfw">@wilsonwitzel</a> Pra cima deles rapaziada! R$4,60 NÃO <a href="https://twitter.com/hashtag/contraoaumentodasupervia?src=hash&amp;ref_src=twsrc%5Etfw">#contraoaumentodasupervia</a>… <a href="https://t.co/2n8qgWtJlq">https://t.co/2n8qgWtJlq</a></p>&mdash; TrensUrbanosRJ (@TrensUrbanosRJ) <a href="https://twitter.com/TrensUrbanosRJ/status/1081272311787982849?ref_src=twsrc%5Etfw">January 4, 2019</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 
]

.pull-right[
<blockquote class="twitter-tweet"><p lang="und" dir="ltr"><a href="https://twitter.com/hashtag/Viol%C3%AAnciaRJ?src=hash&amp;ref_src=twsrc%5Etfw">#ViolênciaRJ</a> X <a href="https://twitter.com/hashtag/SuperVia?src=hash&amp;ref_src=twsrc%5Etfw">#SuperVia</a> <a href="https://t.co/jXwuVOSlQX">https://t.co/jXwuVOSlQX</a></p>&mdash; PassageiroRJ 😷 💉👏🚿🏠🏴 (@PassageiroRJ) <a href="https://twitter.com/PassageiroRJ/status/1378758014950375425?ref_src=twsrc%5Etfw">April 4, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 
]

---
class: center, middle

.pull-left[
<blockquote class="twitter-tweet"><p lang="pt" dir="ltr">Não tem fiscalização nos ônibus do BRT para não prejudicar os padrinhos do Prefeito Eduardo Paes e da maioria dos vereadores do Rio de Janeiro.</p>&mdash; Paulo Silva. 🚩🇧🇷 (@1Paulo_Silva) <a href="https://twitter.com/1Paulo_Silva/status/1376556081376284678?ref_src=twsrc%5Etfw">March 29, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 
]

.pull-right[
<blockquote class="twitter-tweet"><p lang="pt" dir="ltr">&quot;Armas salvam vidas!&quot;<br><br>Assalto no trem, policial à paisana saca arma e acontece tiroteio dentro do trem.<br>Resultado: uma mulher foi atingida e morreu!<br><br>Armas foram feitas para matar!</p>&mdash; Gadofóbico 🚩✊ (@AgenteSocialis1) <a href="https://twitter.com/AgenteSocialis1/status/1379076892150665216?ref_src=twsrc%5Etfw">April 5, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> 
]

---
class: center, middle

# Esse são os primeiros exemplos de .purple[Tweets]

---