kevin/portfolio
1
0
Fork 0
Code

Update balony antenna page with responsive images

Browse Source
This commit is contained in:
PA4KEV 2023-01-11 21:45:26 +01:00
parent a52f8ec552
commit 42ca3d7782
4 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/radio/antenna/balun-string-w240.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
public/images/radio/antenna/balun-string-w480.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 69 KiB

BIN
public/images/radio/antenna/balun-string-w800.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 142 KiB

7
src/Pages/Radio/Balkon.js
View File

@ -23,6 +23,13 @@ const Balkon = () => {
<div id="list-dipole" className='content-item'>
<h3 className="text-primary">Dipole</h3>
<p>A dipole with a 1:1 Balun was the first HF antenna I attempted to try out.</p>
<picture>
<source media="(max-width: 799px)" srcset={`${process.env.PUBLIC_URL}/images/radio/antenna/balun-string-w240.webp`} />
<source media="(min-width: 800px) and (max-width: 1199px)" srcset={`${process.env.PUBLIC_URL}/images/radio/antenna/balun-string-w480.webp`} />
<source media="(min-width: 1200px)" srcset={`${process.env.PUBLIC_URL}/images/radio/antenna/balun-string-w800.webp`} />
<img alt="1:1 Balun on a string" src={`${process.env.PUBLIC_URL}/images/radio/antenna/balun-string-w800.webp`}/>
</picture>
</div>
</section>
</div>