<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>SI16 - {{ title }}</title>

		<!-- style -->
        
        <link rel="icon" href="{{url_for('static', filename='favicon.ico')}}">
        
		<link
			rel="stylesheet"
			href="{{url_for('static', filename='font/font.css')}}"
		/>
		<link
			rel="stylesheet"
			href="{{url_for('static', filename='css/variables.css')}}"
		/>
		<link
			rel="stylesheet"
			href="{{url_for('static', filename='css/global.css')}}"
		/>
		<link
			rel="stylesheet"
			href="{{url_for('static', filename='css/home.css')}}"
		/>

		<!-- script -->

		<script src="{{url_for('static', filename='js/lodash.js')}}"></script>
        
        
        <script
			src="{{url_for('static', filename='js/bgColor.js')}}"
			defer
		></script>
        
		<script
			src="{{url_for('static', filename='js/homeSticker.js')}}"
			defer
		></script>
	</head>
	<body>
		<section id="sticker-container"></section>
        <section id="snippets-container"></section>
		<main class="index">
			<div class="sheet meta">
				<h1 class="negative">{{title}}</h1>
				<h2 class="negative">Experimental Publishing</h2>
				<h2 class="negative">Special Issue 16</h2>
			</div>

			<div class="sheet">
				<h3 class="section">Info</h3>
				<a class="negative" href="about/">About</a>
				<a class="negative" href="intro/">Intro</a>
                <a class="negative" href="tos/">Terms of Service</a>
			</div>

			<div class="sheet">
				<h3 class="section"><a href="projects/">Projects</a></h3>
				{% for project in projects %}
				<a class="negative" href="projects/{{ project.slug }}/">{{ project.title }}</a>
				{% endfor %}
			</div>

			<div class="sheet">
				<h3 class="section"><a href="functions/">Functions</a></h3>
				{% for function in functions %}
				<a class="negative" href="functions/{{ function }}/">{{ function }}</a>
				{% endfor %}
			</div>
            
<!--             <a href="https://xpub.lurk.org/" class="chat-link" target='__blank'>
                Join us for the Q&A at 16:00
            </a> -->
                
<!-- 			<div class="sheet">
				<h3 class="section"><a href="corpora/">Corpora</a></h3>
				{% for corpus in corpora %}
				<a class="negative" href="corpora/{{ corpus }}/">{{ corpus }}</a>
				{% endfor %}
			</div> -->
		</main>
	</body>
</html>
