Dark theme + Twitch and Ko-fi links

Changed files
+13 -16
assets
+2 -12
assets/css/main.css
··· 20 20 url("https://assets.tangled.network/tangled_dolly_face_only_white_on_trans.svg"); 21 21 } 22 22 23 - .icon-liberapay::before { 24 - content: ""; 25 - display: inline-block; 26 - width: 100%; 27 - height: 100%; 28 - background: center / contain no-repeat 29 - url("https://liberapay.com/assets/liberapay/icon-v2_black.svg"); 30 - filter: brightness(0) invert(1); 31 - } 32 - 33 23 .pronouns { 34 24 font-weight: bold; 35 25 } ··· 52 42 53 43 .part { 54 44 border-radius: 5px; 55 - background-color: rgba(255, 255, 255, 0.05); 45 + background-color: rgba(0, 0, 0, 0.3); 56 46 border: 1px solid rgba(255, 255, 255, 0.15); 57 47 backdrop-filter: blur(10px); 58 48 } ··· 69 59 70 60 #socials { 71 61 display: grid; 72 - grid-template-columns: repeat(5, 1fr); 62 + grid-template-columns: repeat(6, 1fr); 73 63 gap: 1em; 74 64 padding: 1em; 75 65 text-align: center;
assets/img/profile.avif

This is a binary file and will not be displayed.

assets/img/profile.png

This is a binary file and will not be displayed.

+11 -4
index.html
··· 4 4 <meta charset="UTF-8" /> 5 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 6 <link rel="stylesheet" href="assets/css/main.css" /> 7 - <!-- <link rel="stylesheet" href="assets/css/bg.css" /> --> 7 + 8 8 <link 9 9 rel="stylesheet" 10 10 href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css" ··· 34 34 <figure> 35 35 <img 36 36 id="profile-picture" 37 - src="assets/img/profile.png" 37 + src="assets/img/profile.avif" 38 38 alt="Profile picture" 39 39 /> 40 40 </figure> ··· 58 58 <i class="bi bi-youtube"></i> YouTube 59 59 </a> 60 60 <a 61 + href="https://twitch.tv/lightyisreal" 62 + target="_blank" 63 + class="social-link part" 64 + > 65 + <i class="bi bi-twitch"></i> Twitch 66 + </a> 67 + <a 61 68 href="https://tiktok.com/@lightyisreal" 62 69 target="_blank" 63 70 class="social-link part" ··· 104 111 <i class="icon icon-tangled"></i> Tangled (Git) 105 112 </a> 106 113 <a 107 - href="https://liberapay.com/lighty" 114 + href="https://ko-fi.com/lightyisreal" 108 115 target="_blank" 109 116 class="social-link social-link-wide part" 110 117 > 111 - <i class="icon icon-liberapay"></i> Liberapay (Donations) 118 + <i class="bi bi-piggy-bank-fill"></i> Ko-fi (Donations) 112 119 </a> 113 120 </section> 114 121 </body>