diff --git a/src/components/ProjectsFeature.astro b/src/components/ProjectsFeature.astro index f4edcf8..020e490 100644 --- a/src/components/ProjectsFeature.astro +++ b/src/components/ProjectsFeature.astro @@ -113,6 +113,9 @@ projects.sort((a, b) => a.data.name.localeCompare(b.data.name)); gap: 0.25rem; padding: 0.25rem; height: min-content; + content-visibility: auto; + contain-intrinsic-size: 96px; + &:focus-within { background-color: #548e9b; } diff --git a/src/components/SocialsWidget.astro b/src/components/SocialsWidget.astro index 0719bf4..50e3638 100644 --- a/src/components/SocialsWidget.astro +++ b/src/components/SocialsWidget.astro @@ -79,6 +79,8 @@ padding: 0.5rem; gap: 0.25rem; border-radius: 0.25rem; + content-visibility: auto; + contain-intrinsic-size: 88px; span { color: var(--text-secondary); diff --git a/src/components/ViewCounter.astro b/src/components/ViewCounter.astro index a233ab5..ff56e6b 100644 --- a/src/components/ViewCounter.astro +++ b/src/components/ViewCounter.astro @@ -135,7 +135,6 @@ for (let i = 0; i < chars.length; i++) { const span = document.createElement("span"); span.setAttribute("data-number", chars[i]); - span.setAttribute("aria-label", chars[i]); span.style.animationDelay = `${i * 0.05}s`; viewCounter.appendChild(span); } diff --git a/src/pages/blog/[slug].astro b/src/pages/blog/[slug].astro index da2dd62..f10862c 100644 --- a/src/pages/blog/[slug].astro +++ b/src/pages/blog/[slug].astro @@ -69,4 +69,10 @@ const permalink = `${Astro?.site?.href}blog/${slug}`; min-width: 100px; width: 30%; } + + .content { + p { + content-visibility: auto; + } + } diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro index 32d38da..9ebf9fb 100644 --- a/src/pages/blog/index.astro +++ b/src/pages/blog/index.astro @@ -53,6 +53,11 @@ const allPosts= posts.sort((a, b) => new Date(b.data.publishDate).valueOf() - ne margin-right: 16px; } + .post-item { + content-visibility: auto; + contain-intrinsic-size: 228px; + } + hr { margin: 60px auto; }