Use Pygments for syntax highlighting, design adjustments, preload fonts

3 files changed, 11 insertions, 2 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>
diff --git a/templates/partials/pageHeader.html b/templates/partials/pageHeader.html
index b44f394..95e55f7 100644
--- a/templates/partials/pageHeader.html
+++ b/templates/partials/pageHeader.html
@@ -7,7 +7,7 @@ $--  '|    \__,~"´   /:) /       |:\ \            ,~(    ) . | |  )   `,   '
 $-- ___\___.___:____(:/\_-,______\:.\_-,____.__\_.\______.__:___\__.___)_.___,/_____
 $-- ░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░░
 
-<pre class="c-page__prefixed c-page__prefixed--pre u-mt0 u-hidden@sm-down">
+<pre class="c-page-header__pre c-page__prefixed c-page__prefixed--pre u-mt0 u-hidden@sm-down">
 ' |      '     '             '     '            '   | |    |           '     '  
   |      '     '             '       <strong>//\_</strong>       '   | ' .  |           '     '  
  .|      '      <strong>____,...,______..,_~``  -`..,</strong>   '   |    ' |           '     '  
diff --git a/templates/partials/pageHeaderSm.html b/templates/partials/pageHeaderSm.html
index 4db186c..4255de0 100644
--- a/templates/partials/pageHeaderSm.html
+++ b/templates/partials/pageHeaderSm.html
@@ -3,7 +3,7 @@ $--  |      _.~-"""-----~``  ,-´      '   '      |'   |           '   '
 $-- '|   .´  ,~'\ ).,__,)/,,"         ' . '      |  | |           '  .' 
 $--  |_  `~´   (/\\,   (/\\,         _'   '_    _| '  |_         _'   '_
 
-<pre class="c-page__prefixed c-page__prefixed--pre u-mt0 $if(is_home)$u-hidden@sm-up$endif$">
+<pre class="c-page-header__pre c-page__prefixed c-page__prefixed--pre u-mt0 $if(is_home)$u-hidden@sm-up$endif$">
 .|   <strong>                  //\__</strong>      '  .'      |  . |           ' . ' 
  |   <strong>   _.~-"""-----~``  ,-´</strong>      '   '      |'   |           '   ' 
 '|   <strong>.´  ,~'\ ).,__,)/,,"   </strong>      ' . '      |  | |           '  .'