<head>
  <meta charset="utf-8">

  <title><% if (page.title){ %><%= page.title %> | <% } %><%= config.title %></title>
  <% var description, title, twitter_description, image %>
  <% if(page.canonical_path == 'index.html') { %>
    <% title = "James Peret Website" %>
    <% description = "Website of James Peret, a designer, programmer and filmmaker from São Paulo, Brazil." %>
    <% twitter_description = description %>
  <% } else if(page.canonical_path == 'projects/index.html') { %>
    <% title = "James Peret Portfolio" %>
    <% description = "Portfolio of James Peret. Checkout his games, videos and software." %>
    <% twitter_description = description %>
  <% } else if(page.canonical_path == 'blog/index.html') { %>
    <% title = "J1X Blog" %>
    <% description = "J1X Blog. Technical writings by James Peret." %>
    <% twitter_description = "Technical writings by James Peret." %>
  <% } else if(page.canonical_path == 'about/index.html') { %>
    <% title = "About James Peret." %>
    <% description = "Read more about James Peret." %>
    <% twitter_description = description %>
  <% } else if(page.layout == 'project') { %>
    <% title = page.title %>
    <% description = page.description %>
    <% twitter_description = description %>
    <% image = `http://jamesperet.com/projects/${page.folder}/${page.cover_image}` %>
  <% } else if(page.layout == 'post') { %>
    <% title = page.title %>
    <% description = page.excerpt %>
    <% twitter_description = description %>
    <% image = `http://jamesperet.com/blog/${page.slug}/${page.cover_image}` %>
  <% } %>

  <meta name="description" content="<%= description %>">
  <meta name="twitter:card" content="summary" />
  <meta name="twitter:title" content="<%= title %>" />
  <meta name="twitter:description" content="<%= description %>" />
  <% if(image != undefined) { %>
    <meta name="twitter:image" content="<%= image %>" />
    <meta property="og:image"  content="https://example.com/image.png" />
  <% } %>
  <meta name="twitter:creator" content="@jamesperet" />
  <meta name="twitter:site" content="@jamesperet" />
  <meta property="og:title" content="<%= title %>" />
  <meta property="og:description" content="<%= description %>" />
  <meta property="og:url" content="http://jamesperet.com/<%= page.canonical_path %>" />
  <meta property="og:type" content="article" />
  <meta property="og:site_name" content="James Peret Website" />

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-16x16.png" sizes="16x16">
  <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-96x96.png" sizes="96x96">
  <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-128.png" sizes="128x128">
  <link rel="icon" type="image/png" href="http://jamesperet.com/favicon-196x196.png" sizes="196x196">
  <%- css('css/style') %>

</head>
