Code Monkey home page Code Monkey logo

2016-08-23-uwmadison's Introduction

workshop-template

This repository is Software Carpentry and Data Carpentry'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 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.

  3. Once you are done, please send your repository's URL to the Software Carpentry administrator. 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 that page correctly and send us a link to your workshop website.

  4. Please also read the notes on customizing your website and the FAQ. If you're interested in knowing more about why we do things the way we do, please check out the design notes.

  5. If you are teaching Git, please create a separate repository for your learners to practice in.

  6. If you run into problems, or have ideas about how to make this process simpler, please get in touch.

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.

  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., 2015-07-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:

    You can now click "Begin Import". When the process is done, you will receive a message close to "Importing complete! Your new repository julie32/2015-07-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.

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/2015-07-01-miskatonic.

  2. 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:

    Editing hints are embedded in index.html, and full instructions are in the customization instructions.

  3. 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 because the imported repository doesn't have a master branch.

    Note: please do all of your work in your repository's gh-pages branch, since GitHub automatically publishes that as a website.

  4. The URL for your website is determined automatically based on the URL for your repository: if your repository is at https://github.com/your_username/YYYY-MM-DD-site, its GitHub Pages website is at http://your_username.github.io/YYYY-MM-DD-site. You must therefore edit the configuration values in _config.yml so that:

    1. carpentry is either "dc" (for Data Carpentry) or "swc" (for Software Carpentry). This determines which logos are loaded.

    2. repo is the name of your GitHub repository, e.g., https://github.com/gvwilson/2015-07-01-miskatonic.

    3. root is the unique identifier of your workshop with the leading '/', e.g., /2015-07-01-miskatonic.

    4. email is the contact email address for your workshop, e.g., [email protected].

  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/2015-07-01-miskatonic.

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 for more information about these.

Further instructions are available in the customization instructions. This FAQ includes a few extra tips (additions are always welcome) and these notes on the background and 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. This may require some work, so feel free to preview by pushing to the website.

  2. Run the command:

    $ jekyll serve --config _config.yml,_config_dev.yml
    

    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).

    Note: the command above uses the values from _config.yml, then overrides some of them with _config_dev.yml so that local files (including CSS style files) will load properly. Simply running jekyll serve will not load local files, so styles and icons may not display properly if you do this.

  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.

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.)

  1. Ruby. This is included with Linux and Mac OS X; the simplest option on Windows is to use RubyInstaller. You can test your installation by running ruby --version. For more information, see the Ruby installation guidelines.

  2. RubyGems (the package manager for Ruby). You can test your installation by running gem --version.

  3. 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 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 or mail us.

2016-08-23-uwmadison's People

Contributors

abbycabs avatar abought avatar andreww avatar brainstorm avatar damienirving avatar dlebauer avatar drlabratory avatar ethanwhite avatar fmichonneau avatar gdevenyi avatar iglpdc avatar jasonjwilliamsny avatar jduckles avatar jiffyclub avatar lzamparo avatar maneesha avatar mckays630 avatar pbanaszkiewicz avatar pbarmby avatar pipitone avatar rgaiacs avatar spaxe avatar synesthesiam avatar tomwright01 avatar twitwi avatar vahtras avatar widdowquinn avatar willingc avatar wking avatar zonca avatar

Watchers

 avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.