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.
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
- 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
- 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
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
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.
Author: Bas Brands URL: https://github.com/bmbrands/theme_bootstrap License: MIT/GPL2 Licensedc
Author: Aaron Marr URL: http://learningspace.falmouth.ac.uk/
Author: Jason La Greca URL: http://beenlearning.com/ License: MIT/GPL2 Licensedc
Author: Sjoerd Visscher URL: http://en.wikipedia.org/wiki/HTML5_Shiv, https://github.com/aFarkas/html5shiv License: MIT/GPL2 Licensedc
Author: Rico Sta. Cruz URL: http://ricostacruz.com/nprogress License: MIT/GPL2 Licensedc
Authors: Chris Coyier and Paravel URL: http://fitvidsjs.com/ License: MIT/GPL2 Licensedc
Author: Scott Robbin URL: http://srobbin.com/jquery-plugins/backstretch/ License: MIT/GPL2 Licensedc
Authors: @idiot and @damirfoy URL: http://unslider.com License: MIT/GPL2 Licensedc
Author: Stephen Band URL: http://stephband.info/jquery.event.swipe/ License: MIT/GPL2 Licensedc