<!DOCTYPE html>
-
+<!-- This comment line needed for bootstrap to work on mobile devices -->
<html lang="en">
<head>
<!-- mainly here to include fonts, make initializations, etc -->
<meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{{ "/style-layout.css" | prepend: site.baseurl }}">
<link rel="stylesheet" href="{{ "/style-colors.css" | prepend: site.baseurl }}">
<link rel="shortcut icon" type="image/jpg" href="/assets/favicon.jpg">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+ <link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Mono:wght@100&display=swap" rel="stylesheet">
+ <link href="https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
<title>{{ page.title }}</title>
<body>
<div class="flex-container">
<div class="nav">
- {%- include nav.html -%} <!-- navigation -->
+ {%- include nav.html -%}
</div>
<div class="content">
- {{ content }}
+ {{ content }}
</div>
</div>