feat: 本機新增頁面與導覽調整

This commit is contained in:
2026-07-27 17:45:20 +08:00
parent 14a0724679
commit 295f18d567
27 changed files with 2967 additions and 9 deletions
+101
View File
@@ -0,0 +1,101 @@
/* 隊長的氣場 — 殷志源台北見面會存檔頁(2018-07-21 */
body.captain-aura-page {
background-color: var(--color-bg);
background-image: url('../images/concert/captain-aura/bg-digital-placeholder.svg');
background-repeat: repeat;
}
body.captain-aura-page .captain-aura-hero {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
box-sizing: border-box;
}
body.captain-aura-page .captain-aura-hero img {
display: block;
width: 100%;
height: auto;
border-radius: 4px;
}
body.captain-aura-page .captain-aura-main {
max-width: 893px;
margin: 0 auto;
padding: 50px 20px 72px;
box-sizing: border-box;
}
body.captain-aura-page .captain-aura-act {
margin-bottom: 2.5rem;
}
body.captain-aura-page .captain-aura-act:last-child {
margin-bottom: 0;
}
body.captain-aura-page .captain-aura-act__title {
margin: 0 0 1rem;
text-align: center;
color: var(--color-brand);
font-size: 1.65rem;
font-weight: 700;
line-height: 1.35;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
body.captain-aura-page .captain-aura-act__title--plain {
color: var(--color-text-inverse);
text-shadow: none;
font-size: 1.35rem;
margin-bottom: 0.65rem;
}
body.captain-aura-page .captain-aura-act__title--plain + .captain-aura-act__title--plain {
margin-top: 0;
}
body.captain-aura-page .captain-aura-divider {
margin: 2.75rem 0;
text-align: center;
color: var(--color-brand);
font-size: 1.1rem;
font-weight: 700;
letter-spacing: 0.2em;
}
body.captain-aura-page .captain-aura-videos {
display: flex;
flex-direction: column;
gap: 1rem;
}
body.captain-aura-page .captain-aura-video {
position: relative;
width: 100%;
padding-bottom: 56.25%;
background: #000;
border-radius: 4px;
overflow: hidden;
}
body.captain-aura-page .captain-aura-video iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}
@media (max-width: 640px) {
body.captain-aura-page .captain-aura-main {
padding-top: 32px;
padding-bottom: 48px;
}
body.captain-aura-page .captain-aura-act__title {
font-size: 1.35rem;
}
}
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64" role="img" aria-hidden="true">
<rect width="64" height="64" fill="#0d0d0d"/>
<path d="M0 32h64M32 0v64" stroke="#1f1f1f" stroke-width="1"/>
<circle cx="32" cy="32" r="1.5" fill="#2a2a2a"/>
</svg>

After

Width:  |  Height:  |  Size: 285 B

@@ -0,0 +1,13 @@
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="1003" viewBox="0 0 1920 1003" role="img" aria-label="kEG…ÿÛ sli01.png ">
<defs>
<linearGradient id="g" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#1a1a1a"/>
<stop offset="50%" stop-color="#2a2410"/>
<stop offset="100%" stop-color="#0a0a0a"/>
</linearGradient>
</defs>
<rect width="1920" height="1003" fill="url(#g)"/>
<rect x="80" y="80" width="1760" height="843" fill="none" stroke="#ffcc00" stroke-width="4" stroke-dasharray="16 12" opacity="0.45"/>
<text x="960" y="470" text-anchor="middle" fill="#ffcc00" font-family="sans-serif" font-size="42" font-weight="700">G1 private · 1theland in Taipei</text>
<text x="960" y="540" text-anchor="middle" fill="#f4f4f4" font-family="sans-serif" font-size="28" opacity="0.85">kEG · ËÿÛ hero.jpgŸ sli01.png </text>
</svg>
+1 -1
View File
@@ -264,7 +264,7 @@
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">現場的震撼</span></a>
<ul class="portal-submenu">
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/concert.html"><span class="portal-nav__label">集結水晶</span></a></li>
<li><a href="#" data-coming-soon="true" aria-disabled="true" aria-label="隊長的氣場,尚無開放"><span class="portal-nav__label">隊長的氣場</span></a></li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}concert/captain-aura.html"><span class="portal-nav__label">隊長的氣場</span></a></li>
</ul>
</li>
<li><a target="_blank" rel="noopener noreferrer" href="${rp}albums/albums.html"><span class="portal-nav__label">黃色留聲機</span></a>