練習室後台

This commit is contained in:
2026-07-17 16:00:05 +08:00
parent 2e76ca2798
commit a9e07d4fb1
9 changed files with 19 additions and 15 deletions
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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>
+4
View File
@@ -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 {
+8 -8
View File
@@ -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>
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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>
+1 -1
View File
@@ -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>