BE4éæ¶ â ç«é»ç¸½æ

è¯·éæ©NodeBE4è®ºåçä¸¤ä¸ªå°åä¹ä¸:

ä¸»ç½å https://be4.herokuapp.com/.
å¯ç½å https://cf5.herokuapp.com/.
BE4æ°é»ç« ï¼æ°ç½åï¼https://be4news.pythonanywhere.com/
BE4æ°é»ç« ï¼å¤ä»½ç½åï¼https://be4-news.herokuapp.com/
è§ç¹ï¼ä¼ç§UPä¸»è¨è®ºè·è¸ªhttps://nodebe4.github.io/opinion çé¾æ¥ https://git.io/JJCxS
å¤åªæ¥éhttps://nodebe4.github.io/waimei çé¾æ¥ https://git.io/JJCxX
ç¤¾ä¼ï¼å¬æ°è®°èå®æhttps://nodebe4.github.io/society çé¾æ¥ https://git.io/JUtSx
è±éhttps://nodebe4.github.io/hero çé¾æ¥ https://git.io/JUt9v
BE4æ°é»ç«-éè¯»å¨https://nodebe4.github.io/news çé¾æ¥ https://git.io/JJCxH

ç¨æççæ¶é´è·åæå¥½çä¿¡æ¯ï¼æ æçºµå¼å¯¼, æ æ³¨æåç»æµ, no charm no bullshit. Greed is good, Boring is good, JavaScript is good. ââBE4

` $.getJSON(url, function(allsites) { allsites.map(item =>{ var col = item.col var div0 = document.createElement('div') cols[col].appendChild(div0) div0.classList.add('p-2') div0.classList.add('flex-fill') div0.classList.add('align-middle') div0.style.width = '100%' div0.style['border-width'] = '1px' div0.style['border-color'] = invertColor(palette[col]) div0.style['border-style'] = 'dashed none none none' // div0.style.backgroundColor = item['background-color'] var a0 = document.createElement('a') div0.appendChild(a0) a0.href = item.url[0] // var img = document.createElement('img') // img.src = 'https://picsum.photos/600/700/?random' // img.classList.add('img-fluid') // a0.appendChild(img) var div = document.createElement('div') a0.appendChild(div) var h1=document.createElement('h1') h1.innerText = item['name'] var d = document.createElement('div') d.innerText = item['desc'] d.style.color = invertColor(palette[col]) div.appendChild(h1) div.appendChild(d) // if (item.url[1]){ // var d = document.createElement('div') // d.innerText = item.url[1] // d.style.color = '#F6C36D' // div.appendChild(d) // } div.style.color='white' div.style.width='100%' div.style.height='100%' // div.style.margin='auto' div.style['text-align']='center' // div.style['vertical-align']='middle' div.classList.add('align-items-center') // div.classList.add('p-2') // div.classList.add('flex-fill') var span = document.createElement('p') span.innerText='ç¶æ' span.style.color='#E4CBC3' div.appendChild(span) var p = test_alive(item.url[0]) div.appendChild(p) }) }) content.appendChild(footer) }) function test_alive(url){ var divstatus = document.createElement('p') divstatus.style['font-size'] = '12px' divstatus.style.color='#E4CBC3' divstatus.innerText = 'æµè¯ä¸...' const base = 'https://textance.herokuapp.com/title/' var fullurl = base + url $.ajax({ url: fullurl, complete: function(data) { divstatus.innerText = data.responseText; if (data.responseText.includes('502')){ divstatus.style.color='#FBB7B7' let grandparent = divstatus.parentNode.parentNode.parentNode grandparent.parentNode.removeChild(grandparent) }else{ divstatus.style.color='#B6FAC8' } } }); return divstatus } function invertColor(hex) { if (hex.indexOf('#') === 0) { hex = hex.slice(1); } // convert 3-digit hex to 6-digits. if (hex.length === 3) { hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]; } if (hex.length !== 6) { throw new Error('Invalid HEX color.'); } // invert color components var r = (255 - parseInt(hex.slice(0, 2), 16)).toString(16), g = (255 - parseInt(hex.slice(2, 4), 16)).toString(16), b = (255 - parseInt(hex.slice(4, 6), 16)).toString(16); // pad each with zeros and return return '#' + padZero(r) + padZero(g) + padZero(b); } function padZero(str, len) { len = len || 2; var zeros = new Array(len).join('0'); return (zeros + str).slice(-len); }