From 91ab098e98c770c616a8de9dc5d030277e334607 Mon Sep 17 00:00:00 2001 From: Jannik Menzel Date: Sun, 1 Jun 2025 17:52:00 +0200 Subject: [PATCH] added news images and mobile social media icons --- assets/css/main.css | 26 ++++++++++++++++++++++++++ assets/js/main.js | 31 ++++++++++++++++++++++++++++++- layouts/_partials/hero.html | 24 +++++++++++++++++++++++- static/images/thumbnail.jpg | Bin 0 -> 1428986 bytes 4 files changed, 79 insertions(+), 2 deletions(-) create mode 100644 static/images/thumbnail.jpg diff --git a/assets/css/main.css b/assets/css/main.css index 5433a7b..e4b9be4 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -212,6 +212,10 @@ li .dropdown-item-mobile { margin-right: auto; } +.hero-icons svg { + color: var(--color-text); +} + .hero-card { width: 12rem; height: 10rem; @@ -482,6 +486,22 @@ footer { margin: 0 auto; } +.feed-thumbnail-wrapper { + position: relative; + width: 100%; + aspect-ratio: 1 / 1; + overflow: hidden; + border-radius: 8px; + margin-bottom: 1rem; +} + +.feed-thumbnail { + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} + .feed-heading { font-size: 2.5rem; margin-top: 0; @@ -633,6 +653,12 @@ footer { } } +@media (min-width: 1261px) { + .hero-icons { + display: none !important; + } +} + @media (max-width: 1260px) { .hero-card-wrapper { display: none; diff --git a/assets/js/main.js b/assets/js/main.js index 54b2011..2ef1752 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -1,3 +1,5 @@ +// noinspection JSUnresolvedReference + /* ======================== Darkmode ======================== */ @@ -61,11 +63,38 @@ fetch('https://api.rss2json.com/v1/api.json?rss_url=https://toot.kif.rocks/@ifsr .then(res => res.json()) .then(data => { const container = document.getElementById('feed'); - data.items.slice(0, 5).forEach(item => { + const isInFeedSection = container.closest('.feed-section') !== null; + const maxItems = isInFeedSection ? 4 : data.items.length; + + data.items.slice(0, maxItems).forEach(item => { const cleanedContent = item.content.replace(/