fix: drop preload concept and fix CV section visibility

Co-authored-by: aider (openai/qwen3.6) <aider@aider.chat>
This commit is contained in:
Dejvino 2026-05-23 09:00:19 +02:00
parent 7c009ee851
commit b7707bb8ed
2 changed files with 1 additions and 25 deletions

View File

@ -137,7 +137,7 @@ $cv_skills = $cvData['skills'] ?? [];
<link rel="shortcut icon" href="favicon.ico"> <link rel="shortcut icon" href="favicon.ico">
</head> </head>
<body class="preload"> <body>
<main class="bento-grid"> <main class="bento-grid">
@ -305,10 +305,6 @@ $cv_skills = $cvData['skills'] ?? [];
const el = document.getElementById("contact-mail"); const el = document.getElementById("contact-mail");
if (el) el.innerHTML = `<a href="mailto:${addr}">${addr}</a>`; if (el) el.innerHTML = `<a href="mailto:${addr}">${addr}</a>`;
})('<?= base64_encode($email_user) ?>', 'dejvino', 'cz'); })('<?= base64_encode($email_user) ?>', 'dejvino', 'cz');
window.addEventListener('load', () => {
setTimeout(() => document.body.classList.remove('preload'), 20);
});
</script> </script>
<!-- Cloudflare Web Analytics --> <!-- Cloudflare Web Analytics -->
<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "90827cb740cd4b1db611be059f64daa9"}'></script><!-- End Cloudflare Web Analytics --> <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "90827cb740cd4b1db611be059f64daa9"}'></script><!-- End Cloudflare Web Analytics -->

View File

@ -8,17 +8,6 @@
} }
/* Prevent animations/transitions on initial load */
.preload * {
-webkit-transition: none !important;
-moz-transition: none !important;
-ms-transition: none !important;
-o-transition: none !important;
transition: none !important;
animation: none !important;
}
@keyframes pulse-trace { @keyframes pulse-trace {
0%, 100% { opacity: 0.3; } 0%, 100% { opacity: 0.3; }
50% { opacity: 1; } 50% { opacity: 1; }
@ -162,15 +151,6 @@ body {
} }
.experience, .skills, .education {
display: none; /* Keep out of layout entirely when off */
opacity: 0;
max-height: 0;
overflow: hidden;
pointer-events: none;
}
@media (max-width: 768px) { @media (max-width: 768px) {
.card { .card {
border-color: rgba(0, 243, 255, 0.3); border-color: rgba(0, 243, 255, 0.3);