feat: finish simple win and losse page
This commit is contained in:
parent
41239f1abb
commit
ef5c7023ed
BIN
asset/pic/lose.png
Normal file
BIN
asset/pic/lose.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 902 KiB |
Before Width: | Height: | Size: 906 KiB After Width: | Height: | Size: 906 KiB |
34
lose.html
Normal file
34
lose.html
Normal file
@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Game Over</title>
|
||||
<style>
|
||||
body {
|
||||
text-align: center;
|
||||
padding-top: 50px;
|
||||
background-image: url("asset/pic/lose.jpg");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.btn {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
h1 {
|
||||
position: absolute;
|
||||
top: 290px;
|
||||
left: 810px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Game Over</h1>
|
||||
<a href="index.html" class="btn">Back to Start</a>
|
||||
</body>
|
||||
</html>
|
@ -8,8 +8,11 @@
|
||||
body {
|
||||
text-align: center;
|
||||
padding-top: 50px;
|
||||
background-image: url("asset/pic/win.jpg");
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
.btn {
|
||||
position: absolute;
|
||||
display: inline-block;
|
||||
padding: 10px 20px;
|
||||
background-color: #4CAF50;
|
||||
@ -17,6 +20,11 @@
|
||||
text-decoration: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
h1 {
|
||||
position: absolute;
|
||||
top: 290px;
|
||||
left: 810px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
Loading…
x
Reference in New Issue
Block a user