No description, website, or topics provided.
Clone or download
cnobre updated README on file to reflect the option of addin…
…g a video for the conference talk and the option of linking to a video hosted on youtube (youtube-id) or vimeo (vimeo-id)
Latest commit 7310839 Nov 12, 2018
Failed to load latest commit information.
_data fixes in multinet and tribune news items Oct 8, 2018
_includes added NSF MultiNet Award Sep 10, 2018
_institutions cleaned up warnings Feb 24, 2016
_layouts added template option for a talk video (use key talk-video in the vid… Nov 12, 2018
_persons More grant stuff Sep 11, 2018
_posts Add origraph poster Oct 20, 2018
_projects Minor fixes in compiser and imwut papers, added composer to carrer grant Sep 21, 2018
_publications updated README on file to reflect the option of addin… Nov 12, 2018
_sass added NSF MultiNet Award Sep 10, 2018
_talks added helmholtz talk Nov 9, 2018
_videos changed title to Juniper Talk at Vis 2018 Nov 12, 2018
assets/images Add origraph poster Oct 20, 2018
css integated projects into person website, added preson_name_link include Feb 23, 2018
.gitignore link for proposal, update for lineage Feb 22, 2018
404.html integrate 404 page with the vdl site and navbar Aug 2, 2017
CNAME added cname file Oct 16, 2015
LICENSE added documentation Dec 23, 2016 added proper paper links to lineage, added DoD project Feb 27, 2018
_config.yml stub for projects, outline for CAREER Jan 8, 2018 added group retreat picture Sep 9, 2018
favicon.ico Many little adjustments Oct 23, 2015
favicon.png Many little adjustments Oct 23, 2015
feed.xml remove site template from xml feed to fix #43 Aug 2, 2017
index.html removed caleydo name Oct 26, 2015
news.html remove caleydo title on vdl site Jul 27, 2017 corrections on positions page Aug 10, 2018 Many little adjustments Oct 23, 2015 Many little adjustments Oct 23, 2015

Vis Design Lab Website

The Vis Design Lab website is based on the Caleydo website and built with Jekyll.

Here is a good cheat sheet:

Setup Jekyll

If you have Ruby on your machine, just install Jekyll and a plugin:

$ gem install jekyll
$ gem install jekyll-redirect-from

Further details on installing Jekyll and its requirements:

Run Jekyll

$ jekyll serve -i

Running Jekyll in incremental (-i) mode is significantly faster.

View the Generated Site

$ open


All VDL members are responsible for updating their content regularly. Small changes that you have tested thoroughly using Jekyll may be pushed to master, but we recommend using separate branches to submit pull requests for additional review and to catch mistakes. See the resources below for details on the following:

You can create a branch and add/edit files from the GitHub site. Alternatively, you can write your changes from the command line (below), and go to GitHub to create a pull request from that branch.

$ git checkout -b new-branch-name
$ git commit -am "make your changes and commit them"
$ git push origin new-branch-name

Modifying the Code

Jekyll generates websites for you based on data stored in _config.yaml. One important aspect is a "collection", such as publications, which get rendered using specific layout templates to designated pages. For example, a single publication gets its own webpage (/publications/id/), and it gets added to the list of all publications as well (/publications/). Content for Jekyll can be written in Markdown for automatic parsing, and variables stored in YAML at the top of both Markdown and HTML pages. Check the Jekyll and Liquid template syntax documentation for further details.

The CSS is built using SASS along with several SASS tools: Bourbon, Neat, and Bitters. SASS provides imports, variables, mixins (functions), and nested CSS so you can write better stylesheets. The additional tools provide grid layouts, vendor prefixing, and preset styles, and they are preloaded into the repository.

You can modify the CSS or SASS directly, since Jekyll builds it for you. The main site SASS file is in css/site.scss, which imports all other files, including the SASS tools in the _sass directory.

Unfortunately, changes to the code have been made throughout the SASS tools, so the SASS tools should not be upgraded. In the future, I would recommend rewriting the stylesheets (from scratch or through the Jekyll-compiled output CSS) so that you just use SASS and more modern CSS3 features like media queries and variables.

GitHub Pages and Jekyll

Installation instructions above for Jekyll will work for the most part, but you can also emulate the current GitHub Pages server environment with the following installation instructions:

To install the GitHub Pages gem, you may need to install the Ruby DevKit for your operating system.