Git Product home page Git Product logo

moodle-theme_clboost's Introduction

CALL Learning Boost Based theme

Moodle plugin CI for Moodle 3.9 and 3.10

This theme is intended to be used as a parent theme. It brings additional utilities and fixes from the standard boost theme.

Logos

Logos can be found in the theme directly in the pix folder (two versions logo.png and logo-compact.png)

Foldable navigations menu

The boost navigation menu has 2 stages :

  1. Just show icons
  2. Fully unfolded

The navigation stays responsive and disappear completely on small screen when not needed.

Menus that are present in the header will be displayed at the top as foldable items.

Branding

Additional branding can be added throught the use of scss variable. For example if a setting in the theme starts with branding_xxxx (for example branding_primary), then the xxxx variable will be created and assigned.

For example if branding_primary is set to #0A0A0A, then a variable named:

$primary: #0A0A0A

Will be appended at the top of the scss file.

Templates

We usually look for templates in the following order (component = block_myoverview for example).

  1. '/theme/clboost/templates/block_myoverview/',
  2. '/theme/boost/templates/block_myoverview/',
  3. '/blocks/myoverview/templates/'

But if the theme clboost has a child, this means that the list will be the following:

  1. '/theme/mytheme/templates/block_myoverview/',
  2. '/theme/theme/templates/block_myoverview/',
  3. '/blocks/myoverview/templates/'

In this case it means that usual boost overrides (columns2.mustache, ...) will not be found. The new mustache template finder will always add the parent theme root folder to the end of the list so the templates can be overriden and we do not need to repeat them in the clboost theme.

Google Analytics

  • Google analytics code can be inserted into the page header. The settings will also appear in the subthemes. They will only be enabled the user has accepted the cookies policy (see tools_policy).

Testing

php admin/tool/behat/cli/init.php --runt-with-theme clboost

Features

  • Foldable navbar
  • Flexible renderers (overridable by child theme more easily)
  • Developper tools: boostwatch preview and element library

moodle-theme_clboost's People

Contributors

laurentdavid avatar bmbrands avatar martin-call-learning avatar

Stargazers

Anderson Blaine avatar

Watchers

James Cloos avatar  avatar

Forkers

bmbrands

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.