let font size relative to screen size
This commit is contained in:
@@ -21,6 +21,7 @@ const allGood = `<span style='font-size: 32px; color: #000000bf;'>萬事皆宜</
|
||||
const allBad = `<span style='font-size: 32px; color: #e74c3c;'>諸事不宜</span>`;
|
||||
|
||||
function Appear() {
|
||||
$('#btn').html('打卡成功');
|
||||
let p = 0;
|
||||
let num = [0, 0, 0, 0];
|
||||
for(let i = 0; i < 14; i++) {
|
||||
@@ -36,7 +37,7 @@ function Appear() {
|
||||
const goodLen = goodFortunes.length;
|
||||
const badLen = badFortunes.length;
|
||||
|
||||
let status = `<span style='font-size: 60px; color: ${textColor[seed % 7]};'><b>§ ${fortuneStatus[seed % 7]} §</b></span>`;
|
||||
let status = `<span style='font-size: 10vmin; color: ${textColor[seed % 7]};'><b>§ ${fortuneStatus[seed % 7]} §</b></span>`;
|
||||
$('#ip-to-fortune').html(status);
|
||||
|
||||
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;
|
||||
@@ -44,22 +45,22 @@ function Appear() {
|
||||
let set = new Set();
|
||||
l1 = seed % goodLen;
|
||||
set.add(goodFortunes[l1].event);
|
||||
l2 = (seed + d.getDate()) % goodLen;
|
||||
l2 = ((seed << 1) + d.getDate()) % goodLen;
|
||||
while(set.has(goodFortunes[l2].event)) l2 = (l2 + 1) % goodLen;
|
||||
set.add(goodFortunes[l2].event);
|
||||
r1 = (seed + d.getMonth() << 3) % badLen;
|
||||
r1 = ((seed >> 1) + (d.getMonth() << 3)) % badLen;
|
||||
while(set.has(badFortunes[r1].event)) r1 = (r1 + 2) % badLen;
|
||||
set.add(badFortunes[r1].event);
|
||||
r2 = (seed + (d.getFullYear() >> 5) * (d.getDate << 2)) % badLen;
|
||||
r2 = ((seed << 3 ) + (d.getFullYear() >> 5) * (d.getDate << 2)) % badLen;
|
||||
while(set.has(badFortunes[r2].event)) r2 = (r2 + 1) % badLen;
|
||||
l_1_event = `<span style='font-size: 28px; color: #e74c3c;'><b>宜: </b>${goodFortunes[l1].event}</span>`;
|
||||
l_1_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${goodFortunes[l1].description}</span>`;
|
||||
l_2_event = `<span style='font-size: 28px; color: #e74c3c;'><b>宜: </b>${goodFortunes[l2].event}</span>`;
|
||||
l_2_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${goodFortunes[l2].description}</span>`;
|
||||
r_1_event = `<span style='font-size: 28px; color: #000000bf;'><b>忌: </b>${badFortunes[r1].event}</span>`;
|
||||
r_1_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${badFortunes[r1].description}</span>`;
|
||||
r_2_event = `<span style='font-size: 28px; color: #000000bf;'><b>忌: </b>${badFortunes[r2].event}</span>`;
|
||||
r_2_desc = `<span style='font-size: 16px; color: #7f7f7f;'>${badFortunes[r2].description}</span>`;
|
||||
l_1_event = `<span style='font-size: 4.5vmin; color: #e74c3c;'><b>宜: </b>${goodFortunes[l1].event}</span>`;
|
||||
l_1_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${goodFortunes[l1].description}</span>`;
|
||||
l_2_event = `<span style='font-size: 4.5vmin; color: #e74c3c;'><b>宜: </b>${goodFortunes[l2].event}</span>`;
|
||||
l_2_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${goodFortunes[l2].description}</span>`;
|
||||
r_1_event = `<span style='font-size: 4.5vmin; color: #000000bf;'><b>忌: </b>${badFortunes[r1].event}</span>`;
|
||||
r_1_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${badFortunes[r1].description}</span>`;
|
||||
r_2_event = `<span style='font-size: 4.5vmin; color: #000000bf;'><b>忌: </b>${badFortunes[r2].event}</span>`;
|
||||
r_2_desc = `<span style='font-size: 2.8vmin; color: #7f7f7f;'>${badFortunes[r2].description}</span>`;
|
||||
if(seed % 7 == 0){
|
||||
$('#r-1-event').html(allGood);
|
||||
$('#l-1-event').html(l_1_event);
|
||||
|
||||
Reference in New Issue
Block a user