sangge/hhl_project
1
0
Fork 0
Code Pull Requests Actions Activity

feat: finish simple win and losse page

Browse Source
This commit is contained in:
sangge 2023-12-12 22:31:55 +08:00
parent 41239f1abb
commit ef5c7023ed
4 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
asset/pic/lose.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 902 KiB

0
asset/pic/qinshihuang/win.jpg → asset/pic/win.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 906 KiB

After

Width:  |  Height:  |  Size: 906 KiB

34
lose.html Normal file
View 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
gameover.html → win.html
View File

@ -8,8 +8,11 @@
body { body {
text-align: center; text-align: center;
padding-top: 50px; padding-top: 50px;
background-image: url("asset/pic/win.jpg");
background-repeat: no-repeat;
} }
.btn { .btn {
position: absolute;
display: inline-block; display: inline-block;
padding: 10px 20px; padding: 10px 20px;
background-color: #4CAF50; background-color: #4CAF50;
@ -17,6 +20,11 @@
text-decoration: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
} }
h1 {
position: absolute;
top: 290px;
left: 810px;
}
</style> </style>
</head> </head>
<body> <body>