commit 23920d57edf048bbd24ee0ec0b18895221c357bf · knotbin.com/airport

.DS_Store

This is a binary file and will not be displayed.

routes/.DS_Store

This is a binary file and will not be displayed.

+104

routes/about.tsx

···

       1
       1
       +
       import { Button } from "../components/Button.tsx";

     

       2
       2
       +
       

     

       3
       3
       +
       export default function About() {

     

       4
       4
       +
         return (

     

       5
       5
       +
           <>

     

       6
       6
       +
             <div class="px-2 sm:px-4 py-4 sm:py-8 mx-auto">

     

       7
       7
       +
               <div class="max-w-screen-lg mx-auto flex flex-col items-center justify-center">

     

       8
       8
       +
                 <div class="prose dark:prose-invert max-w-none w-full mb-0">

     

       9
       9
       +
                   <h1 class="text-3xl font-bold text-center mb-8">About AT Protocol</h1>

     

       10
       10
       +
       

     

       11
       11
       +
                   <div class="space-y-6">

     

       12
       12
       +
                     <section>

     

       13
       13
       +
                       <h2 class="text-2xl font-semibold mb-4">What is AT Protocol?</h2>

     

       14
       14
       +
                       <p class="text-gray-600 dark:text-gray-300">

     

       15
       15
       +
                         AT Protocol (Authenticated Transfer Protocol) is the

     

       16
       16
       +
                         foundation of Bluesky and other social apps like

     

       17
       17
       +
                         <a href="https://tangled.sh">Tangled</a>,

     

       18
       18
       +
                         <a href="https://spark.com">Spark</a>, and more.

     

       19
       19
       +
                         Unlike traditional social platforms that lock your

     

       20
       20
       +
                         data and identity to a single service, AT Protocol

     

       21
       21
       +
                         gives you complete control over your digital presence.

     

       22
       22
       +
                         Think of it as an open standard for social networking,

     

       23
       23
       +
                         similar to how email works across different providers.

     

       24
       24
       +
                       </p>

     

       25
       25
       +
                     </section>

     

       26
       26
       +
       

     

       27
       27
       +
                     <section>

     

       28
       28
       +
                       <h2 class="text-2xl font-semibold mb-4">Key Features</h2>

     

       29
       29
       +
                       <ul class="list-disc pl-6 space-y-4 text-gray-600 dark:text-gray-300">

     

       30
       30
       +
                         <li>

     

       31
       31
       +
                           <strong>PDS Servers:</strong> PDS servers are where your data is stored.

     

       32
       32
       +
                           They can be run by anyone, and they are very lightweight, allowing you to

     

       33
       33
       +
                           choose which one to use or run your own. PDS servers just store your data,

     

       34
       34
       +
                           meaning you don't have to switch PDS servers to use a different app or service.

     

       35
       35
       +
                           You can have one PDS while using many different apps and services with the

     

       36
       36
       +
                           same account.

     

       37
       37
       +
                         </li>

     

       38
       38
       +
                         <li>

     

       39
       39
       +
                           <strong>Decentralized Identity:</strong> Your account is tied to a DID

     

       40
       40
       +
                           (Decentralized Identifier) rather than your handle/username.

     

       41
       41
       +
                           This means you can move your entire account, including your followers

     

       42
       42
       +
                           and content, to any PDS by changing where your DID points.

     

       43
       43
       +
                           It's also the reason you can use any domain as your handle, because

     

       44
       44
       +
                           your identity is not tied to your handle. Your handle can change,

     

       45
       45
       +
                           but your DID will always remain the same.

     

       46
       46
       +
                         </li>

     

       47
       47
       +
                         <li>

     

       48
       48
       +
                           <strong>Portable Content:</strong> All your posts, likes, and other social

     

       49
       49
       +
                           data are stored in your Personal Data Server (PDS).

     

       50
       50
       +
                           You can switch PDS providers without losing any content or connections.

     

       51
       51
       +
                         </li>

     

       52
       52
       +
                         <li>

     

       53
       53
       +
                           <strong>Architecture:</strong> The protocol uses a three-tier architecture:

     

       54
       54
       +
                           Personal Data Servers (PDS) store your content,

     

       55
       55
       +
                           relays broadcast a stream of all events on all PDSes,

     

       56
       56
       +
                           and AppViews process and serve that stream into content for users.

     

       57
       57
       +
                           This means when you make a post, the content is stored on your PDS,

     

       58
       58
       +
                           picked up by relays, and AppViews listen to those relays to deliver

     

       59
       59
       +
                           that post to all users.

     

       60
       60
       +
                         </li>

     

       61
       61
       +
                         <li>

     

       62
       62
       +
                           <strong>Algorithmic Choice:</strong> You're not locked into a single algorithm

     

       63
       63
       +
                           for your feed. Different services can offer different ways of curating content,

     

       64
       64
       +
                           and you can choose which one you prefer. Bluesky offers a way to make custom

     

       65
       65
       +
                           feeds, but even if it didn't, different apps could still offer their own

     

       66
       66
       +
                           algorithms for curating content.

     

       67
       67
       +
                         </li>

     

       68
       68
       +
                       </ul>

     

       69
       69
       +
                     </section>

     

       70
       70
       +
       

     

       71
       71
       +
                     <section>

     

       72
       72
       +
                       <h2 class="text-2xl font-semibold mb-4">Learn More</h2>

     

       73
       73
       +
                       <div class="space-y-4">

     

       74
       74
       +
                         <p class="text-gray-600 dark:text-gray-300">

     

       75
       75
       +
                           Want to dive deeper into AT Protocol? Check out these resources:

     

       76
       76
       +
                         </p>

     

       77
       77
       +
                         <ul class="list-none space-y-2">

     

       78
       78
       +
                           <li>

     

       79
       79
       +
                             <a href="https://atproto.com" class="text-blue-500 hover:underline">Official AT Protocol Docs</a> - The main source for protocol specs and information

     

       80
       80
       +
                           </li>

     

       81
       81
       +
                           <li>

     

       82
       82
       +
                             <a href="https://github.com/bluesky-social/atproto" class="text-blue-500 hover:underline">GitHub Repository</a> - View the protocol implementation

     

       83
       83
       +
                           </li>

     

       84
       84
       +
                           <li>

     

       85
       85
       +
                             <a href="https://atproto.wiki" class="text-blue-500 hover:underline">AT Protocol Wiki</a> - Community-driven documentation and resources

     

       86
       86
       +
                           </li>

     

       87
       87
       +
                         </ul>

     

       88
       88
       +
                       </div>

     

       89
       89
       +
                     </section>

     

       90
       90
       +
                   </div>

     

       91
       91
       +
       

     

       92
       92
       +
                   <div class="mt-8 text-center">

     

       93
       93
       +
                     <Button

     

       94
       94
       +
                       href="/"

     

       95
       95
       +
                       color="blue"

     

       96
       96
       +
                       label="Back to Home"

     

       97
       97
       +
                     />

     

       98
       98
       +
                   </div>

     

       99
       99
       +
                 </div>

     

       100
       100
       +
               </div>

     

       101
       101
       +
             </div>

     

       102
       102
       +
           </>

     

       103
       103
       +
         );

     

       104
       104
       +
       }

