😎 Give your xaringan slides some style
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.

226 lines
8.8KB

  1. <!-- Generated by pkgdown: do not edit by hand -->
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <title>xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package • xaringanthemer</title>
  9. <!-- favicons -->
  10. <link rel="icon" type="image/png" sizes="16x16" href="../favicon-16x16.png">
  11. <link rel="icon" type="image/png" sizes="32x32" href="../favicon-32x32.png">
  12. <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="../apple-touch-icon.png" />
  13. <link rel="apple-touch-icon" type="image/png" sizes="120x120" href="../apple-touch-icon-120x120.png" />
  14. <link rel="apple-touch-icon" type="image/png" sizes="76x76" href="../apple-touch-icon-76x76.png" />
  15. <link rel="apple-touch-icon" type="image/png" sizes="60x60" href="../apple-touch-icon-60x60.png" />
  16. <!-- jquery -->
  17. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  18. <!-- Bootstrap -->
  19. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha256-bZLfwXAP04zRMK2BjiO8iu9pf4FbLqX6zitd+tIvLhE=" crossorigin="anonymous" />
  20. <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha256-nuL8/2cJ5NDSSwnKD8VqreErSWHtnEP9E7AySL+1ev4=" crossorigin="anonymous"></script>
  21. <!-- bootstrap-toc -->
  22. <link rel="stylesheet" href="../bootstrap-toc.css">
  23. <script src="../bootstrap-toc.js"></script>
  24. <!-- Font Awesome icons -->
  25. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
  26. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/v4-shims.min.css" integrity="sha256-wZjR52fzng1pJHwx4aV2AO3yyTOXrcDW7jBpJtTwVxw=" crossorigin="anonymous" />
  27. <!-- clipboard.js -->
  28. <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
  29. <!-- headroom.js -->
  30. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/headroom.min.js" integrity="sha256-AsUX4SJE1+yuDu5+mAVzJbuYNPHj/WroHuZ8Ir/CkE0=" crossorigin="anonymous"></script>
  31. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
  32. <!-- pkgdown -->
  33. <link href="../pkgdown.css" rel="stylesheet">
  34. <script src="../pkgdown.js"></script>
  35. <link href="../extra.css" rel="stylesheet">
  36. <meta property="og:title" content="xaringanthemer: Custom 'xaringan' CSS Themes — xaringanthemer-package" />
  37. <meta property="og:description" content="
  38. Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script." />
  39. <meta property="og:image" content="https://pkg.garrickadenbuie.com/xaringanthemer/logo.png" />
  40. <meta name="twitter:card" content="summary" />
  41. <meta name="twitter:creator" content="@grrrck" />
  42. <meta name="twitter:site" content="@grrrck" />
  43. <meta name="robots" content="noindex">
  44. <!-- mathjax -->
  45. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
  46. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/config/TeX-AMS-MML_HTMLorMML.js" integrity="sha256-84DKXVJXs0/F8OTMzX4UR909+jtl4G7SPypPavF+GfA=" crossorigin="anonymous"></script>
  47. <!--[if lt IE 9]>
  48. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  49. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  50. <![endif]-->
  51. </head>
  52. <body data-spy="scroll" data-target="#toc">
  53. <div class="container template-reference-topic">
  54. <header>
  55. <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  56. <div class="container">
  57. <div class="navbar-header">
  58. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
  59. <span class="sr-only">Toggle navigation</span>
  60. <span class="icon-bar"></span>
  61. <span class="icon-bar"></span>
  62. <span class="icon-bar"></span>
  63. </button>
  64. <span class="navbar-brand">
  65. <a class="navbar-link" href="../index.html">xaringanthemer</a>
  66. <span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.4.0.9000</span>
  67. </span>
  68. </div>
  69. <div id="navbar" class="navbar-collapse collapse">
  70. <ul class="nav navbar-nav">
  71. <li>
  72. <a href="../articles/xaringanthemer.html">Features</a>
  73. </li>
  74. <li>
  75. <a href="../reference/index.html">Reference</a>
  76. </li>
  77. <li>
  78. <a href="../articles/themes.html">Themes</a>
  79. </li>
  80. <li>
  81. <a href="../articles/ggplot2-themes.html">ggplot2 Themes</a>
  82. </li>
  83. <li class="dropdown">
  84. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  85. More
  86. <span class="caret"></span>
  87. </a>
  88. <ul class="dropdown-menu" role="menu">
  89. <li>
  90. <a href="../articles/fonts.html">Fonts</a>
  91. </li>
  92. <li>
  93. <a href="../articles/template-variables.html">Template Variables</a>
  94. </li>
  95. </ul>
  96. </li>
  97. </ul>
  98. <ul class="nav navbar-nav navbar-right">
  99. <li class="dropdown">
  100. <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
  101. <span class="far fa-newspaper fa-lg"></span>
  102. <span class="caret"></span>
  103. </a>
  104. <ul class="dropdown-menu" role="menu">
  105. <li>
  106. <a href="https://garrickadenbuie.com/blog/xaringanthemer-v0-3-0/">xaringanthemer 0.3.0</a>
  107. </li>
  108. <li class="divider"></li>
  109. <li>
  110. <a href="../news/index.html">Changelog</a>
  111. </li>
  112. </ul>
  113. </li>
  114. <li>
  115. <a href="https://github.com/gadenbuie/xaringanthemer">
  116. <span class="fab fa-github fa-lg"></span>
  117. </a>
  118. </li>
  119. <li>
  120. <a href="https://twitter.com/grrrck">
  121. <span class="fab fa-twitter fa-lg"></span>
  122. </a>
  123. </li>
  124. <li>
  125. <a href="https://www.garrickadenbuie.com">
  126. <span class="fas fa-home fa-lg"></span>
  127. </a>
  128. </li>
  129. </ul>
  130. </div><!--/.nav-collapse -->
  131. </div><!--/.container -->
  132. </div><!--/.navbar -->
  133. </header>
  134. <div class="row">
  135. <div class="col-md-9 contents">
  136. <div class="page-header">
  137. <h1>xaringanthemer: Custom 'xaringan' CSS Themes</h1>
  138. <small class="dont-index">Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/R/xaringanthemer-package.R'><code>R/xaringanthemer-package.R</code></a></small>
  139. <div class="hidden name"><code>xaringanthemer-package.Rd</code></div>
  140. </div>
  141. <div class="ref-description">
  142. <p><img src='figures/logo.png' align='right' alt='logo' width='120' /></p>
  143. <p>Create beautifully color-coordinated and customized themes for your 'xaringan' slides, without writing any CSS. Complete your slide theme with 'ggplot2' themes that match the font and colors used in your slides. Customized styles can be created directly in your slides' 'R Markdown' source file or in a separate external script.</p>
  144. </div>
  145. <h2 class="hasAnchor" id="see-also"><a class="anchor" href="#see-also"></a>See also</h2>
  146. <div class='dont-index'><p>Useful links:</p><ul>
  147. <li><p><a href='https://pkg.garrickadenbuie.com/xaringanthemer/'>https://pkg.garrickadenbuie.com/xaringanthemer/</a></p></li>
  148. <li><p><a href='https://github.com/gadenbuie/xaringanthemer'>https://github.com/gadenbuie/xaringanthemer</a></p></li>
  149. <li><p>Report bugs at <a href='https://github.com/gadenbuie/xaringanthemer/issues'>https://github.com/gadenbuie/xaringanthemer/issues</a></p></li>
  150. </ul>
  151. </div>
  152. <h2 class="hasAnchor" id="author"><a class="anchor" href="#author"></a>Author</h2>
  153. <p><strong>Maintainer</strong>: Garrick Aden-Buie <a href='mailto:garrick@adenbuie.com'>garrick@adenbuie.com</a> (<a href='https://orcid.org/0000-0002-7111-0077'>ORCID</a>)</p>
  154. </div>
  155. <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
  156. <nav id="toc" data-toggle="toc" class="sticky-top">
  157. <h2 data-toc-skip>Contents</h2>
  158. </nav>
  159. </div>
  160. </div>
  161. <footer>
  162. <div class="copyright">
  163. <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
  164. </div>
  165. <div class="pkgdown">
  166. <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.6.1.</p>
  167. </div>
  168. </footer>
  169. </div>
  170. </body>
  171. </html>