artistgrid/index.html at main · ArtistGrid/artistgrid · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en" class="dark">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Discover and track unreleased music from your favorite artists." />
    <meta name="application-name" content="ArtistGrid" />
    <meta name="author" content="edideaur" />

    <!-- Open Graph -->
    <meta property="og:type" content="website" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:url" content="https://www.artistgrid.cx/sh/" />
    <meta property="og:title" content="ArtistGrid" />
    <meta property="og:description" content="Discover and track unreleased music from your favorite artists." />
    <meta property="og:site_name" content="ArtistGrid" />
    <meta property="og:image" content="https://www.artistgrid.cx/favicon.png" />
    <meta property="og:image:alt" content="ArtistGrid - Unreleased Music" />

    <link rel="preconnect" href="https://assets.artistgrid.cx" crossorigin />
    <link rel="preconnect" href="https://artists.artistgrid.cx" crossorigin />
    <link rel="preconnect" href="https://trackerapi.artistgrid.cx" crossorigin />

    <!-- Start the artist directory download as early as possible so the grid
         (and its LCP image) can render without waiting on a JS-triggered fetch. -->
    <link
      rel="preload"
      as="fetch"
      href="https://artists.artistgrid.cx/artists.csv"
      crossorigin
      fetchpriority="high"
    />

    <!-- Derive the first artist's cover image from the (preloaded) CSV and
         preload it during HTML parsing, before the app bundle even boots. This
         collapses the LCP image's resource-load delay from hundreds of ms to
         near-zero. -->
    <script>
      (function () {
        var url = "https://artists.artistgrid.cx/artists.csv";
        fetch(url)
          .then(function (r) { return r.text(); })
          .then(function (text) {
            var rows = text.split("\n");
            if (rows.length < 2) return;
            var headers = rows[0].split(",");
            var nameIdx = headers.indexOf("name");
            if (nameIdx < 0) return;
            var name = rows[1].split(",")[nameIdx];
            if (!name) return;
            var fn = name.toLowerCase().replace(/[^a-z0-9]/g, "") + ".webp";
            var link = document.createElement("link");
            link.rel = "preload";
            link.as = "image";
            link.crossOrigin = "anonymous";
            link.fetchPriority = "high";
            link.href = "https://assets.artistgrid.cx/webp/" + fn;
            document.head.appendChild(link);
          })
          .catch(function () {});
      })();
    </script>

    <link
      rel="preload"
      as="font"
      type="font/woff2"
      href="/fonts/ibm-plex-sans-normal-400-latin.woff2"
      crossorigin
    />
    <link
      rel="preload"
      as="font"
      type="font/woff2"
      href="/fonts/ibm-plex-sans-normal-500-latin.woff2"
      crossorigin
    />
    <link
      rel="preload"
      as="font"
      type="font/woff2"
      href="/fonts/ibm-plex-sans-normal-600-latin.woff2"
      crossorigin
    />
    <link
      rel="preload"
      as="font"
      type="font/woff2"
      href="/fonts/ibm-plex-sans-normal-700-latin.woff2"
      crossorigin
    />
    <link
      rel="preload"
      as="font"
      type="font/woff2"
      href="/fonts/ibm-plex-mono-normal-400-latin.woff2"
      crossorigin
    />
    <link
      rel="stylesheet"
      href="/fonts/fonts.css"
      media="print"
      onload="this.media='all'"
    />
    <noscript>
      <link rel="stylesheet" href="/fonts/fonts.css" />
    </noscript>

    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="alternate icon" type="image/png" href="/favicon.png" />
    <link rel="apple-touch-icon" href="/favicon.png" />

    <title>ArtistGrid | Unreleased Music</title>

    <!-- Schema.org JSON-LD -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "ArtistGrid",
      "url": "https://www.artistgrid.cx",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://www.artistgrid.cx/?q={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>

    <!-- Plausible Analytics (self-hosted) -->
    <script
      defer
      data-domain="artistgrid.cx"
      data-api="https://plausible.canine.tools/api/event"
      src="/ineedthis.js"
    ></script>
    <script>
      window.plausible = window.plausible || function() {
        (window.plausible.q = window.plausible.q || []).push(arguments)
      }
    </script>
  </head>
  <body class="bg-black text-white min-h-screen" style="background-color:#000;color:#fff">
    <div id="root"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>