PaiGram/resources/bot/help.html

197 lines
6.1 KiB
HTML
Raw Normal View History

2022-04-14 07:18:45 +00:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="../styles/tailwind.min.css" rel="stylesheet">
<link href="../styles/font-awesome.min.css" rel="stylesheet">
<style>
body {
background-color: rgba(253, 253, 253, .75)
2022-04-14 07:18:45 +00:00
}
#container {
max-width: 768px;
}
.info {
2022-05-28 16:34:55 +00:00
background: url(./background/2020021114213984258.png) no-repeat center;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
background-size: 780px 120px;
}
2022-04-14 07:18:45 +00:00
.command-title {
text-align: center;
line-height: 40px;
border: 1px solid #e0dad3;
}
.command-title h1 {
margin: 2px;
background-color: #e0dad3;
2022-04-14 07:18:45 +00:00
}
.command {
flex: 1 1 0;
border-radius: 0.75rem;
padding: 5px;
margin: 10px;
background: #f5f5f5;
border: 1px solid #e0dad3;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
.base-command {
border: 1px solid #e0dad3;
background-color: #f0ece8;
box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
.command-background {
opacity: 0.1;
z-index: -1;
}
.command-background img {
margin-left: 400px;
margin-top: 5px;
position: absolute;
}
2022-05-28 16:34:55 +00:00
.genshin-background {
opacity: 0.4;
z-index: -1;
}
.genshin-background img {
margin-left: 140px;
margin-top: 75px;
position: absolute;
}
.command-name {
margin: 4px;
}
.command-description {
margin: 4px;
}
.about{
text-align: center;
line-height: 40px;
border: 1px solid #e0dad3;
}
.about h1 {
margin: 2px;
background-color: #e0dad3;
2022-04-14 07:18:45 +00:00
}
</style>
</head>
<body>
<div class="container mx-auto px-5 py-10" id="container">
<div class="info p-6 flex flex-wrap mb-8 rounded-xl">
<div class="info-name">
2022-05-28 13:03:47 +00:00
<h1 class="text-4xl italic">TGPaimonBot</h1>
<h1 class="text-2xl">使用说明</h1>
</div>
<div class="info-name text-1xl ml-60 pt-1">
<p><i class="fa fa-address-card-o mr-2"></i>需要绑定Cookie</p>
2022-04-14 07:18:45 +00:00
</div>
</div>
<div class="base-command pt-4 mb-8 rounded-xl">
<div class="command-background">
<img src="./background/2015.png">
</div>
2022-05-28 16:34:55 +00:00
<div class="genshin-background">
<img src="./background/genshin.png">
</div>
<div class="command-type px-1">
<div class="command-title text-2xl">
<h1>查询命令</h1>
</div>
</div>
<div class="command-list py-4 px-2">
<div class="flex">
<div class="command">
<div class="command-name text-xl">/weapon</div>
<div class="command-description text-base ">查询武器</div>
</div>
<div class="command rounded-xl flex-1">
<div class="command-name text-xl">/strategy</div>
<div class="command-description text-base ">查询角色攻略</div>
</div>
</div>
<div class="flex">
<div class="command">
<div class="command-name text-xl ">
/uid
<i class="fa fa-address-card-o ml-2"></i>
</div>
<div class="name text-base ">查询玩家信息</div>
</div>
<div class="command">
<div class="command-name text-xl">
/sign
<i class="fa fa-address-card-o ml-2"></i></div>
<div class="command-description text-base ">每日签到 | 查询</div>
</div>
</div>
2022-04-14 07:18:45 +00:00
</div>
</div>
<div class="base-command pt-4 mb-8 rounded-xl">
<div class="command-background">
<img src="./background/1006.png">
</div>
<div class="command-type px-1">
<div class="command-title text-2xl">
<h1>其他命令</h1>
2022-04-14 07:18:45 +00:00
</div>
</div>
<div class="command-list py-4 px-2">
<div class="flex">
<div class="command">
<div class="command-name text-xl">/gacha</div>
<div class="name text-base1">抽卡模拟器(非洲人模拟器)</div>
2022-04-14 07:18:45 +00:00
</div>
<div class="command">
2022-05-30 14:31:59 +00:00
<div class="command-name text-xl">/quiz</div>
<div class="command-description text-bas">派蒙的十万个为什么</div>
</div>
</div>
<div class="flex">
<div class="command">
<div class="command-name text-xl">/adduser</div>
<div class="command-description text-base ">添加账号请私聊BOT</div>
</div>
<div class="command rounded-xl flex-1">
<div class="command-name text-xl">/cancel</div>
<div class="command-description text-base ">取消操作(解决一切玄学问题)</div>
</div>
</div>
</div>
</div>
<div class="base-command pt-4 mb-8 rounded-xl">
<div class="command-type px-1">
<div class="command-title text-2xl">
<h1>inline 模式关键词</h1>
2022-04-14 07:18:45 +00:00
</div>
</div>
<div class="command-list py-4 px-2">
<div class="flex">
<div class="command">
<div class="command-name text-xl">角色名</div>
<div class="name text-base1">查询角色攻略</div>
</div>
2022-04-14 07:18:45 +00:00
</div>
</div>
</div>
<div class="about">
<h1>更多功能,还在咕咕咕!咕咕咕!</h1>
</div>
2022-04-14 07:18:45 +00:00
</div>
</body>
</html>