BCasal

Gulpfiles Jekyll

Jekyll-BS Scaffold completo

Después de instalar las dependencias con $ npm install hay que ejecutar el comando $ jekyll build para hacer el primer complidao del sitio, después (y el resto de veces) ya se puede ejecutar el comando $ gulp para trabajar en el proyecto.

BCasal

<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta http-equiv="cleartype" content="on">

BCasal

<!-- https://github.com/mmistakes/hpstr-jekyll-theme -->
<meta property="og:locale" content="es_ES">
<meta property="og:type" content="article">
<meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
<meta property="og:description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
<meta property="og:site_name" content="{{ site.title }}">

<!-- https://github.com/willianjusten/cards-jekyll-template -->
<meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
<!-- 320 x 168 -->

BCasal

<!-- https://github.com/programminghistorian -->
<meta name="citation_title" content="{{ page.title }}">
<meta name="citation_author" content="{{ author }}">
<meta name="citation_publication_date" content="{{ page.date }}">
<meta name="citation_journal_title" content="{{ site.name }}">
<meta name="citation_public_url" content="{{ site.url }}{{ page.url }}">

BCasal

<!-- http://realfavicongenerator.net/ -->
<link rel="apple-touch-icon" sizes="57x57" href="{{ "/assets/images/favicons/apple-touch-icon-57x57.png" | prepend: site.baseurl }}">
<link rel="apple-touch-icon" sizes="60x60" href="{{ "/assets/images/favicons/apple-touch-icon-60x60.png" | prepend: site.baseurl }}">
<link rel="apple-touch-icon" sizes="72x72" href="{{ "/assets/images/favicons/apple-touch-icon-72x72.png" | prepend: site.baseurl }}">
<link rel="apple-touch-icon" sizes="76x76" href="{{ "/assets/images/favicons/apple-touch-icon-76x76.png" | prepend: site.baseurl }}">
<link rel="apple-touch-icon" sizes="114x114" href="{{ "/assets/images/favicons/apple-touch-icon-114x114.png" | prepend: site.baseurl }}">
<link rel="apple-touch-icon" sizes="120x120" href="{{ "/assets/images/favicons/apple-touch-icon-120x120.png" | prepend: site.baseurl }}">
<link rel="apple-touch-icon" sizes="144x144" href="{{ "/assets/images/favicons/apple-touch-icon-144x144.png" | prepend: site.baseurl }}">
<link rel="apple-touch-icon" siz

BCasal

<!-- http://realfavicongenerator.net/ -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">

BCasal

Cómo colaborar en un proyecto en GitHub

• Fork del repositorio
• Clonar el repositorio
• Actualizar la rama master
• Crear una rama
• Hacer los cambios
• Hacer un Pull Request

Fork del repositorio

BCasal

Smooth scroll

A simple vanilla JS script to animate scrolling to anchor links.

Forked from Robin Leve's Pen Smooth scroll.

A Pen by BCasal.es on CodePen.

License.

BCasal

Test & FallBack VH

Test y fallback con modernizr para comprobar el soporte de VH-VW

A Pen by BCasal.es on CodePen.

License.

BCasal

GulpFile-Basico-3

Añadidos rename, browser-sync y las rutas pasadas como variables a las tareas.

A Pen by BCasal.es on CodePen.

License.