···

       
7
       
 
       


     

       
8
       
 
       
    const statusConfig = {

     

       
9
       
 
       
        connected: {

     

       
10
       
-
       
            text: "live",

     

       
11
       
 
       
            classes: "bg-green-100 text-green-800 border-green-200",

     

       
12
       
 
       
        },

     

       
13
       
 
       
        connecting: {

     

       
14
       
-
       
            text: "connecting",

     

       
15
       
 
       
            classes: "bg-yellow-100 text-yellow-800 border-yellow-200",

     

       
16
       
 
       
        },

     

       
17
       
 
       
        error: {

     

       
18
       
-
       
            text: "error",

     

       
19
       
 
       
            classes: "bg-red-100 text-red-800 border-red-200",

     

       
20
       
 
       
        },

     

       
21
       
 
       
        disconnected: {

     

       
22
       
-
       
            text: "offline",

     

       
23
       
 
       
            classes: "bg-gray-100 text-gray-800 border-gray-200",

     

       
24
       
 
       
        },

     

       
25
       
 
       
    };

     

···

       
7
       
 
       


     

       
8
       
 
       
    const statusConfig = {

     

       
9
       
 
       
        connected: {

     

       
10
       
+
       
            text: "stream live",

     

       
11
       
 
       
            classes: "bg-green-100 text-green-800 border-green-200",

     

       
12
       
 
       
        },

     

       
13
       
 
       
        connecting: {

     

       
14
       
+
       
            text: "stream connecting",

     

       
15
       
 
       
            classes: "bg-yellow-100 text-yellow-800 border-yellow-200",

     

       
16
       
 
       
        },

     

       
17
       
 
       
        error: {

     

       
18
       
+
       
            text: "stream errored",

     

       
19
       
 
       
            classes: "bg-red-100 text-red-800 border-red-200",

     

       
20
       
 
       
        },

     

       
21
       
 
       
        disconnected: {

     

       
22
       
+
       
            text: "stream offline",

     

       
23
       
 
       
            classes: "bg-gray-100 text-gray-800 border-gray-200",

     

       
24
       
 
       
        },

     

       
25
       
 
       
    };

     

···

       
149
       
 
       
    />

     

       
150
       
 
       
</svelte:head>

     

       
151
       
 
       


     

       
152
       
-
       
<div class="md:max-w-[61vw] mx-auto p-2">

     

       
153
       
-
       
    <header class="text-center mb-8">

     

       
154
       
-
       
        <h1 class="text-4xl font-bold mb-2 text-gray-900">lexicon tracker</h1>

     

       
155
       
-
       
        <p class="text-lg text-gray-600">

     

       
0
       
 
       

     

       
0
       
 
       

     

       
156
       
 
       
            tracks lexicons seen on the jetstream

     

       
157
       
 
       
        </p>

     

       
158
       
-
       
    </header>

     

       
159
       
-
       


     

       
0
       
 
       

     

       
160
       
 
       
    <div

     

       
161
       
 
       
        class="min-w-fit grid grid-cols-2 xl:grid-cols-4 gap-2 2xl:gap-6 2xl:mx-16 mb-8"

     

       
162
       
 
       
    >

     

···

       
149
       
 
       
    />

     

       
150
       
 
       
</svelte:head>

     

       
151
       
 
       


     

       
152
       
+
       
<header class="border-gray-300 border-b mb-4 pb-2">

     

       
153
       
+
       
    <div

     

       
154
       
+
       
        class="px-2 md:ml-[19vw] mx-auto flex flex-wrap items-center text-center"

     

       
155
       
+
       
    >

     

       
156
       
+
       
        <h1 class="text-4xl font-bold mr-4 text-gray-900">lexicon tracker</h1>

     

       
157
       
+
       
        <p class="text-lg mt-1 text-gray-600">

     

       
158
       
 
       
            tracks lexicons seen on the jetstream

     

       
159
       
 
       
        </p>

     

       
160
       
+
       
    </div>

     

       
161
       
+
       
</header>

     

       
162
       
+
       
<div class="md:max-w-[61vw] mx-auto p-2">

     

       
163
       
 
       
    <div

     

       
164
       
 
       
        class="min-w-fit grid grid-cols-2 xl:grid-cols-4 gap-2 2xl:gap-6 2xl:mx-16 mb-8"

     

       
165
       
 
       
    >