Floating image Hello world from a new Jekyll blog

2011 Welcome to Jekyll!

2011 Welcome to Jekyll!


Hello world from a new Jekyll blog

Made By Antonio Trento - Tagged with jekyll update


You’ll find this post in your _posts directory.

Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.

To add new posts, simply add a file in the _posts directory that follows the convention YYYY-MM-DD-name-of-post.ext and includes the necessary front matter. Take a look at the source for this post to get an idea about how it works.

HTML Build into social locker 8

end rigth social locker

Jekyll also offers powerful support for code snippets:

    /*jshint browser: true, strict: true, undef: true */<br />
    /*global define: false */<br />
<br />
    ( function( window ) {<br />
<br />
    'use strict';<br />
<br />
    // class helper functions from bonzo https://github.com/ded/bonzo<br />
<br />
    function classReg( className ) {<br />
      return new RegExp("(^|\\s+)" + className + "(\\s+|$)");<br />
    }<br />
<br />
    // classList support for class management<br />
    // altho to be fair, the api sucks because it won't accept multiple classes at once<br />
    var hasClass, addClass, removeClass;<br />
<br />
    if ( 'classList' in document.documentElement ) {<br />
      hasClass = function( elem, c ) {<br />
        return elem.classList.contains( c );<br />
      };<br />
      addClass = function( elem, c ) {<br />
        elem.classList.add( c );<br />
      };<br />
      removeClass = function( elem, c ) {<br />
        elem.classList.remove( c );<br />
      };<br />
    }<br />
    else {<br />
      hasClass = function( elem, c ) {<br />
        return classReg( c ).test( elem.className );<br />
      };<br />
      addClass = function( elem, c ) {<br />
        if ( !hasClass( elem, c ) ) {<br />
          elem.className = elem.className + ' ' + c;<br />
        }<br />
      };<br />
      removeClass = function( elem, c ) {<br />
        elem.className = elem.className.replace( classReg( c ), ' ' );<br />
      };<br />
    }<br />
<br />
    function toggleClass( elem, c ) {<br />
      var fn = hasClass( elem, c ) ? removeClass : addClass;<br />
      fn( elem, c );<br />
    }<br />
<br />
    var classie = {<br />
      // full names<br />
      hasClass: hasClass,<br />
      addClass: addClass,<br />
      removeClass: removeClass,<br />
      toggleClass: toggleClass,<br />
      // short names<br />
      has: hasClass,<br />
      add: addClass,<br />
      remove: removeClass,<br />
      toggle: toggleClass<br />
    };<br />
<br />
    // transport<br />
    if ( typeof define === 'function' && define.amd ) {<br />
      // AMD<br />
      define( classie );<br />
    } else {<br />
      // browser global<br />
      window.classie = classie;<br />
    } <br />
<br />
    })( window );<br />

Check out the Jekyll docs for more info on how to get the most out of Jekyll. File all bugs/feature requests at Jekyll’s GitHub repo. If you have questions, you can ask them on Jekyll Talk.