fix css

PkLavc · PkLavc · commit 231dd3d7a7c4 · 2026-04-24T22:31:33.000-03:00
diff --git a/about/index.html b/about/index.html
@@ -93,6 +93,7 @@
                 display: flex;
                 flex-direction: column;
                 gap: 16px;
+                min-width: 0;
             }
 
             .bio-text {
@@ -129,7 +130,8 @@
             }
 
             .about-profile-img {
-                flex: 1;
+                flex: 0 0 280px;
+                min-width: 280px;
                 display: flex;
                 justify-content: center;
             }
@@ -177,6 +179,8 @@
                 .about-profile-img {
                     order: -1;
                     margin-bottom: 6px;
+                    flex: none;
+                    min-width: 0;
                 }
 
                 .img-border img {
@@ -199,8 +203,7 @@
             }
         </style>
         <link rel="preload" href="/css/about.css" as="style">
-        <link rel="stylesheet" href="/css/about.css" media="print" onload="this.media='all'">
-        <noscript><link rel="stylesheet" href="/css/about.css"></noscript>
+        <link rel="stylesheet" href="/css/about.css">
     </head>
     <body>
         <!-- About Page Schema -->
@@ -579,7 +582,7 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
 
                     <div class="about-profile-img">
                         <div class="img-border">
-                            <img src="/images/profile.svg" alt="Patrick Araujo profile avatar for backend software engineer and integration specialist" width="250" height="250" decoding="async">
+                            <img src="/images/profile.svg" alt="Patrick Araujo profile avatar for backend software engineer and integration specialist" width="250" height="250" loading="eager" fetchpriority="high" decoding="async">
                         </div>
                     </div>
                 </div>
@@ -744,35 +747,11 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
                         loadDeferredScript('https://cdn.jsdelivr.net/npm/@lottiefiles/lottie-player@1.5.7/dist/lottie-player.js');
                     };
 
-                    const scheduleIdleLoad = function() {
-                        if ('requestIdleCallback' in window) {
-                            window.requestIdleCallback(load, { timeout: 3500 });
-                        } else {
-                            window.setTimeout(load, 3000);
-                        }
-                    };
-
-                    if ('IntersectionObserver' in window) {
-                        const observer = new IntersectionObserver(function(entries) {
-                            if (entries.some(function(entry) { return entry.isIntersecting; })) {
-                                observer.disconnect();
-                                load();
-                            }
-                        }, { rootMargin: '200px 0px' });
-
-                        document.querySelectorAll('lottie-player').forEach(function(node) {
-                            observer.observe(node);
-                        });
-
-                        ['scroll', 'pointerdown', 'keydown', 'touchstart'].forEach(function(eventName) {
-                            window.addEventListener(eventName, load, { once: true, passive: true });
-                        });
-
-                        scheduleIdleLoad();
-                        return;
-                    }
+                    ['scroll', 'pointerdown', 'keydown', 'touchstart'].forEach(function(eventName) {
+                        window.addEventListener(eventName, load, { once: true, passive: true });
+                    });
 
-                    scheduleIdleLoad();
+                    window.setTimeout(load, 12000);
                 }
 
                 function updateFooterYear() {
@@ -802,6 +781,7 @@ <h2><lottie-player src="/images/link.json" background="transparent" speed="1" cl
                 document.body.classList.add('ready');
                 updateSemester();
                 updateFooterYear();
+                document.addEventListener('DOMContentLoaded', updateFooterYear, { once: true });
                 setupMenu();
                 setupCursor();
                 setupContacts();
diff --git a/css/about.css b/css/about.css
@@ -106,6 +106,7 @@ body {
     display: flex;
     flex-direction: column;
     gap: 16px;
+    min-width: 0;
 }
 .bio-text {
     font-size: 1.2rem;
@@ -146,7 +147,8 @@ body {
     color: #E0E0E0;
 }
 .about-profile-img {
-    flex: 1;
+    flex: 0 0 280px;
+    min-width: 280px;
     display: flex;
     justify-content: center;
 }
@@ -287,6 +289,8 @@ body {
     .about-profile-img {
         order: -1;
         margin-bottom: 6px;
+        flex: none;
+        min-width: 0;
     }
 
     .img-border img {

Original file line number	Diff line number	Diff line change
`@@ -106,6 +106,7 @@ body {`
`106`	`106`	`display: flex;`
`107`	`107`	`flex-direction: column;`
`108`	`108`	`gap: 16px;`
	`109`	`+ min-width: 0;`
`109`	`110`	`}`
`110`	`111`	`.bio-text {`
`111`	`112`	`font-size: 1.2rem;`
`@@ -146,7 +147,8 @@ body {`
`146`	`147`	`color: #E0E0E0;`
`147`	`148`	`}`
`148`	`149`	`.about-profile-img {`
`149`		`- flex: 1;`
	`150`	`+ flex: 0 0 280px;`
	`151`	`+ min-width: 280px;`
`150`	`152`	`display: flex;`
`151`	`153`	`justify-content: center;`
`152`	`154`	`}`
`@@ -287,6 +289,8 @@ body {`
`287`	`289`	`.about-profile-img {`
`288`	`290`	`order: -1;`
`289`	`291`	`margin-bottom: 6px;`
	`292`	`+ flex: none;`
	`293`	`+ min-width: 0;`
`290`	`294`	`}`
`291`	`295`
`292`	`296`	`.img-border img {`