spin jquery bs3

SPIN HTML/CSS: ¡ahora es gratis!

Introducción

El tema SPIN Admin/Dashboard con un diseño minimalista y una innovadora interfaz de usuario oscura le permitirá crear una aplicación sorprendente y poderosa con una excelente interfaz de usuario. Perfectamente diseñado para aplicaciones a gran escala, con documentación detallada paso a paso. Está construido en base a los últimos estándares y recomendaciones. Está impulsado por Bootstrap framework 3.x, que actualmente es uno de los frameworks más populares del mundo.

Instalación

1. Asegúrate de tener Ruby instalado (Ruby DevKit en Windows también), Jekyll gem, Bundler gem ( gem install bundler ), Node, Bower y Gulp.
2. Clona este repositorio git clone https://github.com/0wczar/spin.jekyll.git
3. En la terminal, navegue hasta el directorio del repositorio clonado.
4. Ejecute npm install para instalar paquetes NPM
5. Ejecute bower install para instalar los paquetes de Bower.
6. Ejecute gulp bower para adjuntar paquetes de Bower a Jekyll
7. Ejecute bundler para instalar las gemas necesarias
8. (Opción) Ejecute gulp para iniciar Jekyll con el observador HTML/JS/Styles. Para comenzar a ver SÓLO archivos HTML, ejecute gulp jekyll

Agregar componentes de glorieta

1. En la terminal navegue hasta el directorio del proyecto.
2. Ejecute bower install <package-name> --save por ejemplo bower install jquery --save . La lista de paquetes de Bower se puede encontrar aquí: http://bower.io/search/
3. Cuando se complete la instalación, ejecute gulp bower para adjuntar la nueva biblioteca.

Agregar complementos menos/descarado

1. Los archivos Sass de los complementos deben colocarse en /src/assets/scss/<plugin-name>
2. El CSS compilado debe colocarse en /src/assets/stylesheets/<plugin-name>.css
3. Este estilo personalizado generado debe vincularse en /src/_includes/head.html , por ejemplo <link rel="stylesheet" href="assets/stylesheets/select2-bootstrap.css">

Creando nuevas páginas

1. Las nuevas páginas HTML deben agregarse a la carpeta /src , por ejemplo /src/new-page.html
2. La nueva página debe tener las variables en la parte superior requeridas en layout: default . Otras variables utilizables son: bodyClasses que agrega clases apropiadas a la etiqueta del cuerpo, defaultContainer que agrega un contenedor específico a la barra de navegación y al pie de página y title que se inyecta en el encabezado y se puede usar en el contenido a través de {{ page.title }} . Ejemplo:
3. La página agregada debe estar vinculada en la barra lateral de esta manera: Enlace de ejemplo: <li class="{% if page.url == "/default.html" %}active{% endif %}"><a href="/default.html"><span class="nav-label">Default</span></a></li>
4. Para acceder a esta página puede utilizar esta URL: localhost:3000/new-page/

Vanilla Source (luz de aplicación completa)

1. En la carpeta principal ingrese en la terminal gulp build:vanilla
2. Ir a la carpeta cd /site
3. Luego npm install
4. Próxima bower install
5. Siguiente gulp build
6. Fuente lista disponible en la carpeta /dist

Fuente semilla (Starter Dev) (_inludes/starter...)

1. En la carpeta principal ingrese en la terminal gulp build:seed
2. Fuente lista disponible en la carpeta /starter

Restablecer GIT

1. Ir a la carpeta con cd /your_catalog
2. Ingrese git reset --hard origin/master
3. Extraer a través de Github Dekstop

Nuevas opciones falsas

1. Ejemplo: 25 - 07 - 2016 - 12:03 (12h) <span data-faker="{{date.day}} {{date.monthDigit}} {{date.year}} {{date.time}}"></span>
2. Ejemplo: Meses: enero, febrero, marzo, etc... data-faker="[[date.monthShort]]"
3. Ejemplos: Días: lunes, martes, miércoles, etc... data-faker="[[date.weekdayShort]]"
4. Ejemplo: 1% - 100%: <span data-faker="[[random.percentage]]"><span>
5. Ejemplo: 0% - 100,0%: <span data-faker="[[random.percentagePoint]]"><span>