alternative-music-atlas/index.html at main · curtiswmcmillin/alternative-music-atlas · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <!-- Nudge browsers toward revalidating the HTML itself. These meta tags are
       advisory (real HTTP headers are stronger), but GitHub Pages doesn't let
       us set headers, so they're our best option for layer 1. -->
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">

  <title>Alternative — A field guide to the music beside the mainstream</title>
  <meta name="description" content="An interactive atlas of alternative music, from the Velvet Underground through punk, post-punk, college rock, grunge, and the branching sub-genres of today.">

  <link rel="icon" type="image/svg+xml" href="favicon.svg">

  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
</head>
<body>
  <div id="app"></div>

  <!-- Cache-bust our own JS/CSS on every page load by stamping a timestamp
       query string. Script lives at the end of <body> so #app exists in the
       DOM before app.js runs, and document.write inserts the tags in order
       (data.js before app.js) with no build step. -->
  <script>
    (function() {
      var v = '?v=' + Date.now();
      document.write(
        '<link rel="stylesheet" href="styles.css' + v + '">' +
        '<script src="data.js' + v + '"><\/script>' +
        '<script src="app.js' + v + '"><\/script>'
      );
    })();
  </script>
</body>
</html>