<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta http-equiv="x-ua-compatible" content="ie=edge">
	<meta name="description" content="Preserving Public Information"/>
	<meta name="keywords" content="" />
	<title>
	    {% if title %}
		{{ title }} - SciOp
	    {% else %}
		SciOp - Public Information Preservation
	    {% endif %}
	</title>
	<!-- <link rel="shortcut icon" href=""> -->
	<!-- custom - css include -->
	<link rel="apple-touch-icon" sizes="180x180" href="/static/img/apple-touch-icon.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon-16x16.png">
	<link rel="manifest" href="/static/site.webmanifest">
	<meta name="htmx-config"
				content='{"selfRequestsOnly": true, "allowScriptTags": false, "includeIndicatorStyles": false, "allowEval": false}'>
	<link rel="stylesheet" type="text/css" href="/static/css/style.css" nonce="{{ nonce }}">
	<script src="/static/js/theme.js" nonce="{{ nonce }}"></script>
</head>
