tiresias/index.html at develop · cwschilly/tiresias · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"/>
  <title>Tiresias</title>
  <meta name="description" content="Will Christopher Nolan's The Odyssey (2026) be good? Rate his films and Tiresias, the blind seer of data, predicts your personal rating for The Odyssey — and its Oscar haul."/>
  <link rel="canonical" href="https://willtheodysseybegood.com/"/>

  <!-- Social cards -->
  <meta property="og:type" content="website"/>
  <meta property="og:site_name" content="Tiresias"/>
  <meta property="og:title" content="Will The Odyssey Be Any Good?"/>
  <meta property="og:description" content="Are you going to like The Odyssey? Tiresias can tell you."/>
  <meta property="og:url" content="https://willtheodysseybegood.com/"/>
  <meta property="og:image" content="https://willtheodysseybegood.com/assets/og-image.png"/>
  <meta property="og:image:width" content="1200"/>
  <meta property="og:image:height" content="630"/>
  <meta name="twitter:card" content="summary_large_image"/>
  <meta name="twitter:title" content="Will The Odyssey Be Any Good?"/>
  <meta name="twitter:description" content="Are you going to like The Odyssey? Tiresias can tell you."/>
  <meta name="twitter:image" content="https://willtheodysseybegood.com/assets/og-image.png"/>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@graph": [
      {
        "@type": "WebSite",
        "name": "Tiresias — Will The Odyssey Be Good?",
        "alternateName": "willtheodysseybegood.com",
        "url": "https://willtheodysseybegood.com/"
      },
      {
        "@type": "WebApplication",
        "name": "Tiresias",
        "url": "https://willtheodysseybegood.com/tool.html",
        "applicationCategory": "EntertainmentApplication",
        "operatingSystem": "Any",
        "browserRequirements": "Requires JavaScript",
        "description": "Rate Christopher Nolan's films and get a personalized prediction of how much you will like The Odyssey (2026), plus its expected Oscar nominations and wins.",
        "about": {
          "@type": "Movie",
          "name": "The Odyssey",
          "datePublished": "2026",
          "director": { "@type": "Person", "name": "Christopher Nolan" }
        }
      }
    ]
  }
  </script>

  <link rel="icon" type="image/svg+xml" href="assets/favicon.svg"/>
  <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32.png"/>
  <link rel="apple-touch-icon" href="assets/apple-touch-icon.png"/>
  <link rel="stylesheet" href="css/theme.css"/>
  <link rel="stylesheet" href="css/landing.css"/>
</head>
<body class="landing">

  <main class="landing-stage">
    <h1>TIRESIAS</h1>
    <p class="subtitle">Will you like <em>The Odyssey</em> (2026)?</p>

    <button class="ask-btn" id="askBtn">Ask Tiresias</button>
    <p class="what-line"><a class="what-link" href="https://open.substack.com/pub/calebschilly/p/will-the-odyssey-be-any-good?r=ey3c2&utm_campaign=post-expanded-share&utm_medium=web">What is this?</a></p>

    <p class="landing-footer">Towards a unified theory of Christopher Nolan</p>
    <p class="site-credit">Created by <a href="https://calebschilly.substack.com">Caleb Schilly</a></p>
  </main>

  <div class="depart-overlay" id="departOverlay"></div>

  <script>
    const askBtn = document.getElementById("askBtn");
    askBtn.addEventListener("click", () => {
      askBtn.disabled = true;
      document.getElementById("departOverlay").classList.add("visible");
      setTimeout(() => { window.location.href = "tool.html"; }, 450);
    });
  </script>

</body>
</html>