`;
}
+ const postContent = DOMPurify.sanitize(post.content);
newHTML += `
@@ -193,7 +194,7 @@ const updateCarousel = function(slides, posts) {
- ${post.media_attachments[0] ? `
${DOMPurify.sanitize(post.content)}
` : `
${DOMPurify.sanitize(post.content)}
`}
+
800 ? `style="font-size: 0.9em;"`: ``}>${postContent}
${post.media_attachments[0] ? `
` : ''}
@@ -228,6 +229,11 @@ const showCarousel = function() {
$('#myCarousel').carousel("cycle");
}
+const strip = function(html) {
+ let doc = new DOMParser().parseFromString(html, 'text/html');
+ return doc.body.textContent || "";
+}
+
const hideCarousel = function() {
// show popover
document.getElementById('popover').style.opacity = '0';
diff --git a/styles.css b/styles.css
index dd40322..3291ebf 100644
--- a/styles.css
+++ b/styles.css
@@ -52,6 +52,8 @@
.carousel .card-text {
font-size: 1.4em;
+ overflow: hidden;
+ max-height: 60vh;
}
.card {
@@ -201,6 +203,7 @@ body {
margin-top: 0px !important;
margin-bottom: 10px !important;
align-items: center;
+ float: right;
}
.text-muted {