https://alexsocarras.netlify.app/blog/ Recent content in A Blog That Works on Alex Socarrás Hugo -- gohugo.io en Thu, 28 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/social/ Thu, 28 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/social/ There are five places where you can choose to show social icons. Here is the tl;dr: site header (set in config.toml), site footer (set in config.toml), homepage (set in content/_index.md), about page in the sidebar (set in content/about/sidebar/index.md), and contact page (set in content/form/contact.md). Read on to learn how to set up your social icons, and how to show/hide them. Configure social Wherever you end up wanting to show your social icons, you’ll need to start by setting up the links in your site config. https://alexsocarras.netlify.app/blog/color-themes/ Wed, 27 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/color-themes/ You can totally customize your site’s theme colors within minutes of creating a new site. Read on to find out how, and decide which of the three options meets your needs. Use a color theme Hugo Apéro includes 8 built-in color themes that work “out of the box.” This means you can use a color theme to quickly customize the look of your site without needing to write any CSS. https://alexsocarras.netlify.app/blog/fonts/ Wed, 27 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/fonts/ As with color themes, you can completely customize your site’s fonts within minutes of creating a new site. How you do it depends on how much control and customization you need. Embedded fonts Hugo Apéro includes 6 embedded fonts that work “out of the box.” We selected 3 serif and 3 sans-serif options that we thought looked good with this theme, in our humble opinions. All embedded fonts include real italics so you may emphasize to your heart’s content ❤️! https://alexsocarras.netlify.app/blog/evergreen/ Wed, 20 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/evergreen/ Rendering mathematical equations Examples from the mathjax demo. But they work with katex as well. Rmarkdown In .Rmarkdown documents, you can use either $a \ne 0$ to get inline math: \(a \ne 0\). There is no conflict with using dollar symbols regularly, because knitr automatically escapes freestanding dollar symbols. And you can use $x = {-b \pm \sqrt{b^2-4ac} \over 2a}.$$ to get a math paragraph: https://alexsocarras.netlify.app/blog/seedling/ Sat, 02 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/seedling/ Courtesy of panelset.js by Garrick Aden-Buie, from his xaringanExtra package: https://pkg.garrickadenbuie.com/xaringanExtra/#/panelset For example, this panelset: Hello! 👋 hello Goodbye 💨 goodbye Was created by combining this theme’s panelset and panel shortcodes: {{< panelset class="greetings" >}} {{< panel name="Hello! :wave:" >}} hello {{< /panel >}} {{< panel name="Goodbye :dash:" >}} goodbye {{< /panel >}} {{< /panelset >}} You could also revert to HTML as well. For example, this panelset: https://alexsocarras.netlify.app/blog/rmarkdown/ Wed, 30 Dec 2020 00:00:00 +0000 https://alexsocarras.netlify.app/blog/rmarkdown/ Air quality with(airquality, boxplot(Temp ~ Month)) with(airquality, plot(Ozone ~ Temp)) mlev <- levels(with(airquality, as.factor(Month))) with(airquality, plot(Ozone ~ Temp, pch = as.numeric(mlev), col = mlev)) https://alexsocarras.netlify.app/blog/css-grid-scaffold/ Tue, 02 Jul 2019 00:00:00 +0000 https://alexsocarras.netlify.app/blog/css-grid-scaffold/ “Grid is the very first CSS module created specifically to solve the layout problems we’ve all been hacking our way around for as long as we’ve been making websites.” — Chris House, A Complete Guide to CSS Grid Layout 1 Overview Since I began building websites in Y2K, I’ve lost count how many times the phrase “…there’s got to be a better way to do this” has passed my lips. https://alexsocarras.netlify.app/blog/built-in-contact-form/ Mon, 01 Jul 2019 00:00:00 +0000 https://alexsocarras.netlify.app/blog/built-in-contact-form/ Formspree makes it easy to receive submissions from HTML forms on your static website. Functional Form This theme has a form-to-email feature built in, thanks to the simple Formspree integration. All you need to activate the form is a valid recipient email address saved in the front matter of the form (/content/forms/contact.md). Of course, the example shown below (your@email.here) must not be used.