Course Responsive (CR) Website Template

A Responsive HTML5/CSS3 template for setting up an academic course website.

This template is implemented in Bootstrap (a popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web). The template has been tested on iOS, Windows Phone, Android, Chrome, Safari and other browsers. Some of its features require external free components (e.g., Google Custom Search for site-search, Twitter widget for news, Smartbib for publication indexing). Additionally, having a CV in LATEX format will help to automate the generation of material and streamline consistency between your CV and your website. You will need to edit the sources with a text editor or a capable WYSIWYG editor.

The original idea for setting up this template was to make an academic profile easily accessible from a smartphone.

The template is free and open to reuse under a CC BY 4.0 licence.

Enjoy!

Copyright (c) 2015, Demetris Zeinalipour, Department of Computer Science University of Cyprus.

All rights reserved.

Creative Commons CC BY 4.0 licence

The CR template is open to reuse under a CC BY 4.0 licence. This license lets others distribute, remix, tweak, and build upon CR, even commercially, as long as they credit the original creation in the footer of the site. This is the most accommodating of licenses offered. Recommended for maximum dissemination and use of licensed materials.

More: http://creativecommons.org/licenses/by/4.0/legalcode

Credits

To use CR on your site, please add the following code at the end of your website:

<footer>
    <small>
    <center>
        © YEAR | YOURNAME. Credits: CR template
    <a onclick="javascript:$('#credit').toggle();"><img border="0" src="images/ccby.png"/></a>
    <div style="display:none;" id="credit">[CR template available under Creative Commons CC BY 4.0 licence: 
    <a href="https://github.com/dmsl/academic-responsive-template" target="_blank">
        https://github.com/dmsl/academic-responsive-template
    </a> ]
    </div>
    </center>
    </small>
</footer>

Example Site

Available here: http://www.cs.ucy.ac.cy/~dzeina/courses/epl371

Components

Short description of the contents included in this release.

• index.html : Contains most of the website material (single-page layout). Change this accordingly.
• Search Box: Setup a custom search box through Google. Replace the respective javascript in the HTML files to make your new search box effective.

AR (Academic Responsive) Template

Also check out the sister template designated for acedemic websites: https://github.com/dmsl/academic-responsive-template