From c8a8dd8bbd3084edb4014cde1ebe074729bd9dc4 Mon Sep 17 00:00:00 2001 From: Javier Arce <4933+javierarce@users.noreply.github.com> Date: Sun, 1 Oct 2023 09:58:48 +0200 Subject: [PATCH] Test --- css/style.scss | 4 ++++ pages/blogroll.md | 1 + scripts/rss.reader.js | 9 +++++---- 3 files changed, 10 insertions(+), 4 deletions(-) diff --git a/css/style.scss b/css/style.scss index 086e95152..7b1cbffbc 100644 --- a/css/style.scss +++ b/css/style.scss @@ -371,3 +371,7 @@ a.is-photo::after { } } +.Layout__blogroll ul li { + padding: 0; + margin: 0; +} diff --git a/pages/blogroll.md b/pages/blogroll.md index e38100aba..0ab5886e4 100644 --- a/pages/blogroll.md +++ b/pages/blogroll.md @@ -8,6 +8,7 @@ show_title: false show_date: false show_description: false description: A list of blogs and newsletters that I enjoy reading +className: Blogroll --- ### Favorite blogs diff --git a/scripts/rss.reader.js b/scripts/rss.reader.js index cfcdd80fb..01fa69fb9 100644 --- a/scripts/rss.reader.js +++ b/scripts/rss.reader.js @@ -6,12 +6,13 @@ class RSS extends HTMLElement { connectedCallback() { this.styles = document.createElement('style') this.styles.innerHTML = ` - rss-reader { display: block; margin: 0 0 1em 0; } + rss-reader { display: block; margin: 0 0 0 0; } ::part(blog), ::part(entry) { text-decoration: none; color: #ffc107; text-decoration: underline; } ::part(post) { opacity: 0; visibility: hidden; transition: opacity 250ms ease-in-out; } ::part(entry) { text-decoration: underline; } ::part(date) { font-size: 0.8em; } - rss-reader.is-loaded::part(post) { opacity: 1; color: #ffff; visibility: visible; } + rss-reader.is-loaded::part(post) { opacity: 1; visibility: visible; } + rss-reader.is-loaded::part(entry) { opacity: 1; color: #ffff; visibility: visible; } ` document.head.appendChild(this.styles) @@ -42,7 +43,7 @@ class RSS extends HTMLElement { try { this.fetch(`//api.javier.computer/api/feed/${URL}`) } catch (e) { - console.log('meeeh') + console.error(e) } } @@ -70,7 +71,7 @@ class RSS extends HTMLElement { entryDate.textContent = ago ? ` ${ago} ago` : '' entryDate.part = 'date' - entry.appendChild(entryLink) + //entry.appendChild(entryLink) entry.appendChild(entryDate) this.shadow.appendChild(entry) this.classList.add('is-loaded')