Update index.html

Update main.css
--- a/404.html
+++ b/404.html
@ -1,12 +0,0 @@
 ---
 layout: default
 title: 404 - Page not found
 ---

 <div class="text-center">
  <h1>Whoops, this page doesn't exist.</h1>
  <h1>Move along. (404 error)</h1>
  <br/>

  <img src="{{ site.baseurl }}/img/404-southpark.jpg" />
 </div>
--- a/README.md
+++ b/README.md
@ -1,102 +1,5 @@
 # Beautiful Jekyll
 # Beautiful Jekyll source code

 [Jekyll](http://jekyllrb.com/) is a simple site generator that is used for hosting [GitHub Pages](https://pages.github.com/) and specializes in blogging-type websites, although it can work with any site.
 This is the source code of Beautiful Jekyll that is responsible for generating [the demo website for this theme](http://deanattali.com/beautiful-jekyll).  To learn how to build a similarly awesome looking website in minutes, go to the [main Beautiful Jekyll page](https://github.com/daattali/beautiful-jekyll#readme).

 GitHub pages makes it extremely simple to host your own website or a website for a GitHub repository within minutes **for free**.  While it's very easy to get started with GitHub Pages, you will get very basic looking pages and basic functionality.

 **Beautiful Jekyll** is a ready-to-use template to make help you create an awesome Jekyll or GitHub Page website quickly.  [Check out a demo](http://deanattali.com/beautiful-jekyll) of what you'll get after just two minutes or look at [my personal website](http://deanattali.com) to see it in use.

 ## Build your website in 3 steps

 Getting started is *literally* as easy as 1-2-3 :smile:   
 Scroll down to see the steps involved, but here is a 45-second GIF just as a reference as you work through the steps.

 ![Installation steps](img/install-steps.gif)

 ### 1. Fork this repository 

 Fork this repository by clicking the Fork button on the top right corner.

 ### 2. Rename the repository to `yourusername.github.io`

 This will create a GitHub User page ready with the **Beautiful Jekyll** template that will be available at http://yourusername.github.io (sometimes it takes a few minutes).

 ### 3. Customize settings

 Edit the `_config.yml` file to change all the settings to reflect your site.  The settings in the file are fairly self-explanatory and I added comments inside the file to help you further.  Every time you make a change to any file, your website will get rebuilt and should be updated at `yourusername.github.io` within a minute.

 You can now visit your shiny new website, which will be seeded with several sample blog posts and a couple other pages.

 **Note:** The GIF above goes through the setup for a user with username `daattalitest`. I only edited one setting in the `_config.yml` file in the video, but **you should actually go through the rest of the settings as well.**


 ### Add your own content

 To add pages to your site, you can either write a markdown file (`.md`) which will automatically get converted to HTML, or you can write an HTML file directly.  It is much easier to write mardown; you write normal text with a few styling identifiers, and Jekyll will know how to automatically render it as a pretty HTML page. Markdown is extremely easy to use, just [look at the reference](http://daringfireball.net/projects/markdown/syntax) and at  some files on the site to get an idea.

 Any markdown or HTML file you add to the root directory will be immediately available on your site. Take a look at the `aboutme.md` and `index.html` files as examples. Any file inside the `_posts` directory will be treated as a blog entry.  You can look at the existing files there to get an idea of how to write blog posts, and delete them when you feel ready.

 ### YAML front matter
 YAML is a way to use parameters to make the templating more useful. To take advantage of the template, you need to add [YAML front matter](http://jekyllrb.com/docs/frontmatter/) to the top of each page. If you don't want to use any special paramters, use the empty YAML front matter:

 ```
 ---
 ---
 ```

 If you want to use any parameters, write them between the two lines. Look at `aboutme.md` or `index.html` as examples.

 **Always add the YAML front matter to every page, unless you specifically know that you want to bypass Jekyll.**

 ### Features

 #### Mobile-first
 **Beautiful Jekyll** is designed to look great on both large-screen and small-screen (mobile) devices. Load up your site on your phone and your gigantic iMac, and the site will work well on both, though it will look slightly different.

 #### Personalization

 Many personalization settings in `_config.yml`, such as setting your avatar to add a little image in the navbar or customizing what social media links to show in the footer

 #### Page types

 - **post** - To write a blog post, place a file in the `_posts` folder and assign `layout: post` in the YAML front matter. Look at the existing blog post files to see the YAML parameters that blog posts can use.
 - **page** - To add a non-blog page, place it in the root directory and assign `layout: page` in the YAML front matter. Look at `aboutme.md` and `index.html` as examples.
 - **minimal** - To add a random page with minimal styling (ie. without the bulky navigation bar and footer), assign `layout: minimal`.
 - To write your own HTML page and completely bypass the Jekyll engine, simply omit the YAML front matter.

 #### YAML front matter parameters

 There are all the parameters you can place inside a page's YAML front matter that **Beautiful Jekyll** supports.

 Parameter   | Description
 ----------- | -----------
 layout      | What type of page this is (recommended options are `page`, `post`, or `minimal`)
 title       | Page or blog post title
 subtitle    | Short description of page or blog post
 keywords    | Comma-separated list of keywords for the current page (eg. "soccer, sports, barcelona, messi")
 js          | List of local JavaScript files to include in the page (eg. `/js/mypage.js`)
 ext-js      | List of external JavaScript files to include in the page (eg. `//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js`)
 css         | List of local CSS files to include in the page
 ex-css      | List of external CSS files to include in the page
 googlefonts | List of Google fonts to include in the page (eg. `["Monoton", "Lobster"]`)

 ### Project page vs user page

 If you're not sure what the difference is, then ignore this section.

 If you want to use this theme for a project page for a specific repository instead of your main GitHub user page, that's no problem. The demo for this site ([daattali.github.io/beautiful-jekyll](http://deanattali.com/beautiful-jekyll)) is actually set up as a project page while my personal site ([daattali.github.io](http://deanattali.com)) is a regular user page.  The only difference is that in the `_config.yml`, you should set `baseurl` to be `/projectname` instead of `""`.


 ### Credits

 This template was not made entirely from scratch. I would like to give special thanks to:
 - [Barry Clark](https://github.com/barryclark) and his project [Jekyll Now](https://github.com/barryclark/jekyll-now), from whom I've taken several ideas and code snippets, as well as some documenation tips.
 - [Iron Summit Media](https://github.com/IronSummitMedia) and their project [Bootstrap Clean Blog](https://github.com/IronSummitMedia/startbootstrap-clean-blog), from which I've used some design ideas and some of the templating code for posts and pagination.

 ### Contributions

 If you find anything wrong or would like to contribute in any way, feel free to create a pull request/open an issue/send me a message.  Any comments are welcome!

 ### Known limitations

 - If you have a project page and you want a custom 404 page, you must have a custom domain.  See https://help.github.com/articles/custom-404-pages/.  This means that if you have a regular User Page you can use the 404 page from this theme, but if it's a website for a specific repository, the 404 page will not be used.
 **Important note:** This is the `gh-pages` branch of Beautiful Jekyll. If you want to create a User Page (meaning that your website will be `https://yourusername.github.io`) then you should use the `master` branch. If you want to create a Project Page (your website will be `https://yourusername.github.io/reponame`) then you do need to use a `gh-pages` branch, but I strongly suggest you delete this branch and create it again from the `master` branch. This branch in its current form does not include the latest Beautiful Jekyll code, so I recommend you use the `master` branch as the basis of your website.
--- a/_config.yml
+++ b/_config.yml
@ -4,20 +4,20 @@
 # baseurl is the website's URL without the hostname

 # If you are building a simple GitHub user page (username.github.io) then use these settings:
 url: "http://username.github.io"
 baseurl: ""
 #url: "http://username.github.io"
 #baseurl: ""

 # If you are building a GitHub project page then use these settings:
 #url: "http://username.github.io/projectname"
 #baseurl: "/projectname"
 url: "http://daattali.github.io/beautiful-jekyll"
 baseurl: "/beautiful-jekyll"

 # Of course don't forget to change the username and projectname to YOUR username and project

 # Name of website
 title: My website
 title: Beautiful Jekyll

 # Short description of your site
 description: A virtual proof that name is awesome!
 description: Quickly build a beautiful Jekyll website

 # --- Navigation bar options --- #

@ -28,21 +28,25 @@ avatar: "/img/avatar-icon.png"
 # List of links in the navigation bar
 navbar-links:
  Home: ""
  About Me: "aboutme"
  Contact: "contact"
  
  Resources:
    - Getting started: "getstarted"
    - Featured users: "featured-users"
    - Project page: "https://github.com/daattali/beautiful-jekyll#readme"
  About me: "http://deanattali.com"
  Support me: "http://deanattali.com/aboutme/#feed-meeee"

 # --- Footer options --- #

 # Change all these values or delete the ones you don't want.
 # Important: you must keep the "name" parameter, everything else you can remove
 author:
  name: Some Person
  email: "youremail@domain.com"
  facebook: yourname  # eg. daattali
  github: yourname    # eg. daattali
  twitter: yourname   # eg. daattali
  linkedin: yourlink  # eg. "pub/dean-attali/8/946/143"
  stackoverflow: yourlink  # eg. "users/3943160/daattali"
  name: Dean Attali
  email: "daattali@gmail.com"
  facebook: daattali
  github: daattali
  twitter: daattali
  linkedin: "pub/dean-attali/8/946/143"
  stackoverflow: "users/3943160/daattali"
 
 # Select which links to show in the footer
 footer-links-active:
@ -53,10 +57,16 @@ footer-links-active:
  github: true
  linkedin: false
  stackoverflow: false
  
 share-links-active:
  twitter: true
  facebook: true
  google: false
  linkedin: true

 # How to display the link to the website in the footer
 # Remove this if you don't want a link in the footer
 url-pretty: "MyWebsite.com"  # eg. "deanattali.com/beautiful-jekyll"
 url-pretty: "deanattali.com/beautiful-jekyll"  # eg. "deanattali.com/beautiful-jekyll"

 # --- Misc --- #

@ -64,24 +74,33 @@ url-pretty: "MyWebsite.com"  # eg. "deanattali.com/beautiful-jekyll"
 #disqus: ""

 # Fill in your Google Analytics ID to track your website using GA
 #google_analytics: ""
 google_analytics: "UA-59820529-1"

 # --- Don't need to touch anything below here (but you can if you want) --- #

 # Output options (more information on Jekyll's site)
 timezone: "America/Vancouver"
 markdown: redcarpet
 highlighter: pygments
 permalink: /:year-:month-:day-:title
 markdown: kramdown
 highlighter: rouge
 permalink: /:year-:month-:day-:title/
 paginate: 5

 # Default YAML values (more information on Jekyll's site)
 defaults:
  -
    scope:
      path: ""
      type: "posts"
    values:
      layout: "post"
      comments: true  # add comments to all blog posts 
      show-share: true # add sharing buttons to all blog posts
      social-share: true # add social media sharing buttons to all blog posts
  -
    scope:
      path: "" # all files
    values:
      layout: "default"
      layout: "page"

 # Exclude these files from production site
 exclude:
--- a/_includes/footer-scripts.html
+++ b/_includes/footer-scripts.html
@ -1,15 +1,9 @@
 {% if page.common-ext-js %}
  {% for js in page.common-ext-js %}
 {% if layout.common-ext-js %}
  {% for js in layout.common-ext-js %}
 	<script src="{{ js }}"></script>
  {% endfor %}
 {% endif %}

 {% if page.common-js %}
  {% for js in page.common-js %}
 	<script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
  {% endfor %}
 {% endif %}

 {% if page.ext-js %}
  {% for js in page.ext-js %}
 	<script src="{{ js }}"></script>
@ -22,4 +16,19 @@
  {% endfor %}
 {% endif %}

 {% include google_analytics.html %}
 {% if layout.common-js %}
  {% for js in layout.common-js %}
    <!-- doing something a bit funky here because I want to be careful not to include JQuery twice! -->
    {% if js contains 'jquery' %}
      <script>
      	if (typeof jQuery == 'undefined') {
      	  document.write('<script src="{{ js | prepend: site.baseurl | replace: "//", "/" }}"></scr' + 'ipt>');
      	}
      </script>
    {% else %}
 	<script src="{{ js | prepend: site.baseurl | replace: '//', '/' }}"></script>
    {% endif %}
  {% endfor %}
 {% endif %}

 {% include google_analytics.html %}
--- a/_includes/footer.html
+++ b/_includes/footer.html
@ -79,14 +79,14 @@
 		  &nbsp;&bull;&nbsp;
 		  {{ site.time | date: '%Y' }}
 		  
 		  {% if site.url-pretty %}
 		  {% if site.author.email %}
 		  &nbsp;&bull;&nbsp;
 		  <a href="{{ site.url }}">{{ site.url-pretty }}</a>
 		  <a href="mailto:{{ site.author.email }}">{{ site.author.email }}</a>
 		  {% endif %}
 	    </p>
 		<p class="theme-by text-muted">
 		  Theme by
 		  <a href="https://github.com/daattali/beautiful-jekyll">beautiful-jekyll</a>
 		  <a href="http://deanattali.com/beautiful-jekyll/">beautiful-jekyll</a>
 		</p>
      </div>
    </div>
--- a/_includes/head.html
+++ b/_includes/head.html
@ -9,22 +9,22 @@
  <meta name="description" content="{{ site.description }}">

  <link rel="alternate" type="application/rss+xml" title="{{ site.title }} - {{ site.description }}" href="{{ site.baseurl }}/feed.xml" />

  {% if page.common-ext-css %}
    {% for css in page.common-ext-css %}
  
  {% if layout.common-ext-css %}
    {% for css in layout.common-ext-css %}
      <link rel="stylesheet" href="{{ css }}" />
    {% endfor %}
  {% endif %}  
  {% endif %}    
  
  {% if page.common-css %}
    {% for css in page.common-css %}
  {% if layout.common-css %}
    {% for css in layout.common-css %}
      <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
    {% endfor %}
  {% endif %}
  {% endif %}  
  
  {% if page.common-googlefonts %}
    {% for font in page.common-googlefonts %}
 	  <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
  {% if layout.common-googlefonts %}
    {% for font in layout.common-googlefonts %}
      <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
    {% endfor %}
  {% endif %}

@ -39,10 +39,45 @@
      <link rel="stylesheet" href="{{ css | prepend: site.baseurl | replace: '//', '/' }}" />
    {% endfor %}
  {% endif %}
  

  {% if page.googlefonts %}
    {% for font in page.googlefonts %}
 	  <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
      <link rel="stylesheet" href="//fonts.googleapis.com/css?family={{ font }}" />
    {% endfor %}
  {% endif %}
 </head>

  <!-- Facebook OpenGraph tags -->
  {% if page.meta-title %}
  <meta property="og:title" content="{{ page.meta-title }}" />
  {% elsif page.title %}
  <meta property="og:title" content="{{ page.title }}" />
  {% else %}
  <meta property="og:title" content="{{ site.title }}" />
  {% endif %}
  
  <meta property="og:type" content="website" />
  
  {% if page.id %}
  <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
  {% else %}
  <meta property="og:url" content="{{ site.url }}{{ page.url | remove: '/index.html' | remove: '.html' }}" />
  {% endif %}
  
  {% if page.share-img %}
  <meta property="og:image" content="{{ page.share-img }}" />
  {% else %}
  <meta property="og:image" content="{{ site.url }}{{ site.avatar }}" />
  {% endif %}  
  
  <!-- Twitter summary cards -->
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:site" content="@{{ site.author.twitter }}" />
  <meta name="twitter:creator" content="@{{ site.author.twitter }}" />
  <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}" />
  <meta name="twitter:description" content="{{ page.content | strip_html | xml_escape | truncatewords: 50 }}" />
  {% if page.share-img %}
  <meta name="twitter:image" content="{{ page.share-img }}" />
  {% elsif site.avatar %}
  <meta name="twitter:image" content="{{ site.url }}{{ site.avatar }}" />
  {% endif %}  
 </head>
--- a/_includes/header.html
+++ b/_includes/header.html
@ -0,0 +1,76 @@
 <!-- TODO this file has become a mess, refactor it -->

 {% if page.bigimg or page.title %}

 {% if page.bigimg %}
  <div id="header-big-imgs" data-num-img={% if page.bigimg.first %}{{ page.bigimg.size }}{% else %}1{% endif %}
    {% for bigimg in page.bigimg %}
 	  {% assign imgnum = forloop.index %}
 	  {% for imginfo in bigimg %}
 	    {% if imginfo[0] %}
 		  data-img-src-{{ imgnum }}="{{ imginfo[0] | prepend: site.baseurl | replace: '//', '/' }}"
 		  data-img-desc-{{ imgnum }}="{{ imginfo[1] }}"
 		{% else %}
 		  data-img-src-{{ imgnum }}="{{ imginfo | prepend: site.baseurl | replace: '//', '/' }}"
 		{% endif %}
 	  {% endfor %}
    {% endfor %}
  ></div>
 {% endif %}

 <header class="header-section {% if page.bigimg %}has-img{% endif %}">
 {% if page.bigimg %}
 <div class="big-img intro-header">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <div class="{{ include.type }}-heading">
          <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
 		  {% if page.subtitle %}
 		    {% if include.type == "page" %}
            <hr class="small">
            <span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
 			{% else %}
 			<h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
 			{% endif %}
 		  {% endif %}
 		  
 		  {% if include.type == "post" %}
 		  <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
 		  {% endif %}
        </div>
      </div>
    </div>
  </div>
  <span class='img-desc'></span>
 </div>
 {% endif %}
 <div class="intro-header no-img">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <div class="{{ include.type }}-heading">
          <h1>{% if page.title %}{{ page.title }}{% else %}<br/>{% endif %}</h1>
 		  {% if page.subtitle %}
 		    {% if include.type == "page" %}
            <hr class="small">
            <span class="{{ include.type }}-subheading">{{ page.subtitle }}</span>
 			{% else %}
 			<h2 class="{{ include.type }}-subheading">{{ page.subtitle }}</h2>
 			{% endif %}
 		  {% endif %}
 		  
 		  {% if include.type == "post" %}
 		  <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
 		  {% endif %}
        </div>
      </div>
    </div>
  </div>
 </div>
 </header>


 {% else %}
 <div class="intro-header"></div>
 {% endif %}
--- a/_includes/nav.html
+++ b/_includes/nav.html
@ -12,11 +12,24 @@

    <div class="collapse navbar-collapse" id="main-navbar">
      <ul class="nav navbar-nav navbar-right">
 	    {% for link in site.navbar-links %}
        <li>
 		  <a href="{{ site.baseurl }}/{{ link[1] }}">{{ link[0] }}</a>
 		</li>
 		{% endfor %}
      {% for link in site.navbar-links %}
        {% if link[1].first %}
          <li class="navlinks-container">
            <a class="navlinks-parent" href="javascript:void(0)">{{ link[0] }}</a>
            <div class="navlinks-children">
              {% for childlink in link[1] %}
                {% for linkparts in childlink %}
                  {% include navbarlink.html link=linkparts %}
                {% endfor %}
              {% endfor %}
            </div>
          </li>
        {% else %}
          <li>
            {% include navbarlink.html link=link %}
          </li>
        {% endif %}
        {% endfor %}
      </ul>
    </div>
 	
@ -31,4 +44,4 @@
 	{% endif %}
 	
  </div>
 </nav>  
 </nav>  
--- a/_includes/navbarlink.html
+++ b/_includes/navbarlink.html
@ -0,0 +1,16 @@
 {% capture before %}{{ include.link[1] | split: "://" | first }}{% endcapture %}
 {% capture after %}{{ include.link[1] | split: "://" | last }}{% endcapture %}            
 {% assign internal = true %}
 {% if before != after %}
  {% if before == "http" or before == "https" %}
    {% assign internal = false %}
  {% endif %}  
 {% endif %}

 {% if internal %}
  {% capture linkurl %}{{ site.baseurl }}/{{ include.link[1] }}{% endcapture %}
 {% else %}
  {% capture linkurl %}{{ include.link[1] }}{% endcapture %}
 {% endif %}

 <a href="{{ linkurl }}">{{ include.link[0] }}</a>
--- a/_includes/social-share.html
+++ b/_includes/social-share.html
@ -0,0 +1,46 @@
 <!-- Check if any share-links are active -->
 {% assign any-share-links = false %}
 {% for links in site.share-links-active %}
  {% if links[1] == true %}
    {% assign any-share-links = true %}
  {% endif %}
 {% endfor %}

 {% if any-share-links %}
 <section id = "social-share-section">

  <!--- Share on Twitter -->
  {% if site.share-links-active.twitter %}
    <a href="https://twitter.com/intent/tweet?text={{ site.url }}{{ page.url }}"
      class="btn btn-social-icon btn-twitter" title="Share on Twitter">
      <span class="fa fa-fw fa-twitter" aria-hidden="true"></span>
    </a>
  {% endif %}

  <!--- Share on Facebook -->
  {% if site.share-links-active.facebook %}
    <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
      class="btn btn-social-icon btn-facebook" title="Share on Facebook">
      <span class="fa fa-fw fa-facebook" aria-hidden="true"></span>
    </a>
  {% endif %}

  <!--- Share on Google Plus -->
  {% if site.share-links-active.google %}
    <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
      class="btn btn-social-icon btn-google" title="Share on Google+">
      <span class="fa fa-fw fa-google-plus" aria-hidden="true"></span>
    </a>
  {% endif %}

  <!--- Share on LinkedIn -->
  {% if site.share-links-active.linkedin %}
    <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}"
      class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn">
      <span class="fa fa-fw fa-linkedin" aria-hidden="true"></span>
    </a>
  {% endif %}

 </section>

 {% endif %}
--- a/_layouts/base.html
+++ b/_layouts/base.html
@ -0,0 +1,33 @@
 ---
 common-css:
  - "/css/bootstrap.min.css"
  - "/css/bootstrap-social.css"
  - "/css/main.css"
 common-ext-css:
  - "//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"
 common-googlefonts:
  - "Lora:400,700,400italic,700italic"
  - "Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
 common-js:
  - "/js/jquery-1.11.2.min.js"
  - "/js/bootstrap.min.js"
  - "/js/main.js"
 ---

 <!DOCTYPE html>
 <html lang="en">
  
  {% include head.html %}

  <body>
  
    {% include nav.html %}

    {{ content }}

    {% include footer.html %}
  
    {% include footer-scripts.html %}
  
  </body>
 </html>
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -1,34 +1,9 @@
 ---
 common-css:
  - "/css/bootstrap.min.css"
  - "/css/main.css"
 common-ext-css:
  - "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
 common-googlefonts:
  - "Lora:400,700,400italic,700italic"
  - "Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
 common-js:
  - "/js/jquery-1.11.2.min.js"
  - "/js/bootstrap.min.js"
  - "/js/main.js"
 layout: base
 ---

 <!DOCTYPE html>
 <html lang="en">
  
  {% include head.html %}
 <div class="intro-header"></div>

  <body>
  
    {% include nav.html %}

    <div role="main" class="container main-content">
      {{ content }}
    </div>

    {% include footer.html %}
  
    {% include footer-scripts.html %}
  
  </body>
 </html>
 <div role="main" class="container">
  {{ content }}
 </div>
--- a/_layouts/minimal.html
+++ b/_layouts/minimal.html
@ -14,7 +14,7 @@ common-js:

  <body>

    <div role="main" class="container main-content">
    <div role="main" class="container">
      {{ content }}
    </div>

--- a/_layouts/page.html
+++ b/_layouts/page.html
@ -1,25 +1,18 @@
 ---
 layout: default
 layout: base
 ---

 {% if page.title %}
 <header class="header-page">
 {% include header.html type="page" %}

 <div class="container" role="main">
  <div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
 	  <div class="page-heading">
 	    <h1>{{ page.title }}</h1>
 	    {% if page.subtitle %}
 	    <hr class="small">
 	    <span class="page-subheading">{{ page.subtitle }}</span>
      {{ content }}
 	    {% if page.comments %}
        <div class="disqus-comments">
 	        {% include disqus.html %}
        </div>
 	    {% endif %}
 	  </div>
    </div>
  </div>
 </header>
 {% endif %}

 <div class="row">
  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
    {{ content }}
  </div>
 </div>
--- a/_layouts/post.html
+++ b/_layouts/post.html
@ -1,48 +1,38 @@
 ---
 layout: default
 layout: base
 ---

 <header class="header-post">
  <div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
      <div class="post-heading">
        <h1>{{ page.title }}</h1>
        {% if page.subtitle %}
        <h2 class="post-subheading">{{ page.subtitle }}</h2>
        {% endif %}
        <span class="post-meta">Posted on {{ page.date | date: "%B %-d, %Y" }}</span>
      </div>
     </div>
  </div>
 </header>
 {% include header.html type="post" %}

 <article>
 <div class="container">
  <div class="row">
    <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
 	  {{ content }}
 	</div>
  </div>
 </article>
      <article role="main" class="blog-post">
 	      {{ content }}
 	    </article>

 <div class="row">
  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
    <ul class="pager blog-pager">
      {% if page.previous.url %}
      <li class="previous">
        <a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">&larr; Previous Post</a>
      </li>
      {% if page.social-share %}
        {% include social-share.html %}
      {% endif %}
      {% if page.next.url %}
      <li class="next">
        <a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post &rarr;</a>
      </li>
      {% endif %}
    </ul>
  </div>
 </div>

 <div class="row blog-comments">
  <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
    {% include disqus.html %}
      <ul class="pager blog-pager">
        {% if page.previous.url %}
        <li class="previous">
          <a href="{{ page.previous.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.previous.title}}">&larr; Previous Post</a>
        </li>
        {% endif %}
        {% if page.next.url %}
        <li class="next">
          <a href="{{ page.next.url | prepend: site.baseurl | replace: '//', '/' }}" data-toggle="tooltip" data-placement="top" title="{{page.next.title}}">Next Post &rarr;</a>
        </li>
        {% endif %}
      </ul>
      
 	    {% if page.comments %}
        <div class="disqus-comments">
 	        {% include disqus.html %}
        </div>
 	    {% endif %}
    </div>
  </div>
 </div>
--- a/_posts/2015-02-20-test-markdown.md
+++ b/_posts/2015-02-20-test-markdown.md
@ -1,6 +1,6 @@
 ---
 layout: post
 title: Test markdown
 title: Example how to use markdown
 subtitle: Each post also has a subtitle
 ---

@ -10,4 +10,18 @@ You can write regular [markdown](http://en.wikipedia.org/wiki/Markdown) here and

 ## Here is a secondary heading

 Got it?
 Here's a code chunk:

 ~~~
 x <- 5 + 10
 print(x)
 ~~~

 And here is some code with syntax highlighting

 ```javascript
 var foo = function(x) {
  return(x + 5);
 }
 foo(3);
 ```
--- a/_posts/2015-02-26-flake-it-till-you-make-it.md
+++ b/_posts/2015-02-26-flake-it-till-you-make-it.md
@ -2,6 +2,7 @@
 layout: post
 title: Flake it till you make it
 subtitle: Excerpt from Soulshaping by Jeff Brown
 bigimg: /img/path.jpg
 ---

 Under what circumstances should we step off a path? When is it essential that we finish what we start? If I bought a bag of peanuts and had an allergic reaction, no one would fault me if I threw it out. If I ended a relationship with a woman who hit me, no one would say that I had a commitment problem. But if I walk away from a seemingly secure route because my soul has other ideas, I am a flake?  
@ -10,4 +11,4 @@ The truth is that no one else can definitively know the path we are here to walk

 At the heart of the struggle are two very different ideas of success—survival-driven and soul-driven. For survivalists, success is security, pragmatism, power over others. Success is the absence of material suffering, the nourishing of the soul be damned. It is an odd and ironic thing that most of the material power in our world often resides in the hands of younger souls. Still working in the egoic and material realms, they love the sensations of power and focus most of their energy on accumulation. Older souls tend not to be as materially driven. They have already played the worldly game in previous lives and they search for more subtle shades of meaning in this one—authentication rather than accumulation. They are often ignored by the culture at large, although they really are the truest warriors.  

 A soulful notion of success rests on the actualization of our innate image. Success is simply the completion of a soul step, however unsightly it may be. We have finished what we started when the lesson is learned. What a fear-based culture calls a wonderful opportunity may be fruitless and misguided for the soul. Staying in a passionless relationship may satisfy our need for comfort, but it may stifle the soul. Becoming a famous lawyer is only worthwhile if the soul demands it. It is an essential failure if you are called to be a monastic this time around. If you need to explore and abandon ten careers in order to stretch your soul toward its innate image, then so be it. Flake it till you make it.
 A soulful notion of success rests on the actualization of our innate image. Success is simply the completion of a soul step, however unsightly it may be. We have finished what we started when the lesson is learned. What a fear-based culture calls a wonderful opportunity may be fruitless and misguided for the soul. Staying in a passionless relationship may satisfy our need for comfort, but it may stifle the soul. Becoming a famous lawyer is only worthwhile if the soul demands it. It is an essential failure if you are called to be a monastic this time around. If you need to explore and abandon ten careers in order to stretch your soul toward its innate image, then so be it. Flake it till you make it.
--- a/aboutme.md
+++ b/aboutme.md
@ -1,16 +0,0 @@
 ---
 layout: page
 title: About me
 subtitle: Why you'd want to go on a date with me
 ---

 My name is Inigo Montoya. I have the following qualities:

 - I rock a great mustache
 - I'm extremely loyal to my family

 What else do you need?

 ### my history

 To be honest, I'm having some trouble remembering right now, so why don't you just watch [my movie](http://en.wikipedia.org/wiki/The_Princess_Bride_%28film%29) and it will answer **all** your questions.
--- a/contact.md
+++ b/contact.md
@ -1,20 +0,0 @@
 ---
 layout: minimal
 js: "/js/contact.js"
 css: "/css/contact.css"
 googlefonts: Lobster
 ---

 Just kidding, you can't contact me here.  

 But this little page shows you how you can write a minimalist page if you ever want to have some page without the header and all the other bulky stuff.

 It's also an example of how you can easily add CSS or JavaScript files to a template.

 <div id="contact-div">I should be coloured in red to show that the CSS works</div>

 <button type="button" class="btn btn-default" id="contact-btn">
  Click me
 </button>

 <p id="googlefont-test">You can even use any <a href="http://www.google.com/fonts/">Google fonts</a> you'd like to be extra fancy, like this Lobster font</p>
--- a/css/bootstrap-social.css
+++ b/css/bootstrap-social.css
@ -0,0 +1,147 @@
 /*
 * Social Buttons for Bootstrap
 *
 * Copyright 2013-2015 Panayiotis Lipiridis
 * Licensed under the MIT License
 *
 * https://github.com/lipis/bootstrap-social
 */

 .btn-social{position:relative;margin-bottom:5px;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-social>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
 .btn-social.btn-lg{padding-left:61px}.btn-social.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
 .btn-social.btn-sm{padding-left:38px}.btn-social.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
 .btn-social.btn-xs{padding-left:30px}.btn-social.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
 .btn-social-icon{position:relative;padding-left:44px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2)}
 .btn-social-icon.btn-lg{padding-left:61px}.btn-social-icon.btn-lg>:first-child{line-height:45px;width:45px;font-size:1.8em}
 .btn-social-icon.btn-sm{padding-left:38px}.btn-social-icon.btn-sm>:first-child{line-height:28px;width:28px;font-size:1.4em}
 .btn-social-icon.btn-xs{padding-left:30px}.btn-social-icon.btn-xs>:first-child{line-height:20px;width:20px;font-size:1.2em}
 .btn-social-icon>:first-child{border:none;text-align:center;width:100% !important}
 .btn-social-icon.btn-lg{height:45px;width:45px;padding-left:0;padding-right:0}
 .btn-social-icon.btn-sm{height:30px;width:30px;padding-left:0;padding-right:0}
 .btn-social-icon.btn-xs{height:22px;width:22px;padding-left:0;padding-right:0}
 .btn-adn{color:#fff;background-color:#d87a68;border-color:rgba(0,0,0,0.2)}.btn-adn:focus,.btn-adn.focus{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
 .btn-adn:hover{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}
 .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{color:#fff;background-color:#ce563f;border-color:rgba(0,0,0,0.2)}.btn-adn:active:hover,.btn-adn.active:hover,.open>.dropdown-toggle.btn-adn:hover,.btn-adn:active:focus,.btn-adn.active:focus,.open>.dropdown-toggle.btn-adn:focus,.btn-adn:active.focus,.btn-adn.active.focus,.open>.dropdown-toggle.btn-adn.focus{color:#fff;background-color:#b94630;border-color:rgba(0,0,0,0.2)}
 .btn-adn:active,.btn-adn.active,.open>.dropdown-toggle.btn-adn{background-image:none}
 .btn-adn.disabled,.btn-adn[disabled],fieldset[disabled] .btn-adn,.btn-adn.disabled:hover,.btn-adn[disabled]:hover,fieldset[disabled] .btn-adn:hover,.btn-adn.disabled:focus,.btn-adn[disabled]:focus,fieldset[disabled] .btn-adn:focus,.btn-adn.disabled.focus,.btn-adn[disabled].focus,fieldset[disabled] .btn-adn.focus,.btn-adn.disabled:active,.btn-adn[disabled]:active,fieldset[disabled] .btn-adn:active,.btn-adn.disabled.active,.btn-adn[disabled].active,fieldset[disabled] .btn-adn.active{background-color:#d87a68;border-color:rgba(0,0,0,0.2)}
 .btn-adn .badge{color:#d87a68;background-color:#fff}
 .btn-bitbucket{color:#fff;background-color:#205081;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:focus,.btn-bitbucket.focus{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
 .btn-bitbucket:hover{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}
 .btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{color:#fff;background-color:#163758;border-color:rgba(0,0,0,0.2)}.btn-bitbucket:active:hover,.btn-bitbucket.active:hover,.open>.dropdown-toggle.btn-bitbucket:hover,.btn-bitbucket:active:focus,.btn-bitbucket.active:focus,.open>.dropdown-toggle.btn-bitbucket:focus,.btn-bitbucket:active.focus,.btn-bitbucket.active.focus,.open>.dropdown-toggle.btn-bitbucket.focus{color:#fff;background-color:#0f253c;border-color:rgba(0,0,0,0.2)}
 .btn-bitbucket:active,.btn-bitbucket.active,.open>.dropdown-toggle.btn-bitbucket{background-image:none}
 .btn-bitbucket.disabled,.btn-bitbucket[disabled],fieldset[disabled] .btn-bitbucket,.btn-bitbucket.disabled:hover,.btn-bitbucket[disabled]:hover,fieldset[disabled] .btn-bitbucket:hover,.btn-bitbucket.disabled:focus,.btn-bitbucket[disabled]:focus,fieldset[disabled] .btn-bitbucket:focus,.btn-bitbucket.disabled.focus,.btn-bitbucket[disabled].focus,fieldset[disabled] .btn-bitbucket.focus,.btn-bitbucket.disabled:active,.btn-bitbucket[disabled]:active,fieldset[disabled] .btn-bitbucket:active,.btn-bitbucket.disabled.active,.btn-bitbucket[disabled].active,fieldset[disabled] .btn-bitbucket.active{background-color:#205081;border-color:rgba(0,0,0,0.2)}
 .btn-bitbucket .badge{color:#205081;background-color:#fff}
 .btn-dropbox{color:#fff;background-color:#1087dd;border-color:rgba(0,0,0,0.2)}.btn-dropbox:focus,.btn-dropbox.focus{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox:hover{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{color:#fff;background-color:#0d6aad;border-color:rgba(0,0,0,0.2)}.btn-dropbox:active:hover,.btn-dropbox.active:hover,.open>.dropdown-toggle.btn-dropbox:hover,.btn-dropbox:active:focus,.btn-dropbox.active:focus,.open>.dropdown-toggle.btn-dropbox:focus,.btn-dropbox:active.focus,.btn-dropbox.active.focus,.open>.dropdown-toggle.btn-dropbox.focus{color:#fff;background-color:#0a568c;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox:active,.btn-dropbox.active,.open>.dropdown-toggle.btn-dropbox{background-image:none}
 .btn-dropbox.disabled,.btn-dropbox[disabled],fieldset[disabled] .btn-dropbox,.btn-dropbox.disabled:hover,.btn-dropbox[disabled]:hover,fieldset[disabled] .btn-dropbox:hover,.btn-dropbox.disabled:focus,.btn-dropbox[disabled]:focus,fieldset[disabled] .btn-dropbox:focus,.btn-dropbox.disabled.focus,.btn-dropbox[disabled].focus,fieldset[disabled] .btn-dropbox.focus,.btn-dropbox.disabled:active,.btn-dropbox[disabled]:active,fieldset[disabled] .btn-dropbox:active,.btn-dropbox.disabled.active,.btn-dropbox[disabled].active,fieldset[disabled] .btn-dropbox.active{background-color:#1087dd;border-color:rgba(0,0,0,0.2)}
 .btn-dropbox .badge{color:#1087dd;background-color:#fff}
 .btn-facebook{color:#fff;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}.btn-facebook:focus,.btn-facebook.focus{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
 .btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
 .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}.btn-facebook:active:hover,.btn-facebook.active:hover,.open>.dropdown-toggle.btn-facebook:hover,.btn-facebook:active:focus,.btn-facebook.active:focus,.open>.dropdown-toggle.btn-facebook:focus,.btn-facebook:active.focus,.btn-facebook.active.focus,.open>.dropdown-toggle.btn-facebook.focus{color:#fff;background-color:#23345a;border-color:rgba(0,0,0,0.2)}
 .btn-facebook:active,.btn-facebook.active,.open>.dropdown-toggle.btn-facebook{background-image:none}
 .btn-facebook.disabled,.btn-facebook[disabled],fieldset[disabled] .btn-facebook,.btn-facebook.disabled:hover,.btn-facebook[disabled]:hover,fieldset[disabled] .btn-facebook:hover,.btn-facebook.disabled:focus,.btn-facebook[disabled]:focus,fieldset[disabled] .btn-facebook:focus,.btn-facebook.disabled.focus,.btn-facebook[disabled].focus,fieldset[disabled] .btn-facebook.focus,.btn-facebook.disabled:active,.btn-facebook[disabled]:active,fieldset[disabled] .btn-facebook:active,.btn-facebook.disabled.active,.btn-facebook[disabled].active,fieldset[disabled] .btn-facebook.active{background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
 .btn-facebook .badge{color:#3b5998;background-color:#fff}
 .btn-flickr{color:#fff;background-color:#ff0084;border-color:rgba(0,0,0,0.2)}.btn-flickr:focus,.btn-flickr.focus{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
 .btn-flickr:hover{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}
 .btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{color:#fff;background-color:#cc006a;border-color:rgba(0,0,0,0.2)}.btn-flickr:active:hover,.btn-flickr.active:hover,.open>.dropdown-toggle.btn-flickr:hover,.btn-flickr:active:focus,.btn-flickr.active:focus,.open>.dropdown-toggle.btn-flickr:focus,.btn-flickr:active.focus,.btn-flickr.active.focus,.open>.dropdown-toggle.btn-flickr.focus{color:#fff;background-color:#a80057;border-color:rgba(0,0,0,0.2)}
 .btn-flickr:active,.btn-flickr.active,.open>.dropdown-toggle.btn-flickr{background-image:none}
 .btn-flickr.disabled,.btn-flickr[disabled],fieldset[disabled] .btn-flickr,.btn-flickr.disabled:hover,.btn-flickr[disabled]:hover,fieldset[disabled] .btn-flickr:hover,.btn-flickr.disabled:focus,.btn-flickr[disabled]:focus,fieldset[disabled] .btn-flickr:focus,.btn-flickr.disabled.focus,.btn-flickr[disabled].focus,fieldset[disabled] .btn-flickr.focus,.btn-flickr.disabled:active,.btn-flickr[disabled]:active,fieldset[disabled] .btn-flickr:active,.btn-flickr.disabled.active,.btn-flickr[disabled].active,fieldset[disabled] .btn-flickr.active{background-color:#ff0084;border-color:rgba(0,0,0,0.2)}
 .btn-flickr .badge{color:#ff0084;background-color:#fff}
 .btn-foursquare{color:#fff;background-color:#f94877;border-color:rgba(0,0,0,0.2)}.btn-foursquare:focus,.btn-foursquare.focus{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
 .btn-foursquare:hover{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}
 .btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{color:#fff;background-color:#f71752;border-color:rgba(0,0,0,0.2)}.btn-foursquare:active:hover,.btn-foursquare.active:hover,.open>.dropdown-toggle.btn-foursquare:hover,.btn-foursquare:active:focus,.btn-foursquare.active:focus,.open>.dropdown-toggle.btn-foursquare:focus,.btn-foursquare:active.focus,.btn-foursquare.active.focus,.open>.dropdown-toggle.btn-foursquare.focus{color:#fff;background-color:#e30742;border-color:rgba(0,0,0,0.2)}
 .btn-foursquare:active,.btn-foursquare.active,.open>.dropdown-toggle.btn-foursquare{background-image:none}
 .btn-foursquare.disabled,.btn-foursquare[disabled],fieldset[disabled] .btn-foursquare,.btn-foursquare.disabled:hover,.btn-foursquare[disabled]:hover,fieldset[disabled] .btn-foursquare:hover,.btn-foursquare.disabled:focus,.btn-foursquare[disabled]:focus,fieldset[disabled] .btn-foursquare:focus,.btn-foursquare.disabled.focus,.btn-foursquare[disabled].focus,fieldset[disabled] .btn-foursquare.focus,.btn-foursquare.disabled:active,.btn-foursquare[disabled]:active,fieldset[disabled] .btn-foursquare:active,.btn-foursquare.disabled.active,.btn-foursquare[disabled].active,fieldset[disabled] .btn-foursquare.active{background-color:#f94877;border-color:rgba(0,0,0,0.2)}
 .btn-foursquare .badge{color:#f94877;background-color:#fff}
 .btn-github{color:#fff;background-color:#444;border-color:rgba(0,0,0,0.2)}.btn-github:focus,.btn-github.focus{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
 .btn-github:hover{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}
 .btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{color:#fff;background-color:#2b2b2b;border-color:rgba(0,0,0,0.2)}.btn-github:active:hover,.btn-github.active:hover,.open>.dropdown-toggle.btn-github:hover,.btn-github:active:focus,.btn-github.active:focus,.open>.dropdown-toggle.btn-github:focus,.btn-github:active.focus,.btn-github.active.focus,.open>.dropdown-toggle.btn-github.focus{color:#fff;background-color:#191919;border-color:rgba(0,0,0,0.2)}
 .btn-github:active,.btn-github.active,.open>.dropdown-toggle.btn-github{background-image:none}
 .btn-github.disabled,.btn-github[disabled],fieldset[disabled] .btn-github,.btn-github.disabled:hover,.btn-github[disabled]:hover,fieldset[disabled] .btn-github:hover,.btn-github.disabled:focus,.btn-github[disabled]:focus,fieldset[disabled] .btn-github:focus,.btn-github.disabled.focus,.btn-github[disabled].focus,fieldset[disabled] .btn-github.focus,.btn-github.disabled:active,.btn-github[disabled]:active,fieldset[disabled] .btn-github:active,.btn-github.disabled.active,.btn-github[disabled].active,fieldset[disabled] .btn-github.active{background-color:#444;border-color:rgba(0,0,0,0.2)}
 .btn-github .badge{color:#444;background-color:#fff}
 .btn-google{color:#fff;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}.btn-google:focus,.btn-google.focus{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
 .btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
 .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}.btn-google:active:hover,.btn-google.active:hover,.open>.dropdown-toggle.btn-google:hover,.btn-google:active:focus,.btn-google.active:focus,.open>.dropdown-toggle.btn-google:focus,.btn-google:active.focus,.btn-google.active.focus,.open>.dropdown-toggle.btn-google.focus{color:#fff;background-color:#a32b1c;border-color:rgba(0,0,0,0.2)}
 .btn-google:active,.btn-google.active,.open>.dropdown-toggle.btn-google{background-image:none}
 .btn-google.disabled,.btn-google[disabled],fieldset[disabled] .btn-google,.btn-google.disabled:hover,.btn-google[disabled]:hover,fieldset[disabled] .btn-google:hover,.btn-google.disabled:focus,.btn-google[disabled]:focus,fieldset[disabled] .btn-google:focus,.btn-google.disabled.focus,.btn-google[disabled].focus,fieldset[disabled] .btn-google.focus,.btn-google.disabled:active,.btn-google[disabled]:active,fieldset[disabled] .btn-google:active,.btn-google.disabled.active,.btn-google[disabled].active,fieldset[disabled] .btn-google.active{background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
 .btn-google .badge{color:#dd4b39;background-color:#fff}
 .btn-instagram{color:#fff;background-color:#3f729b;border-color:rgba(0,0,0,0.2)}.btn-instagram:focus,.btn-instagram.focus{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
 .btn-instagram:hover{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}
 .btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{color:#fff;background-color:#305777;border-color:rgba(0,0,0,0.2)}.btn-instagram:active:hover,.btn-instagram.active:hover,.open>.dropdown-toggle.btn-instagram:hover,.btn-instagram:active:focus,.btn-instagram.active:focus,.open>.dropdown-toggle.btn-instagram:focus,.btn-instagram:active.focus,.btn-instagram.active.focus,.open>.dropdown-toggle.btn-instagram.focus{color:#fff;background-color:#26455d;border-color:rgba(0,0,0,0.2)}
 .btn-instagram:active,.btn-instagram.active,.open>.dropdown-toggle.btn-instagram{background-image:none}
 .btn-instagram.disabled,.btn-instagram[disabled],fieldset[disabled] .btn-instagram,.btn-instagram.disabled:hover,.btn-instagram[disabled]:hover,fieldset[disabled] .btn-instagram:hover,.btn-instagram.disabled:focus,.btn-instagram[disabled]:focus,fieldset[disabled] .btn-instagram:focus,.btn-instagram.disabled.focus,.btn-instagram[disabled].focus,fieldset[disabled] .btn-instagram.focus,.btn-instagram.disabled:active,.btn-instagram[disabled]:active,fieldset[disabled] .btn-instagram:active,.btn-instagram.disabled.active,.btn-instagram[disabled].active,fieldset[disabled] .btn-instagram.active{background-color:#3f729b;border-color:rgba(0,0,0,0.2)}
 .btn-instagram .badge{color:#3f729b;background-color:#fff}
 .btn-linkedin{color:#fff;background-color:#007bb6;border-color:rgba(0,0,0,0.2)}.btn-linkedin:focus,.btn-linkedin.focus{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
 .btn-linkedin:hover{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}
 .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{color:#fff;background-color:#005983;border-color:rgba(0,0,0,0.2)}.btn-linkedin:active:hover,.btn-linkedin.active:hover,.open>.dropdown-toggle.btn-linkedin:hover,.btn-linkedin:active:focus,.btn-linkedin.active:focus,.open>.dropdown-toggle.btn-linkedin:focus,.btn-linkedin:active.focus,.btn-linkedin.active.focus,.open>.dropdown-toggle.btn-linkedin.focus{color:#fff;background-color:#00405f;border-color:rgba(0,0,0,0.2)}
 .btn-linkedin:active,.btn-linkedin.active,.open>.dropdown-toggle.btn-linkedin{background-image:none}
 .btn-linkedin.disabled,.btn-linkedin[disabled],fieldset[disabled] .btn-linkedin,.btn-linkedin.disabled:hover,.btn-linkedin[disabled]:hover,fieldset[disabled] .btn-linkedin:hover,.btn-linkedin.disabled:focus,.btn-linkedin[disabled]:focus,fieldset[disabled] .btn-linkedin:focus,.btn-linkedin.disabled.focus,.btn-linkedin[disabled].focus,fieldset[disabled] .btn-linkedin.focus,.btn-linkedin.disabled:active,.btn-linkedin[disabled]:active,fieldset[disabled] .btn-linkedin:active,.btn-linkedin.disabled.active,.btn-linkedin[disabled].active,fieldset[disabled] .btn-linkedin.active{background-color:#007bb6;border-color:rgba(0,0,0,0.2)}
 .btn-linkedin .badge{color:#007bb6;background-color:#fff}
 .btn-microsoft{color:#fff;background-color:#2672ec;border-color:rgba(0,0,0,0.2)}.btn-microsoft:focus,.btn-microsoft.focus{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
 .btn-microsoft:hover{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}
 .btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{color:#fff;background-color:#125acd;border-color:rgba(0,0,0,0.2)}.btn-microsoft:active:hover,.btn-microsoft.active:hover,.open>.dropdown-toggle.btn-microsoft:hover,.btn-microsoft:active:focus,.btn-microsoft.active:focus,.open>.dropdown-toggle.btn-microsoft:focus,.btn-microsoft:active.focus,.btn-microsoft.active.focus,.open>.dropdown-toggle.btn-microsoft.focus{color:#fff;background-color:#0f4bac;border-color:rgba(0,0,0,0.2)}
 .btn-microsoft:active,.btn-microsoft.active,.open>.dropdown-toggle.btn-microsoft{background-image:none}
 .btn-microsoft.disabled,.btn-microsoft[disabled],fieldset[disabled] .btn-microsoft,.btn-microsoft.disabled:hover,.btn-microsoft[disabled]:hover,fieldset[disabled] .btn-microsoft:hover,.btn-microsoft.disabled:focus,.btn-microsoft[disabled]:focus,fieldset[disabled] .btn-microsoft:focus,.btn-microsoft.disabled.focus,.btn-microsoft[disabled].focus,fieldset[disabled] .btn-microsoft.focus,.btn-microsoft.disabled:active,.btn-microsoft[disabled]:active,fieldset[disabled] .btn-microsoft:active,.btn-microsoft.disabled.active,.btn-microsoft[disabled].active,fieldset[disabled] .btn-microsoft.active{background-color:#2672ec;border-color:rgba(0,0,0,0.2)}
 .btn-microsoft .badge{color:#2672ec;background-color:#fff}
 .btn-odnoklassniki{color:#fff;background-color:#f4731c;border-color:rgba(0,0,0,0.2)}.btn-odnoklassniki:focus,.btn-odnoklassniki.focus{color:#fff;background-color:#d35b0a;border-color:rgba(0,0,0,0.2)}
 .btn-odnoklassniki:hover{color:#fff;background-color:#d35b0a;border-color:rgba(0,0,0,0.2)}
 .btn-odnoklassniki:active,.btn-odnoklassniki.active,.open>.dropdown-toggle.btn-odnoklassniki{color:#fff;background-color:#d35b0a;border-color:rgba(0,0,0,0.2)}.btn-odnoklassniki:active:hover,.btn-odnoklassniki.active:hover,.open>.dropdown-toggle.btn-odnoklassniki:hover,.btn-odnoklassniki:active:focus,.btn-odnoklassniki.active:focus,.open>.dropdown-toggle.btn-odnoklassniki:focus,.btn-odnoklassniki:active.focus,.btn-odnoklassniki.active.focus,.open>.dropdown-toggle.btn-odnoklassniki.focus{color:#fff;background-color:#b14c09;border-color:rgba(0,0,0,0.2)}
 .btn-odnoklassniki:active,.btn-odnoklassniki.active,.open>.dropdown-toggle.btn-odnoklassniki{background-image:none}
 .btn-odnoklassniki.disabled,.btn-odnoklassniki[disabled],fieldset[disabled] .btn-odnoklassniki,.btn-odnoklassniki.disabled:hover,.btn-odnoklassniki[disabled]:hover,fieldset[disabled] .btn-odnoklassniki:hover,.btn-odnoklassniki.disabled:focus,.btn-odnoklassniki[disabled]:focus,fieldset[disabled] .btn-odnoklassniki:focus,.btn-odnoklassniki.disabled.focus,.btn-odnoklassniki[disabled].focus,fieldset[disabled] .btn-odnoklassniki.focus,.btn-odnoklassniki.disabled:active,.btn-odnoklassniki[disabled]:active,fieldset[disabled] .btn-odnoklassniki:active,.btn-odnoklassniki.disabled.active,.btn-odnoklassniki[disabled].active,fieldset[disabled] .btn-odnoklassniki.active{background-color:#f4731c;border-color:rgba(0,0,0,0.2)}
 .btn-odnoklassniki .badge{color:#f4731c;background-color:#fff}
 .btn-openid{color:#fff;background-color:#f7931e;border-color:rgba(0,0,0,0.2)}.btn-openid:focus,.btn-openid.focus{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
 .btn-openid:hover{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}
 .btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{color:#fff;background-color:#da7908;border-color:rgba(0,0,0,0.2)}.btn-openid:active:hover,.btn-openid.active:hover,.open>.dropdown-toggle.btn-openid:hover,.btn-openid:active:focus,.btn-openid.active:focus,.open>.dropdown-toggle.btn-openid:focus,.btn-openid:active.focus,.btn-openid.active.focus,.open>.dropdown-toggle.btn-openid.focus{color:#fff;background-color:#b86607;border-color:rgba(0,0,0,0.2)}
 .btn-openid:active,.btn-openid.active,.open>.dropdown-toggle.btn-openid{background-image:none}
 .btn-openid.disabled,.btn-openid[disabled],fieldset[disabled] .btn-openid,.btn-openid.disabled:hover,.btn-openid[disabled]:hover,fieldset[disabled] .btn-openid:hover,.btn-openid.disabled:focus,.btn-openid[disabled]:focus,fieldset[disabled] .btn-openid:focus,.btn-openid.disabled.focus,.btn-openid[disabled].focus,fieldset[disabled] .btn-openid.focus,.btn-openid.disabled:active,.btn-openid[disabled]:active,fieldset[disabled] .btn-openid:active,.btn-openid.disabled.active,.btn-openid[disabled].active,fieldset[disabled] .btn-openid.active{background-color:#f7931e;border-color:rgba(0,0,0,0.2)}
 .btn-openid .badge{color:#f7931e;background-color:#fff}
 .btn-pinterest{color:#fff;background-color:#cb2027;border-color:rgba(0,0,0,0.2)}.btn-pinterest:focus,.btn-pinterest.focus{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
 .btn-pinterest:hover{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}
 .btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{color:#fff;background-color:#9f191f;border-color:rgba(0,0,0,0.2)}.btn-pinterest:active:hover,.btn-pinterest.active:hover,.open>.dropdown-toggle.btn-pinterest:hover,.btn-pinterest:active:focus,.btn-pinterest.active:focus,.open>.dropdown-toggle.btn-pinterest:focus,.btn-pinterest:active.focus,.btn-pinterest.active.focus,.open>.dropdown-toggle.btn-pinterest.focus{color:#fff;background-color:#801419;border-color:rgba(0,0,0,0.2)}
 .btn-pinterest:active,.btn-pinterest.active,.open>.dropdown-toggle.btn-pinterest{background-image:none}
 .btn-pinterest.disabled,.btn-pinterest[disabled],fieldset[disabled] .btn-pinterest,.btn-pinterest.disabled:hover,.btn-pinterest[disabled]:hover,fieldset[disabled] .btn-pinterest:hover,.btn-pinterest.disabled:focus,.btn-pinterest[disabled]:focus,fieldset[disabled] .btn-pinterest:focus,.btn-pinterest.disabled.focus,.btn-pinterest[disabled].focus,fieldset[disabled] .btn-pinterest.focus,.btn-pinterest.disabled:active,.btn-pinterest[disabled]:active,fieldset[disabled] .btn-pinterest:active,.btn-pinterest.disabled.active,.btn-pinterest[disabled].active,fieldset[disabled] .btn-pinterest.active{background-color:#cb2027;border-color:rgba(0,0,0,0.2)}
 .btn-pinterest .badge{color:#cb2027;background-color:#fff}
 .btn-reddit{color:#000;background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}.btn-reddit:focus,.btn-reddit.focus{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
 .btn-reddit:hover{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}
 .btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{color:#000;background-color:#bcddff;border-color:rgba(0,0,0,0.2)}.btn-reddit:active:hover,.btn-reddit.active:hover,.open>.dropdown-toggle.btn-reddit:hover,.btn-reddit:active:focus,.btn-reddit.active:focus,.open>.dropdown-toggle.btn-reddit:focus,.btn-reddit:active.focus,.btn-reddit.active.focus,.open>.dropdown-toggle.btn-reddit.focus{color:#000;background-color:#98ccff;border-color:rgba(0,0,0,0.2)}
 .btn-reddit:active,.btn-reddit.active,.open>.dropdown-toggle.btn-reddit{background-image:none}
 .btn-reddit.disabled,.btn-reddit[disabled],fieldset[disabled] .btn-reddit,.btn-reddit.disabled:hover,.btn-reddit[disabled]:hover,fieldset[disabled] .btn-reddit:hover,.btn-reddit.disabled:focus,.btn-reddit[disabled]:focus,fieldset[disabled] .btn-reddit:focus,.btn-reddit.disabled.focus,.btn-reddit[disabled].focus,fieldset[disabled] .btn-reddit.focus,.btn-reddit.disabled:active,.btn-reddit[disabled]:active,fieldset[disabled] .btn-reddit:active,.btn-reddit.disabled.active,.btn-reddit[disabled].active,fieldset[disabled] .btn-reddit.active{background-color:#eff7ff;border-color:rgba(0,0,0,0.2)}
 .btn-reddit .badge{color:#eff7ff;background-color:#000}
 .btn-soundcloud{color:#fff;background-color:#f50;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:focus,.btn-soundcloud.focus{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
 .btn-soundcloud:hover{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}
 .btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{color:#fff;background-color:#c40;border-color:rgba(0,0,0,0.2)}.btn-soundcloud:active:hover,.btn-soundcloud.active:hover,.open>.dropdown-toggle.btn-soundcloud:hover,.btn-soundcloud:active:focus,.btn-soundcloud.active:focus,.open>.dropdown-toggle.btn-soundcloud:focus,.btn-soundcloud:active.focus,.btn-soundcloud.active.focus,.open>.dropdown-toggle.btn-soundcloud.focus{color:#fff;background-color:#a83800;border-color:rgba(0,0,0,0.2)}
 .btn-soundcloud:active,.btn-soundcloud.active,.open>.dropdown-toggle.btn-soundcloud{background-image:none}
 .btn-soundcloud.disabled,.btn-soundcloud[disabled],fieldset[disabled] .btn-soundcloud,.btn-soundcloud.disabled:hover,.btn-soundcloud[disabled]:hover,fieldset[disabled] .btn-soundcloud:hover,.btn-soundcloud.disabled:focus,.btn-soundcloud[disabled]:focus,fieldset[disabled] .btn-soundcloud:focus,.btn-soundcloud.disabled.focus,.btn-soundcloud[disabled].focus,fieldset[disabled] .btn-soundcloud.focus,.btn-soundcloud.disabled:active,.btn-soundcloud[disabled]:active,fieldset[disabled] .btn-soundcloud:active,.btn-soundcloud.disabled.active,.btn-soundcloud[disabled].active,fieldset[disabled] .btn-soundcloud.active{background-color:#f50;border-color:rgba(0,0,0,0.2)}
 .btn-soundcloud .badge{color:#f50;background-color:#fff}
 .btn-tumblr{color:#fff;background-color:#2c4762;border-color:rgba(0,0,0,0.2)}.btn-tumblr:focus,.btn-tumblr.focus{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
 .btn-tumblr:hover{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}
 .btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{color:#fff;background-color:#1c2d3f;border-color:rgba(0,0,0,0.2)}.btn-tumblr:active:hover,.btn-tumblr.active:hover,.open>.dropdown-toggle.btn-tumblr:hover,.btn-tumblr:active:focus,.btn-tumblr.active:focus,.open>.dropdown-toggle.btn-tumblr:focus,.btn-tumblr:active.focus,.btn-tumblr.active.focus,.open>.dropdown-toggle.btn-tumblr.focus{color:#fff;background-color:#111c26;border-color:rgba(0,0,0,0.2)}
 .btn-tumblr:active,.btn-tumblr.active,.open>.dropdown-toggle.btn-tumblr{background-image:none}
 .btn-tumblr.disabled,.btn-tumblr[disabled],fieldset[disabled] .btn-tumblr,.btn-tumblr.disabled:hover,.btn-tumblr[disabled]:hover,fieldset[disabled] .btn-tumblr:hover,.btn-tumblr.disabled:focus,.btn-tumblr[disabled]:focus,fieldset[disabled] .btn-tumblr:focus,.btn-tumblr.disabled.focus,.btn-tumblr[disabled].focus,fieldset[disabled] .btn-tumblr.focus,.btn-tumblr.disabled:active,.btn-tumblr[disabled]:active,fieldset[disabled] .btn-tumblr:active,.btn-tumblr.disabled.active,.btn-tumblr[disabled].active,fieldset[disabled] .btn-tumblr.active{background-color:#2c4762;border-color:rgba(0,0,0,0.2)}
 .btn-tumblr .badge{color:#2c4762;background-color:#fff}
 .btn-twitter{color:#fff;background-color:#55acee;border-color:rgba(0,0,0,0.2)}.btn-twitter:focus,.btn-twitter.focus{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
 .btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}
 .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2)}.btn-twitter:active:hover,.btn-twitter.active:hover,.open>.dropdown-toggle.btn-twitter:hover,.btn-twitter:active:focus,.btn-twitter.active:focus,.open>.dropdown-toggle.btn-twitter:focus,.btn-twitter:active.focus,.btn-twitter.active.focus,.open>.dropdown-toggle.btn-twitter.focus{color:#fff;background-color:#1583d7;border-color:rgba(0,0,0,0.2)}
 .btn-twitter:active,.btn-twitter.active,.open>.dropdown-toggle.btn-twitter{background-image:none}
 .btn-twitter.disabled,.btn-twitter[disabled],fieldset[disabled] .btn-twitter,.btn-twitter.disabled:hover,.btn-twitter[disabled]:hover,fieldset[disabled] .btn-twitter:hover,.btn-twitter.disabled:focus,.btn-twitter[disabled]:focus,fieldset[disabled] .btn-twitter:focus,.btn-twitter.disabled.focus,.btn-twitter[disabled].focus,fieldset[disabled] .btn-twitter.focus,.btn-twitter.disabled:active,.btn-twitter[disabled]:active,fieldset[disabled] .btn-twitter:active,.btn-twitter.disabled.active,.btn-twitter[disabled].active,fieldset[disabled] .btn-twitter.active{background-color:#55acee;border-color:rgba(0,0,0,0.2)}
 .btn-twitter .badge{color:#55acee;background-color:#fff}
 .btn-vimeo{color:#fff;background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}.btn-vimeo:focus,.btn-vimeo.focus{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
 .btn-vimeo:hover{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}
 .btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{color:#fff;background-color:#1295bf;border-color:rgba(0,0,0,0.2)}.btn-vimeo:active:hover,.btn-vimeo.active:hover,.open>.dropdown-toggle.btn-vimeo:hover,.btn-vimeo:active:focus,.btn-vimeo.active:focus,.open>.dropdown-toggle.btn-vimeo:focus,.btn-vimeo:active.focus,.btn-vimeo.active.focus,.open>.dropdown-toggle.btn-vimeo.focus{color:#fff;background-color:#0f7b9f;border-color:rgba(0,0,0,0.2)}
 .btn-vimeo:active,.btn-vimeo.active,.open>.dropdown-toggle.btn-vimeo{background-image:none}
 .btn-vimeo.disabled,.btn-vimeo[disabled],fieldset[disabled] .btn-vimeo,.btn-vimeo.disabled:hover,.btn-vimeo[disabled]:hover,fieldset[disabled] .btn-vimeo:hover,.btn-vimeo.disabled:focus,.btn-vimeo[disabled]:focus,fieldset[disabled] .btn-vimeo:focus,.btn-vimeo.disabled.focus,.btn-vimeo[disabled].focus,fieldset[disabled] .btn-vimeo.focus,.btn-vimeo.disabled:active,.btn-vimeo[disabled]:active,fieldset[disabled] .btn-vimeo:active,.btn-vimeo.disabled.active,.btn-vimeo[disabled].active,fieldset[disabled] .btn-vimeo.active{background-color:#1ab7ea;border-color:rgba(0,0,0,0.2)}
 .btn-vimeo .badge{color:#1ab7ea;background-color:#fff}
 .btn-vk{color:#fff;background-color:#587ea3;border-color:rgba(0,0,0,0.2)}.btn-vk:focus,.btn-vk.focus{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
 .btn-vk:hover{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}
 .btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{color:#fff;background-color:#466482;border-color:rgba(0,0,0,0.2)}.btn-vk:active:hover,.btn-vk.active:hover,.open>.dropdown-toggle.btn-vk:hover,.btn-vk:active:focus,.btn-vk.active:focus,.open>.dropdown-toggle.btn-vk:focus,.btn-vk:active.focus,.btn-vk.active.focus,.open>.dropdown-toggle.btn-vk.focus{color:#fff;background-color:#3a526b;border-color:rgba(0,0,0,0.2)}
 .btn-vk:active,.btn-vk.active,.open>.dropdown-toggle.btn-vk{background-image:none}
 .btn-vk.disabled,.btn-vk[disabled],fieldset[disabled] .btn-vk,.btn-vk.disabled:hover,.btn-vk[disabled]:hover,fieldset[disabled] .btn-vk:hover,.btn-vk.disabled:focus,.btn-vk[disabled]:focus,fieldset[disabled] .btn-vk:focus,.btn-vk.disabled.focus,.btn-vk[disabled].focus,fieldset[disabled] .btn-vk.focus,.btn-vk.disabled:active,.btn-vk[disabled]:active,fieldset[disabled] .btn-vk:active,.btn-vk.disabled.active,.btn-vk[disabled].active,fieldset[disabled] .btn-vk.active{background-color:#587ea3;border-color:rgba(0,0,0,0.2)}
 .btn-vk .badge{color:#587ea3;background-color:#fff}
 .btn-yahoo{color:#fff;background-color:#720e9e;border-color:rgba(0,0,0,0.2)}.btn-yahoo:focus,.btn-yahoo.focus{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
 .btn-yahoo:hover{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}
 .btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{color:#fff;background-color:#500a6f;border-color:rgba(0,0,0,0.2)}.btn-yahoo:active:hover,.btn-yahoo.active:hover,.open>.dropdown-toggle.btn-yahoo:hover,.btn-yahoo:active:focus,.btn-yahoo.active:focus,.open>.dropdown-toggle.btn-yahoo:focus,.btn-yahoo:active.focus,.btn-yahoo.active.focus,.open>.dropdown-toggle.btn-yahoo.focus{color:#fff;background-color:#39074e;border-color:rgba(0,0,0,0.2)}
 .btn-yahoo:active,.btn-yahoo.active,.open>.dropdown-toggle.btn-yahoo{background-image:none}
 .btn-yahoo.disabled,.btn-yahoo[disabled],fieldset[disabled] .btn-yahoo,.btn-yahoo.disabled:hover,.btn-yahoo[disabled]:hover,fieldset[disabled] .btn-yahoo:hover,.btn-yahoo.disabled:focus,.btn-yahoo[disabled]:focus,fieldset[disabled] .btn-yahoo:focus,.btn-yahoo.disabled.focus,.btn-yahoo[disabled].focus,fieldset[disabled] .btn-yahoo.focus,.btn-yahoo.disabled:active,.btn-yahoo[disabled]:active,fieldset[disabled] .btn-yahoo:active,.btn-yahoo.disabled.active,.btn-yahoo[disabled].active,fieldset[disabled] .btn-yahoo.active{background-color:#720e9e;border-color:rgba(0,0,0,0.2)}
 .btn-yahoo .badge{color:#720e9e;background-color:#fff}
--- a/css/contact.css
+++ b/css/contact.css
@ -1,11 +0,0 @@
 body {
  padding-top: 30px;
 }

 #contact-div {
  color: red;
 }

 #googlefont-test {
  font-family: Lobster;
 }
--- a/css/main.css
+++ b/css/main.css
@ -54,6 +54,15 @@ hr.small {
  padding: 15px inherit;
 }

 .get-started-wrap {
  text-align: center;
 }
 .get-started-btn {
  padding: 15px 30px;
  font-size: 26px;
  margin-top: 10px;
 }

 .hideme {
  display: none;
 }
@ -77,6 +86,16 @@ img::-moz-selection {
  background: transparent;
 }

 #paypalbtn {
  text-align: center;
 }

 #paypalbtn a {
  text-decoration: none;
  font-size: 1.2em;
  font-family: arial;
 }

 /* --- Navbar --- */

 .navbar-custom {
@ -168,6 +187,55 @@ img::-moz-selection {
  }
 }

 /* Multi-level navigation links */
 .navbar-custom .nav .navlinks-container {
  position: relative;
 }
 .navbar-custom .nav .navlinks-parent:after {
  content: " \25BC";
 }
 .navbar-custom .nav .navlinks-children {
  width: 100%;
  display: none;
  word-break: break-word;
 }
 .navbar-custom .nav .navlinks-container .navlinks-children a {
  display: block;
  padding: 10px;
  padding-left: 30px;
  background: #f5f5f5;
  text-decoration: none !important;
  border-width: 0 1px 1px 1px;
  font-weight: normal;
 }
@media only screen and (max-width: 767px) {
  .navbar-custom .nav .navlinks-container.show-children {
    background: #eee;
  }
  .navbar-custom .nav .navlinks-container.show-children .navlinks-children {
    display: block;
  }
 }
@media only screen and (min-width: 768px) {
  .navbar-custom .nav .navlinks-container {
    text-align: center;
  }
  .navbar-custom .nav .navlinks-container:hover {
    background: #eee;
  }
  .navbar-custom .nav .navlinks-container:hover .navlinks-children {
    display: block;
  }
  .navbar-custom .nav .navlinks-children {
    position: absolute;
  }
  .navbar-custom .nav .navlinks-container .navlinks-children a {
    padding-left: 10px;
    border: 1px solid #eaeaea;
    border-width: 0 1px 1px;
  }
 }

 /* --- Footer --- */

 footer {
@ -265,49 +333,139 @@ footer .theme-by {
  }
 }

 /* --- Post and page layout --- */
 /* --- Post and page headers --- */

 header.header-page {
  margin-bottom: 20px;
 .intro-header {
  margin: 80px 0 20px;
  position: relative;
 }

 header.header-page .page-heading {
 .intro-header.big-img {
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  margin-top: 51px; /* The small navbar is 50px tall + 1px border */
  margin-bottom: 35px;
 }
 .intro-header.big-img  .big-img-transition {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  background: no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  -webkit-transition: opacity 1s linear;
  -moz-transition: opacity 1s linear;
  transition: opacity 1s linear;
 }
 .intro-header .page-heading {
  text-align: center;
 }

 header.header-post .post-heading h1 {
  font-size: 35px;
  margin-top: 0;
 .intro-header.big-img .page-heading,
 .intro-header.big-img .post-heading {
  padding: 100px 0;
  color: #FFF;
  text-shadow: 1px 1px 3px #000;
 }

 header.header-page .page-heading h1 {
 .intro-header .page-heading h1 {
  margin-top: 0;
  font-size: 50px;
 }
 .intro-header .post-heading h1 {
  margin-top: 0;
  font-size: 35px;
 }

 header.header-post .post-heading .post-subheading,
 header.header-page .page-heading .page-subheading {
  font-size: 24px;
 .intro-header .page-heading .page-subheading,
 .intro-header .post-heading .post-subheading {
  font-size: 27px;
  line-height: 1.1;
  display: block;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 300;
  margin: 10px 0 0;
 }

 header.header-post .post-heading .post-subheading {
 .intro-header .post-heading .post-subheading {
  margin-bottom: 20px;
 }

 .intro-header.big-img .page-heading .page-subheading,
 .intro-header.big-img .post-heading .post-subheading {
  font-weight: 400;
 }
 .intro-header.big-img .page-heading hr {
  box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  -moz-box-shadow: 1px 1px 3px #000;
 }
 .intro-header.big-img .post-heading .post-meta {
  color: #EEE;
 }
 .intro-header.big-img .img-desc {
  background: rgba(30, 30, 30, 0.6);
  position: absolute;
  padding: 5px 10px;
  font-size: 11px;
  color: #EEE;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  right: 0;
  bottom: 0;
  display: none;
 }
@media only screen and (min-width: 768px) {
  header.header-post .post-heading h1 {
  .intro-header {
    margin-top: 130px;
  }
  .intro-header.big-img {
    margin-top: 91px;  /* Full navbar is small navbar + 20px padding on each side when expanded */
  }	
  .intro-header.big-img .page-heading,
  .intro-header.big-img .post-heading  {
    padding: 150px 0;
  }  
  .intro-header .page-heading h1 {
    font-size: 80px;
  }
  .intro-header .post-heading h1 {
    font-size: 50px;
  }
  .intro-header.big-img .img-desc {
    font-size: 14px;
  }
 }

@media only screen and (min-width: 768px) {
  header.header-page .page-heading h1 {
    font-size: 80px;
 .header-section.has-img .no-img {
  margin-top: 0;
  background: #FCFCFC;
  margin: 0 0 40px;
  padding: 20px 0;
  box-shadow: 0 0 5px #AAA;
 }
 /* Many phones are 320 or 360px, so make sure images are a proper aspect ratio in those cases */
 .header-section.has-img .intro-header.no-img {
  display: none;
 }
@media only screen and (max-width: 365px) {
  .header-section.has-img .intro-header.no-img {
    display: block;
  }
  .intro-header.big-img {
    width: 100%;
    height: 220px;
  }
  .intro-header.big-img .page-heading,
  .intro-header.big-img .post-heading {
    display: none;
  }
  .header-section.has-img .big-img {
    margin-bottom: 0;
  }  
 } 
@media only screen and (max-width: 325px) { 
  .intro-header.big-img {
    height: 200px;
  }
 }

@ -370,3 +528,56 @@ header.header-post .post-heading .post-subheading {
    margin-top: 10px;
  }
 }

 /* --- Tables --- */

 table {
  padding: 0;
 }
 table tr {
  border-top: 1px solid #cccccc;
  background-color: #ffffff;
  margin: 0;
  padding: 0;
 }
 table tr:nth-child(2n) {
  background-color: #f8f8f8;
 }
 table tr th {
  font-weight: bold;
  border: 1px solid #cccccc;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
 }
 table tr td {
  border: 1px solid #cccccc;
  text-align: left;
  margin: 0;
  padding: 6px 13px;
 }
 table tr th :first-child,
 table tr td :first-child {
  margin-top: 0;
 }
 table tr th :last-child,
 table tr td :last-child {
  margin-bottom: 0;
 }

 /* --- Code blocks --- */

 pre {
  font-size: 16px;
  line-height: 1.5em;
  background: #FAFAFA;
  background-image: linear-gradient(#FAFAFA 50%, #FDFDFD 50%);
  background-position: 0px 10px;
  background-repeat: repeat;
  background-size: 3em 3em;
  border-left: 7px solid #444;
 }

 #social-share-section {
  margin-bottom: 30px;
 }
--- a/css/pygment_highlights.css
+++ b/css/pygment_highlights.css
@ -1,70 +1,66 @@
 .highlight .hll { background-color: #ffffcc }
 .highlight  { background: #f0f3f3; }
 .highlight .c { color: #0099FF; font-style: italic } /* Comment */
 .highlight .err { color: #AA0000; background-color: #FFAAAA } /* Error */
 .highlight .k { color: #006699; font-weight: bold } /* Keyword */
 .highlight .o { color: #555555 } /* Operator */
 .highlight .cm { color: #0099FF; font-style: italic } /* Comment.Multiline */
 .highlight .cp { color: #009999 } /* Comment.Preproc */
 .highlight .c1 { color: #0099FF; font-style: italic } /* Comment.Single */
 .highlight .cs { color: #0099FF; font-weight: bold; font-style: italic } /* Comment.Special */
 .highlight .gd { background-color: #FFCCCC; border: 1px solid #CC0000 } /* Generic.Deleted */
 /* .highlight  { background: #ffffff; } Dean commented out */
 .highlight pre { background-color: #fff; font-size: 16px }
 .highlight .c { color: #999988; font-style: italic } /* Comment */
 .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 .highlight .k { font-weight: bold } /* Keyword */
 .highlight .o { font-weight: bold } /* Operator */
 .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
 .highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */
 .highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
 .highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
 .highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
 .highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */
 .highlight .ge { font-style: italic } /* Generic.Emph */
 .highlight .gr { color: #FF0000 } /* Generic.Error */
 .highlight .gh { color: #003300; font-weight: bold } /* Generic.Heading */
 .highlight .gi { background-color: #CCFFCC; border: 1px solid #00CC00 } /* Generic.Inserted */
 .highlight .go { color: #AAAAAA } /* Generic.Output */
 .highlight .gp { color: #000099; font-weight: bold } /* Generic.Prompt */
 .highlight .gr { color: #aa0000 } /* Generic.Error */
 .highlight .gh { color: #999999 } /* Generic.Heading */
 .highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
 .highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */
 .highlight .go { color: #888888 } /* Generic.Output */
 .highlight .gp { color: #555555 } /* Generic.Prompt */
 .highlight .gs { font-weight: bold } /* Generic.Strong */
 .highlight .gu { color: #003300; font-weight: bold } /* Generic.Subheading */
 .highlight .gt { color: #99CC66 } /* Generic.Traceback */
 .highlight .kc { color: #006699; font-weight: bold } /* Keyword.Constant */
 .highlight .kd { color: #006699; font-weight: bold } /* Keyword.Declaration */
 .highlight .kn { color: #006699; font-weight: bold } /* Keyword.Namespace */
 .highlight .kp { color: #006699 } /* Keyword.Pseudo */
 .highlight .kr { color: #006699; font-weight: bold } /* Keyword.Reserved */
 .highlight .kt { color: #007788; font-weight: bold } /* Keyword.Type */
 .highlight .m { color: #FF6600 } /* Literal.Number */
 .highlight .s { color: #CC3300 } /* Literal.String */
 .highlight .na { color: #330099 } /* Name.Attribute */
 .highlight .nb { color: #336666 } /* Name.Builtin */
 .highlight .nc { color: #00AA88; font-weight: bold } /* Name.Class */
 .highlight .no { color: #336600 } /* Name.Constant */
 .highlight .nd { color: #9999FF } /* Name.Decorator */
 .highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
 .highlight .ne { color: #CC0000; font-weight: bold } /* Name.Exception */
 .highlight .nf { color: #CC00FF } /* Name.Function */
 .highlight .nl { color: #9999FF } /* Name.Label */
 .highlight .nn { color: #00CCFF; font-weight: bold } /* Name.Namespace */
 .highlight .nt { color: #330099; font-weight: bold } /* Name.Tag */
 .highlight .nv { color: #003333 } /* Name.Variable */
 .highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
 .highlight .gu { color: #aaaaaa } /* Generic.Subheading */
 .highlight .gt { color: #aa0000 } /* Generic.Traceback */
 .highlight .kc { font-weight: bold } /* Keyword.Constant */
 .highlight .kd { font-weight: bold } /* Keyword.Declaration */
 .highlight .kp { font-weight: bold } /* Keyword.Pseudo */
 .highlight .kr { font-weight: bold } /* Keyword.Reserved */
 .highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
 .highlight .m { color: #009999 } /* Literal.Number */
 .highlight .s { color: #d14 } /* Literal.String */
 .highlight .na { color: #008080 } /* Name.Attribute */
 .highlight .nb { color: #0086B3 } /* Name.Builtin */
 .highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
 .highlight .no { color: #008080 } /* Name.Constant */
 .highlight .ni { color: #800080 } /* Name.Entity */
 .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
 .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
 .highlight .nn { color: #555555 } /* Name.Namespace */
 .highlight .nt { color: #000080 } /* Name.Tag */
 .highlight .nv { color: #008080 } /* Name.Variable */
 .highlight .ow { font-weight: bold } /* Operator.Word */
 .highlight .w { color: #bbbbbb } /* Text.Whitespace */
 .highlight .mf { color: #FF6600 } /* Literal.Number.Float */
 .highlight .mh { color: #FF6600 } /* Literal.Number.Hex */
 .highlight .mi { color: #FF6600 } /* Literal.Number.Integer */
 .highlight .mo { color: #FF6600 } /* Literal.Number.Oct */
 .highlight .sb { color: #CC3300 } /* Literal.String.Backtick */
 .highlight .sc { color: #CC3300 } /* Literal.String.Char */
 .highlight .sd { color: #CC3300; font-style: italic } /* Literal.String.Doc */
 .highlight .s2 { color: #CC3300 } /* Literal.String.Double */
 .highlight .se { color: #CC3300; font-weight: bold } /* Literal.String.Escape */
 .highlight .sh { color: #CC3300 } /* Literal.String.Heredoc */
 .highlight .si { color: #AA0000 } /* Literal.String.Interpol */
 .highlight .sx { color: #CC3300 } /* Literal.String.Other */
 .highlight .sr { color: #33AAAA } /* Literal.String.Regex */
 .highlight .s1 { color: #CC3300 } /* Literal.String.Single */
 .highlight .ss { color: #FFCC33 } /* Literal.String.Symbol */
 .highlight .bp { color: #336666 } /* Name.Builtin.Pseudo */
 .highlight .vc { color: #003333 } /* Name.Variable.Class */
 .highlight .vg { color: #003333 } /* Name.Variable.Global */
 .highlight .vi { color: #003333 } /* Name.Variable.Instance */
 .highlight .il { color: #FF6600 } /* Literal.Number.Integer.Long */
 .highlight .mf { color: #009999 } /* Literal.Number.Float */
 .highlight .mh { color: #009999 } /* Literal.Number.Hex */
 .highlight .mi { color: #009999 } /* Literal.Number.Integer */
 .highlight .mo { color: #009999 } /* Literal.Number.Oct */
 .highlight .sb { color: #d14 } /* Literal.String.Backtick */
 .highlight .sc { color: #d14 } /* Literal.String.Char */
 .highlight .sd { color: #d14 } /* Literal.String.Doc */
 .highlight .s2 { color: #d14 } /* Literal.String.Double */
 .highlight .se { color: #d14 } /* Literal.String.Escape */
 .highlight .sh { color: #d14 } /* Literal.String.Heredoc */
 .highlight .si { color: #d14 } /* Literal.String.Interpol */
 .highlight .sx { color: #d14 } /* Literal.String.Other */
 .highlight .sr { color: #009926 } /* Literal.String.Regex */
 .highlight .s1 { color: #d14 } /* Literal.String.Single */
 .highlight .ss { color: #990073 } /* Literal.String.Symbol */
 .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
 .highlight .vc { color: #008080 } /* Name.Variable.Class */
 .highlight .vg { color: #008080 } /* Name.Variable.Global */
 .highlight .vi { color: #008080 } /* Name.Variable.Instance */
 .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */

 .type-csharp .highlight .k { color: #0000FF }
 .type-csharp .highlight .kt { color: #0000FF }
 .type-csharp .highlight .nf { color: #000000; font-weight: normal }
 .type-csharp .highlight .nc { color: #2B91AF }
 .type-csharp .highlight .nn { color: #000000 }
 .type-csharp .highlight .s { color: #A31515 }
 .type-csharp .highlight .sc { color: #A31515 }
 /* Make line numbers unselectable: excludes line numbers from copy-paste user ops */
 .highlight .lineno {color:rgba(0,0,0,0.3);padding: 0 10px;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;} 
 .lineno::-moz-selection {background-color: transparent;} /* Mozilla specific */
 .lineno::selection {background-color: transparent;} /* Other major browsers */
--- a/featured-users.md
+++ b/featured-users.md
@ -0,0 +1,37 @@
 ---
 layout: page
 title: Featured users
 ---

 To my huge surprise, Beautiful Jekyll has been used in over 500 websites in its first 6 months alone! Here is a hand-picked selection of some websites that use Beautiful Jekyll.

 Want your website featured here? [Contact me](http://deanattali.com/aboutme#contact) to let me know about your website.

 ### Project/company websites

 | Website | Description |
 | :------ |:----------- |
 | [teampass.net](http://teampass.net) | Collaborative Passwords Manager |
 | [derekogle.com/fishR](http://derekogle.com/fishR/) | Using R for Fisheries Analyses |
 | [bigdata.juju.solutions](http://bigdata.juju.solutions) | Creating Big Data solutions Juju Solutions |
 | [joecks.github.io/clipboard-actions](http://joecks.github.io/clipboard-actions/) | Clipboard Actions - an Android app |
 | [embedded.guide](http://embedded.guide) | Writing an Embedded OS |
 | [blabel.github.io](http://blabel.github.io) | Library for canonicalising blank node labels in RDF graphs |
 | [reactionic.github.io](http://reactionic.github.io) | Create iOS and Android apps with React and Ionic |
 | [ja2-stracciatella.github.io](http://ja2-stracciatella.github.io) | Jagged Alliance 2 Stracciatella |
 | [PatientOutcomeFunding.org](http://www.patientoutcomefunding.org/) | Patient Outcome Funding |

 ### Personal websites

 | Website | Who | What |
 | :------ |:--- | :--- |
 | [deanattali.com](http://deanattali.com) | Dean Attali | Creator of Beautiful Jekyll |
 | [ouzor.github.io](http://ouzor.github.io) | Juuso Parkkinen | Data scientist |
 | [derekogle.com](http://derekogle.com/) | Derek Ogle | Professor of Mathematical Sciences and Natural Resources |
 | [melyanna.github.io](http://melyanna.github.io/) | Melyanna | Shows off her nice art |
 | [chauff.github.io](http://chauff.github.io/) | Claudia Hauff | Professor at Delft University of Technology |
 | [kootenpv.github.io](http://kootenpv.github.io/) | Pascal van Kooten | Data analytics |
 | [sjackman.ca](http://sjackman.ca) | Shaun Jackman | PhD candidate in bioinformatics |
 | [epwalsh.com](https://epwalsh.com) | Evan Pete Walsh | PhD candidate (Statistics and Mathematics) at Iowa State University |
 | [anudit.in](http://www.anudit.in/) | Anudit Verma | Engineering student |
 | [aqibsaeed.github.io](http://aqibsaeed.github.io/) | Aaqib Saeed | Computer Science grad student |
--- a/getstarted.md
+++ b/getstarted.md
@ -0,0 +1,46 @@
 ---
 layout: page
 title: Getting started
 subtitle: How to use Beautiful Jekyll
 bigimg: /img/start.jpg
 ---

 **Beautiful Jekyll** is a ready-to-use template to make help you create an awesome Jekyll or GitHub Pages website quickly. 

 To learn how you can use **Beautiful Jekyll** to create your website in minutes, go to the [Beautiful Jekyll GitHub page](https://github.com/daattali/beautiful-jekyll#readme).


 <div class="get-started-wrap">
  <a class="btn btn-success btn-lg get-started-btn" href="https://github.com/daattali/beautiful-jekyll#readme">Get Started!</a>
 </div>
 <br/>

 ## Overview of steps required

 There are only three simple steps, so using **Beautiful Jekyll** is *literally* as easy as 1-2-3 :)    

 Here is a 40-second video showing how to get started, with the specific steps below.  For a more complete installation guide, [visit the Beautiful Jekyll page](https://github.com/daattali/beautiful-jekyll#readme).

 <img src="../img/install-steps.gif" style="width:100%;" alt="Installation steps" />

 ### 1. Fork the Beautiful Jekyll repository 

 Fork the [repository](https://github.com/daattali/beautiful-jekyll) by clicking the Fork button on the top right corner in GitHub.

 ### 2. Rename the repository to `yourusername.github.io`

 This will create a GitHub User page ready with the **Beautiful Jekyll** template that will be available at http://yourusername.github.io (sometimes it takes a few minutes).

 ### 3. Customize settings

 Edit the `_config.yml` file to change all the settings to reflect your site.  The settings in the file are fairly self-explanatory and I added comments inside the file to help you further.  Every time you make a change to any file, your website will get rebuilt and should be updated at `yourusername.github.io` within a minute.

 You can now visit your shiny new website, which will be seeded with several sample blog posts and a couple other pages.

 ---

 See how easy that is? I wasn't lying - it really can be done in two minutes.

 <div class="get-started-wrap">
  <a class="btn btn-success btn-lg get-started-btn" href="https://github.com/daattali/beautiful-jekyll#readme">Get Started!</a>
 </div>
--- a/img/404-southpark.jpg
+++ b/img/404-southpark.jpg
--- a/img/install-steps.gif
+++ b/img/install-steps.gif
--- a/img/path.jpg
+++ b/img/path.jpg
--- a/img/start.jpg
+++ b/img/start.jpg
--- a/index.html
+++ b/index.html
@ -1,13 +1,25 @@
 ---
 layout: page
 title: My website
 subtitle: This is where I will tell my friends way too much about me
 title: Beautiful Jekyll
 subtitle: Build a beautiful and simple website in minutes
 fb-img: "http://deanattali.com/img/blog/beautiful-jekyll.png"
 ---

 <div class="main-explain-area jumbotron">
  <p>Your website is ready!</p>
  <p>After editing the <code>_config.yml</code> file to personalize your site's settings, you can start writing blog posts or pages.<p>
  <p>Below are sample posts for illustration purposes.</p>
  <p>This website is powered by GitHub Pages/Jekyll and can be built in <strong>under 5 minutes</strong>. Literally.</p>
  <p>Head over to <a href="https://github.com/daattali/beautiful-jekyll#readme">the GitHub project</a>
  to get started.</p>
  <div class="get-started-wrap">
    <a class="btn btn-success btn-lg get-started-btn" href="https://github.com/daattali/beautiful-jekyll#readme">Get Started!</a>
  </div>
  <p>This template was designed to look great on both desktops and smaller (mobile) devices.</p>
  <p>Below are sample blog posts for illustration purposes.</p>
  <p>If you like this theme, please consider supporting me :)</p>
  <p align="center">
    <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=EG5Q5483TTWCN">
      <img src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_LG.gif" />
    </a>
  </p>
 </div>

 <div class="posts-list">
@ -28,7 +40,7 @@ subtitle: This is where I will tell my friends way too much about me
    </p>
  
    <div class="post-entry">
      {{ post.content | truncatewords: 50 | strip_html}}
      {{ post.content | truncatewords: 50 | strip_html | xml_escape}}
 	  <a href="{{ post.url | prepend: site.baseurl }}" class="post-read-more">Read More</a>
    </div>
  
--- a/js/contact.js
+++ b/js/contact.js
@ -1,3 +0,0 @@
 $("#contact-btn").click(function() {
  alert("See, JavaScript works! Did you not trust me?");
 });
--- a/js/main.js
+++ b/js/main.js
@ -1,16 +1,138 @@
 // Shorten the navbar after scrolling a little bit down
 $(window).scroll(function() {
    if ($(".navbar").offset().top > 50) {
        $(".navbar").addClass("top-nav-short");
    } else {
        $(".navbar").removeClass("top-nav-short");
 // Dean Attali / Beautiful Jekyll 2016

 var main = {

  bigImgEl : null,
  numImgs : null,

  init : function() {
    // Shorten the navbar after scrolling a little bit down
    $(window).scroll(function() {
        if ($(".navbar").offset().top > 50) {
            $(".navbar").addClass("top-nav-short");
        } else {
            $(".navbar").removeClass("top-nav-short");
        }
    });
    
    // On mobile, hide the avatar when expanding the navbar menu
    $('#main-navbar').on('show.bs.collapse', function () {
      $(".navbar").addClass("top-nav-expanded");
    });
    $('#main-navbar').on('hidden.bs.collapse', function () {
      $(".navbar").removeClass("top-nav-expanded");
    });
 	
    // On mobile, when clicking on a multi-level navbar menu, show the child links
    $('#main-navbar').on("click", ".navlinks-parent", function(e) {
      var target = e.target;
      $.each($(".navlinks-parent"), function(key, value) {
        if (value == target) {
          $(value).parent().toggleClass("show-children");
        } else {
          $(value).parent().removeClass("show-children");
        }
      });
    });
    
    // Ensure nested navbar menus are not longer than the menu header
    var menus = $(".navlinks-container");
    if (menus.length > 0) {
      var navbar = $("#main-navbar ul");
      var fakeMenuHtml = "<li class='fake-menu' style='display:none;'><a></a></li>";
      navbar.append(fakeMenuHtml);
      var fakeMenu = $(".fake-menu");

      $.each(menus, function(i) {
        var parent = $(menus[i]).find(".navlinks-parent");
        var children = $(menus[i]).find(".navlinks-children a");
        var words = [];
        $.each(children, function(idx, el) { words = words.concat($(el).text().trim().split(/\s+/)); });
        var maxwidth = 0;
        $.each(words, function(id, word) {
          fakeMenu.html("<a>" + word + "</a>");
          var width =  fakeMenu.width();
          if (width > maxwidth) {
            maxwidth = width;
          }
        });
        $(menus[i]).css('min-width', maxwidth + 'px')
      });

      fakeMenu.remove();
    }    
    
    // show the big header image	
    main.initImgs();
  },
  
  initImgs : function() {
    // If the page was large images to randomly select from, choose an image
    if ($("#header-big-imgs").length > 0) {
      main.bigImgEl = $("#header-big-imgs");
      main.numImgs = main.bigImgEl.attr("data-num-img");

          // 2fc73a3a967e97599c9763d05e564189
 	  // set an initial image
 	  var imgInfo = main.getImgInfo();
 	  var src = imgInfo.src;
 	  var desc = imgInfo.desc;
  	  main.setImg(src, desc);
  	
 	  // For better UX, prefetch the next image so that it will already be loaded when we want to show it
  	  var getNextImg = function() {
 	    var imgInfo = main.getImgInfo();
 	    var src = imgInfo.src;
 	    var desc = imgInfo.desc;		  
 	    
 		var prefetchImg = new Image();
  		prefetchImg.src = src;
 		// if I want to do something once the image is ready: `prefetchImg.onload = function(){}`
 		
  		setTimeout(function(){
                  var img = $("<div></div>").addClass("big-img-transition").css("background-image", 'url(' + src + ')');
  		  $(".intro-header.big-img").prepend(img);
  		  setTimeout(function(){ img.css("opacity", "1"); }, 50);
 		  
 		  // after the animation of fading in the new image is done, prefetch the next one
  		  //img.one("transitioned webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
 		  setTimeout(function() {
 		    main.setImg(src, desc);
 			img.remove();
  			getNextImg();
 		  }, 1000); 
  		  //});		
  		}, 6000);
  	  };
 	  
 	  // If there are multiple images, cycle through them
 	  if (main.numImgs > 1) {
  	    getNextImg();
 	  }
    }
 });

 // On mobile, hide the avatar when expanding the navbar menu
 $('#main-navbar').on('show.bs.collapse', function () {
  $(".navbar").addClass("top-nav-expanded");
 })
 $('#main-navbar').on('hidden.bs.collapse', function () {
  $(".navbar").removeClass("top-nav-expanded");
 })
  },
  
  getImgInfo : function() {
  	var randNum = Math.floor((Math.random() * main.numImgs) + 1);
    var src = main.bigImgEl.attr("data-img-src-" + randNum);
 	var desc = main.bigImgEl.attr("data-img-desc-" + randNum);
 	
 	return {
 	  src : src,
 	  desc : desc
 	}
  },
  
  setImg : function(src, desc) {
 	$(".intro-header.big-img").css("background-image", 'url(' + src + ')');
 	if (typeof desc !== typeof undefined && desc !== false) {
 	  $(".img-desc").text(desc).show();
 	} else {
 	  $(".img-desc").hide();  
 	}
  }
 };

 // 2fc73a3a967e97599c9763d05e564189

 document.addEventListener('DOMContentLoaded', main.init);
Author	SHA1	Message	Date
Dean Attali	323ca1311f	Update index.html	8 years ago
Dean Attali	9a2abf38e9	Update index.html	8 years ago
Dean Attali	973cc364c3	Update main.css	8 years ago
Dean Attali	8f46f949b7	add bootstrap-social css to pages	8 years ago
Dean Attali	80c0aa7103	Create bootstrap-social.css	8 years ago
Dean Attali	31583e08c6	update demo site config to show social share buttons	8 years ago
Dean Attali	a73889cc2b	update post.html in demo site to include social share	8 years ago
Dean Attali	a749a6e8ec	add social-share.html template to demo site	8 years ago
Dean Attali	b9380c728d	add aqibsaeed.github.io to featured users page	8 years ago
Dean Attali	850d73d9a7	Update featured-users.md	8 years ago
Dean Attali	08c2ce37f0	add note for gh-pages to recreate the branch from master	8 years ago
Dean Attali	f85419bf4b	add path image to sample post	8 years ago
Dean Attali	3528d1c146	add path image to gh-pages	8 years ago
Dean Attali	fedf752c6e	update epwalsh website ul	8 years ago
Dean Attali	1cfcaf588d	change default paypal amount	8 years ago
Dean Attali	a575b85481	add Olcay Bayram website upon request	8 years ago
Dean Attali	7e94cda1c7	remove a few featured users and add one	8 years ago
Dean Attali	8cc515b152	move evan walsh to correct section in featured users	8 years ago
Dean Attali	9e3328dd42	add Evan Walsh to featured users	8 years ago
Dean Attali	2e96a502e5	add css for code blocks	8 years ago
Dean Attali	5b21e17a61	Update head.html	8 years ago
Dean Attali	6ed5b56968	Update _config.yml	8 years ago
Dean Attali	dae999078e	Update featured-users.md	8 years ago
Dean Attali	e5072912c4	add jagged alliance 2 to featured users	8 years ago
Dean Attali	a5b70caffb	add support for twitter cards	8 years ago
Dean Attali	730be75d6f	Update main.css	8 years ago
Dean Attali	5bb267cbf0	Update index.html	8 years ago
Dean Attali	7f84ae002b	add @sjackman to featured users	8 years ago
Dean Attali	646f59c1be	Update footer-scripts.html	8 years ago
Dean Attali	bdca2f0185	Update head.html	8 years ago
Dean Attali	0790978fc1	remove nested menus width fix test	8 years ago
Dean Attali	5dcfee614d	test nested menus width fix	8 years ago
Dean Attali	827b64f763	nested menus: ensure title width is wide enough to accommodate children	8 years ago
Dean Attali	1ac8a53544	Update main.css	8 years ago
Dean Attali	c559e0b1d7	Update main.css	8 years ago
Dean Attali	7854153043	Update featured-users.md	8 years ago
Dean Attali	03579e908a	add requested user to featured users	8 years ago
Dean Attali	ec8a9b790e	Update featured-users.md	8 years ago
Dean Attali	70567d5fea	Update featured-users.md	8 years ago
Dean Attali	40ae242e31	upgrade fontawesome to 4.5.0	8 years ago
Dean Attali	bca253d42e	make the default layout "page" instead of "default"	8 years ago
Dean Attali	81b461d04f	use post layout by default for blog posts; use same layouts as my website	8 years ago
Dean Attali	d2dbef9864	add requested user to featured users	8 years ago
Dean Attali	4860d19153	new bigimg for getting started page	8 years ago
Dean Attali	4ab6e6b2a6	Update getstarted.md	8 years ago
Dean Attali	b20c8a9a26	Delete start.jpg	8 years ago
Dean Attali	cd9f8cbe22	support bigimg	8 years ago
Dean Attali	528a8b9a8a	refactor navbar menus code	8 years ago
Dean Attali	3163e1a2c6	Create navbarlink.html	8 years ago
Dean Attali	61e19ee0a0	Update main.css	8 years ago
Dean Attali	063e06a082	Update main.css	8 years ago
Dean Attali	87f5e2a0de	Update _config.yml	8 years ago
Dean Attali	826afaa579	Update main.css	8 years ago
Dean Attali	142c4a1546	Update _config.yml	8 years ago
Dean Attali	1d28c4be93	Update _config.yml	8 years ago
Dean Attali	b2809cdf81	support navbar menus	8 years ago
Dean Attali	5794d83e5a	remove bkkkk from features users	8 years ago
Dean Attali	205dd33621	add melyanna to featured users	8 years ago
Dean Attali	1cddad7b18	Delete marsupi.json	8 years ago
Dean Attali	1183633573	Create marsupi.json	8 years ago
Dean Attali	fa93a1d14c	Update getstarted.md	8 years ago
Dean Attali	f39f0115b0	Update getstarted.md	8 years ago
Dean Attali	3a5356220c	Update featured-users.md	8 years ago
Dean Attali	47c2f47e8b	clean up featured users	8 years ago
Dean Attali	f3d2482028	Update head.html	8 years ago
Dean Attali	cd1e1b2e95	Update footer-scripts.html	8 years ago
Dean Attali	4e045eb199	Update _config.yml	8 years ago
Dean Attali	97b8db6694	Update head.html	8 years ago
Dean Attali	e0cb13f7f3	Update footer-scripts.html	8 years ago
Dean Attali	f2d5dc2b60	Update footer-scripts.html	8 years ago
Dean Attali	25208423cb	Update head.html	8 years ago
Dean Attali	b6ab48c724	migrmigrate to jekyll3 - layout metadata is accessed via "layout."	8 years ago
Dean Attali	2d24468470	Update _config.yml	8 years ago
Dean Attali	3132da8a3a	update to jekyll3 (syntax highlight only supported in code chunks)	8 years ago
Dean Attali	e15b74e717	upupdate instructions GIF since the GitHub interface changed	8 years ago
Dean Attali	5dba2783bc	Update getstarted.md	8 years ago
Dean Attali	868df12f53	Update index.html	8 years ago
Dean Attali	b653ac9f9c	remove website from featured users	9 years ago
Dean Attali	095f18dc65	add navbar link to my website	9 years ago
Dean Attali	3208882d20	support external pages in navbar links	9 years ago
Dean Attali	81a23e9d75	Update index.html	9 years ago
Dean Attali	0ea9919b0d	Update pygment_highlights.css	9 years ago
Dean Attali	549df82953	Update 2015-02-20-test-markdown.md	9 years ago
Dean Attali	1fc8ccb71e	Update 2015-02-20-test-markdown.md	9 years ago
Dean Attali	fb62533ff2	Update and rename 2015-01-07-test-markdown.md to 2015-02-20-test-markdown.md	9 years ago
Dean Attali	3a09cd01bd	Update 2015-01-07-test-markdown.md	9 years ago
Dean Attali	dddbadf5cd	remove comments from landing page	9 years ago
Dean Attali	e772232859	make getting started button larger	9 years ago
Dean Attali	400204a1fe	Update index.html	9 years ago
Dean Attali	154ec68782	fix typos	9 years ago
Dean Attali	84abf02fb5	update featured users	9 years ago
Dean Attali	962443eb0b	Update featured-users.md	9 years ago
Dean Attali	2fb49a07a3	change attribution in footer to link to website instead of git repo	9 years ago
Dean Attali	dc07f75d76	add clipboard actions to featured users	9 years ago
Dean Attali	13a77c1f35	Update featured-users.md	9 years ago
Dean Attali	dc7f40ceb2	add fb image to landing page	9 years ago
Dean Attali	832ee3c183	add facebook opengraph tags to template	9 years ago
Dean Attali	4e11ac709e	Update featured-users.md	9 years ago
Dean Attali	0ac9643c78	Update featured-users.md	9 years ago
Dean Attali	c634a2fc54	Update featured-users.md	9 years ago
Dean Attali	ccac82569e	Update featured-users.md	9 years ago
Dean Attali	f17af54cca	Update featured-users.md	9 years ago
Dean Attali	31923f833e	Update featured-users.md	9 years ago
Dean Attali	efe9eef7e5	Update featured-users.md	9 years ago
Dean Attali	fc5d11e54b	Update main.css	9 years ago
Dean Attali	c8d56e3bc7	Update getstarted.md	9 years ago
Dean Attali	da06169333	Update featured-users.md	9 years ago
Dean Attali	48f138082e	add css for tables	9 years ago
Dean Attali	a13f5dff92	Update _config.yml	9 years ago
Dean Attali	09673cc1b7	add featured users page to nagivation	9 years ago
Dean Attali	65ca51281f	Create featured-users.md	9 years ago
Dean Attali	4e408d1aa4	Update footer.html	9 years ago
Dean Attali	a608d20df7	add comments (hardcoded) to main page	9 years ago
Dean Attali	f1f78438c0	dd getting started to navbar	9 years ago
Dean Attali	75c2643a74	small change to getstarted page	9 years ago
Dean Attali	3ea057b191	add get	9 years ago
Dean Attali	52f51488bf	add link to get started btn	9 years ago
Dean Attali	9963d6efd8	add css to get started btn	9 years ago
Dean Attali	102e3132f4	add css to get started btn	9 years ago
Dean Attali	b209dfc6ee	slight wording change	9 years ago
Dean Attali	4855728b5e	add css to get started btn	9 years ago
Dean Attali	d99c8f90d8	add a Get Started button	9 years ago
Dean Attali	747ecfd9df	Delete contact.css	9 years ago
Dean Attali	69d46f4ffe	Delete 404-southpark.jpg	9 years ago
Dean Attali	3c9918151a	Delete contact.js	9 years ago
Dean Attali	bd84931762	Delete 404.html	9 years ago
Dean Attali	19d99ef2c4	Delete aboutme.md	9 years ago
Dean Attali	d3c226e782	Delete contact.md	9 years ago
Dean Attali	c3aafb14c5	change config file to personalize this website	9 years ago
Dean Attali	8fcc424da6	change wording in index page	9 years ago
Dean Attali	6f768a373a	change readme to reflect this branch	9 years ago