timeful.app/frontend/public/index.html at cf79a72a85c7d3120648702b63bf0ca629ff8652 · schej-it/timeful.app · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Cookie Consent Check and Conditional Loading -->
    <script>
      // Check cookie consent before loading tracking scripts
      function loadTrackingScripts() {
        try {
          const consent = localStorage.getItem("cookieConsent")
          const consentData = consent ? JSON.parse(consent) : null

          if (consentData?.preferences?.analytics) {
      ;(function (w, d, s, l, i) {
        w[l] = w[l] || []
        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" })
        var f = d.getElementsByTagName(s)[0],
          j = d.createElement(s),
          dl = l != "dataLayer" ? "&l=" + l : ""
        j.async = true
        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl
        f.parentNode.insertBefore(j, f)
      })(window, document, "script", "dataLayer", "GTM-M677X6V")
          }

          if (consentData?.preferences?.advertising) {
            var script = document.createElement("script")
            script.src =
              "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4082178684015354"
            script.crossOrigin = "anonymous"
            document.head.appendChild(script)
          }
        } catch (error) {
          console.error("Error loading tracking scripts:", error)
        }
      }

      loadTrackingScripts()
    </script>

    <script>
      // Prevent flash of light theme when dark mode is preferred
      (function() {
        try {
          var dark = localStorage.getItem('darkMode');
          if (dark === 'true' || (dark === null && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
            document.documentElement.style.backgroundColor = '#1E1E1E';
          }
        } catch(e) {}
      })();
    </script>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <!-- Chrome, Firefox OS and Opera -->
    <meta name="theme-color" content="#FFFFFF" />
    <!-- Windows Phone -->
    <meta name="msapplication-navbutton-color" content="#FFFFFF" />
    <!-- iOS Safari -->
    <meta name="apple-mobile-web-app-status-bar-style" content="#FFFFFF" />
    <div style="display:none">
    {{ $defaultTitle := "Timeful (formerly Schej) - Find a time to meet" }}
    {{ $defaultDescription := "Timeful helps you find the best time for a group to meet. It is a free availability poll that is easy to use and integrates with your calendar." }}
    {{ $defaultOgImage := "/img/ogImage.png" }}
    </div>
    <!-- <title>Timeful - Find a time to meet</title>
    <meta name="description" content="Timeful helps you find the best time for a group to meet. It is a free availability poll that is easy to use and integrates with your calendar." />
    <meta property="og:title" content="Timeful - Find a time to meet" />
    <meta property="og:description" content="Timeful helps you find the best time for a group to meet. It is a free availability poll that is easy to use and integrates with your calendar." />
    <meta property="og:image" content="/img/ogImage.png" />
    <meta property="og:image:secure_url" content="/img/ogImage.png" /> -->
    <title>{{ or .title $defaultTitle }}</title>
    <meta
      name="description"
      content="{{or .description $defaultDescription }}"
    />
    <meta property="og:title" content="{{or .ogTitle $defaultTitle}}" />
    <meta property="og:description" content="{{or .ogDescription $defaultDescription }}" />
    <meta property="og:image" content="{{or .ogImage $defaultOgImage }}" />
    <meta property="og:image:secure_url" content="{{or .ogImage $defaultOgImage }}" />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css"
    />
    <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=DM+Sans:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
  </head>
  <body>
    <!-- Google Tag Manager (noscript) -->
    <script>
      try {
        const consent = localStorage.getItem("cookieConsent")
        const consentData = consent ? JSON.parse(consent) : null
        if (consentData?.preferences?.analytics) {
          document.write(
            '<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-M677X6V" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>'
          )
        }
      } catch (error) {
        // Silent fail for noscript GTM
      }
    </script>
    <!-- End Google Tag Manager (noscript) -->
    <noscript>
      <strong
        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
        properly without JavaScript enabled. Please enable it to
        continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>