comparing cbf663b212a53edb795aa3ebd69c97e25856a3ae and main on finxol.io/pds-home

+45 -2

index.html

···

       26
       26
        
                           d="M14.362 27.78c-1.956 0-3.756-.324-5.4-.972-1.644-.648-3.072-1.566-4.284-2.754a12.247 12.247 0 0 1-2.808-4.158c-.66-1.596-.99-3.33-.99-5.202 0-2.232.342-4.212 1.026-5.94.696-1.728 1.656-3.18 2.88-4.356a12.48 12.48 0 0 1 4.284-2.7c1.632-.612 3.378-.918 5.238-.918 2.28 0 4.278.354 5.994 1.062 1.716.708 3.144 1.668 4.284 2.88a11.706 11.706 0 0 1 2.538 4.158c.552 1.548.804 3.168.756 4.86-.06 2.328-.546 4.116-1.458 5.364-.912 1.236-2.328 1.854-4.248 1.854a5.839 5.839 0 0 1-2.826-.702 3.703 3.703 0 0 1-1.764-2.07l1.044.054c-.492.924-1.164 1.572-2.016 1.944a6.464 6.464 0 0 1-2.61.558c-1.212 0-2.28-.258-3.204-.774a5.682 5.682 0 0 1-2.178-2.214c-.528-.948-.792-2.046-.792-3.294 0-1.284.276-2.394.828-3.33a5.77 5.77 0 0 1 2.232-2.196c.936-.516 1.992-.774 3.168-.774.78 0 1.59.162 2.43.486.852.324 1.512.78 1.98 1.368l-.738.936V8.664h2.412l-.054 6.462c0 .924.18 1.62.54 2.088.36.468.894.702 1.602.702.624 0 1.104-.174 1.44-.522.348-.36.588-.846.72-1.458a10.66 10.66 0 0 0 .252-2.106c.036-1.86-.24-3.426-.828-4.698-.588-1.272-1.386-2.298-2.394-3.078a9.499 9.499 0 0 0-3.294-1.71c-1.2-.36-2.394-.54-3.582-.54-1.68 0-3.174.27-4.482.81-1.308.528-2.412 1.278-3.312 2.25-.888.96-1.56 2.1-2.016 3.42-.444 1.308-.654 2.748-.63 4.32.048 1.56.33 2.964.846 4.212a9.324 9.324 0 0 0 2.16 3.204 9.38 9.38 0 0 0 3.276 2.034c1.26.468 2.64.702 4.14.702.84 0 1.674-.096 2.502-.288.84-.18 1.608-.438 2.304-.774l1.026 2.808c-.924.432-1.896.75-2.916.954a14.649 14.649 0 0 1-3.078.324Zm-.144-10.098c.852 0 1.566-.246 2.142-.738.576-.492.864-1.326.864-2.502 0-1.068-.258-1.872-.774-2.412-.504-.552-1.218-.828-2.142-.828-1.092 0-1.908.288-2.448.864-.54.576-.81 1.368-.81 2.376 0 1.032.276 1.83.828 2.394.564.564 1.344.846 2.34.846Z"

     

       27
       27
        
                       ></path>

     

       28
       28
        
                   </svg>

     

       29
       29
       -
                   <h1>PDS Homepage</h1>

     

       29
       29
       +
                   <h1>finxol's PDS</h1>

     

       30
       30
        
                   <p>

     

       31
       31
       -
                       This is an atproto PDS.<br />

     

       31
       31
       +
                       This is an atproto PDS operated by

     

       32
       32
       +
                       <a href="https://finxol.io" target="_blank">finxol</a>.

     

       33
       33
       +
                       <br />

     

       32
       34
        
                       You can find more information about what that means on the

     

       33
       35
        
                       <a

     

       34
       36
        
                           href="https://atproto.com/guides/glossary#pds-personal-data-server"

     
···

       36
       38
        
                           atproto website </a

     

       37
       39
        
                       >.

     

       38
       40
        
                   </p>

     

       41
       41
       +
       

     

       42
       42
       +
                   <p>

     

       43
       43
       +
                       If you'd like to migrate your atproto account to this PDS,

     

       44
       44
       +
                       <br class="desktop-only" />

     

       45
       45
       +
                       feel free to

     

       46
       46
       +
                       <a

     

       47
       47
       +
                           href="https://bsky.app/profile/did:plc:hpmpe3pzpdtxbmvhlwrevhju"

     

       48
       48
       +
                           >DM me on Bluesky</a

     

       49
       49
       +
                       >

     

       50
       50
       +
                       or

     

       51
       51
       +
                       <a href="mailto:contact@finxol.io">send me an email</a>.

     

       52
       52
       +
                   </p>

     

       39
       53
        
               </main>

     

       40
       54
        
       

     

       41
       55
        
               <section class="users">

     

       42
       56
        
                   <h3>Users</h3>

     

       43
       57
        
       

     

       58
       58
       +
                   <noscript>

     

       59
       59
       +
                       To view the list of accounts hosted on this PDS, please activate

     

       60
       60
       +
                       Javascript.

     

       61
       61
       +
                   </noscript>

     

       62
       62
       +
       

     

       44
       63
        
                   <p>No users found on this PDS</p>

     

       64
       64
       +
       

     

       65
       65
       +
                   <svg

     

       66
       66
       +
                       width="24"

     

       67
       67
       +
                       height="24"

     

       68
       68
       +
                       viewBox="0 0 24 24"

     

       69
       69
       +
                       xmlns="http://www.w3.org/2000/svg"

     

       70
       70
       +
                       id="users__spinner"

     

       71
       71
       +
                   >

     

       72
       72
       +
                       <style>

     

       73
       73
       +
                           .spinner_P7sC {

     

       74
       74
       +
                               transform-origin: center;

     

       75
       75
       +
                               animation: spinner_svv2 0.75s infinite linear;

     

       76
       76
       +
                           }

     

       77
       77
       +
                           @keyframes spinner_svv2 {

     

       78
       78
       +
                               100% {

     

       79
       79
       +
                                   transform: rotate(360deg);

     

       80
       80
       +
                               }

     

       81
       81
       +
                           }

     

       82
       82
       +
                       </style>

     

       83
       83
       +
                       <path

     

       84
       84
       +
                           d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"

     

       85
       85
       +
                           class="spinner_P7sC"

     

       86
       86
       +
                       />

     

       87
       87
       +
                   </svg>

     

       45
       88
        
               </section>

     

       46
       89
        
           </body>

     

       47
       90

