add: youtube, logo invert
Before Width: | Height: | Size: 87 KiB |
Before Width: | Height: | Size: 89 KiB |
Before Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 8.4 KiB After Width: | Height: | Size: 8.4 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 32 KiB |
Before Width: | Height: | Size: 9.9 KiB After Width: | Height: | Size: 9.9 KiB |
BIN
icons/youtube.png
Normal file
After Width: | Height: | Size: 17 KiB |
15
index.html
@ -23,20 +23,21 @@
|
||||
<h4>Media społecznościowe</h4>
|
||||
<div id="socials">
|
||||
<a class="social" href="https://github.com/sadorowo" target="_blank">
|
||||
<img src="icons/light/github.png" alt="github" data-only-light>
|
||||
<img src="icons/dark/github.png" alt="github" data-only-dark>
|
||||
<img src="icons/github.png" alt="github">
|
||||
<p>GitHub</p>
|
||||
</a>
|
||||
<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/dark/lastfm.png" alt="lastfm" data-only-dark>
|
||||
<img src="icons/lastfm.png" alt="lastfm">
|
||||
<p>Last.fm</p>
|
||||
</a>
|
||||
<a class="social" href="https://instagram.com/sadorowo" target="_blank">
|
||||
<img src="icons/light/instagram.png" alt="instagram" data-only-light>
|
||||
<img src="icons/dark/instagram.png" alt="instagram" data-only-dark>
|
||||
<img src="icons/instagram.png" alt="instagram">
|
||||
<p>Instagram</p>
|
||||
</a>
|
||||
<a class="social" href="https://youtube.com/c/Sadorowo" target="_blank">
|
||||
<img src="icons/youtube.png" alt="youtube">
|
||||
<p>YouTube</p>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<h4>BIO</h4>
|
||||
@ -44,7 +45,7 @@
|
||||
<ul>
|
||||
<li>Zine - mój własny bot na Discorda napisany w języku Rust.</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>Wiele innych projektów i botów</li>
|
||||
</ul>
|
||||
|
@ -21,7 +21,6 @@
|
||||
<div class="description">
|
||||
<h3>Zine</h3>
|
||||
<p>Mój własny bot na platformę Guilded napisany w języku Rust.</p>
|
||||
<a href="#" target="_blank">SOON</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="project-card">
|
||||
|
@ -235,16 +235,12 @@ body.dark .project-card .description * {
|
||||
background-color: #b4b4b4;
|
||||
}
|
||||
|
||||
body.dark *[data-only-light] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body:not(.dark) .project-card {
|
||||
background-color: rgb(185, 175, 255);
|
||||
}
|
||||
|
||||
body:not(.dark) *[data-only-dark] {
|
||||
display: none;
|
||||
body:not(.dark) #socials .social img {
|
||||
filter: invert();
|
||||
}
|
||||
|
||||
body:not(.dark) .social {
|
||||
|