Compare commits

..

No commits in common. "e72b958f2af1623179aecb5c8d20c5bb666c0bf9" and "849d3edd842a35186e5ba3ea05d49ebe66c2f86e" have entirely different histories.

View File

@ -55,18 +55,18 @@ function renderPaginatedList(linkList, container, isWatched, page, totalPages) {
linkList
.filter(link => link.watched === isWatched)
.forEach(link => {
const column = document.createElement('div');
column.className = 'col-12 col-sm-6 col-md-4 col-lg-3';
column.appendChild(createLinkElement(link, isWatched));
row.appendChild(column);
const col = document.createElement('div');
col.className = 'col-12 col-sm-6 col-md-4 col-lg-3';
col.appendChild(createLinkElement(link, isWatched));
row.appendChild(col);
});
container.appendChild(row);
// Pagination controls
if (totalPages > 1) {
const navigation = document.createElement('div');
navigation.className = 'd-flex justify-content-center mt-4 gap-2';
const nav = document.createElement('div');
nav.className = 'd-flex justify-content-center mt-4 gap-2';
const prevBtn = document.createElement('button');
prevBtn.innerText = '← Previous';
@ -86,9 +86,9 @@ function renderPaginatedList(linkList, container, isWatched, page, totalPages) {
loadLinks();
};
navigation.appendChild(prevBtn);
navigation.appendChild(nextBtn);
container.appendChild(navigation);
nav.appendChild(prevBtn);
nav.appendChild(nextBtn);
container.appendChild(nav);
}
reinitializeInstagramEmbeds();
@ -108,17 +108,18 @@ function createLinkElement(link, isWatched) {
// Clean iframe embed
const iframeWrapper = document.createElement('div');
iframeWrapper.style.width = '100%';
iframeWrapper.style.height = '600px';
iframeWrapper.style.height = '400px';
iframeWrapper.style.overflow = 'hidden';
iframeWrapper.style.borderRadius = '10px';
const iframe = document.createElement('iframe');
iframe.src = `https://www.instagram.com/reel/${reelId}/embed`;
iframe.width = '100%';
iframe.height = '700'; // taller to allow for cropping
iframe.height = '600'; // taller to allow for cropping
iframe.style.border = 'none';
iframe.allow="fullscreen";
iframe.allowFullscreen = true;
iframe.loading = 'lazy';
iframe.style.marginTop = '-100px'; // shift to crop comments/likes
iframeWrapper.appendChild(iframe);
wrapper.appendChild(iframeWrapper);