kushidou/hugo-theme-stack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: avoid regenerate color scheme when image URL is changed

Browse Source 
Use MD5 as key to identify images, and .Slug as id
This commit is contained in:
Jimmy Cai
2020-08-28 12:11:02 +02:00
parent ced9823d99
commit 32732d4bf1
5 changed files with 30 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/ts/main.ts
+7 -3
View File
@@ -25,9 +25,11 @@ let Stack = {
* Add color to tags
*/
document.querySelectorAll('.color-tag').forEach(async (tag: HTMLLinkElement) => {
const imageURL = tag.getAttribute('data-image');
const imageURL = tag.getAttribute('data-image'),
id = tag.getAttribute('data-id'),
key = tag.getAttribute('data-key');
const colors = await getColor(imageURL);
const colors = await getColor(id, key, imageURL);
tag.style.color = colors.Vibrant.bodyTextColor;
tag.style.background = colors.Vibrant.hex;
@@ -47,9 +49,11 @@ let Stack = {
articles.forEach(async articles => {
const image = articles.querySelector('img'),
imageURL = image.src,
id = image.getAttribute('data-id'),
key = image.getAttribute('data-key'),
articleDetails: HTMLDivElement = articles.querySelector('.article-details');
const colors = await getColor(imageURL);
const colors = await getColor(id, key, imageURL);
articleDetails.style.background = `
linear-gradient(0deg,