{% extends "base.html" %}

{% block meta_header %}{% if page.meta %}

<meta name="description" content="{{ page.meta }}">

<meta name="twitter:card" content="summary" />

<meta name="twitter:title" content="{{ page.title }}" />

{% if not page.headerimage or page.headerimage == '' %}

<meta name="twitter:image" content="https://www.fullstackpython.com/img/pages/default.jpg" />

{% else %}

<meta property="twitter:image" content="{{ SITEURL }}{{ page.headerimage }}" />

{% endif %}

<meta name="twitter:site" content="@fullstackpython" />

<meta name="twitter:creator" content="@mattmakai" />

<meta property="og:url" content="{{ SITEURL }}/{{ page.slug }}.html" />

<meta property="og:title" content="{{ page.title }}" />

<meta property="og:description" content="{{ page.meta }} Great post on Full Stack Python about {{ page.title }}!" />

{% if not page.headerimage or page.headerimage == '' %}

<meta property="og:image" content="https://www.fullstackpython.com/img/pages/default.jpg" />

{% else %}

<meta property="og:image" content="{{ SITEURL }}{{ page.headerimage }}" />

{% endif %}

<link rel="canonical" href="https://www.fullstackpython.com/{{ page.slug }}.html" />

{% endif %}{% endblock %}

{% block title %}{{ page.title }} - {% endblock %}

{% block css %}<style>{% include "css/base.css" %}{% include "css/panel.css" %}{% include "css/page-article.css" %}{% include "css/responsive.css" %}</style>{% endblock %}

{% block banner %}{% include "banner.html" %}{% endblock %}

{% block content %}

<div class="row">

<div class="c8">

{% if page.slug == 'about-author' %}

<div class="row">

<div class="c6">

<img src="/img/visuals/matt-makai-2017.jpg" width="100%" style="border-radius:6px;margin-top:30px">

</div>

<div class="c6">

{{ page.content }}

</div>

</div>

{% else %}

{{ page.content }}

{% endif %}

{% include "choices/" + page.slug + ".html" %}

{% include "email-for-book.html" %}

</div>

<div class="co1 c3" id="sb">

{% include "sidebar.html" %}

</div>

{% endblock %}