Skip to content

Commit e3057d1

Browse files
LinuxJava7LinuxJava7
committed
deploy: 5a0ab32 
1 parent 5b66be2 commit e3057d1

File tree

7 files changed

+270
-182
lines changed

7 files changed

+270
-182
lines changed

‎404.html‎

Lines changed: 41 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -630,8 +630,8 @@
630630
margin-right: 6px;
631631
vertical-align: middle;
632632
display: inline-block;
633-
width: 20px;
634-
height: 20px;
633+
width: 1rem;
634+
height: auto;
635635
fill: currentColor;
636636
}
637637

@@ -693,45 +693,31 @@
693693
flex-shrink: 0;
694694
}
695695

696-
/* View Switcher Narrow Specific */
697-
.view-switcher-narrow {
698-
width: 100%;
699-
height: 100%;
700-
align-content: center;
701-
align-items: stretch;
702-
margin: 1rem;
703-
}
704-
705-
.view-switcher-narrow a {
706-
flex-direction: column;
707-
gap: 0.05rem;
708-
font-size: 0.8rem;
709-
}
696+
/* View Switcher States */
710697

711-
.view-switcher-narrow svg {
712-
margin-top: 0.25rem;
713-
width: 1.2rem;
698+
.view-switcher a {
699+
transform: scale(100%);
714700
}
715701

716-
/* View Switcher States */
717702
.view-switcher a:hover,
718-
.view-switcher a:focus,
719-
.view-switcher-narrow a:hover,
720-
.view-switcher-narrow a:focus {
703+
.view-switcher a:focus {
721704
background-color: rgba(0, 0, 6, 0.03);
722705
color: var(--window-fg-color);
706+
transform: scale(102.5%);
707+
transition: transform 200ms var(--slickease);
708+
}
709+
.view-switcher a:active {
710+
transform: scale(97.5%);
711+
transition: transform 200ms var(--slickease);
723712
}
724713

725-
.view-switcher .current,
726-
.view-switcher-narrow .current {
714+
.view-switcher .current {
727715
background-color: rgba(0, 0, 6, 0.05);
728716
color: var(--view-switcher-accent);
729717
}
730718

731719
.view-switcher .current:hover,
732-
.view-switcher .current:focus,
733-
.view-switcher-narrow .current:hover,
734-
.view-switcher-narrow .current:focus {
720+
.view-switcher .current:focus {
735721
background-color: rgba(0, 0, 6, 0.08);
736722
color: var(--view-switcher-accent);
737723
}
@@ -890,6 +876,26 @@
890876
flex-direction: column;
891877
gap: 2rem;
892878
}
879+
880+
@keyframes appear {
881+
from {
882+
transform: translateY(16px);
883+
opacity: 0;
884+
}
885+
50% {
886+
transform: translateY(-2px);
887+
opacity: 100;
888+
}
889+
to {
890+
transform: translateY(0);
891+
opacity: 100;
892+
}
893+
}
894+
895+
.appear {
896+
opacity: 0;
897+
animation: appear ease forwards;
898+
}
893899
@import "catppuccin.css";
894900

895901
@media (prefers-color-scheme: dark) {
@@ -1267,7 +1273,12 @@ <h1 id="content-not-found">Content not found.</h1>
12671273
</p>
12681274
</footer>
12691275

1270-
<!-- This page `/404.html` was built on 2025-07-10T16:11:42.662Z -->
1271-
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
1276+
<!-- This page `/404.html` was built on 2025-07-10T17:20:59.177Z -->
1277+
<script type="module" src="/linuxjava7.github.io/dist/rbYCXapct6.js"></script>
1278+
1279+
1280+
1281+
1282+
12721283
</body>
12731284
</html>

‎blog/index.html‎

Lines changed: 41 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -630,8 +630,8 @@
630630
margin-right: 6px;
631631
vertical-align: middle;
632632
display: inline-block;
633-
width: 20px;
634-
height: 20px;
633+
width: 1rem;
634+
height: auto;
635635
fill: currentColor;
636636
}
637637

@@ -693,45 +693,31 @@
693693
flex-shrink: 0;
694694
}
695695

696-
/* View Switcher Narrow Specific */
697-
.view-switcher-narrow {
698-
width: 100%;
699-
height: 100%;
700-
align-content: center;
701-
align-items: stretch;
702-
margin: 1rem;
703-
}
704-
705-
.view-switcher-narrow a {
706-
flex-direction: column;
707-
gap: 0.05rem;
708-
font-size: 0.8rem;
709-
}
696+
/* View Switcher States */
710697

711-
.view-switcher-narrow svg {
712-
margin-top: 0.25rem;
713-
width: 1.2rem;
698+
.view-switcher a {
699+
transform: scale(100%);
714700
}
715701

716-
/* View Switcher States */
717702
.view-switcher a:hover,
718-
.view-switcher a:focus,
719-
.view-switcher-narrow a:hover,
720-
.view-switcher-narrow a:focus {
703+
.view-switcher a:focus {
721704
background-color: rgba(0, 0, 6, 0.03);
722705
color: var(--window-fg-color);
706+
transform: scale(102.5%);
707+
transition: transform 200ms var(--slickease);
708+
}
709+
.view-switcher a:active {
710+
transform: scale(97.5%);
711+
transition: transform 200ms var(--slickease);
723712
}
724713

725-
.view-switcher .current,
726-
.view-switcher-narrow .current {
714+
.view-switcher .current {
727715
background-color: rgba(0, 0, 6, 0.05);
728716
color: var(--view-switcher-accent);
729717
}
730718

731719
.view-switcher .current:hover,
732-
.view-switcher .current:focus,
733-
.view-switcher-narrow .current:hover,
734-
.view-switcher-narrow .current:focus {
720+
.view-switcher .current:focus {
735721
background-color: rgba(0, 0, 6, 0.08);
736722
color: var(--view-switcher-accent);
737723
}
@@ -890,6 +876,26 @@
890876
flex-direction: column;
891877
gap: 2rem;
892878
}
879+
880+
@keyframes appear {
881+
from {
882+
transform: translateY(16px);
883+
opacity: 0;
884+
}
885+
50% {
886+
transform: translateY(-2px);
887+
opacity: 100;
888+
}
889+
to {
890+
transform: translateY(0);
891+
opacity: 100;
892+
}
893+
}
894+
895+
.appear {
896+
opacity: 0;
897+
animation: appear ease forwards;
898+
}
893899
@import "catppuccin.css";
894900

895901
@media (prefers-color-scheme: dark) {
@@ -1264,7 +1270,12 @@ <h1 id="blog-posts">Blog Posts</h1>
12641270
</p>
12651271
</footer>
12661272

1267-
<!-- This page `/blog/` was built on 2025-07-10T16:11:42.660Z -->
1268-
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
1273+
<!-- This page `/blog/` was built on 2025-07-10T17:20:59.175Z -->
1274+
<script type="module" src="/linuxjava7.github.io/dist/rbYCXapct6.js"></script>
1275+
1276+
1277+
1278+
1279+
12691280
</body>
12701281
</html>

‎blog/simracing/index.html‎

Lines changed: 41 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -630,8 +630,8 @@
630630
margin-right: 6px;
631631
vertical-align: middle;
632632
display: inline-block;
633-
width: 20px;
634-
height: 20px;
633+
width: 1rem;
634+
height: auto;
635635
fill: currentColor;
636636
}
637637

@@ -693,45 +693,31 @@
693693
flex-shrink: 0;
694694
}
695695

696-
/* View Switcher Narrow Specific */
697-
.view-switcher-narrow {
698-
width: 100%;
699-
height: 100%;
700-
align-content: center;
701-
align-items: stretch;
702-
margin: 1rem;
703-
}
704-
705-
.view-switcher-narrow a {
706-
flex-direction: column;
707-
gap: 0.05rem;
708-
font-size: 0.8rem;
709-
}
696+
/* View Switcher States */
710697

711-
.view-switcher-narrow svg {
712-
margin-top: 0.25rem;
713-
width: 1.2rem;
698+
.view-switcher a {
699+
transform: scale(100%);
714700
}
715701

716-
/* View Switcher States */
717702
.view-switcher a:hover,
718-
.view-switcher a:focus,
719-
.view-switcher-narrow a:hover,
720-
.view-switcher-narrow a:focus {
703+
.view-switcher a:focus {
721704
background-color: rgba(0, 0, 6, 0.03);
722705
color: var(--window-fg-color);
706+
transform: scale(102.5%);
707+
transition: transform 200ms var(--slickease);
708+
}
709+
.view-switcher a:active {
710+
transform: scale(97.5%);
711+
transition: transform 200ms var(--slickease);
723712
}
724713

725-
.view-switcher .current,
726-
.view-switcher-narrow .current {
714+
.view-switcher .current {
727715
background-color: rgba(0, 0, 6, 0.05);
728716
color: var(--view-switcher-accent);
729717
}
730718

731719
.view-switcher .current:hover,
732-
.view-switcher .current:focus,
733-
.view-switcher-narrow .current:hover,
734-
.view-switcher-narrow .current:focus {
720+
.view-switcher .current:focus {
735721
background-color: rgba(0, 0, 6, 0.08);
736722
color: var(--view-switcher-accent);
737723
}
@@ -890,6 +876,26 @@
890876
flex-direction: column;
891877
gap: 2rem;
892878
}
879+
880+
@keyframes appear {
881+
from {
882+
transform: translateY(16px);
883+
opacity: 0;
884+
}
885+
50% {
886+
transform: translateY(-2px);
887+
opacity: 100;
888+
}
889+
to {
890+
transform: translateY(0);
891+
opacity: 100;
892+
}
893+
}
894+
895+
.appear {
896+
opacity: 0;
897+
animation: appear ease forwards;
898+
}
893899
@import "catppuccin.css";
894900

895901
@media (prefers-color-scheme: dark) {
@@ -1451,7 +1457,12 @@ <h2 id="to-answer-the-question-in-the-title">To answer the question in the title
14511457
</p>
14521458
</footer>
14531459

1454-
<!-- This page `/blog/simracing/` was built on 2025-07-10T16:11:42.662Z -->
1455-
<script type="module" src="/linuxjava7.github.io/dist/xbxy_EL6cU.js"></script>
1460+
<!-- This page `/blog/simracing/` was built on 2025-07-10T17:20:59.178Z -->
1461+
<script type="module" src="/linuxjava7.github.io/dist/rbYCXapct6.js"></script>
1462+
1463+
1464+
1465+
1466+
14561467
</body>
14571468
</html>

dist/xbxy_EL6cU.js renamed to dist/rbYCXapct6.js

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -224,4 +224,26 @@ class HeadingAnchors extends HTMLElement {
224224

225225
HeadingAnchors.register();
226226

227-
export { HeadingAnchors }
227+
export { HeadingAnchors }
228+
document.addEventListener("DOMContentLoaded", function () {
229+
const allElements = document.querySelectorAll(
230+
'main h1, main h2, main h3, main h4, main h5, main h6, main p, main li, main .card'
231+
);
232+
233+
let staggerIndex = 0;
234+
235+
allElements.forEach((el) => {
236+
if (el.classList.contains("card")) {
237+
el.classList.add("appear");
238+
el.style.animationDelay = `${staggerIndex * 150}ms`;
239+
el.style.animationDuration = "800ms";
240+
staggerIndex++;
241+
}
242+
else if (!el.closest('.card')) {
243+
el.classList.add("appear");
244+
el.style.animationDelay = `${staggerIndex * 150}ms`;
245+
el.style.animationDuration = "800ms";
246+
staggerIndex++;
247+
}
248+
});
249+
});

0 commit comments

Comments
 (0)