Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/intelliants/subrion-template-garage
https://github.com/intelliants/subrion-template-garage
Last synced: 16 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/intelliants/subrion-template-garage
- Owner: intelliants
- Created: 2017-01-30T10:48:47.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2017-09-05T04:35:49.000Z (over 7 years ago)
- Last Synced: 2024-02-21T21:33:49.736Z (10 months ago)
- Language: Smarty
- Size: 4.85 MB
- Stars: 0
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
Awesome Lists containing this project
README
# subrion-template-garage
Default template for Subrion CMS 4.x with style support for every Subrion plugin and package.
## Installation
1. Download latest release https://github.com/intelliants/subrion-template-garage/releases
2. Unpack contents of archive to `[root]/templates` folder
3. Rename `subrion-template-garage-master` to `garage`
4. Activate template in admin dashboard.
Or you can
```
cd [root]/templates # where root is the location of subrion core
git clone https://github.com/intelliants/subrion-template-garage.git ./garage
```
Voila! Just activate it in your Dashboard / Extensions / Templates
## Development
> This manual covers development of visual styles. To learn more about Subrion template structure and configuration options, please refer to Subrion Extensions wiki page: `URL_TO_SUBRION_WIKI`
The Garage template is setup to use [Gulp](http://gulpjs.com/) to compile LESS (with source maps), run it through [AutoPrefixr](https://github.com/postcss/autoprefixer), optimize images, and syncs changes across local development devices with [BrowserSync](https://browsersync.io/docs/gulp/), with flexibility to add any additional tasks via the Gulpfile. Alternatively, you can use [Prepros](https://prepros.io/) or whatever else y ou prefer to compile the LESS and manage the JavaScript.
### Prerequisites
In root folder of Garage template run:
```
npm i
```
To install all necessary node modules.
#### BrowserSync
Before running `dev` task, be sure to copy **config.sample.json** and rename it to **config.json**. Then change server config in **config.json** file for BrowserSync to work properly. Otherwise BrowserSync won't work.
### Tasks
```
gulp dev
```
Starts BrowserSync and watches for LESS files. Optimizes images and compiles LESS with SourceMaps.
```
gulp build
```
Compiles LESS and optimizes images.
### Compiling with GUI tools
If you don't want to use Gulp task-runner to process template files, you can use any GUI compilers like [Prepros](https://prepros.io/), [Koala](http://koala-app.com/) or [Simpless](https://wearekiss.com/simpless).
What is important:
* The main file for compilation is `iabootstrap.less`. It should be compiled to `[root]/templates/garage/css/iabootstrap.css`
### Template styles/elements page
There is a hidden page with all supported elements. You can access it like this:
```
http://yourdomain.com/?elements
```
## Contributing
Anyone is welcome to contribute! Check out the [Contributing Guidelines](CONTRIBUTING.md).