A django Organice theme with full-page display as used by Organice.io
This theme uses functionality of some really awesome projects:
- fullPage.js by Alvaro Trigo
- pure CSS Fork-Me ribbon by Simon Whitaker
Install this Django app along with
django-organice
:pip install django-organice-theme-fullpage
Add
organice_theme_fullpage
to yourINSTALLED_APPS
:'organice_theme_fullpage', 'organice_theme', 'organice', ...
This theme depends on the base theme django-organice-theme, the asset build process will re-use resources from it. Make sure you clone both repositories on the same directory level. Your folder structure should look something like this:
. ├── django-organice-theme │ ├── organice_theme │ │ ├── static │ │ └── templates ├── django-organice-theme-fullpage │ ├── organice_theme_fullpage │ │ ├── static │ │ └── templates
Then, loop until you're happy:
- Add or adapt the style sheet (
.scss
), JavaScript (.js
), and other files inorganice_theme_fullpage/static/
. - Run
make assets
in order to compile the Sass files to CSS, and combine and minify both CSS und JavaScript. - Adapt the template files in
organice_theme_fullpage/templates/
, and test the results on your development system.
NOTE: Themes that intend to override the base theme's styles and JavaScript must define the following two lines in
templates/base.html
:
{% block theme_css %}{% static 'css/styles.css' %}{% endblock theme_css %} {% block theme_js %}{% static 'js/scripts.js' %}{% endblock theme_js %}
Official repositories: (kept in sync)
- GitHub: https://github.com/Organice/django-organice
- GitLab: https://gitlab.com/organice/django-organice
- Bitbucket: https://bitbucket.org/organice/django-organice
- Documentation is available at http://docs.organice.io
- Questions? Please use StackOverflow. Tag your questions with
django-organice
. - Found a bug? Please use either the Bitbucket or GitHub issue tracker (you choose)