comparing a4a36cc81b94ff97a4f35b7ad08d5bd3c8e786b2 and main on juli.ee/cleanfollow

-91

src/svg.tsx

···

       1
       -
       import { Component } from "solid-js";

     

       2
       -
       

     

       3
       -
       const AiFillGithub: Component<{ class?: string }> = (props) => {

     

       4
       -
         return (

     

       5
       -
           <div class={props.class}>

     

       6
       -
             <svg

     

       7
       -
               class="size-full"

     

       8
       -
               fill="currentColor"

     

       9
       -
               stroke-width="0"

     

       10
       -
               xmlns="http://www.w3.org/2000/svg"

     

       11
       -
               viewBox="0 0 16 16"

     

       12
       -
               height="1em"

     

       13
       -
               width="1em"

     

       14
       -
               style="overflow: visible; color: currentcolor;"

     

       15
       -
             >

     

       16
       -
               <path

     

       17
       -
                 fill="currentColor"

     

       18
       -
                 d="M8 .198a8 8 0 0 0-2.529 15.591c.4.074.547-.174.547-.385 0-.191-.008-.821-.011-1.489-2.226.484-2.695-.944-2.695-.944-.364-.925-.888-1.171-.888-1.171-.726-.497.055-.486.055-.486.803.056 1.226.824 1.226.824.714 1.223 1.872.869 2.328.665.072-.517.279-.87.508-1.07-1.777-.202-3.645-.888-3.645-3.954 0-.873.313-1.587.824-2.147-.083-.202-.357-1.015.077-2.117 0 0 .672-.215 2.201.82A7.672 7.672 0 0 1 8 4.066c.68.003 1.365.092 2.004.269 1.527-1.035 2.198-.82 2.198-.82.435 1.102.162 1.916.079 2.117.513.56.823 1.274.823 2.147 0 3.073-1.872 3.749-3.653 3.947.287.248.543.735.543 1.481 0 1.07-.009 1.932-.009 2.195 0 .213.144.462.55.384A8 8 0 0 0 8.001.196z"

     

       19
       -
               ></path>

     

       20
       -
             </svg>

     

       21
       -
           </div>

     

       22
       -
         );

     

       23
       -
       };

     

       24
       -
       

     

       25
       -
       const Bluesky: Component<{ class?: string }> = (props) => {

     

       26
       -
         return (

     

       27
       -
           <div class={props.class}>

     

       28
       -
             <svg

     

       29
       -
               class="size-full"

     

       30
       -
               width="1em"

     

       31
       -
               height="1em"

     

       32
       -
               viewBox="0 0 568 501"

     

       33
       -
               fill="currentColor"

     

       34
       -
               xmlns="http://www.w3.org/2000/svg"

     

       35
       -
             >

     

       36
       -
               <path d="M123.121 33.6637C188.241 82.5526 258.281 181.681 284 234.873C309.719 181.681 379.759 82.5526 444.879 33.6637C491.866 -1.61183 568 -28.9064 568 57.9464C568 75.2916 558.055 203.659 552.222 224.501C531.947 296.954 458.067 315.434 392.347 304.249C507.222 323.8 536.444 388.56 473.333 453.32C353.473 576.312 301.061 422.461 287.631 383.039C285.169 375.812 284.017 372.431 284 375.306C283.983 372.431 282.831 375.812 280.369 383.039C266.939 422.461 214.527 576.312 94.6667 453.32C31.5556 388.56 60.7778 323.8 175.653 304.249C109.933 315.434 36.0535 296.954 15.7778 224.501C9.94525 203.659 0 75.2916 0 57.9464C0 -28.9064 76.1345 -1.61183 123.121 33.6637Z" />

     

       37
       -
             </svg>

     

       38
       -
           </div>

     

       39
       -
         );

     

       40
       -
       };

     

       41
       -
       

     

       42
       -
       const TbMoonStar: Component<{ class?: string }> = (props) => {

     

       43
       -
         return (

     

       44
       -
           <div class={props.class}>

     

       45
       -
             <svg

     

       46
       -
               class="size-full"

     

       47
       -
               fill="none"

     

       48
       -
               stroke-width="2"

     

       49
       -
               xmlns="http://www.w3.org/2000/svg"

     

       50
       -
               width="1em"

     

       51
       -
               height="1em"

     

       52
       -
               viewBox="0 0 24 24"

     

       53
       -
               stroke="currentColor"

     

       54
       -
               stroke-linecap="round"

     

       55
       -
               stroke-linejoin="round"

     

       56
       -
               style="overflow: visible; color: currentcolor;"

     

       57
       -
             >

     

       58
       -
               <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>

     

       59
       -
               <path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z"></path>

     

       60
       -
               <path d="M17 4a2 2 0 0 0 2 2a2 2 0 0 0 -2 2a2 2 0 0 0 -2 -2a2 2 0 0 0 2 -2"></path>

     

       61
       -
               <path d="M19 11h2m-1 -1v2"></path>

     

       62
       -
             </svg>

     

       63
       -
           </div>

     

       64
       -
         );

     

       65
       -
       };

     

       66
       -
       

     

       67
       -
       const TbSun: Component<{ class?: string }> = (props) => {

     

       68
       -
         return (

     

       69
       -
           <div class={props.class}>

     

       70
       -
             <svg

     

       71
       -
               class="size-full"

     

       72
       -
               fill="none"

     

       73
       -
               stroke-width="2"

     

       74
       -
               xmlns="http://www.w3.org/2000/svg"

     

       75
       -
               width="1em"

     

       76
       -
               height="1em"

     

       77
       -
               viewBox="0 0 24 24"

     

       78
       -
               stroke="currentColor"

     

       79
       -
               stroke-linecap="round"

     

       80
       -
               stroke-linejoin="round"

     

       81
       -
               style="overflow: visible; color: currentcolor;"

     

       82
       -
             >

     

       83
       -
               <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>

     

       84
       -
               <path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0"></path>

     

       85
       -
               <path d="M3 12h1m8 -9v1m8 8h1m-9 8v1m-6.4 -15.4l.7 .7m12.1 -.7l-.7 .7m0 11.4l.7 .7m-12.1 -.7l-.7 .7"></path>

     

       86
       -
             </svg>

     

       87
       -
           </div>

     

       88
       -
         );

     

       89
       -
       };

     

       90
       -
       

     

       91
       -
       export { AiFillGithub, Bluesky, TbMoonStar, TbSun };

