feat: 本機新增頁面與導覽調整
This commit is contained in:
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user