fix: stabilize portfolio scrolling and loading
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user