<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

  <title>{% if page.title %}{{ page.title }}{% else %}{{ site.name }}{% endif %}</title>

  <meta name="author" content="{{ site.author.name }}" />
  <meta name="description" content="{{ site.description }}">

  <link rel="stylesheet" href="/css/bootstrap.min.css" />
  <!-- I choose not to use the bootstrap theme css, I think it looks less appealing
  <link rel="stylesheet" href="/css/bootstrap-theme.min.css" /> -->
  
  {% if include.full %}
    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" />
	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" />
	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" />
    <link rel="stylesheet" href="/css/main.css" />
    <link rel="alternate" type="application/rss+xml" title="{{ site.name }} - {{ site.description }}" href="/feed.xml" />
  {% else %}
    <link rel="stylesheet" href="/css/main-minimal.css" />
  {% endif %}

  {% if page.css %}
    {% for css in page.css %}
	  <link rel="stylesheet" href="{{ css }}" />
    {% endfor %}
  {% endif %}
</head>