Background Image, More Projects

Background image:

Yes it is a bit of a hack, but it mostly works (modified a little from the customize section doc and lifted and expanded from the background issue on the github site):

  • set in config.toml
    • custom_css = [“custom.css”]
  • add custom.css under your static/css directory
  • put your background image where you want it
    • I stuck mine in with the banners
  • put this chunk of css code in custom.css:
.home-section:nth-of-type(odd) {
    background-image: url('../img/banners/background.jpg');
}

.home-section:nth-of-type(even) {
    background-image: url('../img/banners/background.jpg');
}
.article:nth-of-type(odd) {
    background-image: url('../img/banners/background.jpg');
}

.article:nth-of-type(even) {
    background-image: url('../img/banners/background.jpg');
}

Ok well, it almost works, the project background doesn’t expand along the edges like the article version does. Not sure yet what those magic words might be.

New projects added:

Nice to have these go fairly easily:

  • frogs
  • fungi
  • odds -n ends

Getting a bit tag happy, but I’ll eventually trim them.