fix: stabilize portfolio scrolling and loading
Some checks failed
Test and deploy / Verify production build (push) Has been cancelled
Test and deploy / Deploy production (push) Has been cancelled

Remove skeleton swaps and deferred layout estimates, restore reveal state, and use native proximity scrolling for project cards. Also make the Docker build npm registry configurable.
This commit is contained in:
2026-09-09 17:53:48 +03:30
parent f34bea05cd
commit b3cfcfe057
27 changed files with 180 additions and 567 deletions

View File

@@ -1,4 +1,4 @@
import { ImageWithSkeleton } from './ImageWithSkeleton';
import Image from 'next/image';
import { getEducation } from '@/data/education';
import { messagesByLocale, type Locale } from '@/i18n/content';
import styles from './EducationSection.module.css';
@@ -8,7 +8,7 @@ export const EducationSection = ({ locale }: { locale: Locale }) => {
const copy = messagesByLocale[locale].education;
return (
<section id="education" className={styles.educationSection} data-deferred-render data-looping-motion>
<section id="education" className={styles.educationSection}>
<div className="content-container">
<div className="section-header" data-reveal="soft">
<div className="section-title-wrap">
@@ -21,13 +21,12 @@ export const EducationSection = ({ locale }: { locale: Locale }) => {
<div className={styles.card} data-reveal-group>
<div className={styles.crestCol} data-reveal="image">
<div className={styles.crestContainer}>
<ImageWithSkeleton
<Image
src={education.logo.src}
alt={education.institution}
fill
sizes="(max-width: 650px) 12rem, 16.5rem"
className={styles.crestImage}
skeletonShape="rounded"
/>
</div>
</div>