# Static¶

Note

As /static is publicly accessible, avoid adding sensitive files into this directory.

Keep the root path of /static simple and clean. Only favicons should be placed there. They ultimately get picked up by the base_root.html template.

## css/¶

CSS gets automatically compiled via /private/config.rb into this folder. You can add additional files such as *.htc if required. But always add CSS files through Sass.

## fonts/¶

All fonts should be placed here including icon fonts. You can create sub-directories to create a better overview. This folder might not be required if you are implementing fonts via services such as Google Fonts or fonts.com.

## img/¶

Demo images (which might be later integrated as media files via Filer) should be placed within /static/img/dummy. This folder will be ignored by the gulp preprocess and gulp images commands.

Make use of grouping and create additional sub-directories such as /static/img/icons or /static/img/visuals if the file count seems to be excessive.

## js/¶

The same structure approach as described within Private is applied to the JS directory. /layout, /settings and /sites are not required, but may be used. jQuery is an essential part and should be treated the same as the Bootstrap component.

## swf/¶

Old school, currently only required to use /static/js/libs/swfobject.min.js.