The "Elegance" Moodle Theme

The idea of this theme, as usual with my themes, is to make the site look as little like Moodle as possible. Based on the original theme design by Aaron Marr at Falmouth University I’ve created a clean and minimal theme built on Bootstrap3 with many options to allow users to customise the theme to meet their branding needs without changing code.

Cool things to know about the theme.

• It is a 2 column theme. (please don't ask for it to be made into 3)
• It is built upon the Bootstrap 3 framework
• It provides a dropdown menu for users with links set by the admin
• The slider on the frontpage of the site is completely customisable through theme settings
• The Theme uses Google web fonts to give it that extra bit of shazam!
• It is HIGHLY customisable with colors and images
• Has a page loading indicator built into the header
• Has a gorgeous new Login screen with background slideshow options
• It changes course display by using "resource tiles" rather than links
• If using the "one section per page" option it provides a cleaner navigation in the footer
• The theme has a customised MyMoodle page to look more visually appealing.
• The frontpage consists of spaces to create quick links and Marketing info all set through theme settings
• Social Network icons appear at the footer of the page dynamically based on theme settings
• Videos are resized dynamically to fit available screen space. A max-width can be set in the settings if needed.

See the theme in Action

A video showing many of the core features is available for viewing at https://vimeo.com/channels/moodleman/87749717

If you would like to see it in action, head to this year's iMoot site at http://2014.imoot.org

New in 2.6.2

• FIX: Invert Navbar setting now works
• FIX: Disable custom login screen setting ow works
• FIX: Better formatting of reporting screens
• FIX: Properly formatted Moodle logo in footer of frontpage
• FIX: Custom logo now shows in the header
• FIX: Numerous (by that I mean A LOT) of minor formatting fixes
• NEW: Can now set how long frontpage slides display

New in 2.6.1

• FIX: Navbar on mobile devices
• FIX: Formatting of coursetiles when editing is turned on
• FIX: FontAwesome display
• FIX: Slideshow when using more than 3 slides
• FIX: Logon page formatting
• FIX: Numerous (by that I mean A LOT) of minor formatting fixes
• NEW: Click on block title to toggle hide and show

Documentation

As always, documentation is a work in progress. Available documentation is available at http://docs.moodle.org/26/en/Elegance_theme

If you have questions you can post them in the official discussion moodle.org forum at https://moodle.org/mod/forum/discuss.php?d=231970

Licenses & Authors

Twitter Bootstrap Copyright and license

Authors: Mark Otto, Jacob Thornton URL: http://twitter.github.com/bootstrap/ License:

Copyright 2012 Twitter, Inc.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this work except in compliance with the License. You may obtain a copy of the License in the LICENSE file, or at:

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

Bootstrap 3 for Moodle conversion

Author: Bas Brands URL: https://github.com/bmbrands/theme_bootstrap License: MIT/GPL2 Licensedc

Original Design Reference

Author: Aaron Marr URL: http://learningspace.falmouth.ac.uk/

Course Tiles idea and initial coding

Author: Jason La Greca URL: http://beenlearning.com/ License: MIT/GPL2 Licensedc

Html5shiv.js

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

NProgress.js

Author: Rico Sta. Cruz URL: http://ricostacruz.com/nprogress License: MIT/GPL2 Licensedc

FitVid.js

Authors: Chris Coyier and Paravel URL: http://fitvidsjs.com/ License: MIT/GPL2 Licensedc

Backstretch.js

Author: Scott Robbin URL: http://srobbin.com/jquery-plugins/backstretch/ License: MIT/GPL2 Licensedc

UnSlider.js

Authors: @idiot and @damirfoy URL: http://unslider.com License: MIT/GPL2 Licensedc

EventSwipe.js

Author: Stephen Band URL: http://stephband.info/jquery.event.swipe/ License: MIT/GPL2 Licensedc