63 lines
2.7 KiB
HTML
63 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cn">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Haihai</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="fake-cursor"></div>
|
|
<!-- 初始界面 -->
|
|
<section class="confirm">
|
|
<div class="confirm-body">
|
|
<h2 class="confirm-body-title">脆皮大学生向你发出请假条条~</h2>
|
|
<h3 class="confirm-body-subtitle">希望导员能够批假，是否接受？</h3>
|
|
<figure class="boi" style="--happiness:0.9; --derp:1; --px:0.5; --py:0.5;">
|
|
<div class="boi-blush boi-blush-left"></div>
|
|
<div class="boi-blush boi-blush-right"></div>
|
|
<div class="boi-eye boi-eye-left"></div>
|
|
<div class="boi-eye boi-eye-right"></div>
|
|
<div class="boi-mouth"></div>
|
|
</figure>
|
|
<a class="confirm-body-button confirm-body-button-cancel" href="javascript:void(0)">接受</a>
|
|
<a class="confirm-body-button confirm-body-button-delete" href="javascript:void(0)">拒绝</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 接受后的新界面 -->
|
|
<section class="accepted hidden">
|
|
<div class="accepted-body">
|
|
<h2 class="accepted-body-title">感谢导员批假！</h2>
|
|
<h3 class="accepted-body-subtitle">孩子非常开心，导员开心快乐！</h3>
|
|
<figure class="boi" style="--happiness:1; --derp:0; --px:0.5; --py:0.5;">
|
|
<div class="boi-blush boi-blush-left"></div>
|
|
<div class="boi-blush boi-blush-right"></div>
|
|
<div class="boi-eye boi-eye-left"></div>
|
|
<div class="boi-eye boi-eye-right"></div>
|
|
<div class="boi-mouth"></div>
|
|
</figure>
|
|
<a class="accepted-body-button" href="javascript:void(0)">返回</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- 拒绝后的新界面 -->
|
|
<section class="rejected hidden">
|
|
<div class="rejected-body">
|
|
<h2 class="rejected-body-title">孩子有点难过...</h2>
|
|
<h3 class="rejected-body-subtitle">但俺尊重你的决定，祝你一切顺利！</h3>
|
|
<figure class="boi" style="--happiness:0.2; --derp:0; --px:0.5; --py:0.5;">
|
|
<div class="boi-blush boi-blush-left"></div>
|
|
<div class="boi-blush boi-blush-right"></div>
|
|
<div class="boi-eye boi-eye-left"></div>
|
|
<div class="boi-eye boi-eye-right"></div>
|
|
<div class="boi-mouth"></div>
|
|
</figure>
|
|
<a class="rejected-body-button" href="javascript:void(0)">返回</a>
|
|
</div>
|
|
</section>
|
|
|
|
<script src="script.js"></script>
|
|
|
|
</body>
|
|
</html> |