Просмотр исходного кода
Deploy from Github Actions build 79472964 [ci skip]
Build URL: https://github.com/gadenbuie/xaringanthemer/actions/runs/Github Actions build 79472964 Commit: 359e8a92f857f008981eb031d30de78b6f3ab459gh-pages
13 измененных файлов: 59 добавлений и 59 удалений
+ 10
- 10
articles/themes.html
Просмотреть файл
| @@ -194,13 +194,13 @@ | |||
| <div class="sourceCode" id="cb9"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</pre></body></html></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p> | |||
| <p>To do this, your YAML header should look more-or-less like this:</p> | |||
| <div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb10-1" data-line-number="1"><span class="fu">output:</span></a> | |||
| <a class="sourceLine" id="cb10-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a> | |||
| <a class="sourceLine" id="cb10-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a> | |||
| <a class="sourceLine" id="cb10-4" data-line-number="4"> <span class="fu">nature:</span></a> | |||
| <a class="sourceLine" id="cb10-5" data-line-number="5"> <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a> | |||
| <a class="sourceLine" id="cb10-6" data-line-number="6"> <span class="fu">highlightLines:</span><span class="at"> true</span></a> | |||
| <a class="sourceLine" id="cb10-7" data-line-number="7"> <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div> | |||
| <div class="sourceCode" id="cb10"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb10-1"><a href="#cb10-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb10-2"><a href="#cb10-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||
| <span id="cb10-3"><a href="#cb10-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span> | |||
| <span id="cb10-4"><a href="#cb10-4"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||
| <span id="cb10-5"><a href="#cb10-5"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span> | |||
| <span id="cb10-6"><a href="#cb10-6"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span> | |||
| <span id="cb10-7"><a href="#cb10-7"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div> | |||
| </div> | |||
| </div> | |||
| <div id="colors" class="section level2"> | |||
| @@ -215,10 +215,10 @@ | |||
| <span class="kw">green</span> <span class="kw">=</span> <span class="st">"#136f63"</span>, | |||
| <span class="kw">white</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>, | |||
| )</pre></body></html></div> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||
| <p>So slide text like this</p> | |||
| <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb12-1" data-line-number="1">This **.red[simple]** .white.bg-purple[demo] </a> | |||
| <a class="sourceLine" id="cb12-2" data-line-number="2">_.orange[shows]_ the colors .green[in action].</a></code></pre></div> | |||
| <div class="sourceCode" id="cb12"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb12-1"><a href="#cb12-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | |||
| <span id="cb12-2"><a href="#cb12-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | |||
| <p>will be rendered in HTML as</p> | |||
| <blockquote> | |||
| This <strong><span style="color: #f34213">simple</span></strong> <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> <em style="color:#ff8811">shows</em> the colors <span style="color:#136f63">in action</span>. | |||
+ 31
- 31
articles/xaringanthemer.html
Просмотреть файл
| @@ -115,19 +115,19 @@ img { max-width: 100%; } | |||
| <a href="#quick-intro" class="anchor"></a>Quick Intro</h2> | |||
| <!-- Set link to theme-settings, template-variables, theme functions --> | |||
| <p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p> | |||
| <div class="sourceCode" id="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb1-1" data-line-number="1"><span class="fu">output:</span></a> | |||
| <a class="sourceLine" id="cb1-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a> | |||
| <a class="sourceLine" id="cb1-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div> | |||
| <div class="sourceCode" id="cb1"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb1-1"><a href="#cb1-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb1-2"><a href="#cb1-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||
| <span id="cb1-3"><a href="#cb1-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre></div> | |||
| <p>Then, in a hidden chunk just after the knitr setup chunk, load <strong>xaringanthemer</strong> and try one of the <a href="#themes">theme functions</a>.</p> | |||
| <div class="sourceCode" id="cb2"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb2-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a> | |||
| <a class="sourceLine" id="cb2-2" data-line-number="2">library(xaringanthemer)</a> | |||
| <a class="sourceLine" id="cb2-3" data-line-number="3">style_mono_light(</a> | |||
| <a class="sourceLine" id="cb2-4" data-line-number="4"> base_color = "#1c5253",</a> | |||
| <a class="sourceLine" id="cb2-5" data-line-number="5"> header_font_google = google_font("Josefin Sans"),</a> | |||
| <a class="sourceLine" id="cb2-6" data-line-number="6"> text_font_google = google_font("Montserrat", "300", "300i"),</a> | |||
| <a class="sourceLine" id="cb2-7" data-line-number="7"> code_font_google = google_font("Droid Mono")</a> | |||
| <a class="sourceLine" id="cb2-8" data-line-number="8">)</a> | |||
| <a class="sourceLine" id="cb2-9" data-line-number="9">```</a></code></pre></div> | |||
| <div class="sourceCode" id="cb2"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb2-1"><a href="#cb2-1"></a><span class="bn">```{r xaringan-themer, include = FALSE}</span></span> | |||
| <span id="cb2-2"><a href="#cb2-2"></a><span class="bn">library(xaringanthemer)</span></span> | |||
| <span id="cb2-3"><a href="#cb2-3"></a><span class="bn">style_mono_light(</span></span> | |||
| <span id="cb2-4"><a href="#cb2-4"></a><span class="bn"> base_color = "#1c5253",</span></span> | |||
| <span id="cb2-5"><a href="#cb2-5"></a><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></span> | |||
| <span id="cb2-6"><a href="#cb2-6"></a><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||
| <span id="cb2-7"><a href="#cb2-7"></a><span class="bn"> code_font_google = google_font("Droid Mono")</span></span> | |||
| <span id="cb2-8"><a href="#cb2-8"></a><span class="bn">)</span></span> | |||
| <span id="cb2-9"><a href="#cb2-9"></a><span class="bn">```</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p> | |||
| <div id="matching-ggplot-themes" class="section level3"> | |||
| <h3 class="hasAnchor"> | |||
| @@ -253,13 +253,13 @@ img { max-width: 100%; } | |||
| <div class="sourceCode" id="cb12"><html><body><pre class="r"><span class="fu"><a href="../reference/style_solarized_dark.html">style_solarized_dark</a></span>()</pre></body></html></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_solarized_dark.png" data-external="1"></p> | |||
| <p>To do this, your YAML header should look more-or-less like this:</p> | |||
| <div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb13-1" data-line-number="1"><span class="fu">output:</span></a> | |||
| <a class="sourceLine" id="cb13-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a> | |||
| <a class="sourceLine" id="cb13-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></a> | |||
| <a class="sourceLine" id="cb13-4" data-line-number="4"> <span class="fu">nature:</span></a> | |||
| <a class="sourceLine" id="cb13-5" data-line-number="5"> <span class="fu">highlightStyle:</span><span class="at"> solarized-dark</span></a> | |||
| <a class="sourceLine" id="cb13-6" data-line-number="6"> <span class="fu">highlightLines:</span><span class="at"> true</span></a> | |||
| <a class="sourceLine" id="cb13-7" data-line-number="7"> <span class="fu">countIncrementalSlides:</span><span class="at"> false</span></a></code></pre></div> | |||
| <div class="sourceCode" id="cb13"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb13-1"><a href="#cb13-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb13-2"><a href="#cb13-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||
| <span id="cb13-3"><a href="#cb13-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> </span><span class="kw">[</span><span class="st">"xaringan-themer.css"</span><span class="kw">]</span></span> | |||
| <span id="cb13-4"><a href="#cb13-4"></a><span class="at"> </span><span class="fu">nature</span><span class="kw">:</span></span> | |||
| <span id="cb13-5"><a href="#cb13-5"></a><span class="at"> </span><span class="fu">highlightStyle</span><span class="kw">:</span><span class="at"> solarized-dark</span></span> | |||
| <span id="cb13-6"><a href="#cb13-6"></a><span class="at"> </span><span class="fu">highlightLines</span><span class="kw">:</span><span class="at"> </span><span class="ch">true</span></span> | |||
| <span id="cb13-7"><a href="#cb13-7"></a><span class="at"> </span><span class="fu">countIncrementalSlides</span><span class="kw">:</span><span class="at"> </span><span class="ch">false</span></span></code></pre></div> | |||
| </div> | |||
| </div> | |||
| </div> | |||
| @@ -350,10 +350,10 @@ img { max-width: 100%; } | |||
| <span class="kw">green</span> <span class="kw">=</span> <span class="st">"#136f63"</span>, | |||
| <span class="kw">white</span> <span class="kw">=</span> <span class="st">"#FFFFFF"</span>, | |||
| )</pre></body></html></div> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||
| <p>and creates CSS classes from the color name that set the text color — e.g. <code>.red</code> — or that set the background color — e.g. <code>.bg-red</code>. If you use custom CSS in your slides, the color name is also stored in a CSS variable — e.g. <code><a href="https://rdrr.io/r/stats/cor.html">var(--red)</a></code>.</p> | |||
| <p>So slide text like this</p> | |||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb19-1" data-line-number="1">This **.red[simple]** .white.bg-purple[demo] </a> | |||
| <a class="sourceLine" id="cb19-2" data-line-number="2">_.orange[shows]_ the colors .green[in action].</a></code></pre></div> | |||
| <div class="sourceCode" id="cb19"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb19-1"><a href="#cb19-1"></a>This **.red[simple]** .white.bg-purple[demo] </span> | |||
| <span id="cb19-2"><a href="#cb19-2"></a>_.orange[shows]_ the colors .green[in action].</span></code></pre></div> | |||
| <p>will be rendered in HTML as</p> | |||
| <blockquote> | |||
| This <strong><span style="color: #f34213">simple</span></strong> <span style="color:#FFFFFF;background-color:#3e2f5b;">demo</span> <em style="color:#ff8811">shows</em> the colors <span style="color:#136f63">in action</span>. | |||
| @@ -374,15 +374,15 @@ This <strong><span style="color: #f34213">simple</span></strong> <span style="co | |||
| )</pre></body></html></div> | |||
| <p>If you would rather keep your additional css definitions in a separate file, you can call <code><a href="../reference/style_extra_css.html">style_extra_css()</a></code> separately. Just be sure to include your new CSS file in the list of applied files in your YAML header.</p> | |||
| <div class="sourceCode" id="cb21"><html><body><pre class="r"><span class="fu"><a href="../reference/style_extra_css.html">style_extra_css</a></span>(<span class="kw">css</span> <span class="kw">=</span> <span class="no">extra_css</span>, <span class="kw">outfile</span> <span class="kw">=</span> <span class="st">"custom.css"</span>)</pre></body></html></div> | |||
| <div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><a class="sourceLine" id="cb22-1" data-line-number="1"><span class="co">/* Extra CSS */</span></a> | |||
| <a class="sourceLine" id="cb22-2" data-line-number="2"><span class="fu">.small</span> {</a> | |||
| <a class="sourceLine" id="cb22-3" data-line-number="3"> <span class="kw">font-size</span>: <span class="dv">90%</span>;</a> | |||
| <a class="sourceLine" id="cb22-4" data-line-number="4">}</a> | |||
| <a class="sourceLine" id="cb22-5" data-line-number="5"><span class="fu">.full-width</span> {</a> | |||
| <a class="sourceLine" id="cb22-6" data-line-number="6"> <span class="kw">display</span>: flex;</a> | |||
| <a class="sourceLine" id="cb22-7" data-line-number="7"> <span class="kw">width</span>: <span class="dv">100%</span>;</a> | |||
| <a class="sourceLine" id="cb22-8" data-line-number="8"> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="dv">auto</span>;</a> | |||
| <a class="sourceLine" id="cb22-9" data-line-number="9">}</a></code></pre></div> | |||
| <div class="sourceCode" id="cb22"><pre class="sourceCode css"><code class="sourceCode css"><span id="cb22-1"><a href="#cb22-1"></a><span class="co">/* Extra CSS */</span></span> | |||
| <span id="cb22-2"><a href="#cb22-2"></a><span class="fu">.small</span> {</span> | |||
| <span id="cb22-3"><a href="#cb22-3"></a> <span class="kw">font-size</span>: <span class="dv">90</span><span class="dt">%</span><span class="op">;</span></span> | |||
| <span id="cb22-4"><a href="#cb22-4"></a>}</span> | |||
| <span id="cb22-5"><a href="#cb22-5"></a><span class="fu">.full-width</span> {</span> | |||
| <span id="cb22-6"><a href="#cb22-6"></a> <span class="kw">display</span>: flex<span class="op">;</span></span> | |||
| <span id="cb22-7"><a href="#cb22-7"></a> <span class="kw">width</span>: <span class="dv">100</span><span class="dt">%</span><span class="op">;</span></span> | |||
| <span id="cb22-8"><a href="#cb22-8"></a> <span class="kw">flex</span>: <span class="dv">1</span> <span class="dv">1</span> <span class="bu">auto</span><span class="op">;</span></span> | |||
| <span id="cb22-9"><a href="#cb22-9"></a>}</span></code></pre></div> | |||
| <p>This is most helpful when wanting to define helper classes to work with the <a href="https://github.com/gnab/remark">remark.js</a> <code>.class[]</code> syntax. Using the above example, we could add slide text <code>.small[in smaller font size]</code>.</p> | |||
| <hr> | |||
| <p><strong>xaringanthemer</strong> was built by <a href="https://www.garrickadenbuie.com">Garrick Aden-Buie</a> (<a href="https://twitter.com/grrrck">@grrrck</a>).</p> | |||
+ 13
- 13
index.html
Просмотреть файл
| @@ -118,19 +118,19 @@ Easy slide and plot themes for xaringan slides. | |||
| <a href="#quick-intro" class="anchor"></a>Quick Intro</h2> | |||
| <!-- Set link to theme-settings, template-variables, theme functions --> | |||
| <p>First, add the <code>xaringan-themer.css</code> file to the YAML header of your xaringan slides.</p> | |||
| <div class="sourceCode" id="cb3"><pre class="sourceCode yaml"><code class="sourceCode yaml"><a class="sourceLine" id="cb3-1" data-line-number="1"><span class="fu">output:</span></a> | |||
| <a class="sourceLine" id="cb3-2" data-line-number="2"> <span class="fu">xaringan:</span><span class="at">:moon_reader:</span></a> | |||
| <a class="sourceLine" id="cb3-3" data-line-number="3"> <span class="fu">css:</span><span class="at"> xaringan-themer.css</span></a></code></pre></div> | |||
| <div class="sourceCode" id="cb3"><pre class="sourceCode yaml"><code class="sourceCode yaml"><span id="cb3-1"><a href="#cb3-1"></a><span class="fu">output</span><span class="kw">:</span></span> | |||
| <span id="cb3-2"><a href="#cb3-2"></a><span class="at"> xaringan:</span><span class="fu">:moon_reader</span><span class="kw">:</span></span> | |||
| <span id="cb3-3"><a href="#cb3-3"></a><span class="at"> </span><span class="fu">css</span><span class="kw">:</span><span class="at"> xaringan-themer.css</span></span></code></pre></div> | |||
| <p>Then, in a hidden chunk just after the knitr setup chunk, load <strong>xaringanthemer</strong> and try one of the <a href="#themes">theme functions</a>.</p> | |||
| <div class="sourceCode" id="cb4"><pre class="sourceCode markdown"><code class="sourceCode markdown"><a class="sourceLine" id="cb4-1" data-line-number="1">```{r xaringan-themer, include = FALSE}</a> | |||
| <a class="sourceLine" id="cb4-2" data-line-number="2">library(xaringanthemer)</a> | |||
| <a class="sourceLine" id="cb4-3" data-line-number="3">style_mono_light(</a> | |||
| <a class="sourceLine" id="cb4-4" data-line-number="4"> base_color = "#1c5253",</a> | |||
| <a class="sourceLine" id="cb4-5" data-line-number="5"> header_font_google = google_font("Josefin Sans"),</a> | |||
| <a class="sourceLine" id="cb4-6" data-line-number="6"> text_font_google = google_font("Montserrat", "300", "300i"),</a> | |||
| <a class="sourceLine" id="cb4-7" data-line-number="7"> code_font_google = google_font("Droid Mono")</a> | |||
| <a class="sourceLine" id="cb4-8" data-line-number="8">)</a> | |||
| <a class="sourceLine" id="cb4-9" data-line-number="9">```</a></code></pre></div> | |||
| <div class="sourceCode" id="cb4"><pre class="sourceCode markdown"><code class="sourceCode markdown"><span id="cb4-1"><a href="#cb4-1"></a><span class="bn">```{r xaringan-themer, include = FALSE}</span></span> | |||
| <span id="cb4-2"><a href="#cb4-2"></a><span class="bn">library(xaringanthemer)</span></span> | |||
| <span id="cb4-3"><a href="#cb4-3"></a><span class="bn">style_mono_light(</span></span> | |||
| <span id="cb4-4"><a href="#cb4-4"></a><span class="bn"> base_color = "#1c5253",</span></span> | |||
| <span id="cb4-5"><a href="#cb4-5"></a><span class="bn"> header_font_google = google_font("Josefin Sans"),</span></span> | |||
| <span id="cb4-6"><a href="#cb4-6"></a><span class="bn"> text_font_google = google_font("Montserrat", "300", "300i"),</span></span> | |||
| <span id="cb4-7"><a href="#cb4-7"></a><span class="bn"> code_font_google = google_font("Droid Mono")</span></span> | |||
| <span id="cb4-8"><a href="#cb4-8"></a><span class="bn">)</span></span> | |||
| <span id="cb4-9"><a href="#cb4-9"></a><span class="bn">```</span></span></code></pre></div> | |||
| <p><img src="https://raw.githubusercontent.com/gadenbuie/xaringanthemer/assets/example_mono_light_1c5253.png" alt="Example title and normal slides using a green xaringanthemer theme" data-external="1"></p> | |||
| <div id="matching-ggplot-themes" class="section level3"> | |||
| <h3 class="hasAnchor"> | |||
| @@ -203,7 +203,7 @@ Easy slide and plot themes for xaringan slides. | |||
| <ul class="list-unstyled"> | |||
| <li><a href="https://CRAN.R-project.org/package=xaringanthemer"><img src="https://www.r-pkg.org/badges/version/xaringanthemer" alt="CRAN status"></a></li> | |||
| <li><a href="https://www.tidyverse.org/lifecycle/#stable"><img src="https://img.shields.io/badge/lifecycle-stable-brightgreen.svg" alt="Lifecycle: stable"></a></li> | |||
| <li><a href="https://travis-ci.com/gadenbuie/xaringanthemer"><img src="https://travis-ci.com/gadenbuie/xaringanthemer.svg?branch=master" alt="travis"></a></li> | |||
| <li><a href="https://github.com/gadenbuie/xaringanthemer/actions"><img src="https://github.com/gadenbuie/xaringanthemer/workflows/CI%20by%20%7Btic%7D/badge.svg?branch=master" alt="CI by {tic}"></a></li> | |||
| <li><a href="https://codecov.io/github/gadenbuie/xaringanthemer"><img src="https://img.shields.io/codecov/c/github/gadenbuie/xaringanthemer" alt="Codecov"></a></li> | |||
| </ul> | |||
| </div> | |||
+ 3
- 3
news/index.html
Просмотреть файл
| @@ -141,13 +141,13 @@ | |||
| <small>Source: <a href='https://github.com/gadenbuie/xaringanthemer/blob/master/NEWS.md'><code>NEWS.md</code></a></small> | |||
| </div> | |||
| <div id="xaringanthemer-0-3-0-dev" class="section level1"> | |||
| <div id="xaringanthemer-030-dev" class="section level1"> | |||
| <h1 class="page-header" data-toc-text="0.3.0"> | |||
| <a href="#xaringanthemer-0-3-0-dev" class="anchor"></a>xaringanthemer 0.3.0 (dev)</h1> | |||
| <a href="#xaringanthemer-030-dev" class="anchor"></a>xaringanthemer 0.3.0 (dev)</h1> | |||
| <ul> | |||
| <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><a href="../reference/scale_xaringan.html">scale_xaringan_discrete()</a></code> and <code><a href="../reference/scale_xaringan.html">scale_xaringan_continuous()</a></code> functions that use your slides’ primary colors for the color or fill aesthetics. These theme functions can recover the primary colors used in a xaringanthemer (>= 0.3.0) CSS file even if you don’t call the style function directly in your slides.</p></li> | |||
| <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> | |||
| <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> | |||
| <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> | |||
| <li><p>The underlying template now uses the <code>whisker</code> package.</p></li> | |||
| <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> | |||
| <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> | |||
+ 2
- 2
pkgdown.yml
Просмотреть файл
| @@ -1,4 +1,4 @@ | |||
| pandoc: '2.2' | |||
| pandoc: 2.7.3 | |||
| pkgdown: 1.5.1 | |||
| pkgdown_sha: ~ | |||
| articles: | |||
| @@ -6,7 +6,7 @@ articles: | |||
| template-variables: template-variables.html | |||
| themes: themes.html | |||
| xaringanthemer: xaringanthemer.html | |||
| last_built: 2020-04-16T02:23Z | |||
| last_built: 2020-04-16T03:20Z | |||
| urls: | |||
| reference: https://pkg.garrickadenbuie.com/xaringanthemer//reference | |||
| article: https://pkg.garrickadenbuie.com/xaringanthemer//articles | |||
Двоичные данные
reference/apply_alpha-1.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 16KB | Width: 1400 | Height: 866 | Size: 37KB |
Двоичные данные
reference/choose_dark_or_light-1.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 18KB | Width: 1400 | Height: 866 | Size: 38KB |
Двоичные данные
reference/lighten_darken_color-1.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 19KB | Width: 1400 | Height: 866 | Size: 39KB |
Двоичные данные
reference/scale_xaringan-1.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 77KB | Width: 1400 | Height: 866 | Size: 110KB |
Двоичные данные
reference/theme_xaringan-1.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 73KB | Width: 1400 | Height: 866 | Size: 107KB |
Двоичные данные
reference/theme_xaringan_base-1.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 91KB | Width: 1400 | Height: 866 | Size: 122KB |
Двоичные данные
reference/theme_xaringan_base-2.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 57KB | Width: 1400 | Height: 866 | Size: 83KB |
Двоичные данные
reference/theme_xaringan_inverse-1.png
Просмотреть файл
| Before | After |
|---|---|
|
|
| Width: 1400 | Height: 866 | Size: 70KB | Width: 1400 | Height: 866 | Size: 103KB |
Загрузка…