+1 -1

LICENSE

···

       1
       -
       Copyright (c) 2024 Juliet Philippe <notjuliet@riseup.net>

     

       2
        
       

     

       3
        
       Permission to use, copy, modify, and/or distribute this software for any

     

       4
        
       purpose with or without fee is hereby granted.

···

       1
       +
       Copyright (c) 2024 Juliet Philippe <m@juli.ee>

     

       2
        
       

     

       3
        
       Permission to use, copy, modify, and/or distribute this software for any

     

       4
        
       purpose with or without fee is hereby granted.

src/assets/favicon.ico

This is a binary file and will not be displayed.

public/favicon.webp

This is a binary file and will not be displayed.

+1 -1

.nvmrc

-70

src/icons.css

···

       1
       -
       .i-fa6-brands-bluesky {

     

       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
       -
         -webkit-mask: var(--un-icon) no-repeat;

     

       4
       -
         mask: var(--un-icon) no-repeat;

     

       5
       -
         -webkit-mask-size: 100% 100%;

     

       6
       -
         mask-size: 100% 100%;

     

       7
       -
         background-color: currentColor;

     

       8
       -
         color: inherit;

     

       9
       -
         width: 1.2em;

     

       10
       -
         height: 1.2em;

     

       11
       -
       }

     

       12
       -
       

     

       13
       -
       .i-bi-github {

     

       14
       -
         --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
       -
         -webkit-mask: var(--un-icon) no-repeat;

     

       16
       -
         mask: var(--un-icon) no-repeat;

     

       17
       -
         -webkit-mask-size: 100% 100%;

     

       18
       -
         mask-size: 100% 100%;

     

       19
       -
         background-color: currentColor;

     

       20
       -
         color: inherit;

     

       21
       -
         width: 1.2em;

     

       22
       -
         height: 1.2em;

     

       23
       -
       }

     

       24
       -
       

     

       25
       -
       .i-tabler-moon-stars {

     

       26
       -
         --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='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 3h.393a7.5 7.5 0 0 0 7.92 12.446A9 9 0 1 1 12 2.992zm5 1a2 2 0 0 0 2 2a2 2 0 0 0-2 2a2 2 0 0 0-2-2a2 2 0 0 0 2-2m2 7h2m-1-1v2'/%3E%3C/svg%3E");

     

       27
       -
         -webkit-mask: var(--un-icon) no-repeat;

     

       28
       -
         mask: var(--un-icon) no-repeat;

     

       29
       -
         -webkit-mask-size: 100% 100%;

     

       30
       -
         mask-size: 100% 100%;

     

       31
       -
         background-color: currentColor;

     

       32
       -
         color: inherit;

     

       33
       -
         width: 1.2em;

     

       34
       -
         height: 1.2em;

     

       35
       -
       }

     

       36
       -
       

     

       37
       -
       .i-tabler-sun {

     

       38
       -
         --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='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12a4 4 0 1 0 8 0a4 4 0 1 0-8 0m-5 0h1m8-9v1m8 8h1m-9 8v1M5.6 5.6l.7.7m12.1-.7l-.7.7m0 11.4l.7.7m-12.1-.7l-.7.7'/%3E%3C/svg%3E");

     

       39
       -
         -webkit-mask: var(--un-icon) no-repeat;

     

       40
       -
         mask: var(--un-icon) no-repeat;

     

       41
       -
         -webkit-mask-size: 100% 100%;

     

       42
       -
         mask-size: 100% 100%;

     

       43
       -
         background-color: currentColor;

     

       44
       -
         color: inherit;

     

       45
       -
         width: 1.2em;

     

       46
       -
         height: 1.2em;

     

       47
       -
       }

     

       48
       -
       

     

       49
       -
       .i-tabler-external-link {

     

       50
       -
         --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='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-6m-7 1l9-9m-5 0h5v5'/%3E%3C/svg%3E");

     

       51
       -
         -webkit-mask: var(--un-icon) no-repeat;

     

       52
       -
         mask: var(--un-icon) no-repeat;

     

       53
       -
         -webkit-mask-size: 100% 100%;

     

       54
       -
         mask-size: 100% 100%;

     

       55
       -
         background-color: currentColor;

     

       56
       -
         width: 1.2em;

     

       57
       -
         height: 1.2em;

     

       58
       -
       }

     

       59
       -
       

     

       60
       -
       .i-simple-icons-kofi {

     

       61
       -
         --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");

     

       62
       -
         -webkit-mask: var(--un-icon) no-repeat;

     

       63
       -
         mask: var(--un-icon) no-repeat;

     

       64
       -
         -webkit-mask-size: 100% 100%;

     

       65
       -
         mask-size: 100% 100%;

     

       66
       -
         background-color: currentColor;

     

       67
       -
         color: inherit;

     

       68
       -
         width: 1.2em;

     

       69
       -
         height: 1.2em;

     

       70
       -
       }

