.brdCmb, h1.pTtl { display: none !important; } .app { display: grid; grid-column-gap: 5px; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); align-items: flex-start; } .block { width: 100%; background: linear-gradient(rgb(65,60,44), rgb(24,23,19)); border-radius: 10px; border: 1px solid gray; margin: 5px; padding: 10px; } .block a { font-size: 16px; line-height: 16px; margin: 0 auto; word-wrap: break-word; color: white; text-decoration: none !important; } .block span { display: inline-block; word-wrap: break-word; } .block small { display: block; } .author-img { display: inline-block; position: relative; top: 5px; width: 24px; height: 24px; border-radius:50%; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 14px; opacity: 0.8; } .block-category { position: absolute; background: rgba(0,0,0,0.8); color: white; padding: 5px; font-size: 14px; line-height: 14px; z-index: 1; } .community-members img { height: 100px; width: 100px; display: inline-block; margin: 2px; } .community-members { max-height: 250px; overflow-y: auto; } Battle Cats Community Feeds v1.0 Recent Posts moment.updateLocale('en', { relativeTime : { future: "in %s", past: "%s", s: "s", m: "1m", mm: "%dm", h: "1h", hh: "%dh", d: "1d", dd: "%dd", M: "1m", MM: "%dm", y: "1y", yy: "%dy" } }); getFeeds(successPostData); getMembers(successMembers); if(localStorage.getItem('ptc_credentials')) { let this_data = JSON.parse(localStorage.getItem('ptc_credentials')); document.querySelector('#greetings').innerHTML = '<span>► Welcome Back <u>' + this_data.name + '</u>! </span><br><a href="https://storehaccounts.blogspot.com/p/ptc-official-post-creator.html">Create post</a><br><br>'; delete this_data; } else { document.querySelector('#greetings').innerHTML = '<span>You can join our community now for free! Share your insight to build this community.</span><br><a href="https://storehaccounts.blogspot.com/p/login_20.html" class="button-7">Login</a><a href="https://storehaccounts.blogspot.com/p/create-account.html" class="button-7">Create Account</a>'; } function successMembers(data) { data = JSON.parse(data); let keys = Object.keys(data.members); for(let i=keys.length-1; i>keys.length-99; i--) { let myimg = document.createElement('img'); myimg.setAttribute('data-src', data.members[keys[i]][2]); myimg.setAttribute('class', 'lazy'); myimg.style = 'cursor: pointer;'; myimg.setAttribute('onclick', 'javascript:window.location.href = "https://storehaccounts.blogspot.com/p/your-account-page.html?' + keys[i] + '";'); document.querySelector('.community-members').appendChild(myimg); } document.querySelector('#total_members').innerText = keys.length + ' members registered!'; delete keys; delete data; } function successPostData(data) { let temp_data = JSON.parse(data); let keys = Object.keys(temp_data); for(let i=keys.length-1; i>-1; i--) { let myDiv = document.createElement('div'); myDiv.setAttribute('class', 'block'); let commCount = Object.keys(temp_data[keys[i]].comments).length; let post_data = temp_data[keys[i]]; let imgThumb = post_data.posts.images[0]; //imgThumb = imgThumb.split('.'); //imgThumb[2] += 'm'; //imgThumb = imgThumb.join('.'); if(!imgThumb.includes('imgur.com')) { imgThumb = 'https://i.imgur.com/ugPSMSdm.png'; } myDiv.innerHTML = "<span class='block-category'>" + post_data.category + (commCount > 0 ? " 💬" + commCount : '') + " 🕑" + moment(parseInt(keys[i])).fromNow() + "</span><img style='display: block; height: 150px !important; object-fit: cover; width: 100%;' class='lazy' data-src='" + imgThumb + "'/><a href='https://storehaccounts.blogspot.com/p/ptc-post-official.html?" + keys[i] + "'>" + post_data.posts.title + "</a><small><div class='author-img'><img src='" + post_data.user.img + "'/></div> " + post_data.user.username + "</small>"; document.querySelector('.app').appendChild(myDiv); } } function getMembers(callback) { let req = new XMLHttpRequest(); req.onload = () => { if (req.readyState == 4) if (req.status == 200) if(callback) callback(req.response); } req.onerror = (err) => { window.alert('Error encountered! ' + err); } req.open('GET', 'https://jsonbin.org/ptcreborn/ptc_users', false); req.setRequestHeader('Content-Type', 'application/json'); req.setRequestHeader('Authorization', 'token 44489997-ed40-4f52-92a9-dfe6fe8ad5db'); req.send(); } function getFeeds(callback) { let req = new XMLHttpRequest(); req.onload = () => { if (req.readyState == 4) if (req.status == 200) if(callback) callback(req.response); } req.onerror = (err) => { window.alert('Error encountered! ' + err); } req.open('GET', 'https://jsonbin.org/ptcreborn/ptc_feeds', false); req.setRequestHeader('Content-Type', 'application/json'); req.setRequestHeader('Authorization', 'token 44489997-ed40-4f52-92a9-dfe6fe8ad5db'); req.send(); }