memory-game/index.html at main · LizardoCT/memory-game · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="¡Pon a prueba tu memoria con este emocionante juego de Memory! Encuentra todas las parejas de cartas antes de que se acaben las vidas.">
  <meta name="keywords" content="juego de memoria, Memory Game, juego para la mente, mejora la memoria, parejas de cartas">
  <meta name="author" content="lizardo ct">
  <meta property="og:title" content="Memory Game - Mejora tu memoria jugando">
  <meta property="og:description" content="Un divertido juego para mejorar tu memoria. Encuentra las parejas de cartas antes de que se acaben las vidas.">
  <meta property="og:image" content="https://private-user-images.githubusercontent.com/102773606/404105569-759ba9ed-7f5b-43f9-9bc6-f059b93a3857.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzcwODI4MzMsIm5iZiI6MTczNzA4MjUzMywicGF0aCI6Ii8xMDI3NzM2MDYvNDA0MTA1NTY5LTc1OWJhOWVkLTdmNWItNDNmOS05YmM2LWYwNTliOTNhMzg1Ny5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMTE3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDExN1QwMjU1MzNaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1lNGE1ODc2OGMwMWJiOWZiMTU0YWFkYWYyMzcxNjg0NDNkY2ZmMjg0ZDdkYzk4OTJhNjY2MGEzZWQ1M2UyZWJjJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.paSLf98bjcaCBSHQu0wVaISkOSH8MTcYc2VFlduNUSQ">
  <meta property="og:url" content="https://mymemory-game.vercel.app/">
  <meta property="og:type" content="website">
  <link rel="canonical" href="https://mymemory-game.vercel.app/">
  <link rel="icon" href="https://mymemory-game.vercel.app/favicon.svg" type="image/png">
  <meta name="robots" content="index, follow">
  <link rel="shortcut icon" href="favicon.svg" type="image/x-icon">
  <title>Memory Game 🎮</title>
  <link rel="stylesheet" href="style.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=Gloria+Hallelujah&display=swap" rel="stylesheet">
</head>
<body>
  <div class="transition">
    <div class="my-title">
      <h4>Memory Game</h4>
      <article>- Remember and match the cards</article>
    </div>
    <div class="transition-row row-1">
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
    </div>
    <div class="transition-row row-2">
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
      <div class="block"></div>
    </div>
  </div>

  <div class="container">
    <h1>Memory Game 🎮</h1>

    <div class="game-info">
      <div class="lives">
        Vidas: <span id="lives-count">6</span>
        <span class="heart">❤️</span>
        <span class="heart-broken hidden">💔</span>
      </div>
      <button id="restart-button">Reiniciar Juego</button>
    </div>

    <div class="game-grid" id="game-grid">
    </div>

    <div id="overlay" class="overlay hidden"></div>

    <div id="game-over" class="game-over hidden">
      <p>
        <span id="game-message-1"></span>
        <br>
        <span id="game-message-2"></span>
      </p>
      <button id="play-again">Jugar de nuevo</button>
    </div>
    <span class="footer">By <a target="_blank" href="https://github.com/LizardoCT/memory-game">Nene.</a></span>
  </div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.6.0/dist/confetti.browser.min.js"></script>
  <script src="script.js"></script>
</body>
</html>