mirror of
https://github.com/wintercms/winter.git
synced 2024-06-28 05:33:29 +02:00
56 lines
1.8 KiB
Markdown
56 lines
1.8 KiB
Markdown
|
Demo Theme
|
||
|
|
==========
|
||
|
|
|
||
|
|
OctoberCMS demo theme that demonstrates the basic core functionality and utilizes the accompanying demo plugin. It is a great theme to copy when building a site from scratch.
|
||
|
|
|
||
|
|
The theme acts as a reference implementation for default component markup when distributing plugins.
|
||
|
|
|
||
|
|
Have fun!
|
||
|
|
|
||
|
|
## Clean up instructions
|
||
|
|
|
||
|
|
If you clone this theme to use as a starting point. You may follow these instructions to clean up:
|
||
|
|
|
||
|
|
1. Delete the `pages/ajax.htm` and `pages/plugins.htm` files.
|
||
|
|
2. Delete the `partials/calcresult.htm` partial file.
|
||
|
|
3. Delete the `partials/explain/` directory and contents.
|
||
|
|
4. Delete the `content/placeholder/` directory and contents.
|
||
|
|
|
||
|
|
## Combining CSS and JavaScript
|
||
|
|
|
||
|
|
This theme doesn't combine assets for performance reasons. To combine the stylesheets, replace the following lines in the default layout.
|
||
|
|
|
||
|
|
Uncombined stylesheets:
|
||
|
|
|
||
|
|
<link href="{{ 'assets/css/vendor.css'|theme }}" rel="stylesheet">
|
||
|
|
<link href="{{ 'assets/css/theme.css'|theme }}" rel="stylesheet">
|
||
|
|
|
||
|
|
Combined stylesheets:
|
||
|
|
|
||
|
|
<link href="{{ [
|
||
|
|
'@framework.extras',
|
||
|
|
'assets/less/vendor.less',
|
||
|
|
'assets/less/theme.less'
|
||
|
|
]|theme }}" rel="stylesheet">
|
||
|
|
|
||
|
|
> **Note**: October also includes an SCSS compiler, if you prefer.
|
||
|
|
|
||
|
|
Uncombined JavaScript:
|
||
|
|
|
||
|
|
<script src="{{ 'assets/vendor/jquery.js'|theme }}"></script>
|
||
|
|
<script src="{{ 'assets/vendor/bootstrap.js'|theme }}"></script>
|
||
|
|
<script src="{{ 'assets/javascript/app.js'|theme }}"></script>
|
||
|
|
{% framework extras %}
|
||
|
|
|
||
|
|
Combined JavaScript:
|
||
|
|
|
||
|
|
<script src="{{ [
|
||
|
|
'@jquery',
|
||
|
|
'@framework',
|
||
|
|
'@framework.extras',
|
||
|
|
'assets/vendor/bootstrap.js',
|
||
|
|
'assets/javascript/app.js'
|
||
|
|
]|theme }}"></script>
|
||
|
|
|
||
|
|
> **Important**: Make sure you keep the `{% styles %}` and `{% scripts %}` placeholder tags as these are used by plugins for injecting assets.
|