maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix: improve ZOPK news image loading with no-referrer policy
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source 
- Add referrerpolicy="no-referrer" to img tags to bypass hotlink
  protection on source servers
- Replace Google Favicons fallback (blocked) with inline domain
  initial letter in green placeholder
- Consistent styling across index and news_list templates

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-15 09:03:32 +01:00
parent 55088f0ccb
commit 5ffeb80959
2 changed files with 20 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
templates/zopk/index.html
View File

@ -263,6 +263,13 @@
flex-shrink: 0;
}
.news-source-initial {
font-size: 28px;
font-weight: 700;
opacity: 0.8;
text-transform: uppercase;
}
.news-content h4 {
font-size: var(--font-size-lg);
margin-bottom: var(--spacing-sm);
@ -1316,14 +1323,14 @@
{% for news in news_items %}
<a href="{{ news.url }}" target="_blank" rel="noopener" class="news-card">
{% if news.image_url %}
<img src="{{ news.image_url }}" alt="" class="news-image"
<img src="{{ news.image_url }}" alt="" class="news-image" referrerpolicy="no-referrer"
onerror="this.onerror=null; this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="news-placeholder" style="display:none;">
<img src="https://www.google.com/s2/favicons?domain={{ news.source_domain or 'nordabiznes.pl' }}&amp;sz=128" alt="" style="width:32px;height:32px;opacity:0.6;">
<span class="news-source-initial">{{ (news.source_domain or 'N')[0]|upper }}</span>
</div>
{% else %}
<div class="news-placeholder">
<img src="https://www.google.com/s2/favicons?domain={{ news.source_domain or 'nordabiznes.pl' }}&amp;sz=128" alt="" style="width:32px;height:32px;opacity:0.6;">
<span class="news-source-initial">{{ (news.source_domain or 'N')[0]|upper }}</span>
</div>
{% endif %}
<div class="news-content">

13
templates/zopk/news_list.html
View File

@ -83,6 +83,13 @@
color: white;
}
.news-source-initial {
font-size: 28px;
font-weight: 700;
opacity: 0.8;
text-transform: uppercase;
}
.news-content h3 {
font-size: var(--font-size-lg);
margin-bottom: var(--spacing-sm);
@ -179,14 +186,14 @@
{% for news in news_items %}
<a href="{{ news.url }}" target="_blank" rel="noopener" class="news-card">
{% if news.image_url %}
<img src="{{ news.image_url }}" alt="" class="news-image"
<img src="{{ news.image_url }}" alt="" class="news-image" referrerpolicy="no-referrer"
onerror="this.onerror=null; this.style.display='none'; this.nextElementSibling.style.display='flex';">
<div class="news-placeholder" style="display:none;">
<img src="https://www.google.com/s2/favicons?domain={{ news.source_domain or 'nordabiznes.pl' }}&amp;sz=128" alt="" style="width:32px;height:32px;opacity:0.6;">
<span class="news-source-initial">{{ (news.source_domain or 'N')[0]|upper }}</span>
</div>
{% else %}
<div class="news-placeholder">
<img src="https://www.google.com/s2/favicons?domain={{ news.source_domain or 'nordabiznes.pl' }}&amp;sz=128" alt="" style="width:32px;height:32px;opacity:0.6;">
<span class="news-source-initial">{{ (news.source_domain or 'N')[0]|upper }}</span>
</div>
{% endif %}
<div class="news-content">