Fix theme bugs + Reimplement "nyanpassu" and "explosion" (#757)
* Update index.html * Update main.css * Update main.js * Update index.html * Update index.html * Update main.css * Update index.html * Update main.css * Update main.css * Update main.css
Cette révision appartient à :
MMP0
akuma06
Parent
a41f938cec
révision
488f2ca476
3 fichiers modifiés avec 63 ajouts et 33 suppressions
|
|
@ -18,10 +18,10 @@ body {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
width: 480px;
|
width: 60vh;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
height: 60vh;
|
height: 60vh;
|
||||||
z-index: -9999;
|
-webkit-tap-highlight-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
|
|
@ -240,7 +240,7 @@ th, .home-td {
|
||||||
th { border-bottom-width: 2px; }
|
th { border-bottom-width: 2px; }
|
||||||
|
|
||||||
.tr-cat { width: 90px; text-align: left; }
|
.tr-cat { width: 90px; text-align: left; }
|
||||||
.tr-name { width: auto; text-align: left; white-space: normal; font-weight: bold; }
|
.tr-name { width: auto; text-align: left; white-space: normal; word-break: break-all; font-weight: bold; }
|
||||||
.tr-links { width: 66px; }
|
.tr-links { width: 66px; }
|
||||||
.tr-size { width: 90px; }
|
.tr-size { width: 90px; }
|
||||||
.tr-se, .tr-le { font-weight: bold; }
|
.tr-se, .tr-le { font-weight: bold; }
|
||||||
|
|
@ -640,3 +640,14 @@ input.filelist-checkbox:checked + table.table-filelist {
|
||||||
margin-right: 30%;
|
margin-right: 30%;
|
||||||
margin-left: 30%;
|
margin-left: 30%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* for mascot */
|
||||||
|
#content {
|
||||||
|
text-align: center;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center {
|
||||||
|
display: inline-block;
|
||||||
|
pointer-events: initial;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,3 +1,6 @@
|
||||||
|
var explosion = document.getElementById("explosion");
|
||||||
|
var nyanpassu = document.getElementById("nyanpassu");
|
||||||
|
|
||||||
function toggleNightMode() {
|
function toggleNightMode() {
|
||||||
var night = localStorage.getItem("night");
|
var night = localStorage.getItem("night");
|
||||||
if(night == "true") {
|
if(night == "true") {
|
||||||
|
|
@ -8,6 +11,26 @@ function toggleNightMode() {
|
||||||
localStorage.setItem("night", (night == "true") ? "false" : "true");
|
localStorage.setItem("night", (night == "true") ? "false" : "true");
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function changeTheme(opt) {
|
||||||
|
theme = opt.value;
|
||||||
|
localStorage.setItem("theme", theme);
|
||||||
|
document.getElementById("theme").href = "/css/" + theme;
|
||||||
|
console.log(theme);
|
||||||
|
}
|
||||||
|
|
||||||
|
function toggleMascot(btn) {
|
||||||
|
var state= btn.value;
|
||||||
|
if (state == "hide") {
|
||||||
|
btn.innerHTML = "Mascot";
|
||||||
|
document.getElementById("mascot").className = "hide";
|
||||||
|
btn.value = "show";
|
||||||
|
} else {
|
||||||
|
btn.innerHTML = "Mascot";
|
||||||
|
document.getElementById("mascot").className = "";
|
||||||
|
btn.value = "hide";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Used by spoiler tags
|
// Used by spoiler tags
|
||||||
function toggleLayer(elem) {
|
function toggleLayer(elem) {
|
||||||
if (elem.classList.contains("hide"))
|
if (elem.classList.contains("hide"))
|
||||||
|
|
@ -40,3 +63,15 @@ window.onload = function() {
|
||||||
if (location.hash) shiftWindow();
|
if (location.hash) shiftWindow();
|
||||||
window.addEventListener("hashchange", shiftWindow);
|
window.addEventListener("hashchange", shiftWindow);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
function playVoice() {
|
||||||
|
switch (theme) {
|
||||||
|
case "tomorrow.css":
|
||||||
|
explosion.play();
|
||||||
|
break;
|
||||||
|
default:
|
||||||
|
nyanpassu.volume = 0.5;
|
||||||
|
nyanpassu.play();
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,35 +17,19 @@
|
||||||
<link rel="stylesheet" id="theme" href="">
|
<link rel="stylesheet" id="theme" href="">
|
||||||
<!-- Search Box for Google -->
|
<!-- Search Box for Google -->
|
||||||
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","url":"https://nyaa.pantsu.cat/","potentialAction":{"@type":"SearchAction","target":"https://nyaa.pantsu.cat/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
|
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","url":"https://nyaa.pantsu.cat/","potentialAction":{"@type":"SearchAction","target":"https://nyaa.pantsu.cat/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script>
|
||||||
<script>
|
|
||||||
function changeTheme(opt) {
|
|
||||||
var theme = opt.value;
|
|
||||||
localStorage.setItem("theme", theme);
|
|
||||||
document.getElementById('theme').href = "/css/" + opt.value;
|
|
||||||
console.log(theme);
|
|
||||||
}
|
|
||||||
function setTheme() {
|
|
||||||
document.getElementById('theme').href = "/css/" + localStorage.getItem('theme');
|
|
||||||
}
|
|
||||||
|
|
||||||
function toggleMascot(btn) {
|
|
||||||
var state= btn.getAttribute('value');
|
|
||||||
if (state == "hide") {
|
|
||||||
btn.innerHTML = "Mascot";
|
|
||||||
document.getElementById('mascot').className = 'hide';
|
|
||||||
btn.setAttribute('value', 'show');
|
|
||||||
} else {
|
|
||||||
btn.innerHTML = "Mascot";
|
|
||||||
document.getElementById('mascot').className = '';
|
|
||||||
btn.setAttribute('value', 'hide');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body onload="setTheme();">
|
<body>
|
||||||
<div id="mascot" class="hide-xs"></div>
|
<script type="text/javascript">
|
||||||
|
var theme = localStorage.getItem("theme");
|
||||||
|
if (theme != "") document.getElementById("theme").href = "/css/" + theme;
|
||||||
|
</script>
|
||||||
|
<div id="mascot" class="hide-xs" onclick="playVoice();"></div>
|
||||||
|
<audio id="nyanpassu" hidden preload="none">
|
||||||
|
<source src="https://a.doko.moe/sewang.mp3" type="audio/mpeg">
|
||||||
|
</audio>
|
||||||
|
<audio id="explosion" hidden preload="none">
|
||||||
|
<source src="https://megumin.love/sounds/explosion.mp3" type="audio/mpeg">
|
||||||
|
</audio>
|
||||||
<nav id="header" class="header">
|
<nav id="header" class="header">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="h-left">
|
<div class="h-left">
|
||||||
|
|
@ -75,7 +59,7 @@
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
<div id="content">
|
<div id="content">
|
||||||
<div class="content container">
|
<div class="content container center">
|
||||||
{{block "content" .}}{{call $.T "nothing_here"}}{{end}}
|
{{block "content" .}}{{call $.T "nothing_here"}}{{end}}
|
||||||
</div>
|
</div>
|
||||||
<div class="pagination">
|
<div class="pagination">
|
||||||
|
|
@ -83,7 +67,7 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer id="footer">
|
<footer id="footer">
|
||||||
<div class="container footer">
|
<div class="container footer center">
|
||||||
|
|
||||||
<div class="footer-opt">
|
<div class="footer-opt">
|
||||||
<select onchange="changeTheme(this.options[this.selectedIndex])" name="Theme" id="" class="form-input">
|
<select onchange="changeTheme(this.options[this.selectedIndex])" name="Theme" id="" class="form-input">
|
||||||
|
|
|
||||||
Référencer dans un nouveau ticket