Skip to content
Permalink
gh-pages
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Go to file
 
 
Cannot retrieve contributors at this time
# workshop-template
This repository is [Software Carpentry][swc-site] and [Data Carpentry][dc-site]'s
template for creating websites for workshops.
1. Please *do not fork this repository directly on GitHub.*
Instead, please use GitHub's importer following [the instructions below](#creating-a-repository)
to create a website repository for your workshop.
2. Please *do your work in your repository's `gh-pages` branch*,
since that is what is
[automatically published as a website by GitHub][github-project-pages].
3. Once you are done,
please fill in [this self-organized workshop form][self-organized-workshop-form]
and the administrator will contact you if we need any extra information.
We build the list of workshops on our websites from the data included in your `index.html` page.
We can only do that if you [customize][customization] that page correctly
*and* [fill in the form][self-organized-workshop-form].
If you run into problems,
or have ideas about how to make this process simpler,
please [get in touch](#getting-and-giving-help).
The pages on [customizing your website][customization],
the [FAQ][faq],
and the [design notes][design] have more detail on what we do and why.
And please note:
if you are teaching Git,
please [create a separate repository](#setting-up-a-separate-repository-for-learners)
for your learners to practice in.
## Creating a Repository
1. Log in to GitHub.
(If you do not have an account, you can quickly create one for free.)
You must be logged in for the remaining steps to work.
2. Go to [GitHub's importer][importer].
3. Paste the url of this repo as the old repository to clone:
<https://github.com/swcarpentry/workshop-template>.
4. Select the owner for your new repository.
(This will probably be you, but may instead be an organization you belong to.)
5. Choose a name for your workshop website repository.
This name should have the form `YYYY-MM-DD-site`,
e.g., `2016-12-01-miskatonic`,
where `YYYY-MM-DD` is the start date of the workshop.
6. Make sure the repository is public.
7. At this point, you should have a page like this:
![](fig/using-github-import.png?raw=true)
You can now click "Begin Import".
When the process is done,
you will receive a message like
"Importing complete! Your new repository gvwilson/2016-12-01-miskatonic is ready."
and you can go to the new repository by clicking on the name.
**Note:**
some people have had intermittent errors during the import process,
possibly because of the network timing out.
If you experience a problem, please re-try;
if the problem persists,
please [get in touch](#getting-and-giving-help).
## Customizing Your Website
1. Go into your newly-created repository,
which will be at `https://github.com/your_username/YYYY-MM-DD-site`.
For example,
if your username is `gvwilson`,
the repository's URL will be `https://github.com/gvwilson/2016-12-01-miskatonic`.
3. Ensure you are on the gh-pages branch by clicking on the branch under the drop
down in the menu bar (see the note below):
![](fig/select-gh-pages-branch.png?raw=true)
3. Edit the header of `index.html` to customize the list of instructors,
workshop venue, etc.
You can do this in the browser by clicking on it in the file view on GitHub
and then selecting the pencil icon in the menu bar:
![](fig/edit-index-file-menu-bar.png?raw=true)
Editing hints are embedded in `index.html`,
and full instructions are in [the customization instructions][customization].
4. Alternatively,
if you are already familiar with Git,
you can clone the repository to your desktop,
edit `index.html` there,
and push your changes back to the repository.
~~~
git clone -b gh-pages https://github.com/your_username/YYYY-MM-DD-site
~~~
You should specify `-b gh-pages` to checkout the gh-pages branch because the imported
repository doesn't have a `master` branch.
In order to view your changes once you are done editing,
you must push to your GitHub repository:
~~~
git push origin gh-pages
~~~
5. When you are done editing,
go to the GitHub Pages URL for your workshop and preview your changes.
In the example above, this is `https://gvwilson.github.io/2016-12-01-miskatonic`.
The finished page should look [something like this](fig/completed-page.png?raw=true).
6. Optional: you can now change the README.md file in your website's repository, which contains these instructions, so that it contains a short description of your workshop and a link to the workshop website.
**Note:**
please do all of your work in your repository's `gh-pages` branch,
since [GitHub automatically publishes that as a website][github-project-pages].
**Note:**
this template includes some files and directories that most workshops do not need,
but which provide a standard place to put extra content if desired.
See the [design notes][design] for more information about these.
Further instructions are available in [the customization instructions][customization].
This [FAQ][faq] includes a few extra tips (additions are always welcome)
and these notes on [the background and design][design] of this template may help as well.
## Checking Your Changes
If you want to preview your changes on your own machine before publishing them on GitHub,
you can do so as described below.
1. Install the software [described below](#installing-software).
This may require some work,
so feel free to preview by pushing to the website.
2. Run the command:
~~~
$ jekyll serve
~~~
and go to <http://0.0.0.0:4000> to preview your site.
You can also run this command by typing `make serve`
(assuming you have Make installed).
3. Run the command `python bin/workshop_check.py index.html`
to check for a few common errors in your workshop's home page.
(You must have Python 3 installed to do this.)
If you have Make installed,
you can also run this command by typing `make workshop-check`.
## (Optional) Linking to Your Page
At the top of your repository on GitHub you'll see
~~~
No description or website provided. — Edit
~~~
Click 'Edit' and add:
1. A very brief description of your workshop in the "Description" box (e.g., "Miskatonic University workshop, Dec. 2016")
2. The URL for your workshop in the "Website" box (e.g., `https://gvwilson.github.io/2016-12-01-miskatonic`)
This will help people find your website if they come to your repository's home page.
## Creating Extra Pages
In rare cases,
you may want to add extra pages to your workshop website.
You can do this by putting either Markdown or HTML pages in the website's root directory
and styling them according to the instructions give in
[the lesson template][lesson-example].
If you do this,
you *must* also edit `_config.yml` to set these three values:
1. `carpentry` is either "dc" (for Data Carpentry) or "swc" (for Software Carpentry).
This determines which logos are loaded.
2. `title` is the title of your workshop (typically the venue and date).
3. `email` is the contact email address for your workshop,
e.g., `gvwilson@miskatonic.edu`.
Note: `carpentry` and `email` duplicate information that's in `index.html`,
but there is no way to avoid this
without requiring people to edit both files in the usual case
where no extra pages are created.
## Installing Software
If you want to set up Jekyll
so that you can preview changes on your own machine before pushing them to GitHub,
you must install the software described below.
(Note: Julian Thilo has written instructions for
[installing Jekyll on Windows][jekyll-windows].)
1. **Ruby**.
This is included with Linux and Mac OS X;
the simplest option on Windows is to use [RubyInstaller][ruby-installer].
You can test your installation by running `ruby --version`.
For more information,
see [the Ruby installation guidelines][ruby-install-guide].
2. **[RubyGems][rubygems]**
(the package manager for Ruby).
You can test your installation by running `gem --version`.
3. **[Jekyll][jekyll]**.
You can install this by running `gem install jekyll`.
You can check the formatting of your header by running `bin/workshop_check.py`
(which is invoked by `make workshop-check`).
You must have Python 3 installed in order to do this,
and you will also need the [PyYAML][pyyaml] module.
## Setting Up a Separate Repository for Learners
If you are teaching Git,
you should create a separate repository for learners to use in that lesson.
You should not have them use the workshop website repository because:
* your workshop website repository contains many files
that most learners don't need to see during the lesson,
and
* you probably don't want to accidentally merge
a damaging pull request from a novice Git user
into your workshop's website while you are using it to teach.
You can call this repository whatever you like,
and add whatever content you need to it.
## Getting and Giving Help
We are committed to offering a pleasant setup experience for our learners and organizers.
If you find bugs in our instructions,
or would like to suggest improvements,
please [file an issue][issues]
or [mail us][contact].
[contact]: mailto:admin@software-carpentry.org
[customization]: https://swcarpentry.github.io/workshop-template/customization/
[dc-site]: http://datacarpentry.org
[design]: https://swcarpentry.github.io/workshop-template/design/
[faq]: https://swcarpentry.github.io/workshop-template/faq/
[github-project-pages]: https://help.github.com/articles/creating-project-pages-manually/
[importer]: http://import.github.com/new
[issues]: https://github.com/swcarpentry/workshop-template/issues
[jekyll-windows]: http://jekyll-windows.juthilo.com/
[jekyll]: https://jekyllrb.com/
[lesson-example]: https://swcarpentry.github.io/lesson-example/
[pyyaml]: https://pypi.python.org/pypi/PyYAML
[ruby-install-guide]: https://www.ruby-lang.org/en/downloads/
[ruby-installer]: http://rubyinstaller.org/
[rubygems]: https://rubygems.org/pages/download/
[self-organized-workshop-form]: https://amy.software-carpentry.org/workshops/submit/
[swc-site]: http://software-carpentry.org