mirror of
https://github.com/hyper-neptune/yuuki.git
synced 2024-11-15 19:04:37 +08:00
228 lines
No EOL
7.7 KiB
HTML
228 lines
No EOL
7.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<!-- Required meta tags -->
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<!-- Bootstrap CSS -->
|
|
{{ bootstrap.load_css() }}
|
|
|
|
<style>
|
|
body {
|
|
padding-top: 5rem;
|
|
}
|
|
|
|
.starter-template {
|
|
padding: 3rem 1.5rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.damage {
|
|
color: #ff0000;
|
|
}
|
|
|
|
.bd-placeholder-img {
|
|
font-size: 1.125rem;
|
|
text-anchor: middle;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
|
|
@media (min-width: 768px) {
|
|
.bd-placeholder-img-lg {
|
|
font-size: 3.5rem;
|
|
}
|
|
}
|
|
|
|
html,
|
|
body {
|
|
overflow-x: hidden;
|
|
/* Prevent scroll on narrow devices */
|
|
}
|
|
|
|
body {
|
|
padding-top: 56px;
|
|
}
|
|
|
|
@media (max-width: 991.98px) {
|
|
.offcanvas-collapse {
|
|
position: fixed;
|
|
top: 56px;
|
|
/* Height of navbar */
|
|
bottom: 0;
|
|
left: 100%;
|
|
width: 100%;
|
|
padding-right: 1rem;
|
|
padding-left: 1rem;
|
|
overflow-y: auto;
|
|
visibility: hidden;
|
|
background-color: #343a40;
|
|
transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
|
|
transition: transform .3s ease-in-out, visibility .3s ease-in-out;
|
|
transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
|
|
}
|
|
|
|
.offcanvas-collapse.open {
|
|
visibility: visible;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
}
|
|
}
|
|
|
|
.nav-scroller {
|
|
position: relative;
|
|
z-index: 2;
|
|
height: 2.75rem;
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.nav-scroller .nav {
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
padding-bottom: 1rem;
|
|
margin-top: -1px;
|
|
overflow-x: auto;
|
|
color: rgba(255, 255, 255, .75);
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
|
|
.nav-underline .nav-link {
|
|
padding-top: .75rem;
|
|
padding-bottom: .75rem;
|
|
font-size: .875rem;
|
|
color: #6c757d;
|
|
}
|
|
|
|
.nav-underline .nav-link:hover {
|
|
color: #007bff;
|
|
}
|
|
|
|
.nav-underline .active {
|
|
font-weight: 500;
|
|
color: #343a40;
|
|
}
|
|
|
|
.text-white-50 {
|
|
color: rgba(255, 255, 255, .5);
|
|
}
|
|
|
|
.bg-purple {
|
|
background-color: #000000;
|
|
}
|
|
|
|
.lh-100 {
|
|
line-height: 1;
|
|
}
|
|
|
|
.lh-125 {
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.lh-150 {
|
|
line-height: 1.5;
|
|
}
|
|
</style>
|
|
<title>Star Yuuki BOT - WebAdmin</title>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
{% from 'bootstrap/nav.html' import render_nav_item %}
|
|
|
|
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
|
<a class="navbar-brand" href="/">{{ name }} - WebAdmin</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
|
|
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<ul class="navbar-nav mr-auto">
|
|
{{ render_nav_item('index') }}
|
|
</ul>
|
|
<a href="/logout"><button class="btn btn-outline-success my-2 my-sm-0">Logout</button></a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="nav-scroller bg-white shadow-sm">
|
|
<nav class="nav nav-underline">
|
|
<a class="nav-link active" href="#index">Dashboard</a>
|
|
<a class="nav-link" href="#friends">
|
|
Friends
|
|
<span class="badge badge-pill bg-light align-text-bottom">27</span>
|
|
</a>
|
|
<a class="nav-link" href="#groups">Groups
|
|
<span class="badge badge-pill bg-light align-text-bottom">27</span>
|
|
</a>
|
|
<a class="nav-link" href="#helpers">Helpers
|
|
<span class="badge badge-pill bg-light align-text-bottom">27</span>
|
|
</a>
|
|
<a class="nav-link" href="#settings">Settings</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<main role="main" class="container">
|
|
<div class="d-flex align-items-center p-3 my-3 text-white-50 bg-purple rounded shadow-sm">
|
|
<img class="mr-3" src="{{ LINE_Media_server}}/{{pictureStatus }}" alt="" width="48" height="48">
|
|
<div class="lh-100">
|
|
<h6 class="mb-0 text-white lh-100">{{ profileName }}</h6>
|
|
<small>on {{ name }} {{ version }}</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="my-3 p-3 bg-white rounded shadow-sm">
|
|
<h6 class="border-bottom border-gray pb-2 mb-0">Recent updates</h6>
|
|
<div class="media text-muted pt-3">
|
|
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
|
|
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
|
<title>Event</title>
|
|
<rect width="100%" height="100%" fill="#007bff" /><text x="50%" y="50%" fill="#007bff"
|
|
dy=".3em">32x32</text>
|
|
</svg>
|
|
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
|
<strong class="d-block text-gray-dark">[Kick Event]</strong>
|
|
Yuuki
|
|
</p>
|
|
</div>
|
|
<div class="media text-muted pt-3">
|
|
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
|
|
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
|
<title>Event</title>
|
|
<rect width="100%" height="100%" fill="#e83e8c" /><text x="50%" y="50%" fill="#e83e8c"
|
|
dy=".3em">32x32</text>
|
|
</svg>
|
|
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
|
<strong class="d-block text-gray-dark">[Cancel Event]</strong>
|
|
Yuuki
|
|
</p>
|
|
</div>
|
|
<div class="media text-muted pt-3">
|
|
<svg class="bd-placeholder-img mr-2 rounded" width="32" height="32" xmlns="http://www.w3.org/2000/svg"
|
|
preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: 32x32">
|
|
<title>Event</title>
|
|
<rect width="100%" height="100%" fill="#6f42c1" /><text x="50%" y="50%" fill="#6f42c1"
|
|
dy=".3em">32x32</text>
|
|
</svg>
|
|
<p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
|
|
<strong class="d-block text-gray-dark">[Join Event]</strong>
|
|
Yuuki
|
|
</p>
|
|
</div>
|
|
<small class="d-block text-right mt-3">
|
|
<a href="/logs" target="_blank">All updates</a>
|
|
</small>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Optional JavaScript -->
|
|
{{ bootstrap.load_js() }}
|
|
</body>
|
|
|
|
</html> |