Reduce the size of the styles and remove Highlight.js

Exclude some unused Bulma styles from the build and remove Highligh.js as it's not used anywhere. Since the full commit id doesn't display properly on small screen devices(e.g. mobile), it has been shortened to 7 characters

Author: biroder

assets/sass/bulma.sass

@@ -2,9 +2,14 @@
 /*! bulma.io v0.9.1 | MIT License | github.com/jgthms/bulma */
 @import "utilities/_all"
 @import "base/_all"
-@import "elements/_all"
-@import "form/_all"
-@import "components/_all"
+@import "elements/button"
+@import "elements/box"
+@import "elements/content"
+@import "elements/container"
+@import "elements/other"
+@import "elements/title"
+@import "components/card"
+@import "components/navbar"
 @import "grid/_all"
 @import "helpers/_all"
 @import "layout/_all"

assets/sass/drs.scss

@@ -36,6 +36,7 @@ $text-strong: darken($text, 5);
 
 $link: $blue;
 $code: lighten($red, 8);
+$code-border-radius: 0.25em;
 
 $pagination-background-color: $grey-lighter;
 
@@ -202,3 +203,13 @@ h5 {
 h6 {
   font-size: 1.2rem;
 }
+
+code {
+  border-radius: $code-border-radius;
+}
+
+.commit {
+  code {
+    background: darken($grey-darker, 4);
+  }
+}

layouts/index.html

@@ -14,11 +14,11 @@
     {{ $sitetitle := .Site.Title }}
     {{ with .OutputFormats.Get "RSS" }}
       <link
-      href="{{ .RelPermalink }}"
-      rel="alternate"
-      type="application/rss+xml"
-      title="{{ $sitetitle }}"
-/>
+        href="{{ .RelPermalink }}"
+        rel="alternate"
+        type="application/rss+xml"
+        title="{{ $sitetitle }}"
+      />
     {{ end }}
     {{ partial "head_includes.html" . }}
   </head>
@@ -112,7 +112,7 @@ <h3>Nightly</h3>
 
           const commEl = el.querySelector('.commit');
           if (commEl) {
-            commEl.innerText = info.commit;
+            commEl.innerHTML = "<code>" + info.commit.slice(0, 7) + "</code>";
           }
 
           const linkEl = el.parentNode.querySelector('.link');

layouts/partials/head_includes.html

@@ -3,14 +3,8 @@
 {{ $style := $sass | resources.ToCSS $sassOpts }}
 <link rel="stylesheet" href="{{ $style.Permalink }}" />
 
-<link
-  href="https://cdn.jsdelivr.net/npm/highlightjs@9.12.0/styles/github-gist.css"
-  rel="stylesheet"
-/>
-
 <link rel="shortcut icon" sizes="48x48" href="/img/favicon.ico">
 <link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
 <link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-touch-icon.png">
 <link rel="icon" type="image/png" sizes="192x192" href="/img/favicon/android-chrome-192x192.png">
-<link rel="manifest" href="/site.webmanifest">

layouts/partials/scripts.html

@@ -1,5 +1 @@
-<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.14.2/highlight.min.js"></script>
 
-<script>
-  hljs.initHighlightingOnLoad();
-</script>