Battle Cats Community Feeds

Welcome to our community feeds where all the posts of the members are updatedly shown below. Please be patient since our server is limited. Thank you!

Create a Post

(adsbygoogle = window.adsbygoogle || []).push({});

.loader { width: 48px; height: 48px; border: 3px solid #FFF; border-radius: 50%; display: inline-block; position: relative; box-sizing: border-box; animation: rotation 1s linear infinite; } .loader::after { content: ''; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 40px; height: 40px; border-radius: 50%; border: 3px solid; border-color: #FF3D00 transparent; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .post_block { width: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(255,255,255,0.1)); box-shadow: 0 0 5px 10px rgba(0,0,0,0.3); padding: 10px; } .block_heading { margin: 0 !important; display: block; width: 100%; padding: 0 20px 0 10px; } .block_heading img { height: 32px; width: 32px; } .block_heading span { vertical-align: super; font-weight: bold; } .block_heading small { display: inline-block; vertical-align: super; margin-left: 5px; } .block_title { margin: 0 !important; padding: 0 10px 0 20px !important; word-wrap: break-word; } .block_description { margin: 0 !important; padding: 0 10px 0 10px !important; word-wrap: break-word; } .block_images { padding: 5px; width: 100%; } .block_reactions img { width: 32px; height: 32px; object-fit: cover; } .block_reactions label { vertical-align: super; } .grid-container { display: grid; grid-gap: 0.5rem; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-flow: dense; /* background-color: Tomato; */ padding: 10px; } @media only screen and (max-width: 401px) { .grid-container { display: grid; grid-gap: 0.5rem; grid-template-columns: 1fr; grid-auto-flow: dense; /* background-color: Tomato; */ padding: 10px; } } @media only screen and (min-width: 700px) { .grid-container { display: grid; grid-gap: 0.5rem; grid-template-columns: 1fr 1fr 1fr; grid-auto-flow: dense; /* background-color: Tomato; */ padding: 10px; } }

.grid-container > div { display: grid; background-size: cover; border-radius: 10px; color: white; text-align: center; padding: 20px 0; font-size: 30px; height: auto; } .card-stats { font-size: 16px; word-wrap: break-word; overflow: hidden; height: 180px; border-radius: 10px; }

.grid-container h4 { display: block; color: white; max-height: 67px; overflow: hidden; padding: 0 10px 0 10px; margin-bottom: 0px; }

.item1 { grid-row-start: 1; grid-row-end: 3; }

let stats; let comments; function createCard(data) { document.querySelector('#ptc_container').classList.remove('loader'); let urls = Object.keys(data); for (i = urls.length-1; i > -1; i--) { let card = document.createElement('div'); let url = 'https://storehaccounts.blogspot.com/p/community-post.html?' + urls[i]; card.onclick = function() { window.location.href = url; } let snap = document.createElement('img'); let h4 = document.createElement('h4'); let cardstats = document.createElement('div'); let dataspan = document.createElement('span'); let reactionspan = document.createElement('span'); let post = data[urls[i]]; snap.setAttribute('style','background: black; height: 188px !important; width: 100%; object-fit: cover;'); snap.src = post.images.length > 0 ? post.images[0] : 'https://cssbud.com/wp-content/uploads/2023/07/imdead.gif'; card.setAttribute('style', 'cursor: pointer; background:linear-gradient(to bottom, rgb(0,0,0,0.5) 10%, rgb(83,120,155, 1) 90%); display: block; height: auto;'); //card.setAttribute('style', 'background:linear-gradient(to bottom, rgb(255,210,0,0) 50%, rgb(254,151,0,1)) 50%, url(' + post.thumbnail + ');background-size: cover;'); h4.innerHTML = post.title + ' '; cardstats.setAttribute('class', 'card-stats'); dataspan.innerHTML = moment(post.date).fromNow() + ' '; if(stats[urls[i]]) reactionspan.innerHTML = (stats[urls[i]].happy ? ' 😊' + stats[urls[i]].happy.length: '') + (stats[urls[i]].amazed ? ' 😲' + stats[urls[i]].amazed.length : '') + (stats[urls[i]].angry ? ' 😠' + stats[urls[i]].angry.length : '') + (comments[urls[i]] ? ' 💬' + comments[urls[i]].length : '') + ' 👁️' + (stats[urls[i]].views ? stats[urls[i]].views.length : '0'); else reactionspan.innerHTML = ' 👁️0'; cardstats.appendChild(h4); cardstats.appendChild(dataspan); cardstats.appendChild(reactionspan); card.appendChild(snap); card.appendChild(cardstats); document.querySelector('#ptc_container').appendChild(card); } }

GETdata('https://getpantry.cloud/apiv1/pantry/91c9a2f3-be20-4b3b-8c9e-94a81264de7a/basket/statistics', successStats); function successStats(data) { stats = data; GETdata('https://getpantry.cloud/apiv1/pantry/91c9a2f3-be20-4b3b-8c9e-94a81264de7a/basket/comments', successComments); }

function successComments(data) { comments = data; setTimeout(function() { GETdata('https://getpantry.cloud/apiv1/pantry/91c9a2f3-be20-4b3b-8c9e-94a81264de7a/basket/feeds', createCard); }, 5000); }

function GETdata(pantry, callback) { let req = new XMLHttpRequest();

req.onload = () => { if (req.readyState == 4) if (req.status == 200) callback(JSON.parse(req.response)); }

req.onerror = () => { setTimeout(function () { GETdata(pantry, callback); }, 5000); }

req.open('GET', pantry, false); req.setRequestHeader('Content-Type', 'application/json');

try { req.send(); } catch (err) { setTimeout(function () { GETdata(pantry, callback); }, 5000); } } function timeSince(date) { date = convertTZ(date); var seconds = Math.floor((new Date() - date) / 1000);

var interval = seconds / 31536000;

if (interval > 1) { return Math.floor(interval) + " years ago."; } interval = seconds / 2592000; if (interval > 1) { return Math.floor(interval) + " months ago."; } interval = seconds / 86400; if (interval > 1) { return Math.floor(interval) + " days ago."; } interval = seconds / 3600; if (interval > 1) { return Math.floor(interval) + " hours ago."; } interval = seconds / 60; if (interval > 1) { return Math.floor(interval) + " minutes ago."; } return Math.floor(seconds) + " seconds ago."; } function convertTZ(date) { let tzString = Intl.DateTimeFormat().resolvedOptions().timeZone; return new Date((typeof date === "string" ? new Date(date) : date).toLocaleString("en-US", {timeZone: tzString})); }

Hi there Catters!

Our Battle Cats Mods is in the latest version. Please click the links below!

Subscribe now to PTC Reborn™

StoreHaccounts (Battle Cats Community)

Battle Cats Community Feeds