This is an old revision of the document!
Our team website is hosted at github.io, and is built using github.io's default template engine, https://jekyllrb.com/docs/ jekyll. Woah, that's a mouthful already. TODO: step back and explain a little about all of those links.
A student did a quick prototype of a site redesign. It consists of several pages, written in standard html using a popular stylesheet package called Bootstrap. (TODO: host one of those pages somewhere so we can point to it)
This page explains briefly how we took that new site design, and transplanted it into the same underlying structure, getting a fresh new look with all of the benefits.
Looking at the html pages of the prototype site, we see that each one has a lot of code that is the same, and some content that's different. The point of the template system is to store the parts that are the same only once, so they can be updated easily. We start with the simplest pages, that just have the navigation bar and some content, for example the “contact” page. The HTML for that page has the following parts
* top stuff, including the <head> section
* some stylesheet overrides
* navigation menu bar
* text content, that changes ofr each page.
* footer
The “resources” page is identical, except for the text content.
So, where do those go in the jekyll site?
head.html
The <head> section and related stuff goes into _includes/head.html
It looks like: