練習室後台
This commit is contained in:
@@ -106,7 +106,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>小星</td>
|
<td>小星</td>
|
||||||
<td>2026-07-16</td>
|
<td>2026-07-16</td>
|
||||||
<td><span class="badge badge-type badge-type--vocal">聲樂</span></td>
|
<td><span class="badge badge-type badge-type--vocal">vocal</span></td>
|
||||||
<td>Couple</td>
|
<td>Couple</td>
|
||||||
<td>35 分鐘</td>
|
<td>35 分鐘</td>
|
||||||
<td>78%</td>
|
<td>78%</td>
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<label for="practiceType" class="form-label">訓練類型</label>
|
<label for="practiceType" class="form-label">訓練類型</label>
|
||||||
<select class="form-select" id="practiceType">
|
<select class="form-select" id="practiceType">
|
||||||
<option>聲樂</option>
|
<option>vocal</option>
|
||||||
<option>舞蹈</option>
|
<option>舞蹈</option>
|
||||||
<option>Rap</option>
|
<option>Rap</option>
|
||||||
<option>舞台表現</option>
|
<option>舞台表現</option>
|
||||||
|
|||||||
@@ -59,7 +59,7 @@
|
|||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<label for="practiceType" class="form-label">訓練類型</label>
|
<label for="practiceType" class="form-label">訓練類型</label>
|
||||||
<select class="form-select" id="practiceType">
|
<select class="form-select" id="practiceType">
|
||||||
<option>聲樂</option>
|
<option>vocal</option>
|
||||||
<option selected>舞蹈</option>
|
<option selected>舞蹈</option>
|
||||||
<option>Rap</option>
|
<option>Rap</option>
|
||||||
<option>舞台表現</option>
|
<option>舞台表現</option>
|
||||||
|
|||||||
@@ -75,7 +75,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>小星</td>
|
<td>小星</td>
|
||||||
<td>2026-07-16</td>
|
<td>2026-07-16</td>
|
||||||
<td><span class="badge badge-type badge-type--vocal">聲樂</span></td>
|
<td><span class="badge badge-type badge-type--vocal">vocal</span></td>
|
||||||
<td>Couple</td>
|
<td>Couple</td>
|
||||||
<td>35 分鐘</td>
|
<td>35 分鐘</td>
|
||||||
<td>78%</td>
|
<td>78%</td>
|
||||||
|
|||||||
@@ -49,6 +49,10 @@ a {
|
|||||||
color: var(--sk-secondary);
|
color: var(--sk-secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-body-secondary {
|
||||||
|
color: silver !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* 舞台感光暈:兩顆柔光暈,僅作背景點綴,不搶內容 */
|
/* 舞台感光暈:兩顆柔光暈,僅作背景點綴,不搶內容 */
|
||||||
body::before,
|
body::before,
|
||||||
body::after {
|
body::after {
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>水晶練習室</title>
|
<title>全能Leader</title>
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
|
||||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
|
||||||
<link href="css/style.css" rel="stylesheet">
|
<link href="css/style.css" rel="stylesheet">
|
||||||
@@ -13,13 +13,13 @@
|
|||||||
<!-- 上方導覽列 -->
|
<!-- 上方導覽列 -->
|
||||||
<nav class="navbar navbar-expand-lg navbar-dark sk-navbar sticky-top">
|
<nav class="navbar navbar-expand-lg navbar-dark sk-navbar sticky-top">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<a class="navbar-brand" href="index.html"><i class="bi bi-gem me-1"></i>水晶練習室</a>
|
<a class="navbar-brand" href="index.html"><i class="bi bi-gem me-1"></i>全能Leader練習室</a>
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<span class="navbar-toggler-icon"></span>
|
||||||
</button>
|
</button>
|
||||||
<div class="collapse navbar-collapse" id="mainNav">
|
<div class="collapse navbar-collapse" id="mainNav">
|
||||||
<ul class="navbar-nav ms-auto align-items-lg-center gap-lg-1">
|
<ul class="navbar-nav ms-auto align-items-lg-center gap-lg-1">
|
||||||
<li class="nav-item"><a class="nav-link active" href="index.html">練習室首頁</a></li>
|
<!-- <li class="nav-item"><a class="nav-link active" href="index.html">練習室首頁</a></li> -->
|
||||||
<li class="nav-item"><a class="nav-link" href="#today">今日訓練</a></li>
|
<li class="nav-item"><a class="nav-link" href="#today">今日訓練</a></li>
|
||||||
<li class="nav-item"><a class="nav-link" href="practice/index.html">我的練習紀錄</a></li>
|
<li class="nav-item"><a class="nav-link" href="practice/index.html">我的練習紀錄</a></li>
|
||||||
<li class="nav-item"><a class="nav-link disabled" href="#" aria-disabled="true">課程庫</a></li>
|
<li class="nav-item"><a class="nav-link disabled" href="#" aria-disabled="true">課程庫</a></li>
|
||||||
@@ -35,9 +35,9 @@
|
|||||||
<!-- 主視覺 -->
|
<!-- 主視覺 -->
|
||||||
<header class="sk-hero py-5">
|
<header class="sk-hero py-5">
|
||||||
<div class="container py-4 text-center">
|
<div class="container py-4 text-center">
|
||||||
<h1 class="display-4 fw-bold mb-0">水晶男孩練習室</h1>
|
<h1 class="display-4 fw-bold mb-0">偶像練習生</h1>
|
||||||
<div class="sk-title-bar"></div>
|
<div class="sk-title-bar"></div>
|
||||||
<p class="lead mb-0 mt-4 text-body-secondary">從今天開始,完成你的偶像練習生日誌</p>
|
<p class="lead mb-0 mt-4 text-body-secondary">全能Leader 殷志源打造全新綜藝</p>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@@ -75,7 +75,7 @@
|
|||||||
<div class="card sk-card h-100 p-4">
|
<div class="card sk-card h-100 p-4">
|
||||||
<div class="d-flex align-items-center gap-2 mb-3">
|
<div class="d-flex align-items-center gap-2 mb-3">
|
||||||
<i class="bi bi-mic-fill fs-4 text-white"></i>
|
<i class="bi bi-mic-fill fs-4 text-white"></i>
|
||||||
<span class="badge badge-type badge-type--vocal">聲樂</span>
|
<span class="badge badge-type badge-type--vocal">vocal</span>
|
||||||
</div>
|
</div>
|
||||||
<h3 class="h5 text-white">完成一首歌曲錄唱</h3>
|
<h3 class="h5 text-white">完成一首歌曲錄唱</h3>
|
||||||
<p class="text-body-secondary small mb-3"><i class="bi bi-clock me-1"></i>預計時間:30 分鐘</p>
|
<p class="text-body-secondary small mb-3"><i class="bi bi-clock me-1"></i>預計時間:30 分鐘</p>
|
||||||
@@ -120,7 +120,7 @@
|
|||||||
<div class="row g-4">
|
<div class="row g-4">
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="d-flex justify-content-between small mb-1">
|
<div class="d-flex justify-content-between small mb-1">
|
||||||
<span><i class="bi bi-mic-fill me-1"></i>聲樂</span>
|
<span><i class="bi bi-mic-fill me-1"></i>vocal</span>
|
||||||
<span class="text-body-secondary">72%</span>
|
<span class="text-body-secondary">72%</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="progress sk-progress">
|
<div class="progress sk-progress">
|
||||||
@@ -186,7 +186,7 @@
|
|||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>2026-07-15</td>
|
<td>2026-07-15</td>
|
||||||
<td><span class="badge badge-type badge-type--vocal">聲樂</span></td>
|
<td><span class="badge badge-type badge-type--vocal">vocal</span></td>
|
||||||
<td>Couple</td>
|
<td>Couple</td>
|
||||||
<td>30 分鐘</td>
|
<td>30 分鐘</td>
|
||||||
<td>70%</td>
|
<td>70%</td>
|
||||||
|
|||||||
@@ -46,7 +46,7 @@
|
|||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<label for="practiceType" class="form-label">訓練類型</label>
|
<label for="practiceType" class="form-label">訓練類型</label>
|
||||||
<select class="form-select" id="practiceType">
|
<select class="form-select" id="practiceType">
|
||||||
<option>聲樂</option>
|
<option>vocal</option>
|
||||||
<option>舞蹈</option>
|
<option>舞蹈</option>
|
||||||
<option>Rap</option>
|
<option>Rap</option>
|
||||||
<option>舞台表現</option>
|
<option>舞台表現</option>
|
||||||
|
|||||||
@@ -46,7 +46,7 @@
|
|||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<label for="practiceType" class="form-label">訓練類型</label>
|
<label for="practiceType" class="form-label">訓練類型</label>
|
||||||
<select class="form-select" id="practiceType">
|
<select class="form-select" id="practiceType">
|
||||||
<option>聲樂</option>
|
<option>vocal</option>
|
||||||
<option selected>舞蹈</option>
|
<option selected>舞蹈</option>
|
||||||
<option>Rap</option>
|
<option>Rap</option>
|
||||||
<option>舞台表現</option>
|
<option>舞台表現</option>
|
||||||
|
|||||||
@@ -74,7 +74,7 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<td>2</td>
|
<td>2</td>
|
||||||
<td>2026-07-15</td>
|
<td>2026-07-15</td>
|
||||||
<td><span class="badge badge-type badge-type--vocal">聲樂</span></td>
|
<td><span class="badge badge-type badge-type--vocal">vocal</span></td>
|
||||||
<td>Couple</td>
|
<td>Couple</td>
|
||||||
<td>副歌高音音準練習</td>
|
<td>副歌高音音準練習</td>
|
||||||
<td>30 分鐘</td>
|
<td>30 分鐘</td>
|
||||||
|
|||||||
Reference in New Issue
Block a user