Pinnacle is a modern starter theme for OctoberCMS. It's based on the Sage theme by Roots for Wordpress and contains all the tools you need to develop high quality themes with a modern workflow.
Pinnacle is on the OctoberCMS Market. Check it out here. Enjoying the theme? Feel free to leave a donation!
- NPM, Bower and Gulp
- Bootstrap 4
- FontAwesome 4
- Browsersync
- Asset Builder
- Javascript DOM-based routing
- Slick slider
- imgLiquid
... and even more good stuff!
- See requirements for OctoberCMS. You can find them here.
- Node.js
- Install OctoberCMS. See the instructions here.
- Once OctoberCMS is installed, clone this repository to a folder in the themes folder of your installation.
- Activate Pinnacle as your theme in the backend of OctoberCMS.
- Open your preferred terminal (I use Git Bash on Windows) and enter
npm install -g gulp bowerto globally install Gulp and Bower. - Then enter
npm installto install the required Node packages. - Once that's finished, enter
bower installto download the dependencies used for Pinnacle. - Afterwards, you should be able to run
gulpto build the assets orgulp watchto watch for changes, build automatically and open a browsersync tab. - Have fun developing!
If you check the theme folder, you'll notice that there are a few new files and folders:
-
bower.json
This file contains the bower dependencies for Pinnacle. -
gulpfile.js
The gulpfile contains all the tasks that Gulp runs on builds. -
package.json
This file contains the packages for Node. -
src/manifest.json
This manifest contains the source SCSS and JS that will be compiled to the assets folder. -
src/
This folder contains the source files for the assets. Place your images in the src/images/ folder, scripts in the src/scripts/ folder and scr/styles/ folder. Remember that new SCSS files have to be added to the src/styles/main.scss file and script files have to be added in the src/manifest.json.