Themes: evolve-D

theme_evolved
Maintained by Picture of Chris KenniburgChris Kenniburg
evolve-D(earborn) is a Moodle theme focused on simplicity and style. Turn on the custom frontpage and your site will sport an impressive and beautiful login page. Once logged in you have complete control over the custom homepage complete with a navigation bar with icons, search, text, slideshow, and more.
1128 sites
628 downloads
234 fans
Current versions available: 2

Introducing evolve-D(earborn).   A Moodle theme that is based off More but with an abundance of enhancements that evolved into a new theme.  Evolve-D sports a clean, minimal design with a focus on simplicity to minimize distractions.   What makes this theme different is it's new approach to the Moodle frontpage.  Logged in users are presented with a custom homepage while logged out users get a beautiful login page with a fullscreen image background.  You can even opt to use the built in login form or the standard Moodle login form.  Each login form has unique styling and a beautiful fullscreen image background.


Features

  • Custom login page with fullscreen image background for logged out users
  • Simplified, custom Moodle homepage for logged in users
  • Two Column theme with blocks on the right
  • Support for Moodle's Socialwall Course Format.  If you use the Socialwall Course Format the evolve-D theme is the perfect companion as it contains super nice styling for the post interface and timeline posts.
  • Four image slideshow on custom homepage
  • Visual Separation of Topics/weeks.  Unique styling creates a visual separation of weeks/topics with the ability to customize the background color in theme settings.  
  • Custom Logo
  • Marketing Spots at bottom of page
  • Fontawesome support
  • Custom Menu "My Courses" dropdown
  • General and Weather Alert notices for users
  • Custom Colors

Moodle 3.2 compatibility

Several people have asked if there will be releases of Evolve-D beyond Moodle 2.9 to be compatible with Moodle 3.2.  After much debate we decided the best option was to take many of the features from Evolve-D and to build a new theme moving forward called Fordson.  Fordson is a child theme of the new Moodle default theme Boost.  Fordson builds on Evolve-D by incorporating a better custom homepage with up to six marketing spots, custom page header image for both the site and individual courses, and of course... Style Presets which can transform your site to give it a unique look and feel! I am even working on an "evolve-D" style preset so that the content areas and blocks will have a similar look and feel to evolve-D with the great new features of Boost.

If you like Evolve-D, I hope you check out Fordson:  https://moodle.org/plugins/theme_fordson


Documentation and Setup

https://docs.moodle.org/29/en/Evolve-D_theme
(special thanks to German Valero for creating the doc page.)

General Overview

Version 2.0.2 and Newer Updates and Setup Instructions

Evolve-D is maintained and developed by Dearborn Public Schools.  We are a K-12 school district in Dearborn, Michigan.  


Moodle 2.9 Note:

 If you are using Moodle 2.9 the default homepage for the site is the new User Dashboard. You need to change this in Site Administration > Navigation > Default Homepage for Users. Please force "Site" for all users if you want to use this Evolve-D's custom homepage with icons.


Screenshots

Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6
Screenshot #7
Screenshot #8

Contributors

