Themes: UIkit

theme_uikit
Maintained by Picture of Eduardo RamosEduardo Ramos
This theme is built from its core to work with UIkit (a framework similar to Twitter Bootstrap). It is designed to be easily customizable using an interactive visual styles manager.

UIkit 2.7 (Build: 2014082100)

Release notes

UIkit Theme for Moodle

Key features of this theme

  • Contains a very advanced and interactive visual styles customizer
  • 3 base themes to build your site appearance
  • Fully responsive design
  • Support of Google fonts
  • Integrates Fontawesome for displaying most icons in Moodle
  • Slideshow, marketing spots and social networks for your site frontpage like in the essential theme
  • Many other cool features such as: login page and navigation menu customization, possibility of showing only enrolled courses in combo lists and google analytics integration

It supports Moodle 2.5, 2.6 and 2.7

  • package Moodle UIkit theme (theme_uikit)
  • copyright 2013-2014 Eduardo Ramos
  • authors Eduardo Ramos
  • license GNU GPL v3 or later

This theme is based on the UIkit CSS framework version 2.9 (http://www.getuikit.com) It contains all unmodified less* CSS sources from the UIKit framework in folder /less/uikit, except for FontAwesome url in icon.less.

It is inspired by bootstrapbase theme and essential theme (https://moodle.org/plugins/view.php?plugin=theme_essential). A big thank you to the creators of these two themes.

Many features and settings are based on the essential theme, while others are new for this theme, specially the visual style manager.

Notice: these theme is NOT an official UIkit team release.

*less CSS Less CSS is a Object Oriented way of writing CSS code. All Less CSS files for this theme are stored in the /less folder. A developer can use less to generate the CSS files in the /style folder.

This theme includes an advanced Visual Style Customizer to change the appearance of the whole site with a few clicks. This customizer is inspired by the UIkit customizer (http://www.getuikit.com/docs/customizer.html)

JavaScript Libraries

Blob.js and Filesaver.js

Libraries for javascript creation and downloading of dynamically created files Used for exporting and importing LESS files in the customizer

html5shiv.js

To provide backwards compatibility for HTML5 for Internet Explorer 7 (IE7) and Internet Explorer 8 (IE8) a javascript library call /javascript/html5shiv.js was added. This JavaScript converts HTML tags and CSS into Tag that are understood by IE7 and IE8. The config.php makes sure these libraries are only loaded for IE7 and IE8.

This theme uses the original unmodified html5shiv.js JavaScript library to enable HTML5 tags in IE7 and IE8. This library is available on:

https://github.com/aFarkas/html5shiv/blob/master/src/html5shiv.js

less.js

LESS - Leaner CSS v1.7.4 Javascript official LESS compiler Used to compile styles from LESS code in the browser in the customizer

spectrum.colorpicker.js

Spectrum Colorpicker v1.2.0 for the customizer color variables

codemirror.js and codemirror less.js mode

CodeMirror version 3.21 Library for advanced source code edition in a text area Used to edit custom LESS code in the customizer

uikit.js

UIkit framework javascript

Licenses & Authors

Blob.js

Author: Eli Grey, Devin Samarin URL: http://eligrey.com, https://github.com/eboyjr License: X11/MIT

FileSaver.js

Author: Eli Grey URL: http://eligrey.com License: X11/MIT

codemirror.js

Author: Copyright (C) 2013 by Marijn Haverbeke marijnh@gmail.com and others URL: http://codemirror.net/ License: See codemirror LICENSE file

Html5shiv.js

Author: Sjoerd Visscher URL: http://en.wikipedia.org/wiki/HTML5_Shiv, https://github.com/aFarkas/html5shiv License: MIT/GPL2 Licensed

less.js

Author: Alexis Sellier self@cloudhead.net URL: http://lesscss.org License: Apache v2 License

spectrum.colorpicker.js

Author: Brian Grinstead URL: https://github.com/bgrins/spectrum License: MIT License

UIkit framework

Author: 2014 YOOtheme URL: http://www.getuikit.com License: MIT License

Check each library LICENSE files for more details

Moodle 2.5, 2.6, 2.7

Version information

Version build number
2014082100
Version release name
2.7 (Build: 2014082100)
Can be updated from
2.7 (Build: 2014080701), 2.7 (Build: 2014081300), 2.7 (Build: 2014081800)
Can be updated to
2.7 (Build: 2014082500) (2014082500), 2.7 (Build: 2014083000) (2014083000), 2.7 (Build: 2014083001) (2014083001), 2.7 (Build: 2014083002), 2.7 (Build: 2014083003), 2.7 (Build: 2014083004) (2014083004), 2.7 (Build: 2014090500) (2014090500), 2.7 (Build: 2014090600) (2014090600), 2.7 (Build: 2014091200) (2014091200), 2.8 (Build: 2015021900), 2.8 (Build: 2015021901) (2015021901), 2.8 (Build: 2015031200) (2015031200), 3.0 (Build: 2016011800) (2016011800), 3.0 (Build: 2016021000) (2016021000), 3.0 (Build: 2016021100), 3.0 (Build: 2016021101) (2016021101)
Maturity
Stable version
MD5 Sum
e087af81b2d059d9b102d07891ee30d0
Supported software
Moodle 2.5, Moodle 2.6, Moodle 2.7

Version control information

Version control system (VCS)
GIT
VCS repository URL

Default installation instructions for plugins of the type Themes

  1. Make sure you have all the required versions.
  2. Download and unpack the module.
  3. Place the folder (e.g. "ponies") in the "theme" subdirectory.
  4. Visit http://yoursite.com/admin to finish the installation