-5

src/layout.tsx

reviewed

··· 74 74 <div class="i-bi-github text-xl" /> 75 75 </Tooltip> 76 76 </a> 77 77 - <a href="https://ko-fi.com/notjuliet" target="_blank"> 78 78 - <Tooltip text="Donate"> 79 79 - <div class="i-simple-icons-kofi text-xl" /> 80 80 - </Tooltip> 81 81 - </a> 82 77 <div 83 78 class="w-fit cursor-pointer" 84 79 onclick={() => {

-24

src/styles/icons.css

reviewed

··· 1 1 - .i-fa6-brands-bluesky { 2 2 - --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 512 512' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2c-18.2 64.8-84.4 81.4-143.3 71.3C456 322 482.2 380 425.6 438c-107.4 110.2-154.3-27.6-166.3-62.9c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z'/%3E%3C/svg%3E"); 3 3 - -webkit-mask: var(--un-icon) no-repeat; 4 4 - mask: var(--un-icon) no-repeat; 5 5 - -webkit-mask-size: 100% 100%; 6 6 - mask-size: 100% 100%; 7 7 - background-color: currentColor; 8 8 - color: inherit; 9 9 - width: 1.2em; 10 10 - height: 1.2em; 11 11 - } 12 12 - 13 1 .i-bi-github { 14 2 --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 16 16' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59c.4.07.55-.17.55-.38c0-.19-.01-.82-.01-1.49c-2.01.37-2.53-.49-2.69-.94c-.09-.23-.48-.94-.82-1.13c-.28-.15-.68-.52-.01-.53c.63-.01 1.08.58 1.23.82c.72 1.21 1.87.87 2.33.66c.07-.52.28-.87.51-1.07c-1.78-.2-3.64-.89-3.64-3.95c0-.87.31-1.59.82-2.15c-.08-.2-.36-1.02.08-2.12c0 0 .67-.21 2.2.82c.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82c.44 1.1.16 1.92.08 2.12c.51.56.82 1.27.82 2.15c0 3.07-1.87 3.75-3.65 3.95c.29.25.54.73.54 1.48c0 1.07-.01 1.93-.01 2.2c0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8'/%3E%3C/svg%3E"); 15 3 -webkit-mask: var(--un-icon) no-repeat; ··· 276 264 -webkit-mask-size: 100% 100%; 277 265 mask-size: 100% 100%; 278 266 background-color: currentColor; 279 279 - width: 1.2em; 280 280 - height: 1.2em; 281 281 - } 282 282 - 283 283 - .i-simple-icons-kofi { 284 284 - --un-icon: url("data:image/svg+xml;utf8,%3Csvg viewBox='0 0 24 24' width='1.2em' height='1.2em' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath fill='currentColor' d='M11.351 2.715c-2.7 0-4.986.025-6.83.26C2.078 3.285 0 5.154 0 8.61c0 3.506.182 6.13 1.585 8.493c1.584 2.701 4.233 4.182 7.662 4.182h.83c4.209 0 6.494-2.234 7.637-4a9.5 9.5 0 0 0 1.091-2.338C21.792 14.688 24 12.22 24 9.208v-.415c0-3.247-2.13-5.507-5.792-5.87c-1.558-.156-2.65-.208-6.857-.208m0 1.947c4.208 0 5.09.052 6.571.182c2.624.311 4.13 1.584 4.13 4v.39c0 2.156-1.792 3.844-3.87 3.844h-.935l-.156.649c-.208 1.013-.597 1.818-1.039 2.546c-.909 1.428-2.545 3.064-5.922 3.064h-.805c-2.571 0-4.831-.883-6.078-3.195c-1.09-2-1.298-4.155-1.298-7.506c0-2.181.857-3.402 3.012-3.714c1.533-.233 3.559-.26 6.39-.26m6.547 2.287c-.416 0-.65.234-.65.546v2.935c0 .311.234.545.65.545c1.324 0 2.051-.754 2.051-2s-.727-2.026-2.052-2.026m-10.39.182c-1.818 0-3.013 1.48-3.013 3.142c0 1.533.858 2.857 1.949 3.897c.727.701 1.87 1.429 2.649 1.896a1.47 1.47 0 0 0 1.507 0c.78-.467 1.922-1.195 2.623-1.896c1.117-1.039 1.974-2.364 1.974-3.897c0-1.662-1.247-3.142-3.039-3.142c-1.065 0-1.792.545-2.338 1.298c-.493-.753-1.246-1.298-2.312-1.298'/%3E%3C/svg%3E"); 285 285 - -webkit-mask: var(--un-icon) no-repeat; 286 286 - mask: var(--un-icon) no-repeat; 287 287 - -webkit-mask-size: 100% 100%; 288 288 - mask-size: 100% 100%; 289 289 - background-color: currentColor; 290 290 - color: inherit; 291 267 width: 1.2em; 292 268 height: 1.2em; 293 269 }