Move preload to headers, document

README.md

@@ -1,3 +1,6 @@
 PassMate is a client-side JavaScript password generator that produces printable password books. It is intended to provide a simplified, somewhat less secure password manager alternative for people who find password managers confusing or prefer paper. There's no server-side code here; it's served entirely as static content.
 
 Live version: [passmate.io](https://passmate.io)
+
+## Web server config
+See config/nginx.conf

config/nginx.conf

@@ -0,0 +1,10 @@
+location = /index.html {
+	http2_push_preload on;
+	add_header Link "<copernicus-semibold.woff2>; as=font; rel=preload; crossorigin";
+	add_header Link "<inconsolata-bold.woff2>; as=font; rel=preload; crossorigin";
+	add_header Link "<proxima-nova-regular.woff2>; as=font; rel=preload; crossorigin";
+	add_header Link "<proxima-nova-semibold.woff2>; as=font; rel=preload; crossorigin";
+	add_header Link "<passmate.css>; as=style; rel=preload";
+	add_header Link "<passmate.js>; as=script; rel=preload";
+	add_header Link "<favicon.ico>; as=image; rel=preload";
+}

index.html

@@ -5,10 +5,6 @@
 	<title>PassMate</title>
 	<meta name="Description" content="Generate secure, unique password books to print at home">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<link rel="preload" href="copernicus-semibold.woff2" as="font" type="font/woff2" crossorigin>
-	<link rel="preload" href="inconsolata-bold.woff2" as="font" type="font/woff2" crossorigin>
-	<link rel="preload" href="proxima-nova-regular.woff2" as="font" type="font/woff2" crossorigin>
-	<link rel="preload" href="proxima-nova-semibold.woff2" as="font" type="font/woff2" crossorigin>
 	<link rel="icon" href="favicon.ico" type="image/x-icon">
 	<link rel="stylesheet" href="passmate.css">
 	<script src="passmate.js" async="true"></script>