BililiveRecorder/BililiveRecorder.Web/embeded/index.html

157 lines
4.5 KiB
HTML
Raw Normal View History

2022-06-04 03:39:33 +08:00
<!DOCTYPE html>
2022-06-07 13:44:50 +08:00
<html class="enable-dark">
2022-06-04 03:39:33 +08:00
<head>
<meta charset=utf-8>
<meta content="width=device-width,initial-scale=1" name=viewport>
<title>mikufans录播姬 __VERSION__</title>
2022-06-04 03:39:33 +08:00
<style>
2022-06-07 13:44:50 +08:00
html {
font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", SimHei, sans-serif;
}
@media (prefers-color-scheme: dark) {
html.enable-dark {
background-color: #292a2d;
color: #eee;
}
html.enable-dark a {
color: #eee;
}
2022-06-07 17:43:42 +08:00
html.enable-dark .card {
background-color: #444546;
color: #eee;
}
2022-06-07 13:44:50 +08:00
}
.links {
margin: auto;
max-width: 240px;
}
.group h2 {
margin-bottom: 0;
}
.group {
margin: 40px 0;
}
2022-06-04 03:39:33 +08:00
a {
2022-06-07 13:44:50 +08:00
text-decoration: none;
color: black;
}
.card:hover {
box-shadow: 0px 0px 8px 2px #4682b4;
}
.card {
2022-06-07 17:43:42 +08:00
color: #000;
background: #eee;
2022-06-07 13:44:50 +08:00
margin: 5px 0;
padding: 0 10px;
border: 2px solid lightblue;
border-radius: 5px;
2022-06-07 17:43:42 +08:00
transition: 0.1s ease-out;
2022-06-07 13:44:50 +08:00
}
@media (min-width: 769px) {
.links {
display: flex;
justify-content: space-evenly;
max-width: 840px;
}
.card {
width: 230px;
}
2022-06-04 03:39:33 +08:00
}
2022-06-07 13:44:50 +08:00
.name {
font-size: 1.1em;
margin: 1rem 0 0 0;
}
.path {
font-family: monospace;
2022-06-04 03:39:33 +08:00
}
</style>
</head>
<body>
<h1 style="text-align: center">mikufans录播姬</h1>
2022-06-07 13:44:50 +08:00
<p style="text-align: center;font-family:'Courier New', Courier, monospace;" title="__FULL_VERSION__">
__VERSION__
2022-06-04 03:39:33 +08:00
</p>
2022-06-07 13:44:50 +08:00
<p style="text-align: center;"><a href="https://rec.danmuji.org">https://rec.danmuji.org</a></p>
2022-06-04 03:39:33 +08:00
<div>
2022-06-07 13:44:50 +08:00
<div class="links">
<div class="group">
<h2>录播姬管理界面</h2>
<p>&nbsp;</p>
<a href="./ui/">
2022-06-07 13:44:50 +08:00
<div class="card">
<p class="name">mikufans录播姬 WebUI</p>
2022-06-07 13:44:50 +08:00
<p class="path">/ui</p>
</div>
</a>
<a href="./file/">
2022-06-08 00:58:08 +08:00
<div class="card">
<p class="name">录播文件浏览器</p>
<p class="path">/file</p>
</div>
</a>
<a href="./player/">
2022-06-08 22:33:17 +08:00
<div class="card">
<p class="name">视频播放器</p>
<p class="path">/player</p>
</div>
</a>
2022-06-07 13:44:50 +08:00
</div>
<div class="group">
<h2>REST API</h2>
<p>API 路径: <span style="font-family: monospace;">/api</span></p>
<a href="./swagger">
2022-06-07 13:44:50 +08:00
<div class="card">
<p class="name">Swagger UI</p>
<p class="path">/swagger</p>
</div>
</a>
</div>
<div class="group">
2022-06-07 17:43:42 +08:00
<h2>GraphQL API</h2>
2022-06-07 13:44:50 +08:00
<p>API 路径: <span style="font-family: monospace;">/graphql</span></p>
<a href="./graphql/graphiql">
2022-06-07 13:44:50 +08:00
<div class="card">
<p class="name">GraphiQL</p>
<p class="path">/graphql/graphiql</p>
</div>
</a>
<a href="./graphql/playground">
2022-06-07 13:44:50 +08:00
<div class="card">
<p class="name">Playground</p>
<p class="path">/graphql/playground</p>
</div>
</a>
<a href="./graphql/altair">
2022-06-07 13:44:50 +08:00
<div class="card">
<p class="name">Altair</p>
<p class="path">/graphql/altair</p>
</div>
</a>
<a href="./graphql/voyager">
2022-06-07 13:44:50 +08:00
<div class="card">
<p class="name">Voyager</p>
<p class="path">/graphql/voyager</p>
</div>
</a>
</div>
2022-06-04 03:39:33 +08:00
</div>
</div>
</body>
</html>