+19

src/index.css

···

       1
       +
       @import "tailwindcss";

     

       2
       +
       

     

       3
       +
       @plugin "@iconify/tailwind4";

     

       4
       +
       

     

       5
       +
       @custom-variant dark (&:where(.dark, .dark *));

     

       6
       +
       

     

       7
       +
       @theme {

     

       8
       +
         --color-dark-50: oklch(40.91% 0 0);

     

       9
       +
         --color-dark-100: oklch(35.62% 0 0);

     

       10
       +
         --color-dark-200: oklch(31.71% 0 0);

     

       11
       +
         --color-dark-300: oklch(29.72% 0 0);

     

       12
       +
         --color-dark-400: oklch(25.2% 0 0);

     

       13
       +
         --color-dark-500: oklch(23.93% 0 0);

     

       14
       +
         --color-dark-600: oklch(22.73% 0.0038 286.09);

     

       15
       +
         --color-dark-700: oklch(22.21% 0 0);

     

       16
       +
         --color-dark-800: oklch(20.9% 0 0);

     

       17
       +
         --color-dark-900: oklch(16.84% 0 0);

     

       18
       +
         --color-dark-950: oklch(13.44% 0 0);

     

       19
       +
       }

-388

src/tailwind-compat.css

···

       1
       -
       /*

     

       2
       -
       Please read: https://github.com/unocss/unocss/blob/main/packages/reset/tailwind-compat.md

     

       3
       -
       */

     

       4
       -
       

     

       5
       -
       /*

     

       6
       -
       1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)

     

       7
       -
       2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)

     

       8
       -
       2. [UnoCSS]: allow to override the default border color with css var `--un-default-border-color`

     

       9
       -
       */

     

       10
       -
       

     

       11
       -
       *,

     

       12
       -
       ::before,

     

       13
       -
       ::after {

     

       14
       -
         box-sizing: border-box; /* 1 */

     

       15
       -
         border-width: 0; /* 2 */

     

       16
       -
         border-style: solid; /* 2 */

     

       17
       -
         border-color: var(--un-default-border-color, #e5e7eb); /* 2 */

     

       18
       -
       }

     

       19
       -
       

     

       20
       -
       /*

     

       21
       -
       1. Use a consistent sensible line-height in all browsers.

     

       22
       -
       2. Prevent adjustments of font size after orientation changes in iOS.

     

       23
       -
       3. Use a more readable tab size.

     

       24
       -
       4. Use the user's configured `sans` font-family by default.

     

       25
       -
       5. Use the user's configured `sans` font-feature-settings by default.

     

       26
       -
       6. Use the user's configured `sans` font-variation-settings by default.

     

       27
       -
       7. Disable tap highlights on iOS.

     

       28
       -
       */

     

       29
       -
       

     

       30
       -
       html,

     

       31
       -
       :host {

     

       32
       -
         line-height: 1.5; /* 1 */

     

       33
       -
         -webkit-text-size-adjust: 100%; /* 2 */

     

       34
       -
         -moz-tab-size: 4; /* 3 */

     

       35
       -
         tab-size: 4; /* 3 */

     

       36
       -
         font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */

     

       37
       -
         font-feature-settings: normal; /* 5 */

     

       38
       -
         font-variation-settings: normal; /* 6 */

     

       39
       -
         -webkit-tap-highlight-color: transparent; /* 7 */

     

       40
       -
       }

     

       41
       -
       

     

       42
       -
       /*

     

       43
       -
       1. Remove the margin in all browsers.

     

       44
       -
       2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.

     

       45
       -
       */

     

       46
       -
       

     

       47
       -
       body {

     

       48
       -
         margin: 0; /* 1 */

     

       49
       -
         line-height: inherit; /* 2 */

     

       50
       -
       }

     

       51
       -
       

     

       52
       -
       /*

     

       53
       -
       1. Add the correct height in Firefox.

     

       54
       -
       2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)

     

       55
       -
       3. Ensure horizontal rules are visible by default.

     

       56
       -
       */

     

       57
       -
       

     

       58
       -
       hr {

     

       59
       -
         height: 0; /* 1 */

     

       60
       -
         color: inherit; /* 2 */

     

       61
       -
         border-top-width: 1px; /* 3 */

     

       62
       -
       }

     

       63
       -
       

     

       64
       -
       /*

     

       65
       -
       Add the correct text decoration in Chrome, Edge, and Safari.

     

       66
       -
       */

     

       67
       -
       

     

       68
       -
       abbr:where([title]) {

     

       69
       -
         text-decoration: underline dotted;

     

       70
       -
       }

     

       71
       -
       

     

       72
       -
       /*

     

       73
       -
       Remove the default font size and weight for headings.

     

       74
       -
       */

     

       75
       -
       

     

       76
       -
       h1,

     

       77
       -
       h2,

     

       78
       -
       h3,

     

       79
       -
       h4,

     

       80
       -
       h5,

     

       81
       -
       h6 {

     

       82
       -
         font-size: inherit;

     

       83
       -
         font-weight: inherit;

     

       84
       -
       }

     

       85
       -
       

     

       86
       -
       /*

     

       87
       -
       Reset links to optimize for opt-in styling instead of opt-out.

     

       88
       -
       */

     

       89
       -
       

     

       90
       -
       a {

     

       91
       -
         color: inherit;

     

       92
       -
         text-decoration: inherit;

     

       93
       -
       }

     

       94
       -
       

     

       95
       -
       /*

     

       96
       -
       Add the correct font weight in Edge and Safari.

     

       97
       -
       */

     

       98
       -
       

     

       99
       -
       b,

     

       100
       -
       strong {

     

       101
       -
         font-weight: bolder;

     

       102
       -
       }

     

       103
       -
       

     

       104
       -
       /*

     

       105
       -
       1. Use the user's configured `mono` font-family by default.

     

       106
       -
       2. Use the user's configured `mono` font-feature-settings by default.

     

       107
       -
       3. Use the user's configured `mono` font-variation-settings by default.

     

       108
       -
       4. Correct the odd `em` font sizing in all browsers.

     

       109
       -
       */

     

       110
       -
       

     

       111
       -
       code,

     

       112
       -
       kbd,

     

       113
       -
       samp,

     

       114
       -
       pre {

     

       115
       -
         font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */

     

       116
       -
         font-feature-settings: normal; /* 2 */

     

       117
       -
         font-variation-settings: normal; /* 3 */

     

       118
       -
         font-size: 1em; /* 4 */

     

       119
       -
       }

     

       120
       -
       

     

       121
       -
       /*

     

       122
       -
       Add the correct font size in all browsers.

     

       123
       -
       */

     

       124
       -
       

     

       125
       -
       small {

     

       126
       -
         font-size: 80%;

     

       127
       -
       }

     

       128
       -
       

     

       129
       -
       /*

     

       130
       -
       Prevent `sub` and `sup` elements from affecting the line height in all browsers.

     

       131
       -
       */

     

       132
       -
       

     

       133
       -
       sub,

     

       134
       -
       sup {

     

       135
       -
         font-size: 75%;

     

       136
       -
         line-height: 0;

     

       137
       -
         position: relative;

     

       138
       -
         vertical-align: baseline;

     

       139
       -
       }

     

       140
       -
       

     

       141
       -
       sub {

     

       142
       -
         bottom: -0.25em;

     

       143
       -
       }

     

       144
       -
       

     

       145
       -
       sup {

     

       146
       -
         top: -0.5em;

     

       147
       -
       }

     

       148
       -
       

     

       149
       -
       /*

     

       150
       -
       1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)

     

       151
       -
       2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)

     

       152
       -
       3. Remove gaps between table borders by default.

     

       153
       -
       */

     

       154
       -
       

     

       155
       -
       table {

     

       156
       -
         text-indent: 0; /* 1 */

     

       157
       -
         border-color: inherit; /* 2 */

     

       158
       -
         border-collapse: collapse; /* 3 */

     

       159
       -
       }

     

       160
       -
       

     

       161
       -
       /*

     

       162
       -
       1. Change the font styles in all browsers.

     

       163
       -
       2. Remove the margin in Firefox and Safari.

     

       164
       -
       3. Remove default padding in all browsers.

     

       165
       -
       */

     

       166
       -
       

     

       167
       -
       button,

     

       168
       -
       input,

     

       169
       -
       optgroup,

     

       170
       -
       select,

     

       171
       -
       textarea {

     

       172
       -
         font-family: inherit; /* 1 */

     

       173
       -
         font-feature-settings: inherit; /* 1 */

     

       174
       -
         font-variation-settings: inherit; /* 1 */

     

       175
       -
         font-size: 100%; /* 1 */

     

       176
       -
         font-weight: inherit; /* 1 */

     

       177
       -
         line-height: inherit; /* 1 */

     

       178
       -
         color: inherit; /* 1 */

     

       179
       -
         margin: 0; /* 2 */

     

       180
       -
         padding: 0; /* 3 */

     

       181
       -
       }

     

       182
       -
       

     

       183
       -
       /*

     

       184
       -
       Remove the inheritance of text transform in Edge and Firefox.

     

       185
       -
       */

     

       186
       -
       

     

       187
       -
       button,

     

       188
       -
       select {

     

       189
       -
         text-transform: none;

     

       190
       -
       }

     

       191
       -
       

     

       192
       -
       /*

     

       193
       -
       1. Correct the inability to style clickable types in iOS and Safari.

     

       194
       -
       2. Remove default button styles.

     

       195
       -
       */

     

       196
       -
       

     

       197
       -
       button,

     

       198
       -
       [type='button'],

     

       199
       -
       [type='reset'],

     

       200
       -
       [type='submit'] {

     

       201
       -
         -webkit-appearance: button; /* 1 */

     

       202
       -
         /* Will affect the button style of most component libraries, so disable it */

     

       203
       -
         /* https://github.com/unocss/unocss/issues/2127 */

     

       204
       -
         /* background-color: transparent; !* 2 *! */

     

       205
       -
         background-image: none; /* 2 */

     

       206
       -
       }

     

       207
       -
       

     

       208
       -
       /*

     

       209
       -
       Use the modern Firefox focus style for all focusable elements.

     

       210
       -
       */

     

       211
       -
       

     

       212
       -
       :-moz-focusring {

     

       213
       -
         outline: auto;

     

       214
       -
       }

     

       215
       -
       

     

       216
       -
       /*

     

       217
       -
       Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)

     

       218
       -
       */

     

       219
       -
       

     

       220
       -
       :-moz-ui-invalid {

     

       221
       -
         box-shadow: none;

     

       222
       -
       }

     

       223
       -
       

     

       224
       -
       /*

     

       225
       -
       Add the correct vertical alignment in Chrome and Firefox.

     

       226
       -
       */

     

       227
       -
       

     

       228
       -
       progress {

     

       229
       -
         vertical-align: baseline;

     

       230
       -
       }

     

       231
       -
       

     

       232
       -
       /*

     

       233
       -
       Correct the cursor style of increment and decrement buttons in Safari.

     

       234
       -
       */

     

       235
       -
       

     

       236
       -
       ::-webkit-inner-spin-button,

     

       237
       -
       ::-webkit-outer-spin-button {

     

       238
       -
         height: auto;

     

       239
       -
       }

     

       240
       -
       

     

       241
       -
       /*

     

       242
       -
       1. Correct the odd appearance in Chrome and Safari.

     

       243
       -
       2. Correct the outline style in Safari.

     

       244
       -
       */

     

       245
       -
       

     

       246
       -
       [type='search'] {

     

       247
       -
         -webkit-appearance: textfield; /* 1 */

     

       248
       -
         outline-offset: -2px; /* 2 */

     

       249
       -
       }

     

       250
       -
       

     

       251
       -
       /*

     

       252
       -
       Remove the inner padding in Chrome and Safari on macOS.

     

       253
       -
       */

     

       254
       -
       

     

       255
       -
       ::-webkit-search-decoration {

     

       256
       -
         -webkit-appearance: none;

     

       257
       -
       }

     

       258
       -
       

     

       259
       -
       /*

     

       260
       -
       1. Correct the inability to style clickable types in iOS and Safari.

     

       261
       -
       2. Change font properties to `inherit` in Safari.

     

       262
       -
       */

     

       263
       -
       

     

       264
       -
       ::-webkit-file-upload-button {

     

       265
       -
         -webkit-appearance: button; /* 1 */

     

       266
       -
         font: inherit; /* 2 */

     

       267
       -
       }

     

       268
       -
       

     

       269
       -
       /*

     

       270
       -
       Add the correct display in Chrome and Safari.

     

       271
       -
       */

     

       272
       -
       

     

       273
       -
       summary {

     

       274
       -
         display: list-item;

     

       275
       -
       }

     

       276
       -
       

     

       277
       -
       /*

     

       278
       -
       Removes the default spacing for appropriate elements.

     

       279
       -
       */

     

       280
       -
       

     

       281
       -
       blockquote,

     

       282
       -
       dl,

     

       283
       -
       dd,

     

       284
       -
       h1,

     

       285
       -
       h2,

     

       286
       -
       h3,

     

       287
       -
       h4,

     

       288
       -
       h5,

     

       289
       -
       h6,

     

       290
       -
       hr,

     

       291
       -
       figure,

     

       292
       -
       p,

     

       293
       -
       pre {

     

       294
       -
         margin: 0;

     

       295
       -
       }

     

       296
       -
       

     

       297
       -
       fieldset {

     

       298
       -
         margin: 0;

     

       299
       -
         padding: 0;

     

       300
       -
       }

     

       301
       -
       

     

       302
       -
       legend {

     

       303
       -
         padding: 0;

     

       304
       -
       }

     

       305
       -
       

     

       306
       -
       ol,

     

       307
       -
       ul,

     

       308
       -
       menu {

     

       309
       -
         list-style: none;

     

       310
       -
         margin: 0;

     

       311
       -
         padding: 0;

     

       312
       -
       }

     

       313
       -
       

     

       314
       -
       dialog {

     

       315
       -
         padding: 0;

     

       316
       -
       }

     

       317
       -
       

     

       318
       -
       /*

     

       319
       -
       Prevent resizing textareas horizontally by default.

     

       320
       -
       */

     

       321
       -
       

     

       322
       -
       textarea {

     

       323
       -
         resize: vertical;

     

       324
       -
       }

     

       325
       -
       

     

       326
       -
       /*

     

       327
       -
       1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)

     

       328
       -
       2. Set the default placeholder color to the user's configured gray 400 color.

     

       329
       -
       */

     

       330
       -
       

     

       331
       -
       input::placeholder,

     

       332
       -
       textarea::placeholder {

     

       333
       -
         opacity: 1; /* 1 */

     

       334
       -
         color: #9ca3af; /* 2 */

     

       335
       -
       }

     

       336
       -
       

     

       337
       -
       /*

     

       338
       -
       Set the default cursor for buttons.

     

       339
       -
       */

     

       340
       -
       

     

       341
       -
       button,

     

       342
       -
       [role="button"] {

     

       343
       -
         cursor: pointer;

     

       344
       -
       }

     

       345
       -
       

     

       346
       -
       /*

     

       347
       -
       Make sure disabled buttons don't get the pointer cursor.

     

       348
       -
       */

     

       349
       -
       

     

       350
       -
       :disabled {

     

       351
       -
         cursor: default;

     

       352
       -
       }

     

       353
       -
       

     

       354
       -
       /*

     

       355
       -
       1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)

     

       356
       -
       2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)

     

       357
       -
          This can trigger a poorly considered lint error in some tools but is included by design.

     

       358
       -
       */

     

       359
       -
       

     

       360
       -
       img,

     

       361
       -
       svg,

     

       362
       -
       video,

     

       363
       -
       canvas,

     

       364
       -
       audio,

     

       365
       -
       iframe,

     

       366
       -
       embed,

     

       367
       -
       object {

     

       368
       -
         display: block; /* 1 */

     

       369
       -
         vertical-align: middle; /* 2 */

     

       370
       -
       }

     

       371
       -
       

     

       372
       -
       /*

     

       373
       -
       Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)

     

       374
       -
       */

     

       375
       -
       

     

       376
       -
       img,

     

       377
       -
       video {

     

       378
       -
         max-width: 100%;

     

       379
       -
         height: auto;

     

       380
       -
       }

     

       381
       -
       

     

       382
       -
       /*

     

       383
       -
       Make elements with the HTML hidden attribute stay hidden by default.

     

       384
       -
       */

     

       385
       -
       

     

       386
       -
       [hidden]:where(:not([hidden="until-found"])) {

     

       387
       -
         display: none;

     

       388
       -
       }

+2 -2

vite.config.ts

···

       0
        
       
     

       1
        
       import { defineConfig } from "vite";

     

       2
        
       import solidPlugin from "vite-plugin-solid";

     

       3
       -
       import UnoCSS from "unocss/vite";

     

       4
        
       

     

       5
        
       import metadata from "./public/client-metadata.json";

     

       6
        
       

     
···

       9
        
       

     

       10
        
       export default defineConfig({

     

       11
        
         plugins: [

     

       12
       -
           UnoCSS(),

     

       13
        
           solidPlugin(),

     

       14
        
       

     

       15
        
           // Injects OAuth-related variables

···

       1
       +
       import tailwindcss from "@tailwindcss/vite";

     

       2
        
       import { defineConfig } from "vite";

     

       3
        
       import solidPlugin from "vite-plugin-solid";

     

       0
        
       
     

       4
        
       

     

       5
        
       import metadata from "./public/client-metadata.json";

     

       6
        
       

     
···

       9
        
       

     

       10
        
       export default defineConfig({

     

       11
        
         plugins: [

     

       12
       +
           tailwindcss(),

     

       13
        
           solidPlugin(),

     

       14
        
       

     

       15
        
           // Injects OAuth-related variables

.gitignore

···

       1
        
       node_modules

     

       2
        
       dist

     

       3
        
       .env

     

       0

···

       1
        
       node_modules

     

       2
        
       dist

     

       3
        
       .env

     

       4
       +
       .DS_Store

-8

src/App.tsx

···

       583
        
                 >

     

       584
        
                   <span class="icon-[simple-icons--github] text-xl"></span>

     

       585
        
                 </a>

     

       586
       -
                 <a

     

       587
       -
                   class="flex items-center"

     

       588
       -
                   title="Donate"

     

       589
       -
                   href="https://ko-fi.com/notjuliet"

     

       590
       -
                   target="_blank"

     

       591
       -
                 >

     

       592
       -
                   <span class="icon-[simple-icons--kofi] text-xl"></span>

     

       593
       -
                 </a>

     

       594
        
               </div>

     

       595
        
             </div>

     

       596
        
             <div class="mb-2 text-center">

···

       583
        
                 >

     

       584
        
                   <span class="icon-[simple-icons--github] text-xl"></span>

     

       585
        
                 </a>

     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       0
        
       
     

       586
        
               </div>

     

       587
        
             </div>

     

       588
        
             <div class="mb-2 text-center">

Compare changes