test / templates /index4.html
TKU410410103's picture
Upload 33 files
3f3bf60 verified
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
<title>測試結果</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&family=Zen+Maru+Gothic:wght@500&display=swap');
html {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
background-color: #f9f7f0;
}
h1 {
font-size: 100px;
letter-spacing: 4px;
color: #18b7be;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.inputword {
font-size: 70px;
margin: 10px auto;
text-align: center;
}
button, input {
font-size: 25px;
border: 2px #178ca4 solid;
border-radius: 20px;
cursor: pointer;
height: 50px;
width: 200px;
background-color: #f9f7f0;
color: #178ca4;
transition-duration: 0.4s;
margin: 10px auto;
display: block;
bottom: 0;
}
button:hover, input:hover {
background-color: #178ca4;
color: #f9f7f0;
}
.box1 {
display: flex;
margin-left: auto;
margin-right: auto;
justify-content: center;
align-items: center;
flex-direction: column;
}
</style>
</head>
<body>
<h1>測試結果</h1>
<div class="box1">
<p class="inputword">未偵測人聲</p>
<p class="inputword">請重新錄音</p>
</div>
<button class="returnback" onclick="back_to_record()">返回重新錄製</button> <!--回到index1-->
<script>
function back_to_record() {
location.href = "/";
}
</script>
</body>
</html>