# 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.&#x20;

### 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

```javascript
$('#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.&#x20;
