forked from linked34ce/anigasaki
-
Notifications
You must be signed in to change notification settings - Fork 0
/
adjustment.js
56 lines (50 loc) · 5.54 KB
/
adjustment.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
window.addEventListener("DOMContentLoaded", adjustHomePage);
let queue = null;
window.addEventListener("resize", function() {
clearTimeout(queue);
queue = setTimeout(adjustHomePage, 200);
});
function adjustHomePage() {
let cards = document.getElementsByClassName("card");
let cardTitles = document.getElementsByClassName("card-title text-center");
let episodes = document.getElementById("episodes");
let episodeTable = document.getElementById("episode-table");
if (window.innerWidth < window.innerHeight * 0.74) {
for (let i = 0; i < 13; i++) {
cards.item(i).className = "card border-secondary m-3 p-0 mx-auto";
cards.item(i).style.width = "75%";
}
for (let i = 13; i < cards.length; i++) {
cards.item(i).className = "card border-secondary m-3 p-0 mx-auto link-disabled";
cards.item(i).style.width = "75%";
}
} else {
for (let i = 0; i < 13; i++) {
cards.item(i).className = "card border-secondary m-3 p-0 mx-auto col";
cards.item(i).style.width = "18rem";
}
for (let i = 13; i < cards.length; i++) {
cards.item(i).className = "card border-secondary m-3 p-0 mx-auto col link-disabled";
cards.item(i).style.width = "18rem";
}
}
if (window.innerWidth < 350) {
for (let i = 0; i < cardTitles.length; i++) {
cardTitles.item(i).className = "card-title text-center fs-6";
}
} else {
for (let i = 0; i < cardTitles.length; i++) {
cardTitles.item(i).className = "card-title text-center";
}
}
if (window.innerWidth < 370) {
episodes.innerHTML = '<tr><td class="nav-link-hover"><a href="episode/01.html" class="nav-link fs-6">第1話</a></td><td class="nav-link-hover"><a href="episode/02.html" class="nav-link fs-6">第2話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/03.html" class="nav-link fs-6">第3話</a></td><td class="nav-link-hover"><a href="episode/04.html" class="nav-link fs-6">第4話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/05.html" class="nav-link fs-6">第5話</a></td><td class="nav-link-hover"><a href="episode/06.html" class="nav-link fs-6">第6話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/07.html" class="nav-link fs-6">第7話</a></td><td class="nav-link-hover"><a href="episode/08.html" class="nav-link fs-6">第8話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/09.html" class="nav-link fs-6">第9話</a></td><td class="nav-link-hover"><a href="episode/10.html" class="nav-link fs-6">第10話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/11.html" class="nav-link fs-6">第11話</a></td><td class="nav-link-hover"><a href="episode/12.html" class="nav-link fs-6">第12話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/13.html" class="nav-link fs-6">第13話</a></td></tr>';
if (window.innerHeight < 605) {
episodeTable.className = "table table-sm table-dark border-white"
}
} else if (window.innerWidth < 570) {
episodes.innerHTML = '<tr><td class="nav-link-hover"><a href="episode/01.html" class="nav-link fs-5">第1話</a></td><td class="nav-link-hover"><a href="episode/02.html" class="nav-link fs-5">第2話</a></td><td class="nav-link-hover"><a href="episode/03.html" class="nav-link fs-5">第3話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/04.html" class="nav-link fs-5">第4話</a></td><td class="nav-link-hover"><a href="episode/05.html" class="nav-link fs-5">第5話</a></td><td class="nav-link-hover"><a href="episode/06.html" class="nav-link fs-5">第6話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/07.html" class="nav-link fs-5">第7話</a></td><td class="nav-link-hover"><a href="episode/08.html" class="nav-link fs-5">第8話</a></td><td class="nav-link-hover"><a href="episode/09.html" class="nav-link fs-5">第9話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/10.html" class="nav-link fs-5">第10話</a></td><td class="nav-link-hover"><a href="episode/11.html" class="nav-link fs-5">第11話</a></td><td class="nav-link-hover"><a href="episode/12.html" class="nav-link fs-5">第12話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/13.html" class="nav-link fs-5">第13話</a></td></tr>';
} else {
episodes.innerHTML = '<tr><td class="nav-link-hover"><a href="episode/01.html" class="nav-link fs-5">第1話</a></td><td class="nav-link-hover"><a href="episode/02.html" class="nav-link fs-5">第2話</a></td><td class="nav-link-hover"><a href="episode/03.html" class="nav-link fs-5">第3話</a></td><td class="nav-link-hover"><a href="episode/04.html" class="nav-link fs-5">第4話</a></td><td class="nav-link-hover"><a href="episode/05.html" class="nav-link fs-5">第5話</a></tr><tr></td><td class="nav-link-hover"><a href="episode/06.html" class="nav-link fs-5">第6話</a></td><td class="nav-link-hover"><a href="episode/07.html" class="nav-link fs-5">第7話</a></td><td class="nav-link-hover"><a href="episode/08.html" class="nav-link fs-5">第8話</a></td><td class="nav-link-hover"><a href="episode/09.html" class="nav-link fs-5">第9話</a></td><td class="nav-link-hover"><a href="episode/10.html" class="nav-link fs-5">第10話</a></td></tr><tr><td class="nav-link-hover"><a href="episode/11.html" class="nav-link fs-5">第11話</a></td><td class="nav-link-hover"><a href="episode/12.html" class="nav-link fs-5">第12話</a></td><td class="nav-link-hover"><a href="episode/13.html" class="nav-link fs-5">第13話</a></td></tr>';
}
}