~hyphaebeast/yogababy

Static site template for Hugo intended to be used with blogdown (but works perfectly fine standalone). https://yogababy.surge.sh
update padding in templates
add more descriptive blopgdown setup
add Fathom analytics partial for anyone who wants to use not Google...

refs

master
browse  log 

clone

read-only
https://git.sr.ht/~hyphaebeast/yogababy
read/write
git@git.sr.ht:~hyphaebeast/yogababy

You can also use your local clone with git send-email.

#Yoga Baby [demo]

Static site template for Hugo intended to be used with blogdown (but works perfectly fine standalone). Suitable for data dashboards, documentation sites, and really any R output that you might want to put into a grid and host as flat files... Think Shiny, but output is rendered to a static HTML/CSS/JS site (and doesn't need an R process/server to run).

Underlying CSS built on Bulma, so any Bulma classes and components work as well.

demo of the interface

#Hugo Usage

# create a new hugo site
hugo new site quickstart
cd quickstart

# initialize the theme
git init
git submodule add https://git.sr.ht/~hyphaebeast/yogababy themes/yogababy
echo 'theme = "yogababy"' >> config.toml

# serve the site!
hugo serve -D

#blogdown Usage

The easiest blogdown path forward is to use RStudio: https://bookdown.org/yihui/blogdown/rstudio-ide.html

create new blogdown site in Rstudio menu setup theme with rstudio

Once RStudio has done its magic to setup a new blogdown site:

cd my-new-site
git init

# install theme as submodule
git submodule add https://git.sr.ht/~hyphaebeast/yogababy themes/yogababy
cp -r themes/yogababy/exampleSite/* .

serve blogdown site with rstudio

#Customization

The theme can be configured and styled through the config.toml. To customize CSS directy add styles to /css/custom.css.

...

[[params.nav]]
    link = "https://git.sr.ht/~hyphaebeast/yogababy"
    text = "External Link"

[[params.nav]]
    link = "/about/"
    text = "About"
    
[[params.colors]]
  # recommended colors: http://tachyons.io/docs/themes/skins/ (specify the rgb or hex).
  # Also, SASS works here too
  primary = "lighten(rgb(75, 58, 48), 10%)" #
  secondary = "darken(rgb(241, 209, 177), 10%)" #
  background = "lighten(rgb(75, 58, 48), 10%)"
  text = "rgb(255, 255, 255)"
  inverse_text = "rgb(74, 74, 74)"
  nav = "rgb(75, 58, 48)"
  link = "darken(#9EEBCF, 10%)"
  accent = "rgb(226, 120, 102)"
  header = "rgb(255, 255, 255)"
  footer = "rgb(250, 250, 250)"


[[params.fonts]]
  sans-serif = "Verdana"

...

#LICENSE

Zero clause BSD (effectively public domain). Do whatever you want....

#Colophon

Named after Sam Oliver's fake company (with fake logo)... that is now a totally real company.

"Yoga Baby” logo/name © Pigment licensed under CC BY-SA 4.0 Creative Commons Attribution-Share Alike