wynd
/
khguide
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Split the core script/style files too

master
Wynd 2025-02-10 00:57:14 +02:00
parent 4f384cc9b9
commit 3ef6f67766
5 changed files with 91 additions and 92 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/enemies/magnum_loader.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 27 KiB

10
templates/components/bbs/script.js
View File

@ -43,16 +43,6 @@ document.addEventListener("DOMContentLoaded", (event) => {
}); });
}); });
function debounce(callback, wait = 300) {
let timeoutId = null;
return (...args) => {
window.clearTimeout(timeoutId);
timeoutId = window.setTimeout(() => {
callback(...args);
}, wait);
};
}
function filter() { function filter() {
const table = document.querySelector("table tbody"); const table = document.querySelector("table tbody");
const search = document.getElementById("filter").value.toLowerCase(); const search = document.getElementById("filter").value.toLowerCase();

9
templates/components/core/script.js 100644
View File

@ -0,0 +1,9 @@
function debounce(callback, wait = 300) {
let timeoutId = null;
return (...args) => {
window.clearTimeout(timeoutId);
timeoutId = window.setTimeout(() => {
callback(...args);
}, wait);
};
}

80
templates/components/core/style.css 100644
View File

@ -0,0 +1,80 @@
body {
position: relative;
min-height: 98vh;
background-color: #333;
color: #fff;
}
footer {
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
* {
margin-bottom: 0;
}
}
#content {
padding-bottom: 2.5rem;
}
table {
width: 100%;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
margin-top: 10px;
thead th {
background-color: #252525;
}
}
ul {
line-height: 1.5;
}
a {
color: #00ff00;
text-decoration: none;
&:hover {
color: #9dff9d;
}
&:visited {
color: #00a200;
&:hover {
color: #65a565;
}
}
}
button {
margin-left: 16px;
background: #444;
color: #fff;
padding: 8px;
border-color: #555;
border-bottom-color: rgb(85, 85, 85);
border-style: groove;
border-bottom-color: #0a0;
transition-duration: 0.1s;
&:hover {
background: #4f4f4f;
}
&:active {
background: #3f3f3f;
transform: translateY(1px);
}
&.disabled {
opacity: 0.6;
cursor: not-allowed;
}
}

84
templates/layouts/base.html
View File

@ -3,88 +3,8 @@
<head> <head>
<title>{% block title %}{% endblock %}</title> <title>{% block title %}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<style> <style>{% include "components/core/style.css"%} </style>
body { <script>{% include "components/core/script.js"%} </script>
position: relative;
min-height: 98vh;
background-color: #333;
color: #fff;
}
footer {
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
* {
margin-bottom: 0;
}
}
#content {
padding-bottom: 2.5rem;
}
table {
width: 100%;
text-align: center;
vertical-align: middle;
border-collapse: collapse;
margin-top: 10px;
thead th {
background-color: #252525;
}
}
ul {
line-height: 1.5;
}
a {
color: #00ff00;
text-decoration: none;
&:hover {
color: #9dff9d;
}
&:visited {
color: #00a200;
&:hover {
color: #65a565;
}
}
}
button {
margin-left: 16px;
background: #444;
color: #fff;
padding: 8px;
border-color: #555;
border-bottom-color: rgb(85, 85, 85);
border-style: groove;
border-bottom-color: #0a0;
transition-duration: 0.1s;
&:hover {
background: #4f4f4f;
}
&:active {
background: #3f3f3f;
transform: translateY(1px);
}
&.disabled {
opacity: 0.6;
cursor: not-allowed;
}
}
</style>
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </head>