Use Pygments for syntax highlighting, design adjustments, preload fonts

1 files changed, 9 insertions, 0 deletions

diff --git a/templates/base.html b/templates/base.html
index 225ef3f..18d65c8 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -5,7 +5,9 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex" />
+    
     <link rel="shortcut icon" href="/favicon.ico" />
+
     $for(author)$
         <meta name="author" content="$it.name$$if(it.email)$ <$it.email$>$endif$" />
     $endfor$
@@ -15,10 +17,17 @@
     $if(keywords)$
         <meta name="keywords" content="$for(keywords)$$keywords$$sep$, $endfor$" />
     $endif$
+
     $for(feeds)$
         <link href="$it.url$" type="application/atom+xml" rel="alternate" title="$it.title$ – $site.title$" />
     $endfor$
+
     <title>$if(is_home)$$else$$title$ – $endif$$site.title$</title>
+
+    <link rel="preload" href="/style.css" as="style" />
+    <link rel="preload" href="/iosevka-term-ss09-regular.woff2" as="font" type="font/woff2" crossorigin />
+    <link rel="preload" href="/iosevka-term-ss09-bold.woff2" as="font" type="font/woff2" crossorigin />
+
     <link rel="stylesheet" href="/style.css" />
     $if(section.id)$
         <style>