From abf0c773aa2e6627ddc44f9984b3079837e273c5 Mon Sep 17 00:00:00 2001
From: Jimmy Cai <github@jimmycai.com>
Date: Sun, 12 Jun 2022 10:55:57 +0000
Subject: [PATCH] refactor: drop linear grandient background feature
remove node-vibrant from dependencies
---
assets/ts/main.ts | 32 -------------------
data/external.yaml | 5 ---
.../partials/footer/components/script.html | 2 --
3 files changed, 39 deletions(-)
diff --git a/assets/ts/main.ts b/assets/ts/main.ts
index f3160ae..e3f5b6a 100644
--- a/assets/ts/main.ts
+++ b/assets/ts/main.ts
@@ -27,38 +27,6 @@ let Stack = {
setupScrollspy();
}
- /**
- * Add linear gradient background to tile style article
- */
- const articleTile = document.querySelector('.article-list--tile');
- if (articleTile) {
- let observer = new IntersectionObserver(async (entries, observer) => {
- entries.forEach(entry => {
- if (!entry.isIntersecting) return;
- observer.unobserve(entry.target);
-
- const articles = entry.target.querySelectorAll('article.has-image');
- articles.forEach(async articles => {
- const image = articles.querySelector('img'),
- imageURL = image.src,
- key = image.getAttribute('data-key'),
- hash = image.getAttribute('data-hash'),
- articleDetails: HTMLDivElement = articles.querySelector('.article-details');
-
- const colors = await getColor(key, hash, imageURL);
-
- articleDetails.style.background = `
- linear-gradient(0deg,
- rgba(${colors.DarkMuted.rgb[0]}, ${colors.DarkMuted.rgb[1]}, ${colors.DarkMuted.rgb[2]}, 0.5) 0%,
- rgba(${colors.Vibrant.rgb[0]}, ${colors.Vibrant.rgb[1]}, ${colors.Vibrant.rgb[2]}, 0.75) 100%)`;
- })
- })
- });
-
- observer.observe(articleTile)
- }
-
-
/**
* Add copy button to code block
*/
diff --git a/data/external.yaml b/data/external.yaml
index 777620d..cc1e9df 100644
--- a/data/external.yaml
+++ b/data/external.yaml
@@ -1,8 +1,3 @@
-Vibrant:
- - src: https://cdn.jsdelivr.net/npm/node-vibrant@3.1.6/dist/vibrant.min.js
- integrity: sha256-awcR2jno4kI5X0zL8ex0vi2z+KMkF24hUW8WePSA9HM=
- type: script
-
PhotoSwipe:
- src: https://cdn.jsdelivr.net/npm/photoswipe@4.1.3/dist/photoswipe.min.js
integrity: sha256-ePwmChbbvXbsO02lbM3HoHbSHTHFAeChekF1xKJdleo=
diff --git a/layouts/partials/footer/components/script.html b/layouts/partials/footer/components/script.html
index 4cb350c..f25dc83 100644
--- a/layouts/partials/footer/components/script.html
+++ b/layouts/partials/footer/components/script.html
@@ -1,5 +1,3 @@
-{{- partial "helper/external" (dict "Context" . "Namespace" "Vibrant") -}}
-
{{- $opts := dict "minify" hugo.IsProduction -}}
{{- $script := resources.Get "ts/main.ts" | js.Build $opts -}}