|
|
(未顯示同一使用者於中間所作的 16 次修訂) |
行 6: |
行 6: |
| </style> | | </style> |
| </html> | | </html> |
| <CENTER>
| | R.I.P. LLSIF1 2013/04/15 - 2023/03/31 |
| <html lang="zh">
| |
| <head>
| |
| <meta charset="UTF-8" />
| |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" />
| |
| <meta http-equiv="X-UA-Compatible" content="ie=edge" />
| |
| <title>LLSIF Server Closed</title>
| |
| <style type="text/css">
| |
| body{
| |
| background: #00ECB9;
| |
| font-family: sans-serif;
| |
| font-weight: 100;
| |
| }
| |
|
| |
| h2{
| |
| color: #888;
| |
| font-weight: 100;
| |
| font-size: 40px;
| |
| margin: 40px 0px 20px;
| |
| }
| |
|
| |
| #clockdiv{
| |
| font-family: sans-serif;
| |
| color: #fff;
| |
| display: inline-block;
| |
| font-weight: 100;
| |
| text-align: center;
| |
| font-size: 30px;
| |
| }
| |
| | |
| #clockdiv > div{
| |
| padding: 10px;
| |
| border-radius: 3px;
| |
| background: #888888;
| |
| display: inline-block;
| |
| }
| |
|
| |
| #clockdiv div > span{
| |
| padding: 15px;
| |
| border-radius: 3px;
| |
| background: #00816A;
| |
| display: inline-block;
| |
| }
| |
|
| |
| .smalltext{ | |
| padding-top: 5px;
| |
| font-size: 16px;
| |
| }
| |
| </style>
| |
| </head>
| |
| <body>
| |
| <h2>LLSIF Server Closed</h2>
| |
| <div id="clockdiv">
| |
| <div>
| |
| <span class="days"></span>
| |
| <div class="smalltext">Days</div>
| |
| </div>
| |
| <div>
| |
| <span class="hours"></span>
| |
| <div class="smalltext">Hours</div>
| |
| </div>
| |
| <div>
| |
| <span class="minutes"></span>
| |
| <div class="smalltext">Minutes</div>
| |
| </div>
| |
| <div>
| |
| <span class="seconds"></span>
| |
| <div class="smalltext">Seconds</div>
| |
| </div>
| |
| </div>
| |
| <script type="text/javascript">
| |
| function getTimeRemaining(endtime) {
| |
| const total = Date.parse(endtime) - Date.parse(new Date());
| |
| const seconds = Math.floor((total / 1000) % 60);
| |
| const minutes = Math.floor((total / 1000 / 60) % 60);
| |
| const hours = Math.floor((total / (1000 * 60 * 60)) % 24);
| |
| const days = Math.floor(total / (1000 * 60 * 60 * 24));
| |
|
| |
| return {
| |
| total,
| |
| days,
| |
| hours,
| |
| minutes,
| |
| seconds
| |
| };
| |
| }
| |
|
| |
| function initializeClock(id, endtime) {
| |
| const clock = document.getElementById(id);
| |
| const daysSpan = clock.querySelector('.days');
| |
| const hoursSpan = clock.querySelector('.hours');
| |
| const minutesSpan = clock.querySelector('.minutes');
| |
| const secondsSpan = clock.querySelector('.seconds');
| |
|
| |
| function updateClock() {
| |
| const t = getTimeRemaining(endtime);
| |
|
| |
| daysSpan.innerHTML = t.days;
| |
| hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
| |
| minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
| |
| secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
| |
|
| |
| if (t.total <= 0) {
| |
| clearInterval(timeinterval);
| |
| }
| |
| }
| |
|
| |
| updateClock();
| |
| const timeinterval = setInterval(updateClock, 1000);
| |
| }
| |
|
| |
| const deadline = '2023-03-31 16:00:00 UTC+09:00';
| |
| initializeClock('clockdiv', deadline);
| |
| </script>
| |
| </body>
| |
| </html> </CENTER>
| |
| <CENTER> | | <CENTER> |
| {{Welcome|Info of Each Severs}} | | {{Welcome|Info of Each Severs}} |
行 133: |
行 18: |
| |- | | |- |
| !Event | | !Event |
| |width="33%"|<html><a href=" 第36 回 Challenge Festival"><img src="https://od.llsif.moe/jpevent/event_230120.png" /></a></html> | | |width="30%"|<html><a href=" 第28 回 なかよしマッチ"><img src="https://od.llsif.moe/jpevent/event_230305.png" /></a></html> |
| |width="33%"|<html><a href=" 第36 回 Challenge Festival"><img src="https://od.llsif.moe/enevent/event_230120.png" /></a></html> | | |width="30%"|<html><a href=" 第28 回 なかよしマッチ"><img src="https://od.llsif.moe/enevent/event_230305.png" /></a></html> |
| |width="33%"|<html><a href="9周年道具收集"><img src="https://od.llsif.moe/scevent/event_230119.png" /></a></html> | | |width="30%"|<html><a href=" 第52回 Score Match"><img src="https://od.llsif.moe/scevent/event_230203.png" /></a></html> |
| |- | | |- |
| !Scout | | !Scout |