-
Notifications
You must be signed in to change notification settings - Fork 1
Adding new project pages
(This example assumes you're adding the Ice-Bound page, because it's based on the instructions I sent Jacob when he was trying to do that. Adjust file names as needed for the page you're trying to add.)
In the /media-experiences
folder, create a folder called /ice-bound
. Inside that folder, create a file called index.html
.
At the top of that file, include some Jekyll front matter (probably something like the following:)
---
title: Ice-Bound
---
This is to indicate to Jekyll that it should treat this file as a page. Pages get their content wrapped in the page template, which includes stuff like the global CSS and the site header, when the site is built.
For the rest of the file, just write whatever arbitrary HTML content you'd like to include! You can also use a <style>
block to do page-specific CSS. We haven't really worked out what full project pages should look like yet, so feel free to do whatever here; we'll bring it into line with the others later on (and realistically will probably just copy whatever you do for yours if it looks good.) Any screenshots or other images you want to include can go in the /img
directory.
As an optional extra step, you can include a list of publications that have been tagged "Ice-Bound"
by inserting the following snippet within your HTML:
{% assign publication_tag = "Ice-Bound" %}
{% include publications_with_tag.html %}
Then you can go into _data/publications.json
and add "tags": ["Ice-Bound"]
to any publications that are relevant to the project.
(Right now this is mostly just something I hacked together as a neat tech demo to impress the group, but it will become the standard way to include publications lists on project pages going forward.)
You could also link to your page from the Ice-Bound project card you added to the main Media Experiences list. If you followed step 1 above, your page will be located at /media-experiences/ice-bound
.
When you're ready to deploy your changes, just push them to the GitHub repo (by doing git push origin master
) and it'll automatically rebuild the site for you. It may take a few minutes after your push for the changes to go live.