routes/api/.DS_Store

This is a binary file and will not be displayed.

routes/index.tsx

···

       36
       36
        
                   <p class="font-mono text-lg sm:text-xl mb-4 mt-4 sm:mb-6 text-center text-gray-600 dark:text-gray-300">

     

       37
       37
        
                     Airport is made with love by <a class="text-blue-500 hover:underline" href="https://bsky.app/profile/knotbin.com">Roscoe</a> for <a class="text-blue-500 hover:underline" href="https://sprk.so">Spark</a>, a new short-video platform for AT Protocol.

     

       38
       38
        
                   </p>

     

       39
       39
       +
                   <div class="text-center mb-4">

     

       40
       40
       +
                     <a href="/about" class="inline-flex items-center text-blue-500 hover:text-blue-600 transition-colors">

     

       41
       41
       +
                       <img src="/icons/info_bold.svg" alt="Info" class="w-5 h-5 mr-2" />

     

       42
       42
       +
                       <span class="font-mono">Learn more about AT Protocol</span>

     

       43
       43
       +
                     </a>

     

       44
       44
       +
                   </div>

     

       39
       45
        
                   <SocialLinks />

     

       40
       46
        
                 </div>

     

       41
       47
        
               </div>

static/icons/info_bold.svg

···

       1
       1
       +
       <?xml version="1.0" encoding="UTF-8"?>

     

       2
       2
       +
       <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">

     

       3
       3
       +
         <path d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

     

       4
       4
       +
         <path d="M12 16V12" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

     

       5
       5
       +
         <path d="M12 8H12.01" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>

     

       6
       6
       +
       </svg>