update
This commit is contained in:
parent
e523148f31
commit
179eb7f240
292
课程表.html
292
课程表.html
@ -1,292 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="zh">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<link rel="stylesheet" href="/style/zhao.css">
|
|
||||||
<link rel="stylesheet" href="/style/bootstrap.min.css">
|
|
||||||
<link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css" rel="stylesheet">
|
|
||||||
<title>课程表 | 赵家小站</title>
|
|
||||||
<style>
|
|
||||||
header {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
th {
|
|
||||||
background-color: #eef;
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
font-weight: 900;
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
margin: 1rem auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.date {
|
|
||||||
font-size: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
|
||||||
<div class="container-fluid">
|
|
||||||
<a class="navbar-brand" href="/"><img src="favicon.ico">赵家小站</a>
|
|
||||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarColor03"
|
|
||||||
aria-controls="navbarColor03" aria-expanded="false" aria-label="Toggle navigation">
|
|
||||||
<span class="navbar-toggler-icon"></span>
|
|
||||||
</button>
|
|
||||||
<div class="collapse navbar-collapse" id="navbarColor03">
|
|
||||||
<ul class="navbar-nav me-auto">
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="/课程表.html">课程表</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="/小学阶段必背古诗词.html">必背诗词</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="/rpistatus/">树莓派监控</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link" href="/sensehat/">Sense HAT</a>
|
|
||||||
</li>
|
|
||||||
<li class="nav-item dropdown">
|
|
||||||
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button"
|
|
||||||
aria-haspopup="true" aria-expanded="false">学习小组</a>
|
|
||||||
<div class="dropdown-menu">
|
|
||||||
<a class="dropdown-item" href="/~xin/" target="_blank">老爸</a>
|
|
||||||
<a class="dropdown-item" href="/~jun/" target="_blank">鱼儿</a>
|
|
||||||
<a class="dropdown-item" href="/~yang/" target="_blank">海洋</a>
|
|
||||||
<div class="dropdown-divider"></div>
|
|
||||||
<a class="dropdown-item" href="http://nas:3000/" target="_blank">代码仓库</a>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
<section class="课程表 mt-3">
|
|
||||||
<img src="images/ryan.png" height="80px">
|
|
||||||
<span class="date">今天是<span id="weekday1"></span></span>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>三(8)</th>
|
|
||||||
<th>周一</th>
|
|
||||||
<th>周二</th>
|
|
||||||
<th>周三</th>
|
|
||||||
<th>周四</th>
|
|
||||||
<th>周五</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>第1节</td>
|
|
||||||
<td>数学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>研学</td>
|
|
||||||
<td>数学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第2节</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>数学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>数学</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第3节</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>体育</td>
|
|
||||||
<td>科学</td>
|
|
||||||
<td>音乐</td>
|
|
||||||
<td>美术</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第4节</td>
|
|
||||||
<td>音乐</td>
|
|
||||||
<td>综实</td>
|
|
||||||
<td>科学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>劳动</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第5节</td>
|
|
||||||
<td>英语</td>
|
|
||||||
<td>英语</td>
|
|
||||||
<td>德法</td>
|
|
||||||
<td>体育</td>
|
|
||||||
<td>叮当</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第6节</td>
|
|
||||||
<td>班会</td>
|
|
||||||
<td>信息</td>
|
|
||||||
<td>美术</td>
|
|
||||||
<td>德法</td>
|
|
||||||
<td>体育</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</section>
|
|
||||||
<section class="课程表">
|
|
||||||
<header>
|
|
||||||
<span class="date">明天是周<span id="weekday2"></span></span>
|
|
||||||
<img src="images/little_cat.png" height="80px">
|
|
||||||
</header>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>五(14)</th>
|
|
||||||
<th>周一</th>
|
|
||||||
<th>周二</th>
|
|
||||||
<th>周三</th>
|
|
||||||
<th>周四</th>
|
|
||||||
<th>周五</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>第1节</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>研学</td>
|
|
||||||
<td>数学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第2节</td>
|
|
||||||
<td>数学</td>
|
|
||||||
<td>数学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>美术</td>
|
|
||||||
<td>数学</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第3节</td>
|
|
||||||
<td>体育</td>
|
|
||||||
<td>英语</td>
|
|
||||||
<td>科学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>德法</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第4节</td>
|
|
||||||
<td>英语</td>
|
|
||||||
<td>体育</td>
|
|
||||||
<td>科学</td>
|
|
||||||
<td>语文</td>
|
|
||||||
<td>数学</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
<td>🍚🥢</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第5节</td>
|
|
||||||
<td>德法</td>
|
|
||||||
<td>美术</td>
|
|
||||||
<td>综实</td>
|
|
||||||
<td>体育</td>
|
|
||||||
<td>信息</td>
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>第6节</td>
|
|
||||||
<td>班会</td>
|
|
||||||
<td>音乐</td>
|
|
||||||
<td>英语</td>
|
|
||||||
<td>劳动</td>
|
|
||||||
<td>音乐</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.0/js/bootstrap.bundle.min.js"></script>
|
|
||||||
<script>
|
|
||||||
const now = new Date()
|
|
||||||
const tomorrow = now.getDay() + 1
|
|
||||||
const day = "日一二三四五六"[tomorrow]
|
|
||||||
const date = `${now.getFullYear()}年${now.getMonth() + 1}月${now.getDate()}日`
|
|
||||||
document.getElementById("weekday1").innerText = date
|
|
||||||
document.getElementById("weekday2").innerText = day
|
|
||||||
for (const td of document.querySelectorAll('td')) {
|
|
||||||
switch (td.innerText) {
|
|
||||||
case '数学':
|
|
||||||
td.style.backgroundColor = 'rgba(127, 255, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '研学':
|
|
||||||
td.style.backgroundColor = 'rgba(127, 255, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '语文':
|
|
||||||
td.style.backgroundColor = 'rgba(255, 127, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '班会':
|
|
||||||
td.style.backgroundColor = 'rgba(255, 127, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '英语':
|
|
||||||
td.style.backgroundColor = 'rgba(255, 255, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '叮当':
|
|
||||||
td.style.backgroundColor = 'rgba(255, 255, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '体育':
|
|
||||||
td.style.backgroundColor = 'rgba(127, 127, 255, 0.4)'
|
|
||||||
break
|
|
||||||
case '科学':
|
|
||||||
td.style.backgroundColor = 'rgba(255, 192, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '劳动':
|
|
||||||
td.style.backgroundColor = 'rgba(255, 192, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '美术':
|
|
||||||
td.style.backgroundColor = 'rgba(255, 192, 255, 0.4)'
|
|
||||||
break
|
|
||||||
case '德法':
|
|
||||||
td.style.backgroundColor = 'rgba(192, 127, 127, 0.4)'
|
|
||||||
break
|
|
||||||
case '音乐':
|
|
||||||
td.style.backgroundColor = 'rgba(127, 255, 255, 0.4)'
|
|
||||||
break
|
|
||||||
case '信息':
|
|
||||||
td.style.backgroundColor = 'gold'
|
|
||||||
break
|
|
||||||
case '综实':
|
|
||||||
td.style.backgroundColor = 'lightgreen'
|
|
||||||
break
|
|
||||||
case '🍚🥢':
|
|
||||||
td.style.backgroundColor = '#eef'
|
|
||||||
break
|
|
||||||
default:
|
|
||||||
break
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (tomorrow > 0 && tomorrow < 6)
|
|
||||||
document.querySelectorAll(`tr td:nth-child(${tomorrow + 1})`).forEach(cell => {
|
|
||||||
cell.style.color = 'blue'
|
|
||||||
cell.style.textShadow = '0 0 2px skyblue'
|
|
||||||
cell.style.fontWeight = 900
|
|
||||||
})
|
|
||||||
</script>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in New Issue
Block a user