Some checks are pending
Module sub-split / Sub-split (push) Waiting to run
- Base: wintercms/winter branch 1.2 (full framework) - Theme vivespos: Canvas 7 + Bootstrap 5 CDN, custom CSS - Layout: deferred GTM/GA4 tracking, JSON-LD SoftwareApplication - Partials: hero (offline-first), features, modes (offline/nube toggle), screenshots, pricing (3 planes), comparison, FAQ, CTA - Plugin VivesPOS.Site with ContactForm - Dockerfile: PHP 8.2 Apache, port 80, healthcheck - Added winter/wn-pages, blog, sitemap, seo plugins - Active theme set to vivespos
56 lines
1.9 KiB
Markdown
56 lines
1.9 KiB
Markdown
Demo Theme
|
|
==========
|
|
|
|
Winter CMS 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. When combining with this theme, we recommend enabling the config `enableAssetDeepHashing` in the file **config/cms.php**.
|
|
|
|
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**: Winter 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.
|