Picture of Chris Kenniburg
Chris Kenniburg (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Comments

  • Picture of Chris Kenniburg
    Fri, Jul 17, 2015, 7:33 PM
    Thanks Hamed. I will look and see if your solution works. I don't test it RTL so maybe I should start looking into how to make sure we are RTL compatible.
  • Picture of Hamed Azimi
    Fri, Jul 17, 2015, 7:40 PM
    Thanks Chris,

    One more problem: when I delete the messages of "General Alert" and "Snow Alert" from General Settings, the "breadcrumb" disappears too.

    These are all Custom CSS that I use to fix theme for RTL (After choosing Persian as default language):

    body {
    text-align: justify !important;
    }
    .box {
    direction:rtl !important;
    text-align: justify !important;
    }
    .criteria-description {
    direction:rtl !important;
    text-align: justify !important;
    }
    .description {
    direction: rtl !important;
    text-align: justify !important;
    }
    .criteria {
    direction: rtl !important;
    text-align: justify !important;
    }
    .name {
    direction: rtl !important;
    text-align: justify !important;
    }
    #page-header-generalalert {
    margin-top: 4% !important;
    }
  • Picture of Emma mASON
    Mon, Jul 27, 2015, 8:08 PM
    Hi can anyone help me? really like the theme but would like to change the default icons used for the navigation, admin and bookmarks blocks on the right hand side. Can't seem to find them anywhere. thanks emma
  • Picture of Chris Kenniburg
    Mon, Jul 27, 2015, 8:20 PM
    Emma, If you have the newest version then the main icons for the homepage navigation are configured in the theme's admin page under Site Admin > Appearance > Themes > Evolve-D > Frontpage Options. You can use any icon listed here: http://fortawesome.github.io/Font-Awesome/cheatsheet/

    The icons used for blocks in the title area are not configurable unless you want to dig into the code. All the block icons can be set in the evolved.css file. Look around line 284 for the beginning of the block css. To change these you will need to use the link above for fontawesome and look at the css for content:"\f0a1"; This code corresponds to the fontawesome icons. For instance if you wanted the Beer icon you'd look on the cheat sheet and notice this: fa-beer []. In the evolved.css file you would find the block you want to change icons for and use this: content:"\f0fc";
    Hope this helps.
  • Picture of Emma mASON
    Mon, Jul 27, 2015, 8:21 PM
    That is brilliant. It is the blocks code that I need to fiddle with and you have saved me a lot of time. Thanks for your help.
  • Picture of Chris Kenniburg
    Mon, Jul 27, 2015, 8:26 PM
    The moodle comments ate the code from the fontawesome cheat sheet for fa-beer [ ] but I think you get the idea. On the cheat sheet replace & # x with " \ " and fill in the rest where you see the content:" "; for the block.
  • Picture of Emma mASON
    Mon, Jul 27, 2015, 8:37 PM
    If I wanted to link instead to our own image on the server would that be possible from there?
  • Picture of Chris Kenniburg
    Tue, Jul 28, 2015, 2:13 AM
    Yes. Just change the CSS.
  • Picture of Hamed Azimi
    Tue, Aug 4, 2015, 5:33 PM
    Hi Chris,

    Thanks for update, but one problem with it:
    Since I updated it, the color of "Current Session" in course page is not changing. Before update, the other sessions were white and the current session was blue. But now all of the have the same color.
    I also cleared the theme and even site cache but nothing happened. Any Idea?

    Best,
    Hamed
  • Picture of Chris Kenniburg
    Tue, Aug 4, 2015, 7:26 PM
    Hamed,
    I see what you mean. I will get a fix.
    Chris
  • Picture of Chris Kenniburg
    Tue, Aug 4, 2015, 7:35 PM
    Hamed,
    Use this in custom CSS or add this into the evolved.css file at the bottom:
    .course-content .current {
    background-color: #d9edf7 !important;
    }
    I am including this in an update for later today.
  • Picture of Hamed Azimi
    Tue, Aug 4, 2015, 7:41 PM
    Thanks Chris,
    Perfectly working code.
  • Picture of Hamed Azimi
    Tue, Aug 4, 2015, 7:48 PM
    One more problem,
    When I use the code below in "Snow Alert" or "General Alert": (marquee opening tag) My Text (marquee closing tag)
    Although it works and the text moves there, but it seems that it puts one break line before the text and the height of the box increase with free spaces and the text appears and move in the next line. Any idea on how to remove that break line?

    Best,
    Hamed
  • Picture of Chris Kenniburg
    Tue, Aug 4, 2015, 7:50 PM
    I can take a look but generally speaking, it is meant for just regular text and a static display of the message. We might just have to tweak the css to make the marquee style a better fix.
  • Picture of Gunasekar Rajaratnam
    Tue, Aug 4, 2015, 10:49 PM
    When I try to install 2.06 over my existing moodle site it fails moodle validation saying "The directory that the plugin is to be installed to must not yet exist." Maybe because I tried installing it earlier today when I got a notification saying update is available and the update did not happen somehow.
    What can I do to work around. If I copy the files through FTP will it work?
    I have just downloaded the social wall plugins. My site is almost new and if i start a new course and install social wall and evolveD 2.06 over my existing version of evolve, will there be issues?
Please login to post comments