209 lines
7.4 KiB
JavaScript
209 lines
7.4 KiB
JavaScript
let ip;
|
|
$.getJSON("https://api.ipify.org?format=json", function(data) {
|
|
ip = data.ip;
|
|
})
|
|
|
|
let goodFortunes = [];
|
|
let badFortunes = [];
|
|
|
|
fetch("fortune.json")
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
goodFortunes = data.goodFortunes;
|
|
badFortunes = data.badFortunes;
|
|
})
|
|
|
|
let special_events = [];
|
|
|
|
fetch("special.json")
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
special_events = data.special_events;
|
|
})
|
|
|
|
// color adjust
|
|
const goodColor = "#e74c3c";
|
|
const badColor = "#000000bf";
|
|
const descColor = "#7f7f7f";
|
|
|
|
const textColor = [goodColor, goodColor, goodColor, goodColor, goodColor, "#5eb95e", "#5eb95e", badColor, badColor, badColor];
|
|
const fortuneStatus = ["大吉", "中吉", "中吉", "小吉", "小吉", "中平", "中平", "凶", "凶", "大凶"];
|
|
const chineseMonth = ["一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二"];
|
|
const week = ['日', '一', '二', '三', '四', '五', '六'];
|
|
|
|
const title = `<span style='font-size: 8vmin; color: #000000CC;'><b>今日運勢<b></span>`;
|
|
const allGood = `<span style='font-size: 6vmin; color: ${badColor};'><b>萬事皆宜<b></span>`;
|
|
const allBad = `<span style='font-size: 6vmin; color: ${goodColor};'><b>諸事不宜<b></span>`;
|
|
|
|
// date
|
|
const d = new Date();
|
|
const date = d.getDate();
|
|
const day = d.getDay();
|
|
const month = d.getMonth() + 1;
|
|
const year = d.getFullYear();
|
|
|
|
// before press button
|
|
const showMonth = `<span style='font-size: 10vmin; color: #054310C9; -webkit-writing-mode: vertical-lr;'><b>${chineseMonth[month - 1] + "月"}<b></span>`;
|
|
const showDate = `<span style='font-size: 25vmin; color: #054310C9;'><b>${("0" + date).substr(-2)}<b></span>`;
|
|
const showDay = `<span style='font-size: 10vmin; color: #054310C9; -webkit-writing-mode: vertical-lr; margin-right: 10%;'><b>${"星期" + week[day]}<b></span>`;
|
|
|
|
$('#month').html(showMonth);
|
|
$('#date').html(showDate);
|
|
$('#weekday').html(showDay);
|
|
|
|
let special = false;
|
|
|
|
function good_span(event){
|
|
return `<span style='font-size: 5.6vmin; color: ${goodColor};'><b>宜: </b>${event}</span>`;
|
|
}
|
|
|
|
function bad_span(event){
|
|
return `<span style='font-size: 5.6vmin; color: ${badColor};'><b>忌: </b>${event}</span>`;
|
|
}
|
|
|
|
function desc_span(desc){
|
|
return `<span style='font-size: 3.5vmin; color: ${descColor};'>${desc}</span>`;
|
|
}
|
|
|
|
function Appear() {
|
|
$('#title').html(title);
|
|
$('#month').html('');
|
|
$('#date').html('');
|
|
$('#weekday').html('');
|
|
$('#btn').html('打卡成功');
|
|
|
|
// transform ip to four numbers
|
|
let num = ip.split(".").map(num => parseInt(num));
|
|
|
|
// some lengths
|
|
const goodLen = goodFortunes.length;
|
|
const badLen = badFortunes.length;
|
|
const statusLen = fortuneStatus.length;
|
|
const specialLen = special_events.length;
|
|
|
|
// check if there is special event to today
|
|
let = special_events_index = 0;
|
|
for(let i = 0; i < specialLen; i++){
|
|
if(special_events[i].year == year && special_events[i].month == month && special_events[i].date == date){
|
|
special = true;
|
|
special_events_index = i;
|
|
break;
|
|
}
|
|
}
|
|
|
|
// TODO: improve the hash process
|
|
let hashDate = Math.round(Math.log10(year * ((month << (Math.log10(num[3]) + 1)) * (date << Math.log10(num[2])))));
|
|
let seed1 = (num[0] >> hashDate) * (num[1] >> Math.min(hashDate, 2)) + (num[2] << 1) * (num[3] >> 3) + (date << 3) * (month << hashDate) + year;
|
|
let seed2 = (num[0] << (hashDate + 2)) * (num[1] << hashDate) + (num[2] << 1) * (num[3] << 3) + (date << (hashDate - 1)) * (month << 4) + year >> hashDate;
|
|
|
|
let status_index = seed1 % statusLen;
|
|
let status = `<span style='font-size: 12vmin; color: ${textColor[status_index]};'><b>§ ${fortuneStatus[status_index]} §</b></span>`;
|
|
|
|
if(special){
|
|
status_index = special_events[special_events_index].status_index;
|
|
let special_status = `<span style='font-size: 12vmin; color: ${textColor[status_index]};'><b>§ ${fortuneStatus[status_index]} §</b></span>`;
|
|
$('#ip-to-fortune').html(special_status);
|
|
}
|
|
else{
|
|
$('#ip-to-fortune').html(status);
|
|
}
|
|
|
|
let l1, l2, r1, r2;
|
|
|
|
// make sure the events won't collide
|
|
let set = new Set();
|
|
l1 = (seed1 % goodLen + goodLen) % goodLen;
|
|
set.add(goodFortunes[l1].event);
|
|
l2 = (((seed1 << 1) + date) % goodLen + goodLen) % goodLen;
|
|
while(set.has(goodFortunes[l2].event)){
|
|
l2 = (l2 + 1) % goodLen;
|
|
}
|
|
set.add(goodFortunes[l2].event);
|
|
r1 = (((seed1 >> 1) + (d.getMonth() << 3)) % badLen + badLen) % badLen;
|
|
while(set.has(badFortunes[r1].event)){
|
|
r1 = (r1 + 2) % badLen;
|
|
}
|
|
set.add(badFortunes[r1].event);
|
|
r2 = ((((((seed1 << 3) + (d.getFullYear() >> 5) * (date << 2)) % badLen) * seed2) >> 6) % badLen + badLen) % badLen;
|
|
while(set.has(badFortunes[r2].event)){
|
|
r2 = (r2 + 1) % badLen;
|
|
}
|
|
|
|
let l_1_event, l_1_desc, l_2_event, l_2_desc, r_1_event, r_1_desc, r_2_event, r_2_desc;
|
|
// organize the stuffs below this line...
|
|
l_1_event = good_span(goodFortunes[l1].event);
|
|
l_1_desc = desc_span(goodFortunes[l1].description);
|
|
l_2_event = good_span(goodFortunes[l2].event);
|
|
l_2_desc = desc_span(goodFortunes[l2].description);
|
|
r_1_event = bad_span(badFortunes[r1].event);
|
|
r_1_desc = desc_span(badFortunes[r1].description);
|
|
r_2_event = bad_span(badFortunes[r2].event);
|
|
r_2_desc = desc_span(badFortunes[r2].description);
|
|
|
|
if(special){
|
|
// instead clear variable name, use short variable name for here... cuz it's too repetitive
|
|
let Data = special_events[special_events_index];
|
|
if(status_index == 0){
|
|
r_1_event = allGood;
|
|
l_1_event = good_span(Data.goodFortunes.l_1_event);
|
|
l_1_desc = desc_span(Data.goodFortunes.l_1_desc);
|
|
l_2_event = good_span(Data.goodFortunes.l_2_event);
|
|
l_2_desc = desc_span(Data.goodFortunes.l_2_desc);
|
|
}
|
|
else if(status_index == statusLen - 1){
|
|
l_1_event = allBad;
|
|
r_1_event = bad_span(Data.badFortunes.r_1_event);
|
|
r_1_desc = desc_span(Data.badFortunes.r_1_desc);
|
|
r_2_event = bad_span(Data.badFortunes.r_2_event);
|
|
r_2_desc = desc_span(Data.badFortunes.r_2_desc);
|
|
}
|
|
else{
|
|
l_1_event = good_span(Data.goodFortunes.l_1_event);
|
|
l_1_desc = desc_span(Data.goodFortunes.l_1_desc);
|
|
l_2_event = good_span(Data.goodFortunes.l_2_event);
|
|
l_2_desc = desc_span(Data.goodFortunes.l_2_desc);
|
|
r_1_event = bad_span(Data.badFortunes.r_1_event);
|
|
r_1_desc = desc_span(Data.badFortunes.r_1_desc);
|
|
r_2_event = bad_span(Data.badFortunes.r_2_event);
|
|
r_2_desc = desc_span(Data.badFortunes.r_2_desc);
|
|
}
|
|
|
|
$('#l-1-event').html(l_1_event);
|
|
$('#l-1-desc').html(l_1_desc);
|
|
$('#l-2-event').html(l_2_event);
|
|
$('#l-2-desc').html(l_2_desc);
|
|
$('#r-1-event').html(r_1_event);
|
|
$('#r-1-desc').html(r_1_desc);
|
|
$('#r-2-event').html(r_2_event);
|
|
$('#r-2-desc').html(r_2_desc);
|
|
}
|
|
else if(seed1 % statusLen == 0){
|
|
$('#r-1-event').html(allGood);
|
|
$('#l-1-event').html(l_1_event);
|
|
$('#l-1-desc').html(l_1_desc);
|
|
$('#l-2-event').html(l_2_event);
|
|
$('#l-2-desc').html(l_2_desc);
|
|
}
|
|
else if(seed1 % statusLen == statusLen - 1){
|
|
$('#l-1-event').html(allBad);
|
|
$('#r-1-event').html(r_1_event);
|
|
$('#r-1-desc').html(r_1_desc);
|
|
$('#r-2-event').html(r_2_event);
|
|
$('#r-2-desc').html(r_2_desc);
|
|
}
|
|
else{
|
|
$('#l-1-event').html(l_1_event);
|
|
$('#l-1-desc').html(l_1_desc);
|
|
$('#l-2-event').html(l_2_event);
|
|
$('#l-2-desc').html(l_2_desc);
|
|
$('#r-1-event').html(r_1_event);
|
|
$('#r-1-desc').html(r_1_desc);
|
|
$('#r-2-event').html(r_2_event);
|
|
$('#r-2-desc').html(r_2_desc);
|
|
}
|
|
}
|
|
|
|
function getLuck() {
|
|
Update();
|
|
}
|