<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>{% block title %}{{sitetitle}}{% endblock %}</title>
{% block base %}{% endblock %}
<!--Favicons-->
<!-- favicon.ico omitted, but included in root for legacy browsers -->

<link rel="apple-touch-icon-precomposed" href="/favicons/favicon-152.png">

<link rel="icon" href="../favicons/favicon-16.png" sizes="16x16" type="image/png" >
<link rel="icon" href="/favicons/favicon-32.png" sizes="32x32" type="image/png" />
<link rel="icon" href="/favicons/favicon-48.png" sizes="48x48"  type="image/png" />
<link rel="icon" href="/favicons/favicon-57.png" sizes="57x57"  type="image/png" />
<link rel="icon" href="/favicons/favicon-64.png" sizes="64x64"  type="image/png" />
<link rel="icon" href="/favicons/favicon-76.png" sizes="76x76"  type="image/png" />
<link rel="icon" href="/favicons/favicon-128.png" sizes="128x128"  type="image/png" />
<link rel="icon" href="/favicons/favicon-144.png" sizes="144x144"  type="image/png" />
<link rel="icon" href="/favicons/favicon-152.png" sizes="152x152"  type="image/png" />
<link rel="icon" href="/favicons/favicon-196.png" sizes="196x196"  type="image/png" />
<link rel="shortcut icon" sizes="196x196" href="/favicons/favicon-196.png" />

<!-- IE 10 -->
<meta name="msapplication-TileColor" content="#000000" />
<meta name="msapplication-TileImage" content="/favicons/favicon-144.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<!-- Android Theme Color -->
<meta name="theme-color" content="#e978c6" />

<!-- TODO: should add "Open Graph" support, so pages format correctly on social media -->

<!-- W3.CSS framework -->
<!-- This should be replaced with a local link before publishing: -->
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css" /> 

{%- for stylesheet in stylesheets %}
<link rel="stylesheet" href="{{stylesheet}}.css" />
{%- endfor %}
</head>
<body>

<!-- Header Block -->
{% block header %}
<div class="site_header">
<a href="index.html"><h1 class="mainlogo">Luna <img width="256" height="256" alt="LunaGen Logo" src="images/lunagen.png" /> Gen</h1></a>
</div>
{% endblock %}

<!-- Navigation Menus -->
{% block navbar %}
<h4>A Navbar is nice</h4>
<p>This is pretty free-form. Just make sure you're either generating the
targets or including them in the site skeleton</p>

<ul class="localnav_menu">
<li><a href="about.html">About Us</a></li>
<li><a href="simple.html">Simple Stuff</a></li>
</ul>
{% endblock %}


{% block content %}
<h1>Page Content</h1>
<p>This is the stand-in content in the base.j2 template.</p>
{% endblock %}


<!-- CODA -->
<div id="footer">
  <div>
  <h4 class="no_phishin">Simple Site Footer</h4>

  <p>You can put anything here that you want to be on every page. For the "Lunatics!" site,
  we put legal notices and some icons down here.</p>
  </div>
  
  </div>
  
  
</body>
</html>
