spin jquery bs3

SPIN HTML/CSS - agora é grátis!

Introdução

O tema SPIN Admin/Dashboard com um design minimalista e uma interface Dark UI inovadora permitirá que você crie um aplicativo incrível e poderoso com uma excelente interface de usuário. Perfeitamente projetado para aplicações em larga escala, com documentação detalhada passo a passo. Ele é construído com base nos padrões e recomendações mais recentes. É desenvolvido com o framework Bootstrap 3.x, que é atualmente um dos frameworks mais populares do mundo.

Instalação

1. Certifique-se de ter Ruby instalado (Ruby DevKit no Windows também), Jekyll gem, Bundler gem ( gem install bundler ), Node, Bower e Gulp
2. Clone este repositório git clone https://github.com/0wczar/spin.jekyll.git
3. No terminal navegue até o diretório do repositório clonado
4. Execute npm install para instalar pacotes NPM
5. Execute bower install para instalar pacotes Bower
6. Execute gulp bower para anexar pacotes Bower ao Jekyll
7. Execute bundler para instalar as Gems necessárias
8. (Opção) Execute gulp para iniciar o Jekyll com o observador HTML/JS/Styles. Para começar a assistir SOMENTE arquivos HTML, execute gulp jekyll

Adicionando componentes do Bower

1. No terminal navegue até o diretório do projeto
2. Execute bower install <package-name> --save por exemplo bower install jquery --save . A lista de pacotes do Bower pode ser encontrada aqui - http://bower.io/search/
3. Quando a instalação for concluída, execute gulp bower para anexar a nova biblioteca.

Adicionando Plugins Less/Sass

1. Os arquivos Sass dos plugins devem ser colocados em /src/assets/scss/<plugin-name>
2. O CSS compilado deve ser colocado em /src/assets/stylesheets/<plugin-name>.css
3. Este estilo personalizado gerado deve estar vinculado em /src/_includes/head.html por exemplo <link rel="stylesheet" href="assets/stylesheets/select2-bootstrap.css">

Criando novas páginas

1. Novas páginas HTML devem ser adicionadas à pasta /src , por exemplo /src/new-page.html
2. A nova página deve ter as variáveis ​​​​no topo obrigatórias: layout: default . Outras variáveis ​​utilizáveis ​​são: bodyClasses que adiciona classes apropriadas à tag body, defaultContainer que adiciona contêiner específico à barra de navegação e rodapé e title que é injetado no cabeçalho e pode ser usado no conteúdo via {{ page.title }} . Exemplo:
3. A página adicionada deve estar vinculada na barra lateral assim: Link de exemplo: <li class="{% if page.url == "/default.html" %}active{% endif %}"><a href="/default.html"><span class="nav-label">Default</span></a></li>
4. Para acessar esta página você pode usar esta url: localhost:3000/new-page/

Fonte Vanilla (Full App Light)

1. Na pasta principal entre no terminal gulp build:vanilla
2. Vá para a pasta cd /site
3. Então npm install
4. Próxima bower install
5. Próxima gulp build
6. Fonte pronta disponível na pasta /dist

Fonte de sementes (Starter Dev) (_inludes/starter...)

1. Na pasta principal entre no terminal gulp build:seed
2. Fonte pronta disponível na pasta /starter

Redefinição do GIT

1. Vá para a pasta com o projeto cd /your_catalog
2. Digite git reset --hard origin/master
3. Extrair via Github Dekstop

Novas opções falsas

1. Exemplo: 25 - 07 - 2016 - 12h03 (12h) <span data-faker="{{date.day}} {{date.monthDigit}} {{date.year}} {{date.time}}"></span>
2. Exemplo: Meses: janeiro, fevereiro, março, etc... data-faker="[[date.monthShort]]"
3. Exemplos: Dias: Seg, Ter, Quarta, etc... data-faker="[[date.weekdayShort]]"
4. Exemplo: 1% - 100%: <span data-faker="[[random.percentage]]"><span>
5. Exemplo: 0% - 100,0%: <span data-faker="[[random.percentagePoint]]"><span>