norbert.tretkowski/mastowall
norbert.tretkowski/mastowall
1
1
Fork 3
Code Issues Pull requests Projects Releases Packages Wiki Activity

for-pi2 #2

Merged
norbert.tretkowski merged 29 commits from for-pi2 into main 2023-11-24 07:54:19 +01:00
Conversation 0 Commits 29 Files changed 9 +11 -5
3 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 752f06f68f - Show all commits

5
script.js
View file

@ -125,6 +125,7 @@ const updateCarousel = function(slides, posts) {
`
for( let i = 0; i < posts.length; i++ ) {
let post = posts[i];
console.log( post.content )
if ( i == 0 ) {
newHTML += `<div class="carousel-item active" data-mdb-interval="${duration}" >`;
}
@ -140,10 +141,10 @@ const updateCarousel = function(slides, posts) {
<hr>
<div class="row align-items-center">
${post.media_attachments[0] ? `<div class="col-md-6"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>` : `<div class="col-md-12"><p class="card-text">${DOMPurify.sanitize(post.content)}</p></div>`}
${post.media_attachments[0] ? `<div class="col-mr-6"><img src="${post.media_attachments[0].url}" class="card-img-bottom"> </div>` : ''}
${post.media_attachments[0] ? `<div class="col-md-6"><img src="${post.media_attachments[0].url}" class="card-img-bottom" align="center"> </div>` : ''}
</div>
<hr>
<p class="card-text text-right"><small class="text-muted"><a href="${post.url}" target="_blank" data-time="${post.created_at}">${timeAgo(secondsAgo(new Date(post.created_at)))}</a></small></p>
<p class="card-text text-right"><small class="text-muted"><a href="${post.url}" target="_blank" data-time="${post.created_at}">${timeAgo(secondsAgo(new Date(post.created_at)))}</a>, <b>${post.favourites_count}</b> favorisiert, <b>${post.replies_count}</b> Antworten, <b>${post.reblogs_count}</b> geteilt</small></p>
</div>
`;
newHTML += '</div>';

7
styles.css
View file

@ -1,3 +1,5 @@
@charset "utf-8";
/* Add some custom CSS for the cards */
.card {
margin-bottom: 20px;
@ -182,10 +184,14 @@ body {
.card-img-bottom {
max-width: 600px;
max-height: 500px;
width: auto;
text-align: center;
aspect-ratio: auto !important;
border-top-left-radius: calc(.25rem - 1px);
border-top-right-radius:calc(.25rem - 1px);
margin-top: 0px !important;
margin-bottom: 10px !important;
align-items: center;
}
.text-muted {
@ -193,4 +199,3 @@ body {
font-size: 0.6em;
text-align: right;
}