emocre-site/play.html at main · cria-pixel/emocre-site · 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
---
pagination:
  data: locales
  size: 1
  alias: locale
permalink: "/{{ locale }}/play/index.html"
eleventyComputed:
  pageTitle: "{{ i18n[locale].meta.playTitle }}"
  pageDescription: "{{ i18n[locale].meta.playDescription }}"
---
<!DOCTYPE html>
<html lang="{% if locale == 'en' %}en{% else %}pt-BR{% endif %}">
<head>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-6N4HC3X6MT"></script>
  <script>
    window.dataLayer = window.dataLayer || []
    function gtag() { dataLayer.push(arguments) }
    gtag('js', new Date())
    gtag('config', 'G-6N4HC3X6MT')
    function trackEvent(name, params) { if (typeof gtag === 'function') gtag('event', name, params || {}) }
  </script>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{{ pageTitle }}</title>
  <meta name="description" content="{{ pageDescription }}">
  <meta name="robots" content="noindex">
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32x32.png">
  <link rel="stylesheet" href="/assets/css/main.css">
  <style>
    body { background: #000; overflow: hidden; }
  </style>
</head>
<body>

<!-- ── GAME OVERLAY BUTTONS ── -->
<a id="gameWishlistBtn" href="https://store.steampowered.com/app/3848350/Emocre" target="_blank" rel="noopener" aria-label="{{ i18n[locale].hero.wishlist }}" onclick="trackEvent('wishlist_click', { location: 'play_page' })">
  <svg viewBox="0 0 64 64" fill="currentColor" width="16" height="16"><path d="M0.028 29.874C1.125 13.193 15.017 0 31.993 0c17.693 0 32.035 14.327 32.035 32C64.028 49.673 49.686 64 31.993 64c-14.437 0-26.646-9.549-30.647-22.665L13.472 46.333c.601 2.728 2.483 5.12 5.248 6.27 4.53 1.88 9.728-.26 11.616-4.782.483-1.157.716-2.403.684-3.656L42.225 36.16l.276.005C49.213 36.165 54.669 30.699 54.669 23.985c0-6.714-5.446-12.16-12.168-12.174C35.792 11.811 30.333 17.271 30.333 23.985l.01.0.003.158L22.507 35.518c-1.269-.058-2.543.165-3.752.662-.526.214-1.029.482-1.499.8L.042 29.893c0 0 0 .001 0 .004C.037 29.889.033 29.882.028 29.874zm28.433 17.161c-1.456 3.5-5.472 5.147-8.963 3.694-1.549-.65-2.805-1.847-3.528-3.362l3.961 1.64c2.574 1.07 5.528-.147 6.599-2.719 1.072-2.573-.145-5.527-2.718-6.601l-4.105-1.695c1.58-.6 3.376-.62 5.056.077 1.702.703 3.003 2.027 3.7 3.72.696 1.693.692 3.56-.01 5.246h.008zM42.512 32.1c-4.478-.012-8.103-3.64-8.107-8.113.005-4.472 3.63-8.099 8.107-8.111 4.478.011 8.104 3.638 8.109 8.111-.004 4.474-3.63 8.102-8.109 8.113zm-6.076-8.126c-.002 3.361 2.723 6.088 6.088 6.093 3.365-.003 6.092-2.731 6.09-6.093 0-3.365-2.732-6.095-6.09-6.095-3.365.006-6.09 2.734-6.087 6.095h-.001z"/></svg>
  {{ i18n[locale].hero.wishlist }}
</a>

<!-- ── GAME LOADING ── -->
<div id="gameLoading" aria-live="polite">
  <img src="/assets/logo.png" alt="" />
  <p class="game-loading-text">{{ i18n[locale].game.loading }}</p>
</div>

<button id="gameCloseBtn" onclick="requestCloseGame()" aria-label="{{ i18n[locale].game.close }}">
  <svg viewBox="0 0 24 24" fill="currentColor" width="16" height="16"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>
  {{ i18n[locale].modal.close }}
</button>

<!-- ── WISHLIST PROMPT (on close) ── -->
<div id="wishlistPrompt" role="dialog" aria-modal="true" aria-labelledby="wishlistPromptTitle">
  <div class="wishlist-prompt-card">
    <h3 id="wishlistPromptTitle">{{ i18n[locale].game.wishlistPromptTitle }}</h3>
    <p>{{ i18n[locale].game.wishlistPromptBody }}</p>
    <div class="wishlist-prompt-actions">
      <a href="https://store.steampowered.com/app/3848350/Emocre" target="_blank" rel="noopener" class="btn btn-steam btn-lg" onclick="trackEvent('wishlist_click', { location: 'demo_prompt' }); finalizeClose()">
        <svg viewBox="0 0 64 64" fill="currentColor"><path d="M0.028 29.874C1.125 13.193 15.017 0 31.993 0c17.693 0 32.035 14.327 32.035 32C64.028 49.673 49.686 64 31.993 64c-14.437 0-26.646-9.549-30.647-22.665L13.472 46.333c.601 2.728 2.483 5.12 5.248 6.27 4.53 1.88 9.728-.26 11.616-4.782.483-1.157.716-2.403.684-3.656L42.225 36.16l.276.005C49.213 36.165 54.669 30.699 54.669 23.985c0-6.714-5.446-12.16-12.168-12.174C35.792 11.811 30.333 17.271 30.333 23.985l.01.0.003.158L22.507 35.518c-1.269-.058-2.543.165-3.752.662-.526.214-1.029.482-1.499.8L.042 29.893c0 0 0 .001 0 .004C.037 29.889.033 29.882.028 29.874zm28.433 17.161c-1.456 3.5-5.472 5.147-8.963 3.694-1.549-.65-2.805-1.847-3.528-3.362l3.961 1.64c2.574 1.07 5.528-.147 6.599-2.719 1.072-2.573-.145-5.527-2.718-6.601l-4.105-1.695c1.58-.6 3.376-.62 5.056.077 1.702.703 3.003 2.027 3.7 3.72.696 1.693.692 3.56-.01 5.246h.008zM42.512 32.1c-4.478-.012-8.103-3.64-8.107-8.113.005-4.472 3.63-8.099 8.107-8.111 4.478.011 8.104 3.638 8.109 8.111-.004 4.474-3.63 8.102-8.109 8.113zm-6.076-8.126c-.002 3.361 2.723 6.088 6.088 6.093 3.365-.003 6.092-2.731 6.09-6.093 0-3.365-2.732-6.095-6.09-6.095-3.365.006-6.09 2.734-6.087 6.095h-.001z"/></svg>
        {{ i18n[locale].hero.wishlist }}
      </a>
      <button class="btn btn-ghost btn-lg" onclick="finalizeClose()">{{ i18n[locale].modal.close }}</button>
    </div>
  </div>
</div>

<script src="https://unpkg.com/nostalgist"></script>
<script src="https://unpkg.com/nipplejs@0.10.2/dist/nipplejs.js"></script>
<script src="/assets/js/emulator.js"></script>
<script>
function requestCloseGame() { shutdownEmulator(); }
function finalizeClose() { window.location.href = '/{{ locale }}/'; }
launchEmulator();
</script>
</body>
</html>