You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
141 lines
4.1 KiB
141 lines
4.1 KiB
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>随机点名系统</title>
|
|
<style>
|
|
.biaoti {
|
|
font-size: 30px;/* 文字大小 */
|
|
position: fixed;
|
|
text-align: center;
|
|
background-color: #163874;
|
|
color: white;
|
|
width: 100%;
|
|
padding: 45px 0 45px 16px;/* 边框宽度 */
|
|
height: 120px;
|
|
box-sizing: border-box
|
|
|
|
}
|
|
body {
|
|
margin: 0px;
|
|
}
|
|
|
|
ul {
|
|
list-style-type: none;
|
|
margin: 120px 0 0 0;
|
|
border: 0px;
|
|
padding: 0;
|
|
width: 15%;
|
|
background-color: #163874;
|
|
position: fixed;
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
li a {
|
|
display: block;
|
|
color: white;
|
|
font-size: 20px;
|
|
padding: 45px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
}
|
|
|
|
li a.active {
|
|
background-color: #7989E8;
|
|
color: white;
|
|
}
|
|
|
|
li a:hover:not(.active) {
|
|
background-color: #555;
|
|
color: white;
|
|
}
|
|
|
|
.buof {
|
|
|
|
font-size: 30px;/* 文字大小 */
|
|
text-align: center;
|
|
color: white;
|
|
box-sizing: border-box;
|
|
margin-left: 15%;
|
|
|
|
|
|
}
|
|
|
|
.button {
|
|
background-color: #1ab5dc;
|
|
border: none;
|
|
color: white;
|
|
padding: 15px 32px;
|
|
text-align: center;
|
|
font-size: 20px;
|
|
}
|
|
.twospan {
|
|
font-size: 30px;
|
|
color: gold;
|
|
/* margin-left: ; */
|
|
}
|
|
</style>
|
|
|
|
</head>
|
|
<body>
|
|
<div class="biaoti">随机点名系统</div>
|
|
<ul>
|
|
<li><a class="active" href="#">点名提问</a></li>
|
|
<li><a href="/second/">学生名单</a></li>
|
|
<li><a href="/third/">积分排名</a></li>
|
|
<li><a href="/fourth/">账号设置</a></li>
|
|
</ul>
|
|
<!-- 随机事件触发 -->
|
|
<div style="margin-left:15%;padding:120px 0 0 16px;height:auto;">
|
|
<div style="padding: 50px 0 0 0;">
|
|
<div style="font-size: 70px;color: #163874;text-align: center;">天选之子</div>
|
|
<div style="font-size: 60px;text-align: center;margin-top: 50px;">{{ form }}</div>
|
|
<div style="margin:40px 0 20px 0;text-align: center;">
|
|
{% if sign == 'zhongkou' %}
|
|
<span class="twospan" style="text-align: center;">触发随机事件：双倍扣分</span>
|
|
{% elif sign == 'lucky' %}
|
|
<span class="twospan" style="text-align: center;">触发随机事件：可以寻求帮助</span>
|
|
{% endif %}
|
|
<span style="visibility: hidden;font-size: 30px;">占位</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 评分 -->
|
|
<div style="margin-left:15%;height:auto;text-align: center;">
|
|
<form action="/submitscore/" method="post" style="line-height: 30px;">
|
|
<input type="hidden" name="student_name" value="{{ form }}"></input>
|
|
<span style="font-size: 20px;color: #163874;">评分：</span>
|
|
|
|
<!-- 来没来 -->
|
|
<input type="radio" name="daoda" value="1" checked="checked">到达课堂(加1分)
|
|
{% if sign == 'zhongkou' %}
|
|
<input type="radio" name="daoda" value="22">没到(扣2分)</input><br>
|
|
{% else %}
|
|
<input type="radio" name="daoda" value="2">没到(扣1分)</input><br>
|
|
{% endif %}
|
|
|
|
<!-- 问题回复 -->
|
|
<input type="radio" name="score1" value="1" checked="checked">重复问题(加0.5分)
|
|
{% if sign == 'zhongkou' %}
|
|
<input type="radio" name="score1" value="22">不能重复问题(扣2分)</input><br>
|
|
{% else %}
|
|
<input type="radio" name="score1" value="2">不能重复问题(扣1分)</input><br>
|
|
{% endif %}
|
|
|
|
<span >回答问题得分：</span>
|
|
<input type="number" name="score2" step = "0.5" min="0" max="3" placeholder="0.5-3" value="0">
|
|
<button class="button" style="padding: 5px;" type="submit">确认</button>
|
|
</form>
|
|
</div>
|
|
<br>
|
|
<!-- 点名按钮 -->
|
|
<div class="buof">
|
|
<form action="/dianming/" method="get">
|
|
<button class="button">随机点名</button>
|
|
</form>
|
|
</div>
|
|
</body>
|
|
</html> |