Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
This branch is 42 commits ahead, 237 commits behind cgcostume:main.

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time

Portfolio optimized for researchers and those who strive for a minimal, file-based "content management" (Datafolio). The complete site's content is based on a json/xml file per section (e.g., contact.json, projects.json, publications.json, talks.json, and teaching.json) as well as the pages _config.yml information.

Build Status



  • responsive single-page using Bootstrap 4
  • multi-language support
  • sections for publications, projects, talks/keynotes, teaching, contact, and more
  • section contents loaded from json data-files (_data)
  • unique, distinguishable layouts per section
  • dynamic integration of Flickr photo sets (with basic caching)
  • php and javascript free contact form using Formspree
  • optimized for GitHub Pages deployment (uses no unsupported plugins)
  • minimizes html and css (currently using compress layout method)
  • takes advantage of jsDelivr and Google Fonts
  • easy BibTeX provisioning (show, select, and copy to clipboard, as well as download .bib)
  • valid html5 output (nearly-valid css, due to some issues in bootstrap)
  • responsive navigation (with scrollspy) comprising a top-page link (author or icon), section links (nav-links or dropdown-items), and a language toggle for all used languages
  • support for vCard via file and QR Code
  • basic Travis CI integration


Datafolio uses Jekyll, Bootstrap 4, Blueimp Gallery, can access the Flickr API and relies on jsDelivr, Google Fonts, and Formspree.

Setting up the Build Environment (on Windows)

For the development and testing of the website jekyll ( is required. A fast and simple setup of jekyll, is possible via chocolatey ( either using the setup.bat script or proceed as follows (for non-Windows platforms the specific package managers, e.g., apt-get, can be used instead of Chocolatey):

  • For installing chocolatey open a command prompt as administrator and run the following command:
@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString(''))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
  • Now close the command prompt and open a new one (not necessarily with administrative priviliges) to install jekyll (which requires ruby) by running:
choco install ruby -y
gem install jekyll

For deployment of the website, the following optimizations (mostly minimizations) that require node, npm as well as uncss, cssmin, and svgo should be considered.

  • Open a command prompt and run;
choco install nodejs -y
npm install
npm update

This should already install all required packages listed in package.json.

  • However, if a package was not found (e.g., svgo), try manually installing it by running:
npm install -g svgo

Building the Website (any platform)

  • Auto rebuilding (on any change) and watching the website (stored in '_site') can be done by running (requires only jekyll)
jekyll serve

With the server running, the website should be available at http://localhost:4000.


Data-based portfolio (datafolio) using Jekyll, Bootstrap, and gh-pages.







No packages published


  • SCSS 86.4%
  • HTML 9.4%
  • TeX 2.4%
  • JavaScript 1.8%