+1 -2

package.json

···

       24
       24
        
               "@atcute/bluesky": "^3.2.3",

     

       25
       25
        
               "@atcute/client": "^4.0.3",

     

       26
       26
        
               "@atcute/identity": "^1.1.0",

     

       27
       27
       -
               "@atcute/identity-resolver": "^1.1.3",

     

       28
       28
       -
               "@atcute/lexicons": "^1.1.1"

     

       27
       27
       +
               "@atcute/identity-resolver": "^1.1.3"

     

       29
       28
        
           }

     

       30
       29
        
       }

-3

pnpm-lock.yaml

···

       26
       26
        
             '@atcute/identity-resolver':

     

       27
       27
        
               specifier: ^1.1.3

     

       28
       28
        
               version: 1.1.3(@atcute/identity@1.1.0)

     

       29
       29
       -
             '@atcute/lexicons':

     

       30
       30
       -
               specifier: ^1.1.1

     

       31
       31
       -
               version: 1.1.1

     

       32
       29
        
           devDependencies:

     

       33
       30
        
             typescript:

     

       34
       31
        
               specifier: ~5.9.3

+8 -2

src/main.ts

···

       5
       5
        
       

     

       6
       6
        
       let cleared = false

     

       7
       7
        
       

     

       8
       8
       +
       const spinner = document.getElementById("users__spinner")

     

       9
       9
       +
       

     

       8
       10
        
       const list = document.createElement("div")

     

       9
       11
        
       for (const user of users) {

     

       10
       12
        
           if (!user.active) {

     
···

       35
       37
        
       

     

       36
       38
        
       

     

       37
       39
        
       const doc = document.querySelector("section.users")

     

       38
       38
       -
       //biome-ignore lint/style/noNonNullAssertion: it's fine

     

       39
       39
       -
       doc!.appendChild(list)

     

       40
       40
       +
       if (!doc) {

     

       41
       41
       +
           throw new Error("Could not find section.users")

     

       42
       42
       +
       }

     

       43
       43
       +
       doc.appendChild(list)

     

       44
       44
       +
       

     

       45
       45
       +
       spinner?.remove()

+30 -1

src/style.css

···

       1
       1
       +
       :root {

     

       2
       2
       +
           --background: #f2f2f2;

     

       3
       3
       +
           --foreground: #111;

     

       4
       4
       +
           --card-bg: #eaeaea;

     

       5
       5
       +
           --card-text: #333;

     

       6
       6
       +
       

     

       7
       7
       +
           @media screen and (prefers-color-scheme: dark) {

     

       8
       8
       +
               --background: #191919;

     

       9
       9
       +
               --foreground: #f5f5f5;

     

       10
       10
       +
               --card-bg: #262626;

     

       11
       11
       +
               --card-text: #f5f5f5;

     

       12
       12
       +
           }

     

       13
       13
       +
       }

     

       14
       14
       +
       

     

       1
       15
        
       body {

     

       2
       16
        
           margin: 0;

     

       3
       17
        
           padding: 0;

     
···

       7
       21
        
           flex-direction: column;

     

       8
       22
        
           align-items: center;

     

       9
       23
        
           justify-content: start;

     

       24
       24
       +
           background-color: var(--background);

     

       25
       25
       +
           color: var(--foreground);

     

       10
       26
        
       }

     

       11
       27
        
       

     

       12
       28
        
       main {

     
···

       59
       75
        
                   gap: 1rem;

     

       60
       76
        
       

     

       61
       77
        
                   width: 100%;

     

       62
       62
       -
                   background-color: #f5f5f5;

     

       78
       78
       +
                   background-color: var(--card-bg);

     

       79
       79
       +
                   color: var(--card-text);

     

       63
       80
        
                   border-radius: 0.5rem;

     

       64
       81
        
                   padding: 1rem;

     

       65
       82
        
       

     
···

       86
       103
        
               }

     

       87
       104
        
           }

     

       88
       105
        
       }

     

       106
       106
       +
       

     

       107
       107
       +
       /* hide by default */

     

       108
       108
       +
       .desktop-only {

     

       109
       109
       +
           display: none;

     

       110
       110
       +
       }

     

       111
       111
       +
       

     

       112
       112
       +
       /* When the screen is 768px or wider, show it */

     

       113
       113
       +
       @media (min-width: 768px) {

     

       114
       114
       +
           .desktop-only {

     

       115
       115
       +
               display: initial;

     

       116
       116
       +
           }

     

       117
       117
       +
       }

Compare changes