Bundle icons8

.github/workflows/publish.yml

@@ -12,6 +12,17 @@ jobs:
     
       - name: Checkout
         uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v1
+        with:
+          node-version: 12.x
+
+      - name: Install dependencies
+        run: npm install
+
+      - name: Compile assets
+        run: make
         
       - name: Build
         uses: TonySpegel/zola-build-action@v1

.gitignore

@@ -9,4 +9,6 @@ Cargo.lock
 # These are backup files generated by rustfmt
 **/*.rs.bk
 
-/public/
+/public/
+
+/node_modules/

.vscode/tasks.json

@@ -23,6 +23,14 @@
                 "--open"
             ],
             "problemMatcher": []
+        },
+        {
+            "label": "Compile assets",
+            "type": "shell",
+            "command": "make",
+            "args": [
+            ],
+            "problemMatcher": []
         }
     ]
 }

Makefile

@@ -0,0 +1,10 @@
+
+static/dist/line-awesome: static/dist/line-awesome/fonts/la-solid-900.woff static/dist/line-awesome/fonts/la-brands-400.woff
+
+static/dist/line-awesome/fonts/la-solid-900.woff: node_modules/line-awesome/dist/line-awesome/fonts/la-solid-900.woff
+	@mkdir -p $(dir $@)
+	cp $< $@
+
+static/dist/line-awesome/fonts/la-brands-400.woff: node_modules/line-awesome/dist/line-awesome/fonts/la-brands-400.woff
+	@mkdir -p $(dir $@)
+	cp $< $@

config.toml

@@ -13,6 +13,12 @@ highlight_code = true
 render_emoji = true
 external_links_target_blank = true
 
+[link_checker]
+skip_prefixes = []
+skip_anchor_prefixes = []
+internal_level = "error"
+external_level = "error"
+
 [extra]
 # Website
 domain_name = "ewpratten.com"

package-lock.json

@@ -0,0 +1,24 @@
+{
+  "name": "ewpratten.com",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "line-awesome": "^1.3.0"
+      }
+    },
+    "node_modules/line-awesome": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/line-awesome/-/line-awesome-1.3.0.tgz",
+      "integrity": "sha512-Y0YHksL37ixDsHz+ihCwOtF5jwJgCDxQ3q+zOVgaSW8VugHGTsZZXMacPYZB1/JULBi6BAuTCTek+4ZY/UIwcw=="
+    }
+  },
+  "dependencies": {
+    "line-awesome": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/line-awesome/-/line-awesome-1.3.0.tgz",
+      "integrity": "sha512-Y0YHksL37ixDsHz+ihCwOtF5jwJgCDxQ3q+zOVgaSW8VugHGTsZZXMacPYZB1/JULBi6BAuTCTek+4ZY/UIwcw=="
+    }
+  }
+}

package.json

@@ -0,0 +1,5 @@
+{
+  "dependencies": {
+    "line-awesome": "^1.3.0"
+  }
+}

sass/styles/icons.scss

@@ -0,0 +1,3 @@
+$la-font-path: "/dist/line-awesome/fonts";
+
+@import "../../node_modules/line-awesome/dist/line-awesome/scss/line-awesome.scss";

static/dist/.gitignore

@@ -0,0 +1 @@
+/line-awesome/

templates/base.html

@@ -30,13 +30,10 @@
     {# Preconnects for external resources #}
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link rel="preconnect" href="https://maxst.icons8.com">
 
     {# External styles #}
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet"
         integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
-    <link rel="stylesheet"
-        href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
     <link rel="stylesheet"
         href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/4.0.0/github-markdown.min.css"
         integrity="sha512-Oy18vBnbSJkXTndr2n6lDMO5NN31UljR8e/ICzVPrGpSud4Gkckb8yUpqhKuUNoE+o9gAb4O/rAxxw1ojyUVzg=="
@@ -51,6 +48,7 @@
     <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">
 
     {# Component styles #}