Skip to content
This repository


Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

A nicer project template for your github repo

branch: master

Fetching latest commit…


Cannot retrieve the latest commit at this time


GitHub Pages Template

Make your github project page stylish

This is a simple Jekyll template that the Code52 team have used to style our project pages. It is intended to be a landing page to a GitHub repository and include basic information and links for further information.



To integrate these changes into an existing repository, follow these instructions:

NOTE: will test these methods out. Use at your own risk for now.

Check if you have a gh-pages branch

To confirm if you have an existing gh-pages branch, run the following commands in your fork:

git fetch origin
git branch -a

This will display the branches in your fork and the remote repository:

D:\Code\github\shiftkey\gh-pages-template [master]> git branch -a
* master

Create the gh-pages branch

cd {path to your repository}
git checkout --orphan gh-pages 
git remote add gh-pages-templates git://
git fetch gh-pages-templates
git pull gh-pages-templates gh-pages
git push origin gh-pages

Add the template to an existing branch

cd {path to your repository}
git checkout gh-pages
rm . -rf
git add -u
git commit -m "removed old version"
git remote add gh-pages-templates git://
git fetch gh-pages-templates
git pull gh-pages-templates gh-pages
git push origin gh-pages


Once you have those changes in place, start editing the values to get your site up running:


appname: Your Project
appslogan: 'catchphrase goes here'
username: your-account
reponame: your-repo
accent: FF3333
darkaccent: 134A8A
description: 'Suspendisse vel elit a arcu pretium egestas non nec sapien. Curabitur augue dui, porttitor vitae aliquet sit amet, tempor vitae nisi. Curabitur accumsan sodales nunc ac pulvinar.'

feature1title: 'feature one'
feature2title: 'feature two'
feature3title: 'feature three'

feature1desc: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pellentesque vehicula mauris, ut molestie magna rutrum vitae.'
feature2desc: 'Vestibulum vulputate mollis metus, at laoreet purus pharetra quis. Vivamus ut sem sit amet nisl pulvinar aliquet.'
feature3desc: 'Vivamus eu enim eget turpis porttitor dictum. Integer id sapien a mauris cursus bibendum.'


This is the theme for the project site. It links to a pair of CSS files.

<!DOCTYPE html>
        <meta charset='utf-8'>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <title>{{ site.appname }}</title>
        <link rel="shortcut icon" href="icon.png" />
            {% include default.css %}
        <div id="container">
        <div style="clear:both">&nbsp;</div>


This is the content for the root of the site - introducing the project and using the content from the _config.yml file.

layout: default

<div id="code52"><a href="">a code 52 project</a></div>
<h1><span id="apptitle" class="accent">{{ site.appname }}</span>&nbsp;-&nbsp;{{site.appslogan}}</h1>
<div id="screenshot">
    <img src="screenshot.png">
    <img src="dropshadow_border_top.png" id="screenshotbordertop" class="screenshotborder">
<div id="features">
    <div class="feature">
        <h2>{{ site.feature1title}}</h2>
        {{ site.feature1desc }}
    <div class="feature">
        <h2>{{ site.feature2title}}</h2>
        {{ site.feature2desc }}
    <div class="feature">
        <h2>{{ site.feature3title}}</h2>
        {{ site.feature3desc }}
    <div style="clear:both">&nbsp;</div>
<img src="dropshadow_border_bottom.png" id="screenshotborderbottom" class="screenshotborder" />
<div id="downloads">
    <a href="getting-started.html"><img src="start.png" />Getting started</a><br /><br />
    <a href="{{ site.username }}/{{ site.reponame }}/downloads"><img src="windows.png" />Download for Windows</a><br /><br />
    <a href="{{ site.username }}/{{ site.reponame }}"><img src="github.png" />Get the source</a>
{% include twitter.html %}
Something went wrong with that request. Please try again.