commit 5f9618daf56c16e4c8349f0e5f6d54af316b00ec · pdsls.dev/pdsls

-5

src/layout.tsx

···

       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

···

       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
        
       }