michael_dileo/Keyboard-Vagabond-Web
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

change logo images to use css

Browse Source
This commit is contained in:
Michael DiLeo
2025-12-07 14:22:54 +01:00
parent 96351533c6
commit 925ec7cf1e
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
public/index.html
View File

@@ -149,7 +149,7 @@
<picture class="service-icon"> <picture class="service-icon">
<source srcset="assets/logos/mastodon-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/> <source srcset="assets/logos/mastodon-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
<source srcset="assets/logos/mastodon-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/> <source srcset="assets/logos/mastodon-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
<img src="assets/logos/mastodon-light.svg" alt="Mastodon mascot holding a phone with mastodon mascot" width="60" height="60" type="image/svg+xml"/> <img src="assets/logos/mastodon-light.svg" alt="Mastodon mascot holding a phone with mastodon mascot" type="image/svg+xml"/>
</picture> </picture>
<span class="service-text"> <span class="service-text">
<strong>Mastodon</strong> - Microblogging <strong>Mastodon</strong> - Microblogging
@@ -159,7 +159,7 @@
<picture class="service-icon"> <picture class="service-icon">
<source srcset="assets/logos/piefed-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml" /> <source srcset="assets/logos/piefed-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml" />
<source srcset="assets/logos/piefed-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml" /> <source srcset="assets/logos/piefed-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml" />
<img src="assets/logos/piefed-light.svg" alt="Piefed mascot holding a pie" width="60" height="60" type="image/svg+xml" /> <img src="assets/logos/piefed-light.svg" alt="Piefed mascot holding a pie" type="image/svg+xml" />
</picture> </picture>
<span class="service-text"> <span class="service-text">
<strong>Piefed</strong> - Community Forum <strong>Piefed</strong> - Community Forum
@@ -169,7 +169,7 @@
<picture class="service-icon"> <picture class="service-icon">
<source srcset="assets/logos/pixelfed-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/> <source srcset="assets/logos/pixelfed-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
<source srcset="assets/logos/pixelfed-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/> <source srcset="assets/logos/pixelfed-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
<img src="assets/logos/pixelfed-light.svg" alt="Pixelfed mascot holding camera" width="60" height="60" type="image/svg+xml"/> <img src="assets/logos/pixelfed-light.svg" alt="Pixelfed mascot holding camera" type="image/svg+xml"/>
</picture> </picture>
<span class="service-text"> <span class="service-text">
<strong>Pixelfed</strong> - Photo Sharing <strong>Pixelfed</strong> - Photo Sharing
@@ -179,7 +179,7 @@
<picture class="service-icon"> <picture class="service-icon">
<source srcset="assets/logos/bookwyrm-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/> <source srcset="assets/logos/bookwyrm-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
<source srcset="assets/logos/bookwyrm-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/> <source srcset="assets/logos/bookwyrm-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
<img src="assets/logos/bookwyrm-light.svg" alt="Bookwyrm mascot holding book" width="60" height="60" type="image/svg+xml"/> <img src="assets/logos/bookwyrm-light.svg" alt="Bookwyrm mascot holding book" type="image/svg+xml"/>
</picture> </picture>
<span class="service-text"> <span class="service-text">
<strong>Bookwyrm</strong> - Book Reviews <strong>Bookwyrm</strong> - Book Reviews
@@ -189,7 +189,7 @@
<picture class="service-icon"> <picture class="service-icon">
<source srcset="assets/logos/default-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/> <source srcset="assets/logos/default-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
<source srcset="assets/logos/default-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/> <source srcset="assets/logos/default-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
<img src="assets/logos/default-light.svg" alt="Default mascot holding laptop" width="60" height="60" type="image/svg+xml"/> <img src="assets/logos/default-light.svg" alt="Default mascot holding laptop" type="image/svg+xml"/>
</picture> </picture>
<span class="service-text"> <span class="service-text">
<strong>Write Freely</strong> - Blogging <strong>Write Freely</strong> - Blogging
@@ -199,7 +199,7 @@
<picture class="service-icon"> <picture class="service-icon">
<source srcset="assets/logos/default-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/> <source srcset="assets/logos/default-dark.svg" media="(prefers-color-scheme: dark)" type="image/svg+xml"/>
<source srcset="assets/logos/default-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/> <source srcset="assets/logos/default-light.svg" media="(prefers-color-scheme: light)" type="image/svg+xml"/>
<img src="assets/logos/default-light.svg" alt="Default mascot holding laptop" width="60" height="60" type="image/svg+xml"/> <img src="assets/logos/default-light.svg" alt="Default mascot holding laptop" type="image/svg+xml"/>
</picture> </picture>
<span class="service-text"> <span class="service-text">
<strong>Picsur</strong> - Image Hosting <strong>Picsur</strong> - Image Hosting

4
public/site-styles/style.css
View File

@@ -420,8 +420,8 @@
} }
.service-icon img { .service-icon img {
width: 100%; width: 60px;
height: 100%; height: 60px;
object-fit: contain; object-fit: contain;
display: block; display: block;
} }