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

feat(pej): add Multimedia section — videos and infographics
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 
Two YouTube videos (virtual tour, project overview) and two
infographics from pej.pl (reactor components, construction timeline).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-16 21:17:52 +01:00
parent 51422c10f6
commit 95a3feaa3f
1 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
templates/pej/index.html
View File

@ -110,6 +110,30 @@
.pej-btn-outline { border: 1px solid #7c3aed; color: #7c3aed; }
.pej-btn-outline:hover { background: #f5f3ff; }
.pej-media-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
@media (max-width: 768px) { .pej-media-grid { grid-template-columns: 1fr; } }
.pej-video-wrap {
position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;
border-radius: var(--radius); border: 1px solid var(--border);
}
.pej-video-wrap iframe {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;
}
.pej-video-title {
font-size: var(--font-size-sm); font-weight: 500; margin-top: var(--spacing-sm);
color: var(--text-primary);
}
.pej-infographic {
border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden;
background: #fff;
}
.pej-infographic img { width: 100%; height: auto; display: block; }
.pej-infographic-caption {
padding: var(--spacing-sm) var(--spacing-md);
font-size: var(--font-size-sm); color: var(--text-secondary);
border-top: 1px solid var(--border);
}
.pej-empty { text-align: center; padding: var(--spacing-xl); color: var(--text-secondary); }
.pej-sources { display: grid; grid-template-columns: 1fr 1fr; gap: var(--spacing-lg); }
@ -200,6 +224,40 @@
</div>
</div>
<div class="pej-section">
<div class="pej-section-title">Multimedia</div>
<div class="pej-media-grid">
<div>
<div class="pej-video-wrap">
<iframe src="https://www.youtube.com/embed/Ne7Nwo3sGSg" allowfullscreen loading="lazy" title="Wirtualny spacer po elektrowni jądrowej"></iframe>
</div>
<div class="pej-video-title">Wirtualny spacer po elektrowni jądrowej z perspektywy dozoru</div>
</div>
<div>
<div class="pej-video-wrap">
<iframe src="https://www.youtube.com/embed/VnNmsntBHsg" allowfullscreen loading="lazy" title="Elektrownia jądrowa Lubiatowo-Kopalino"></iframe>
</div>
<div class="pej-video-title">Elektrownia jądrowa Lubiatowo-Kopalino</div>
</div>
<div>
<div class="pej-infographic">
<a href="https://pej.pl/wp-content/uploads/2025/06/Elementy-bloku-EJ-PL-1024x669.png" target="_blank" rel="noopener">
<img src="https://pej.pl/wp-content/uploads/2025/06/Elementy-bloku-EJ-PL-1024x669.png" alt="Elementy bloku elektrowni jądrowej" loading="lazy">
</a>
<div class="pej-infographic-caption">Elementy bloku elektrowni jądrowej AP1000</div>
</div>
</div>
<div>
<div class="pej-infographic">
<a href="https://pej.pl/wp-content/uploads/2026/02/harmonogram_PL_18022026.png" target="_blank" rel="noopener">
<img src="https://pej.pl/wp-content/uploads/2026/02/harmonogram_PL_18022026.png" alt="Harmonogram budowy elektrowni jądrowej" loading="lazy">
</a>
<div class="pej-infographic-caption">Harmonogram budowy elektrowni jądrowej (luty 2026)</div>
</div>
</div>
</div>
</div>
<div class="pej-section">
<div class="pej-section-title">Źródła i kontakty PEJ</div>
<div class="pej-sources">