class: center, middle, inverse, title-slide .title[ # Banner<br>.gray[for xaringan] ] .subtitle[ ## .big[📰] ] .author[ ### <a href='https://www.garrickadenbuie.com/'>Garrick Aden-Buie<a> ] .date[ ### xaringanExtra ] --- class: middle <script>document.addEventListener('DOMContentLoaded',function(){new xeBanner(JSON.parse('{"left":"My Awesome Talk Title","right":"Mr. Fancy Pants","position":"top"}'))})</script> <script>document.addEventListener('DOMContentLoaded',function(){new xeBanner(JSON.parse('{"left":"bit.ly/my-awesome-talk","position":"bottom"}'))})</script> # Use banner Drop this into your slides: ```` ```{r xaringanExtra-freezeframe, echo=FALSE} xaringanExtra::use_banner( top_left = "My Awesome Talk Title", top_right = "Mr. Fancy Pants", bottom_left = "bit.ly/my-awesome-talk", exclude = "title-slide" ) ``` ```` --- class: middle special-slide ## Style Banner Customize banners for an individual slide (this one has `class: special-slide`) ``` r xaringanExtra::style_banner( text_color = "#1874CD", background_color = "#F0F8FF", selector = ".special-slide" ) ``` <style>.special-slide { --xe-banner-fg: #1874CD; --xe-banner-bg: #F0F8FF; }</style> Or call `style_banner()` without `selector` to set default banner styles. --- layout: false class: center middle <img src="https://github.githubassets.com/images/modules/logos_page/GitHub-Mark.png" width="25%" alt="GitHub Octocat Logo" /> ### [gadenbuie/xaringanExtra](https://github.com/gadenbuie/xaringanExtra) <style type="text/css"> .gray { color: #888; } .big-text p { font-size: 4em; line-height: 0.3; } .h-center { margin: 0 auto; } .w-45 { width: 45%; } .w-75 { width: 75%; } .w-100 { width: 100%; } </style>