😎 Give your xaringan slides some style
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.

193 lines
10KB

  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>Changelog • xaringanthemer</title>
  9. <!-- jquery -->
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  11. <!-- Bootstrap -->
  12. <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" />
  13. <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>
  14. <!-- bootstrap-toc -->
  15. <link rel="stylesheet" href="../bootstrap-toc.css">
  16. <script src="../bootstrap-toc.js"></script>
  17. <!-- Font Awesome icons -->
  18. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/css/all.min.css" integrity="sha256-mmgLkCYLUQbXn0B1SRqzHar6dCnv9oZFPEC1g1cwlkk=" crossorigin="anonymous" />
  19. <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" />
  20. <!-- clipboard.js -->
  21. <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.6/clipboard.min.js" integrity="sha256-inc5kl9MA1hkeYUt+EC3BhlIgyp/2jDIyBLS6k3UxPI=" crossorigin="anonymous"></script>
  22. <!-- headroom.js -->
  23. <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>
  24. <script src="https://cdnjs.cloudflare.com/ajax/libs/headroom/0.11.0/jQuery.headroom.min.js" integrity="sha256-ZX/yNShbjqsohH1k95liqY9Gd8uOiE1S4vZc+9KQ1K4=" crossorigin="anonymous"></script>
  25. <!-- pkgdown -->
  26. <link href="../pkgdown.css" rel="stylesheet">
  27. <script src="../pkgdown.js"></script>
  28. <link href="../extra.css" rel="stylesheet">
  29. <meta property="og:title" content="Changelog" />
  30. <meta name="robots" content="noindex">
  31. <!-- mathjax -->
  32. <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js" integrity="sha256-nvJJv9wWKEm88qvoQl9ekL2J+k/RWIsaSScxxlsrv8k=" crossorigin="anonymous"></script>
  33. <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>
  34. <!--[if lt IE 9]>
  35. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  36. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  37. <![endif]-->
  38. </head>
  39. <body data-spy="scroll" data-target="#toc">
  40. <div class="container template-news">
  41. <header>
  42. <div class="navbar navbar-default navbar-fixed-top" role="navigation">
  43. <div class="container">
  44. <div class="navbar-header">
  45. <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false">
  46. <span class="sr-only">Toggle navigation</span>
  47. <span class="icon-bar"></span>
  48. <span class="icon-bar"></span>
  49. <span class="icon-bar"></span>
  50. </button>
  51. <span class="navbar-brand">
  52. <a class="navbar-link" href="../index.html">xaringanthemer</a>
  53. <span class="version label label-danger" data-toggle="tooltip" data-placement="bottom" title="In-development version">0.2.0.9100</span>
  54. </span>
  55. </div>
  56. <div id="navbar" class="navbar-collapse collapse">
  57. <ul class="nav navbar-nav">
  58. <li>
  59. <a href="../articles/xaringanthemer.html">Get started</a>
  60. </li>
  61. <li>
  62. <a href="../reference/index.html">Reference</a>
  63. </li>
  64. <li>
  65. <a href="../articles/themes.html">Themes</a>
  66. </li>
  67. <li>
  68. <a href="../articles/fonts.html">Fonts</a>
  69. </li>
  70. <li>
  71. <a href="../articles/template-variables.html">Template Variables</a>
  72. </li>
  73. </ul>
  74. <ul class="nav navbar-nav navbar-right">
  75. <li>
  76. <a href="../news/index.html">
  77. <span class="fa fa fa fa-newspaper-o fa-lg"></span>
  78. </a>
  79. </li>
  80. <li>
  81. <a href="https://github.com/gadenbuie/xaringanthemer">
  82. <span class="fa fa-github fa-lg"></span>
  83. </a>
  84. </li>
  85. <li>
  86. <a href="https://twitter.com/grrrck">
  87. <span class="fa fa-twitter fa-lg"></span>
  88. </a>
  89. </li>
  90. <li>
  91. <a href="https://www.garrickadenbuie.com">
  92. <span class="fa fa-home fa-lg"></span>
  93. </a>
  94. </li>
  95. </ul>
  96. </div><!--/.nav-collapse -->
  97. </div><!--/.container -->
  98. </div><!--/.navbar -->
  99. </header>
  100. <div class="row">
  101. <div class="col-md-9 contents">
  102. <div class="page-header">
  103. <h1 data-toc-skip>Changelog <small></small></h1>
  104. <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small>
  105. </div>
  106. <div id="xaringanthemer-0-3-0-dev" class="section level1">
  107. <h1 class="page-header" data-toc-text="0.3.0">
  108. <a href="#xaringanthemer-0-3-0-dev" class="anchor"></a>xaringanthemer 0.3.0 (dev)</h1>
  109. <ul>
  110. <li><p>Adds <code><a href="../reference/theme_xaringan.html">theme_xaringan()</a></code>, a ggplot2 theme that automatically uses the colors and font styles of your xaringanthemer style. Also adds <code>scale_xaringan_color()</code> and <code>scale_xaringan_fill()</code> functions that use the primary colors for the color or fill aesthetics. These theme functions currently do not work when knitr caching is enabled and require that the xaringanthemer style functions are called within your xaringan slides Rmd file.</p></li>
  111. <li><p>Renamed all xaringanthemer functions that create CSS styles to use the prefix “<code>style_</code>”. For example, <code><a href="../reference/xaringanthemer-deprecated.html">mono_light()</a></code> is now <code><a href="../reference/style_mono_light.html">style_mono_light()</a></code>. Additionally, <code><a href="../reference/xaringanthemer-deprecated.html">write_xaringan_theme()</a></code> is now <code><a href="../reference/style_xaringan.html">style_xaringan()</a></code> and <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code> is <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code>. Overall, this change makes the xarignanthemer API much cleaner and easier to navigate. Previous function names are deprecated but still work.</p></li>
  112. <li><p>Added <code>background_header_auto</code> parameter that adds a background under the first <code>h1</code> element (i.e. <code># Slide Title</code>) on a slide. When enabled, the background is added automatically to slides, as long as they aren’t <code>inverse</code>, <code>center</code>, <code>middle</code>, or <code>bottom</code>-styled slides. When disabled, you can still enable slide title headers by adding the <code>header_background</code> class to a slide. (thanks, <a href='https://github.com/Btibert3'>@Btibert3</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/10'>#10</a>)</p></li>
  113. <li><p>The underlying template now uses the <code>whisker</code> package.</p></li>
  114. <li><p>xaringanthemer styles now use CSS variables throughout. Most of the settings used in defining a style are stored in CSS variables. The variable names are documented in their corresponding arguments. For example, the color selected for <code>background_color</code> is stored in the variable <code>--background-color</code>. These variables can be used in custom CSS rules or in other arguments in any style functions, for example as <code><a href="https://rdrr.io/r/stats/cor.html">var(--background-color)</a></code>.</p></li>
  115. <li><p>xaringanthemer now uses a different set of default fonts for heading and body fonts. The new defaults use <a href="https://fonts.google.com/specimen/Cabin">Cabin</a> for headings and <a href="https://fonts.google.com/specimen/Noto+Sans">Noto Sans</a> for body text. These fonts are easier to read on screens and at a distance during presentations, and they support a wide variety of languages and weights. Another reason for the change is that the xaringan (remarkjs) default body font, <em>Droid Serif</em>, is no longer officially included in Google Fonts.</p></li>
  116. <li><p>Additional colors can be provided in the <code>colors</code> argument, which takes a named vector of colors. The names become both CSS classes and CSS variables that can be used throughout your slide styles. For example, <code>colors = c(red = "#d34213")</code> creates a <code>.red</code> CSS class for red foreground text, a <code>.bg-red</code> CSS class for a red background, and a <code>--red</code> CSS variable that can be referenced as <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code> in any <code>_color</code> argument of your style function.</p></li>
  117. </ul>
  118. <div id="bugfixes-and-improvements" class="section level2">
  119. <h2 class="hasAnchor">
  120. <a href="#bugfixes-and-improvements" class="anchor"></a>Bugfixes and Improvements</h2>
  121. <ul>
  122. <li><p>Better handling of multiple <code>extra_fonts</code>, including improved error messages. (Thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/19'>#19</a>).</p></li>
  123. <li><p><code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> (previously <code><a href="../reference/xaringanthemer-deprecated.html">write_extra_css()</a></code>) gained an <code>append</code> argument so that it can append to or overwrite an existing file (thanks <a href='https://github.com/pat-s'>@pat-s</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/17'>#17</a>).</p></li>
  124. <li><p>The underlying tibble holding the theme template variables was updated to work with <code>tibble 3.0.0</code> (thanks <a href='https://github.com/techisdead'>@techisdead</a>, <a href='https://github.com/SymbolixAU'>@SymbolixAU</a>, <a href='https://github.com/gadenbuie/xaringanthemer/issues/32'>#32</a>).</p></li>
  125. </ul>
  126. </div>
  127. </div>
  128. </div>
  129. <div class="col-md-3 hidden-xs hidden-sm" id="pkgdown-sidebar">
  130. <nav id="toc" data-toggle="toc" class="sticky-top">
  131. <h2 data-toc-skip>Contents</h2>
  132. </nav>
  133. </div>
  134. </div>
  135. <footer>
  136. <div class="copyright">
  137. <p>Developed by <a href='https://www.garrickadenbuie.com'>Garrick Aden-Buie</a>.</p>
  138. </div>
  139. <div class="pkgdown">
  140. <p>Site built with <a href="https://pkgdown.r-lib.org/">pkgdown</a> 1.5.0.</p>
  141. </div>
  142. </footer>
  143. </div>
  144. </body>
  145. </html>