Compacting scss

Makefile

@@ -13,4 +13,7 @@ static/dist/line-awesome/fonts/la-brands-400.woff: node_modules/line-awesome/dis
 
 static/dist/github-markdown-css/github-markdown-light.css: node_modules/github-markdown-css/github-markdown-light.css
 	@mkdir -p $(dir $@)
-	cp $< $@
+	cp $< $@
+
+node_modules:
+	npm install

sass/global.scss

@@ -0,0 +1,17 @@
+// This file bundles together all site styles, allowing the required stuff to load in one request
+
+// Fixes
+@import "styles/fixes/instagram";
+@import "styles/fixes/markdown";
+@import "styles/fixes/mermaid";
+@import "styles/fixes/tiktok";
+@import "styles/fixes/youtube";
+
+// Core stuff
+@import "styles/icons";
+@import "styles/layout";
+@import "styles/typography";
+@import "styles/utils";
+
+// Always-loaded components
+@import "styles/components/github-card";

static/dist/.gitignore

@@ -1 +1,2 @@
-/line-awesome/
+/line-awesome/
+/github-markdown-css/

templates/base.html

@@ -41,16 +41,7 @@
 
     {# Site-wide styles #}
     <link rel="stylesheet" href="/dist/github-markdown-css/github-markdown-light.css">
-    <link rel="stylesheet" href="/styles/fixes/instagram.css">
-    <link rel="stylesheet" href="/styles/fixes/markdown.css">
-    <link rel="stylesheet" href="/styles/fixes/mermaid.css">
-    <link rel="stylesheet" href="/styles/fixes/tiktok.css">
-    <link rel="stylesheet" href="/styles/fixes/youtube.css">
-    <link rel="stylesheet" href="/styles/typography.css">
-    <link rel="stylesheet" href="/styles/utils.css">
-    <link rel="stylesheet" href="/styles/layout.css">
-    <link rel="stylesheet" href="/styles/icons.css">
-    <link rel="stylesheet" href="/styles/components/github-card.css">
+    <link rel="stylesheet" href="/global.css">
 
     {# Component styles #}
     {% block component_styles %}