OpenDreamKit / OpenDreamKit.github.io

Sources for OpenDreamKit's website
https://opendreamkit.org/
15 stars 39 forks source link

Repository holding the sources of the OpenDreamKit.org website (aka OpenDreamKit.github.io)

About

Join the chat at https://gitter.im/OpenDreamKit/discuss

This website is hosted as a github page. In short, is built statically from Markdown source files using Jekyll. To update a page, just modify the corresponding source and push. This can be done online by clicking on "Edit this page" in the side bar. See the above links for details.

See also the general help document for OpenDreamKit participants.

How to use Jekyll to test/build this website

This is a static website automatically generated with Jekyll by GitHub Pages.

These instructions are for OpenDreamKit participants who wish to do more than the occasional editing.

Editing pages online with GitHub

You can edit any page by following the "Edit this page" link in the Quick links nav bar. Alternatively, you can directly navigate to the corresponding .md (Markdown) file in GitHub.

This will drop you in GitHub's file editing interface, where you can modify the source code, preview it, and save your changes, by giving a short description of what you modified. If you have write access to the repository (hint: you do), your modifications will be published rightaway. If you do not have right access, you will be asked to fork the repository and make a pull request.

Most of the pages are written in Markdown, which is a textual format for generating formatted text. Markdown syntax is very intuitive, you can get a quick review here or here.

CAVEATS: The Markdown engine used by this site is Kramdown. Its syntax definitions are slightly different form GitHub Flavored Markdown, thus the preview feature in GitHub might not render source as in the final result.

Other reasons why GitHub's preview may not correspond to the final results are:

Special pages

Calendar

The calendar page uses the yml file _data/events.yml to generate the calendar and the list of events. This is also used calendar.ics for the ICAL link.

Special pages

Partners

The partners page uses the yml file _data/partners.yml to geneate the list of partners and institutions.

Project activities

This is generated with the posts from the _posts folders. The tag system associates the tags written in each post to a tagpage in the _tagpages folder.

Working locally

If you want to do more than the occasional editing, you'll soon realise GitHub's editor and preview are too limited. It's better to work locally on your computer.

All you need to work locally is a Git client. Clone the repository and start coding right away.

At some point, you will need to preview your work, but pushing to GitHub each time you want to preview is clumsy. Your best option is to install Jekyll and the required dependencies on your machine. It is recommended to install the GitHub pages gem which provides you with the exact same versions used by GitHub to compile your site.

If you already have Ruby, the install part should be as easy as

bundle install

Note that you will need Ruby headers (ruby-dev package on Ubuntu) in order to compile C dependencies.

On OS X, you can just type sudo gem install github-pages -V.

Now you can cd into your local clone of the repository and launch the compilation by

bundle exec jekyll serve --incremental -w -b ''

Your site will be generated in a _site sub-directory, and served live at http://localhost:4000/. Any changes to the sources will trigger an automatic recompilation!

Have fun!