samvera.github.io

How Does This Work?

We use a Jekyll-based custom theme for markup and display, and pages are published to http://samvera.github.io.

Adding or Editing Content

These are community documents, so we rely on the pull request model. If you'd like to contribute content:

clone this project (link on samvera/samvera.github.io)
make a branch for your new documentation
run bundle install
create/edit pages within the Samvera directory (e.g. /pages/samvera/)
add/update front matter
add links to the page in home_sidebar.yml
write content (notes on writing content)
add versioning information for the gem version the document page describes
generate the A-Z Index, if needed
submit a Pull Request

To Test in Jekyll:

Run the jekyll server

bundle exec jekyll serve

View the documentation in a browser at http://localhost:4000

Basic Front Matter

Example front matter for page Best Practices -> Coding Styles

---
title: "Coding Style with RuboCop"
permalink: best-practices-coding-styles.html
folder: samvera/how-to/best_practices/coding_styles.md
sidebar: home_sidebar
a-z: ['Coding Styles', 'Rubocop']
keywords: Best Practices
tags: [development_resources]
categories: How to Do All the Things
version:
  id: 'hyrax_1.0-stable'
---

where,

title [String] - (required)_ - the title displayed on the generated html page
permalink [text] - (required) - the name of the generated html file that will be part of the url accessed by users
folder [text] - (required) - the location of this *.md file under the pages directory
sidebar [text] - (required) - value is always home_sidebar at this point
a-z [Array] - (recommended) - array of terms to link to this page in the A-Z Index
keywords [comma separated list] - (recommended) - keywords that get populated into the metadata of the page for SEO
tags [Array] - (recommended) - array of tags where tags must be defined in your _data/tags.yml list. You also need a corresponding tag file inside the pages/tags folder that follows the same pattern as the other tag files shown in the tags folder. It is rare that a new tag would be created. If you think you need a new tag, be sure to highlight it as requiring review in the issue.
categories [text] - (recommended) - represents the 4 major headings under which a page can reside
version [hash] - (recommended) - specifies the gem's name and version that this documentation page describes. See Versioning Information for details.

Notes on writing content

You can highlight content with the following...

<ul class='info'><li>This shows an info icon and provides the user additional information in a blue box.</li></ul>

(Example: code, webpage)

<ul class='warning'><li>This shows a warning icon and provides the user warning information in a red box.</li></ul>

<ul class='question'><li>This shows a question icon and provides the user with information in a yellow box indicating that there may be some uncertainty about a particular piece of information in the documentation.</li></ul>

NOTE: You cannot use markdown in these boxes. For example, if you want a link, you will have to use an html anchor tag.

Versioning-information

The documentation on this site covers multiple gems and multiple versions of those gems. The recommended best practice is to specify the gem's name and version, including a link to the applicable branch in github. If there is documentation for multiple versions of the gem, then a selection list allows users to switch between versions.

Specifying gem name, version, and branch

Predefined version information

Common gems have version information encoded and can be referenced by id in front matter. The predefined version information is defined in _includes/version_info/

Example for Hyrax v1.0 stable:

version:
  id: 'hyrax_1.0-stable'

Custom version information

If the predefined version information does not exist. You can specify custom values in the front matter.

Example custom version information:

version:
  label: 'Hydra Role Management v0.2.2'
  branch:
    label: 'master'
    link: 'https://github.com/samvera/hydra-role-management'

Adding predefined version information for a gem version

It is good practice to add predefined version information, as this allows reuse and consistent encoding of gem names and versions.

Adding predefined version information is a two step process.

Add the version information to a new version file in directory _includes/version_info/ naming the file with the gem and verion number (e.g. version_hyrax_1.0-stable.html). Include in the new file assignments for version_label, branch_label, and branch_link.

Example assignments for Hyrax v1.0:

{% assign version_label = 'Hyrax stable v1.0' %}
{% assign branch_label = '1.0-stable' %}
{% assign branch_link = 'https://github.com/samvera/hyrax/tree/1-0-stable' %}

Add a new condition in _includes/versions.html that includes the predefined version information if its id is specified in front matter for a document. The condition in the case statement becomes the id that is used in front matter.

Example conditional include based on id:

{% case page.version.id %}
{% when 'hyrax_1.0-stable' %}
  {% include version_info/version_hyrax_1.0-stable.html %}
...
{% endcase %}

Selector for switching versions

Identifying multiple versions is done by specifying each version in front matter including its label and link. If the version is the active version that the current page is describing, then also include selected: 'true'. The multi-version information is repeated on every version's page for the documentation topic.

Example front matter for multiple versions:

version:
  versions:  
    - label: 'Hyrax 1.0'
      link:  'what-happens-deposit-1.0.html'
      selected: 'true'
    - label: 'Hyrax 2.0'
      link:  'what-happens-deposit-2.0.html'

Generate the A-Z Index page

bundle exec jekyll build
cp generated/a-z.md pages

Then commit pages/atoz.md to github

Our Theme

We use a Jekyll theme designed for documentation. We chose the Documentation Theme because of its excellent navigation and clear page layout, and for the ease of working in markdown.

brianmcbride/samvera.github.io