Skip to content

Commit b8c72e7

Browse files
TWShiyuLiou1997TWShiyuLiou1997
authored
https://TW641.github.io/padavan-ng/
https://TW641.github.io/padavan-ng/
1 parent 36755a9 commit b8c72e7

1 file changed

Lines changed: 43 additions & 11 deletions

File tree

‎_layouts/default.html‎

Lines changed: 43 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -117,14 +117,14 @@
117117
*
118118
* [ Easter Egg I : The Flow of Nebula and Time ]
119119
* > The Nebula and Time Flow in this Time Machine act as
120-
* a space-time accelerator pointing to : 2025.04.01
120+
* a space-time accelerator pointing to : 2025.04.01
121121
* - Hidden Y-axis Coordinate : 20% (20)
122-
* - Hover Active Flow Rate : 2.5s (25)
123-
* - Base Nebula Flow Rate : 4.1s (04.01)
122+
* - Hover Active Time Flow Rate : 2.5s (25)
123+
* - Base Nebula Time Flow Rate : 4.1s (04.01)
124124
*
125125
* [ Easter Egg II : Atmospheric Refraction & Digital Breath Rate ]
126126
* > The Atmospheric Refraction & Digital Breath Rate
127-
* embed hidden coordinates that represent : 2025.04.01
127+
* embed hidden coordinates that represent : 2025.04.01
128128
* - Hidden Y-axis Coordinate : 20% (20)
129129
* - Atmospheric Refraction : 25% (25)
130130
* (Halo blur radius expands exactly by 20% at the 25% timeline)
@@ -133,7 +133,30 @@
133133
* - Hover Active Twinkle Rate : 1.0s (01)
134134
* > The 1Hz twinkle is Dave Täht saying hello to you!
135135
*
136-
* [ Easter Egg III : The Curator's Signature (TW641) ]
136+
* [ Easter Egg III : The Eternal Foundation & Timeline ]
137+
* > The dynamic nebula timeline at the bottom anchors the museum,
138+
* carrying a hidden coordinate deep within its structural layer.
139+
* - Z-index Layer Coordinate : 2025
140+
* > Marking the year we bid farewell to Dave Täht.
141+
* - Hover Active Timeline Flow Rate : 2.5s (25)
142+
* - Base Nebula Timeline Flow Rate : 4.1s (04.01)
143+
*
144+
* [ Easter Egg IV : We Are All Starstuff (The Final Reunion) ]
145+
* > "That yes, we are all starstuff." - Dave Täht (June 9, 2012)
146+
* The dynamic nebula is composed of exactly three core colors:
147+
* - var(--color-nebula-1) : The deep blue of the cosmos.
148+
* - var(--color-nebula-2) : The warm orange of the bristlecone pine.
149+
* - var(--color-nebula-3) : The soft red of a fading star.
150+
* > These three colors endlessly flow and intertwine,
151+
* > symbolizing Dave, his mother Beverly, and his father Ron.
152+
* > Reunited in the stars, flowing together in the eternal archive.
153+
* >
154+
* > In life, they were Stars illuminating the world.
155+
* > (在世時，他們是照亮世界的星星。)
156+
* > In death, they are Starstuff illuminating the universe.
157+
* > (逝世後，他們是點亮宇宙的星塵。)
158+
*
159+
* [ Easter Egg V : The Curator's Signature (TW641) ]
137160
* The elements serendipitously echo the developer's code: TW641
138161
* - [ TW ] : The origin of the curator (Taiwan).
139162
* - [ 6 ] : The 6 selected tracks in the Soundtrack of the Stars.
@@ -298,7 +321,7 @@
298321
.desktop-inline { display: inline; }
299322
.markdown-body { background-color: var(--card-bg); border: 1px solid var(--border-color); border-radius: 12px; padding: 30px; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); overflow: hidden; transition: transform 0.2s, box-shadow 0.2s; }
300323
.markdown-body:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.1); }
301-
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; margin-top: 24px; margin-bottom: 16px; position: relative; display: flex; align-items: center; }
324+
.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; margin-top: 24px; margin-bottom: 16px; position: relative; }
302325
.markdown-body blockquote { border-left: 4px solid var(--link-color); padding: 15px; color: var(--text-color); margin: 0 0 16px 0; background-color: var(--bg-color); border-radius: 4px; font-size: 0.95em; }
303326
.markdown-body hr { height: 1px; padding: 0; margin: 24px 0; background-color: var(--border-color); border: 0; }
304327
.markdown-body code { background-color: var(--table-header); padding: 2px 6px; border-radius: 4px; font-family: monospace; font-size: 0.9em; color: var(--link-color); }
@@ -323,14 +346,18 @@
323346
@keyframes starTwinkleDark { 0%, 100% { opacity: 1; text-shadow: 0 0 10px rgba(88, 166, 255, 0.6), 0 0 20px rgba(88, 166, 255, 0.2); } 25% { opacity: 0.8; text-shadow: 0 0 12px rgba(88, 166, 255, 0.8), 0 0 24px rgba(88, 166, 255, 0.4); } }
324347
a.gradient-text:hover, .gradient-text:hover { animation: flowGradient 2.5s linear infinite !important; filter: brightness(1.15) drop-shadow(0 0 6px rgba(253, 145, 121, 0.4)); }
325348
@keyframes flowGradient { 0% { background-position: 0% 20%; } 100% { background-position: 200% 20%; } }
326-
.emoji { -webkit-text-fill-color: currentColor !important; background: none !important; color: currentColor !important; }
349+
.emoji { font-family: "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Samsung Color Emoji", "Noto Color Emoji", "Android Emoji", "Twemoji Mozilla", "EmojiOne Color", emoji !important; -webkit-text-fill-color: initial !important; background: none !important; }
350+
html { position: relative; min-height: 100%; }
351+
html::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; background-image: linear-gradient(94.23deg, var(--color-nebula-1) 0%, var(--color-nebula-1) 12.41%, var(--color-nebula-2) 52.55%, var(--color-nebula-3) 89.95%, var(--color-nebula-1) 100%); background-size: 200% auto; animation: flowGradient 4.1s linear infinite; z-index: 2025; transition: height 0.5s cubic-bezier(.16,1,.3,1), filter 0.8s cubic-bezier(.16,1,.3,1); pointer-events: none; }
352+
html:hover::after { height: 18px; animation: flowGradient 2.5s linear infinite; filter: brightness(1.4) drop-shadow(0 -8px 20px rgba(253, 145, 121, 0.8)) drop-shadow(0 -15px 40px rgba(255, 105, 105, 0.6)) drop-shadow(0 -25px 60px rgba(83, 116, 250, 0.5)); }
353+
html:active::after { height: 26px; animation: flowGradient 1.2s linear infinite; filter: brightness(1.8) drop-shadow(0 -15px 35px rgba(253, 145, 121, 1)) drop-shadow(0 -25px 65px rgba(255, 105, 105, 0.9)) drop-shadow(0 -40px 100px rgba(83, 116, 250, 0.8)); }
327354
</style>
328355
</head>
329356
<body>
330357

