add: youtube, logo invert

This commit is contained in:
sadorowo 2023-09-15 11:18:25 +00:00
parent 6556473c73
commit cb6355e9d0
10 changed files with 10 additions and 14 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 87 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

View File

Before

Width:  |  Height:  |  Size: 8.4 KiB

After

Width:  |  Height:  |  Size: 8.4 KiB

View File

Before

Width:  |  Height:  |  Size: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

View File

Before

Width:  |  Height:  |  Size: 9.9 KiB

After

Width:  |  Height:  |  Size: 9.9 KiB

BIN
icons/youtube.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -23,20 +23,21 @@
<h4>Media społecznościowe</h4> <h4>Media społecznościowe</h4>
<div id="socials"> <div id="socials">
<a class="social" href="https://github.com/sadorowo" target="_blank"> <a class="social" href="https://github.com/sadorowo" target="_blank">
<img src="icons/light/github.png" alt="github" data-only-light> <img src="icons/github.png" alt="github">
<img src="icons/dark/github.png" alt="github" data-only-dark>
<p>GitHub</p> <p>GitHub</p>
</a> </a>
<a class="social" href="https://last.fm/user/sadorishere" target="_blank"> <a class="social" href="https://last.fm/user/sadorishere" target="_blank">
<img src="icons/light/lastfm.png" alt="lastfm" data-only-light> <img src="icons/lastfm.png" alt="lastfm">
<img src="icons/dark/lastfm.png" alt="lastfm" data-only-dark>
<p>Last.fm</p> <p>Last.fm</p>
</a> </a>
<a class="social" href="https://instagram.com/sadorowo" target="_blank"> <a class="social" href="https://instagram.com/sadorowo" target="_blank">
<img src="icons/light/instagram.png" alt="instagram" data-only-light> <img src="icons/instagram.png" alt="instagram">
<img src="icons/dark/instagram.png" alt="instagram" data-only-dark>
<p>Instagram</p> <p>Instagram</p>
</a> </a>
<a class="social" href="https://youtube.com/c/Sadorowo" target="_blank">
<img src="icons/youtube.png" alt="youtube">
<p>YouTube</p>
</a>
</div> </div>
<h4>BIO</h4> <h4>BIO</h4>
@ -44,7 +45,7 @@
<ul> <ul>
<li>Zine - mój własny bot na Discorda napisany w języku Rust.</li> <li>Zine - mój własny bot na Discorda napisany w języku Rust.</li>
<li>Bot Zine przystosowany pod platformę Guilded.</li> <li>Bot Zine przystosowany pod platformę Guilded.</li>
<li>Mini-komunikator Chatto napisany przy użyc.</li> <li>Mini-komunikator Chatto napisany przy użyciu Fluttera.</li>
<li>Moja personalna strona internetowa: właśnie ją oglądasz.</li> <li>Moja personalna strona internetowa: właśnie ją oglądasz.</li>
<li>Wiele innych projektów i botów</li> <li>Wiele innych projektów i botów</li>
</ul> </ul>

View File

@ -21,7 +21,6 @@
<div class="description"> <div class="description">
<h3>Zine</h3> <h3>Zine</h3>
<p>Mój własny bot na platformę Guilded napisany w języku Rust.</p> <p>Mój własny bot na platformę Guilded napisany w języku Rust.</p>
<a href="#" target="_blank">SOON</a>
</div> </div>
</div> </div>
<div class="project-card"> <div class="project-card">

View File

@ -235,16 +235,12 @@ body.dark .project-card .description * {
background-color: #b4b4b4; background-color: #b4b4b4;
} }
body.dark *[data-only-light] {
display: none;
}
body:not(.dark) .project-card { body:not(.dark) .project-card {
background-color: rgb(185, 175, 255); background-color: rgb(185, 175, 255);
} }
body:not(.dark) *[data-only-dark] { body:not(.dark) #socials .social img {
display: none; filter: invert();
} }
body:not(.dark) .social { body:not(.dark) .social {