{% extends "layout.html" %}
{% set active_page = "index" %}

{% block head %}
  {{ super() }}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/sunburst.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
    <link rel='stylesheet' type='text/css' href='static/css/custom.css?v=4'>

{% endblock %} 

{% block body %}
    {{ super ()}}

        <div id="bottom-image" style='min-height: 1200px'>
        <div id="middle-image" style='min-height: 1200px'>
        <div id="top-image" style='min-height: 1200px'>
        <div id="content" class='container center' style='background-color:#42637C; padding:5px; .h1{color:black'>
        {{ body | safe }}
        
        <div id="disqus_thread"></div>
        </div>
        </div>
        </div>
        </div>


{% endblock %}