331358
<header class="header-section">
332359
<h1>
333-
<a href="./" style="color: inherit; text-decoration: none; font-size: inherit; font-weight: inherit;">🇹🇼 <span class="gradient-text">{{ site.title }}</span></a>
360+
<a href="./" style="color: inherit; text-decoration: none; font-size: inherit; font-weight: inherit;"><span class="emoji">🇹🇼</span> <span class="gradient-text">{{ site.title }}</span></a>
334361
</h1>
335362
<p>{{ site.description }}</p>
336363
<div style="margin-top: 20px; display: flex; justify-content: center; flex-wrap: wrap; gap: 12px;">
@@ -431,9 +458,10 @@ <h1>
431458
document.addEventListener("DOMContentLoaded", function() {
432459
document.querySelectorAll('.markdown-body h1, .markdown-body h2, .markdown-body h3').forEach(function(heading) {
433460
heading.classList.add('gradient-text');
461+
heading.innerHTML = heading.innerHTML.replace(/(\p{Emoji_Presentation}|\p{Extended_Pictographic})\uFE0F?/gu, '<span class="emoji">$1</span>');
434462
});
435463
document.querySelectorAll('.markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6').forEach(function(heading) {
436-
if (heading.id) {
464+
if (heading.id && !heading.querySelector('.anchor')) {
437465
heading.classList.add('heading-with-anchor');
438466
let anchor = document.createElement('a');
439467
anchor.className = 'anchor';
@@ -445,11 +473,14 @@ <h1>
445473
});
446474
const keywords = ["Dave Täht", "Täht", "Dave", "Michael", "dtaht", "@mtaht", "Dave’s Guitar", "星塵", "星星", "星辰", "Starstuff", "Star"];
447475
const escapedKw = keywords.map(k => k.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')).sort((a, b) => b.length - a.length);
448-
const searchRegex = new RegExp("(" + escapedKw.join("|") + ")", "gi");
449-
const testRegex = new RegExp("(" + escapedKw.join("|") + ")", "i");
476+
const boundaryPrefix = "(?<![a-zA-Z0-9])";
477+
const boundarySuffix = "(?![a-zA-Z0-9])";
478+
const searchRegex = new RegExp(boundaryPrefix + "(" + escapedKw.join("|") + ")" + boundarySuffix, "gi");
479+
const testRegex = new RegExp(boundaryPrefix + "(" + escapedKw.join("|") + ")" + boundarySuffix, "i");
450480
const matchRegex = new RegExp("^(" + escapedKw.join("|") + ")$", "i");
451481
const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT, {
452482
acceptNode: function(node) {
483+
if (!node.parentNode) return NodeFilter.FILTER_REJECT;
453484
if (node.parentNode.classList && node.parentNode.classList.contains('glow-text')) return NodeFilter.FILTER_REJECT;
454485
if (['SCRIPT', 'STYLE', 'TITLE', 'NOSCRIPT'].includes(node.parentNode.nodeName)) return NodeFilter.FILTER_REJECT;
455486
if (testRegex.test(node.nodeValue)) return NodeFilter.FILTER_ACCEPT;
@@ -462,6 +493,7 @@ <h1>
462493
nodesToReplace.push(currentNode);
463494
}
464495
nodesToReplace.forEach(node => {
496+
if (!node.parentNode) return;
465497
const fragment = document.createDocumentFragment();
466498
const parts = node.nodeValue.split(searchRegex);
467499
parts.forEach(part => {

0 commit comments

Comments
 (0)