Directory Structure

• ckannext

  • kpodp_theme

  • fantastic

  • public

  • templates

  • __init.py

  • plugin.py

• setup.py

kpodp_theme

This directory contains all the main resource files of the theme including html, css, javascript and python resources.

The 'favourite' directory

This directory contains the file favourite.js which describes the functionality of the main circular slider present on the home screen.

Slider Configurations

$('#vizcarousel').carousel({
    interval: 0 // remove interval for manual sliding
});

interval=0 means manual sliding, you can adjust the time for sliding by providing a value in ms to interval. interval: 100 means image will slider will change after 100ms.

The slider images and text can be customized by changing files in the public directory. This step will be explained now.

The 'Public' Directory

• CSS

  • Sass

    • partials

      • _carousel.scss

      • _overrides.scss

      • _variables.scss

  • main.css

• img

• render

The css directory contains the main css styling code for the theme, moreover, images, logos and icons are hosted by the img directory, whereas render contains the text for main slider.