Plantilla de plantilla de una página de galería receptiva, diseñada y codificada por Maxim Orlov.
Demostración: http://website-templates.github.io/simple-gallery_responsive-template
Maqueta de productos creada con http://magicmockups.com/
./
├── .editorconfig
├── README.md
├── automation.sh
|
├── gulp_tasks/ * gulp tasks
| ├── config/ * gulp tasks config
│ | ├── paths.js
│ | ├── settings.js
│ | └── aliases.js
│ |
| └── task.js
│
├── gulpfile.js
├── package.json
|
├── screenshots/ * responsive test screenshots
|
├── dev/ * site source
│ ├── images/ * image sources
| │
│ ├── pug/ * templates
| | ├── blocks/ * blocks library
| │ | └── block.pug
| │ ├── helpers/ * helper mixins
| │ ├── vendor/ * third-party code
| │ ├── layouts/ * page layouts
| │ └── pages/ * main pages templates
| │
│ ├── js/ * compiled and source js
| | ├── vendor/ * vendor scripts library
| | ├── lib/ * site scripts library
| │ ├── head.js * head scripts
| │ └── body.js * vendor scripts
| │
| ├── stylus/ * stylus preprocessor styles
| | ├── blocks/ * blocks library
| │ | └── block.styl
| │ ├── helpers/ * mixins and vars
| │ ├── vendor/ * third-party code
| │ ├── custom.styl
| │ ├── noscript.styl
| │ └── screen.styl
| │
│ ├── helpers/ * helper files
| | ├── favicon.ico
| | └── .htaccess
| │
│ ├── fonts/ * font sources
| │
│ └── data/ * configs and data for templates
│
└── build/ * built source
├── index.html
├── page.html
|
└── static/ * static assets
├── css/ * minified styles
|
├── images/ * minified images
│
├── js/ * minified assembled js
|
└── fonts/ * @font-face-ready webfonts
Este proyecto tiene el archivo .EditorConfig en la raíz que utilizó su editor de código con el complemento EditorCig. Describe CodeStyle como el estilo de sangría, los espacios en blanco, etc. Vea más detalles aquí
Esta plantilla PUG utiliza plantillas PUG con configuraciones de datos externas. La configuración principal se puede encontrar en el archivo dev/data/config.json . Y están disponibles para su uso en plantillas con config.key-name
Aquí viene grupos de tareas de Gulp con algunas explicaciones
Instale las dependencias de la balanza y colóquelas en carpetas de desarrollo. Gulp: gulp start
Tarea de desarrollo con el servidor Static. Gulp: gulp dev
Tarea de construcción. Gulp: gulp build
Regenerar y construir el proyecto ejecutando todas las tareas. Gulp: gulp rebuild
Ejecute el servidor sin mirar los cambios. Gulp: gulp server
Este proyecto utiliza BrowserSync como servidor estático con la opción Live Reload habilitada y configurada.
MIT