{% load static i18n %}

<!DOCTYPE html>
<!--[if lt IE 7]>
<html lang="en" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html lang="en" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html lang="en" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en"  class="no-js">
<!--<![endif]-->
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.9/es5-shim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.9/es5-sham.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-shim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.3/es6-sham.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Mendel,MD an online tool for diagnosing patients with Mendelian Disorders">
    <meta name="author" content="Raony Guimaraes">
    <link rel="icon" href="{{ STATIC_URL }}/img/favicon.ico">

    <title>Mendel,MD - Cloud Based Genome Analysis</title>
    <meta property="og:url"           content="https://mendelmd.org" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="Mendel,MD - Cloud Based Genome Analysis" />
    <meta property="og:description"   content="Mendel,MD an online tool for diagnosing patients with Mendelian Disorders" />
    <meta property="og:image"         content="https://mendelmd.org/static/img/Gregor_Mendel_small.png" />

    {% block css %}

    <link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

    <!-- Custom styles for this template -->
    
    <link href="{% static "bootstrap-3.2.0-dist/css/bootstrap.min.css" %}" rel="stylesheet">
    <link href="{% static "select2/css/select2.min.css" %}" type="text/css" media="screen" rel="stylesheet" />
    <link rel="stylesheet" href="{% static "jquery-ui-1.12.1/jquery-ui.min.css" %}">

    <link href="{% static 'css/project.css' %}" rel="stylesheet">

    <script src="{% static "js/jquery-3.2.1.min.js" %}"></script>
    <script src="{% static "jquery-ui-1.12.1/jquery-ui.min.js" %}"></script>

    {% endblock %}

    {% block extra_header %}{% endblock %}
    {% block extra_css %}{% endblock %}

    
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>


  </head>

  <body>

    {% include "archive/navbar.html" %}

    <br><br><br>

    <div class="container-fluid" style="margin: 0 50px;">

      {% include "messages.html" %}
      
      <!-- Example row of columns -->
      <div class="row">
        {% block content %}
        {% endblock %}
      </div>
      <hr>
      
      <footer>
        <p>&copy; 2018 - Developed by <a href="http://mendel.medicina.ufmg.br">Laboratory of Clinical Genomics</a> - <a href="https://github.com/raonyguimaraes/mendelmd">Source Code</a> and <a href="https://github.com/raonyguimaraes/mendelmd/issues">Issues</a></p>
      </footer>
    </div> <!-- /container -->
    <div class="footer">
      <div class="container">
        <p class="text-muted"><!-- Place sticky footer content here. --></p>
      </div>
    </div>

    


{% block javascript %}
 <!-- Bootstrap core JavaScript
    ================================================== -->

    <script type="text/javascript" src="{% static "select2/js/select2.min.js" %}"></script>

    <script src="{{ STATIC_URL }}bootstrap-3.2.0-dist/js/bootstrap.min.js"></script>

    <script type="text/javascript" src="{% static "js/project.js" %}"></script>

    {% block extra_js %} {% endblock %}


{% endblock %}

</body>
</html>