106457de4b
Use the Google Fonts API to fetch a handwritten font, which gives the app a modicum of personality. There are more "best practices" ways to do this, such as: - Download the font once, and include it in the bundle - Extend the Tailwind configure to recognize the font - Ditch the inline <style> block But I don't need the performance benefits that the first bullet provides. And the second two bullets are more relevant for a larger application with more than one font. So I think in this case, the easiest solution is best. Also: - Use `container` and `mx-auto` to constrain content for wide screens
21 lines
506 B
HTML
21 lines
506 B
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Elm SPA</title>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Chilanka">
|
|
<link rel="stylesheet" href="./output.css">
|
|
<style>
|
|
body {
|
|
font-family: 'Chilanka';
|
|
}
|
|
</style>
|
|
<script src="./Main.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="mount"></div>
|
|
<script>
|
|
Elm.Main.init({node: document.getElementById("mount")});
|
|
</script>
|
|
</body>
|
|
</html>
|