https://alexsocarras.netlify.app/ Recent content on Alex Socarrás Hugo -- gohugo.io en Thu, 28 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/day02/01-netlify/ Sat, 02 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/day02/01-netlify/ So far, we’ve been leveraging GitHub Pages for publishing. This works great, but for blogdown we’ll start using Netlify. Let’s start RIGHT NOW with a site we’ve already built and published. Pre-requisites Pick either your postcards site, or your distill site from day 01. Refresh your memory- which repository was it again? https://alexsocarras.netlify.app/blog/spoonful-series/01-spoonful/ Fri, 01 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/spoonful-series/01-spoonful/ Hi, I'm the here-bot cat! Use me to find your way in your website. Here I am: content/blog/spoonful-series/01-spoonful.md To remove me, delete this line inside that file: {{< here >}} My content section is: blog My layout is: single-series does this work? or this? Let’s start. beginning middle end https://alexsocarras.netlify.app/collection/day01/01-github/ Fri, 01 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/day01/01-github/ Profile https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/personalizing-your-profile Pin projects to profile https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/pinning-items-to-your-profile Profile README This is new! Let’s do it: https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/managing-your-profile-readme https://alexsocarras.netlify.app/collection/prework/ Fri, 01 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/prework/ Welcome to the Introducing Yourself Online workshop! We look forward to meeting you. Before attending the workshop, please complete the following prework. Set up RStudio Cloud Sign up for a free RStudio Cloud account at https://rstudio.cloud/ before the workshop. I recommend logging in with an existing Google or GitHub account, if you have one (rather than creating a new account with another password you have to remember). https://alexsocarras.netlify.app/collection/day01/02-postcards/ Sat, 02 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/day01/02-postcards/ Pre-requisites First, make sure you have the latest version of the postcards package installed from CRAN: install.packages("postcards") Restart your R session. If you use RStudio, use the menu item Session > Restart R or the associated keyboard shortcut: Ctrl + Shift + F10 (Windows and Linux) or Command + Shift + F10 (Mac OS). packageVersion("postcards") [1] ‘0.2.0’ Create GitHub repo Online. https://alexsocarras.netlify.app/blog/spoonful-series/02-spoonful/ Sat, 02 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/spoonful-series/02-spoonful/ Hi, I'm the here-bot cat! Use me to find your way in your website. Here I am: content/blog/spoonful-series/02-spoonful/index.md To remove me, delete this line inside that file: {{< here >}} My content section is: blog My layout is: single-series Images in this page bundle: /blog/spoonful-series/02-spoonful/sidebar-inverse.jpg part 2! does this work? now for some very cool things more get ready! https://alexsocarras.netlify.app/collection/day02/02-blogdown/ Fri, 01 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/day02/02-blogdown/ Pre-requisites First, make sure you have the latest version of the blogdown package installed from CRAN: install.packages("blogdoown") Restart your R session. If you use RStudio, use the menu item Session > Restart R or the associated keyboard shortcut: Ctrl + Shift + F10 (Windows and Linux) or Command + Shift + F10 (Mac OS). packageVersion("blogdown") [1] ‘1.0’ Create GitHub repo Online. https://alexsocarras.netlify.app/blog/spoonful-series/03-spoonful/ Sun, 03 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/blog/spoonful-series/03-spoonful/ Hi, I'm the here-bot cat! Use me to find your way in your website. Here I am: content/blog/spoonful-series/03-spoonful/index.markdown Here is my R Markdown source file: blog/spoonful-series/03-spoonful/index.Rmarkdown You'll want to edit this file, then re-knit to see the changes take effect in your site preview. To remove me, delete this line inside that file: {{< here >}} My content section is: blog My layout is: single-series Images in this page bundle: /blog/spoonful-series/03-spoonful/featured-photo. https://alexsocarras.netlify.app/collection/day01/03-distill/ Sat, 02 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/day01/03-distill/ Pre-requisites First, make sure you have the latest version of the distill package installed from CRAN: install.packages("distill") Restart your R session. If you use RStudio, use the menu item Session > Restart R or the associated keyboard shortcut: Ctrl + Shift + F10 (Windows and Linux) or Command + Shift + F10 (Mac OS). <!-- --> packageVersion("distill") [1] ‘1.2’ Create GitHub repo Online. https://alexsocarras.netlify.app/collection/day02/03-blogdown/ Sat, 02 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/collection/day02/03-blogdown/ Hi, I'm the here-bot cat! Use me to find your way in your website. Here I am: content/collection/day02/03-blogdown/index.md To remove me, delete this line inside that file: {{< here >}} My content section is: collection My layout is: single-series part 2! does this work? now for some very cool things more get ready! 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/talk/campfire/ Tue, 12 Jan 2021 00:00:00 +0000 https://alexsocarras.netlify.app/talk/campfire/ I’m really excited to give this talk! Stay tuned for video and slides. 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/talk/second-seedling/ Fri, 01 Jan 2021 14:15:59 -0600 https://alexsocarras.netlify.app/talk/second-seedling/ 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/talk/seedling/ Mon, 13 Jan 2020 14:15:59 -0600 https://alexsocarras.netlify.app/talk/seedling/ https://alexsocarras.netlify.app/project/giraffes/ Wed, 03 Jul 2019 00:00:00 +0000 https://alexsocarras.netlify.app/project/giraffes/ Tachyons is a design system that allows you to design gorgeous interfaces in the browser with little effort. Because Speed Building this static site generator theme was the first time I used an Atomic (or Functional) CSS system like Tachyons. It’s a design system that provides very small (which means fast) CSS modules that you can use in your HTML. So, rather than writing every line of CSS, you apply the style you need as you write your HTML with easy to understand shorthand class names. 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/project/penguins/ Tue, 02 Jul 2019 00:00:00 +0000 https://alexsocarras.netlify.app/project/penguins/ “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 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/project/bakeoff/ Mon, 01 Jul 2019 00:00:00 +0000 https://alexsocarras.netlify.app/project/bakeoff/ 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. 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. https://alexsocarras.netlify.app/elements/ Mon, 18 Feb 2019 12:27:33 -0600 https://alexsocarras.netlify.app/elements/ Font Sizes A A A A A A A A 6rem (96px) 5rem (80px) 3rem (48px) 2.25rem (36px) 1.5rem (24px) 1.25rem (20px) 1rem (16px) .875rem (14px) Type Samples Head­line Sub­head­line Level 1 Heading One page to rule them all...well, not really. This page displays sample typography and page elements to illustrate their style. Things like headings and paragraphs showing the beautiful type scale, form elements, tabular data, and image layouts just to name a few. https://alexsocarras.netlify.app/contact/ Mon, 01 Jan 0001 00:00:00 +0000 https://alexsocarras.netlify.app/contact/ ** Contact page don’t contain a body, just the front matter above. See form.html in the layouts folder. Formspree requires a (free) account and new form to be set up. The link is made on the final published url in the field: Restrict to Domain. It is possible to register up to 2 emails free and you can select which one you want the forms to go to within Formspree in the Settings tab. https://alexsocarras.netlify.app/contributors/ Mon, 01 Jan 0001 00:00:00 +0000 https://alexsocarras.netlify.app/contributors/ Thank you to all the folks who have contributed both technical and creative skills to this project: Desirée De Leon 🦒 (designed 5 of the custom color themes, made illustrations for the workshop, and provided general aesthetic feedback along the way) Garrick Aden-Buie 🧙‍♀️ (debugged headroom.js and lent his panelset.js code to the theme) Allison Horst 🐕 (awesome illustrations of campfires, seedlings, and evergreens, as well as my R Markdown hedgehog mascot 🦔) https://alexsocarras.netlify.app/license/ Mon, 01 Jan 0001 00:00:00 +0000 https://alexsocarras.netlify.app/license/ My blog posts are released under a Creative Commons Attribution-ShareAlike 4.0 International License.