Website/index.html at main · LamaGamesHTML/Website · 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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lama Games Hub</title>
    <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4PKC6TGH7F"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-4PKC6TGH7F');
</script>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <div class="logo">
            <h1>Lama Games</h1>
            <a href="https://discord.gg/VmwbwYmSh2" target="_blank">
                <svg class="social-icon" viewBox="0 0 24 24">
                    <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515a.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0a12.64 12.64 0 0 0-.617-1.25a.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057a19.9 19.9 0 0 0 5.993 3.03a.078.078 0 0 0 .084-.028a14.09 14.09 0 0 0 1.226-1.994a.076.076 0 0 0-.041-.106a13.107 13.107 0 0 1-1.872-.892a.077.077 0 0 1-.008-.128a10.2 10.2 0 0 0 .372-.292a.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127a12.299 12.299 0 0 1-1.873.892a.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028a19.839 19.839 0 0 0 6.002-3.03a.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.956-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419c0-1.333.955-2.419 2.157-2.419c1.21 0 2.176 1.096 2.157 2.42c0 1.333-.946 2.418-2.157 2.418z"/>
                </svg>
            </a>
            <a href="https://www.youtube.com/@LamaGamesHTML" target="_blank">
                <svg class="social-icon" viewBox="0 0 24 24">
                    <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
                </svg>
            </a>
            <a href="https://docs.google.com/document/d/1eeJlc6m-I28_Sa8c8Xk3EUUdUjR_XeVuSaif6kLvT_M/edit?usp=sharing" target="_blank">
                <svg class="social-icon" viewBox="0 0 24 24">
                    <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 1v5h5v10H6V3h7zM8 17h8v-2H8v2zm0-4h8v-2H8v2z"/>
                </svg>
            </a>
        </div>
        <nav>
            <button class="account-button" onclick="window.location.href='signin.html'">Sign In</button>
            <button class="account-button" onclick="window.location.href='register.html'">Make Account</button>
        </nav>
    </header>
    <main>
        <section class="games-grid">
            <div class="game-card" data-game="lama-clicker/">
                <img src="lama-click.png" alt="Lama Clicker" class="game-thumbnail">
                <h3>Lama Clicker</h3>
                <p>Click Lamas For Lamas.</p>
            </div>
            <div class="game-card" data-game="lama-hunt/">
                <img src="lamahunt.png" alt="Lama Hunt" class="game-thumbnail">
                <h3>Lama Hunt</h3>
                <p>Shoot Lamas For Money.</p>
            </div>
            <div class="game-card" data-game="drawandjump/">
                <img src="drawandjump.png" alt="Draw And Jump" class="game-thumbnail">
                <h3>Draw And Jump</h3>
                <p>Draw Stuff and do Parkour!</p>
            </div>
            <div class="game-card" data-game="zombiesurvival/">
                <img src="zombiesurvival.png" alt="Zombie Survival" class="game-thumbnail">
                <h3>Zombie Survival</h3>
                <p>Survive Grueling Waves...</p>
            </div>
            <div class="game-card" data-game="MemeBattles.html">
                <img src="epicfacespin.gif" alt="Meme Battles Game" class="game-thumbnail">
                <h3>Meme Battles</h3>
                <p>Battle with classic memes!</p>
            </div>
            <div class="game-card" data-game="SmilezMaze.html">
                <img src="logo.png" alt="Smiley's Maze Game" class="game-thumbnail">
                <h3>Smiley's Maze</h3>
                <p>Navigate through challenging mazes!</p>
            </div>
            <div class="game-card" data-game="LamaCarsPhysics.html">
                <img src="lamacarsp.png" alt="Lama Cars Physics Game" class="game-thumbnail">
                <h3>Lama Cars Physics</h3>
                <p>Drive and perform physics experiments!</p>
            </div>
            <div class="game-card" data-game="TheCodeGame.html">
                <img src="thecodegame.png" alt="The Code Game" class="game-thumbnail">
                <h3>The Code Game</h3>
                <p>Enter secret codes to unlock effects!</p>
            </div>
            <div class="game-card" data-game="Cl0th.html">
                <img src="cl0th.png" alt="Cl0th Game" class="game-thumbnail">
                <h3>Cl0th</h3>
                <p>Experience cloth physics simulation!</p>
            </div>
            <div class="game-card" data-game="PhysicsPlayground.html">
                <img src="PPlogo.png" alt="Physics Playground" class="game-thumbnail">
                <h3>Physics Playground</h3>
                <p>Explore pendulum physics!</p>
            </div>
            <div class="game-card" data-game="lamatd.html">
                <img src="lamatd.png" alt="Lama TD Game" class="game-thumbnail square-thumbnail">
                <h3>Lama TD</h3>
                <p>Tower defense with a twist!</p>
            </div>
        </section>
    </main>
    <div id="popup-ad" style="display: none;">
  <div id="popup-content">
    <button id="close-btn" disabled>Close (5)</button>
    <div id="popup-inner">
      <!-- AdForGames.com code begin -->
<script>var afg={};afg.u=6532;afg.s=9;
document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");</script>
<!-- AdForGames.com code end -->
    </div>
  </div>
</div>


    <div class="ad-container">
        <!-- AdForGames.com code begin -->
        <script>var afg={};afg.u=6532;afg.s=1;
        document.write("<sc"+"ript src='//js.adforgames.com/cd.js'></sc"+"ript>");</script>
        <!-- AdForGames.com code end -->
    </div>
    <script src="script.js"></script>
    <script>
  window.addEventListener('load', () => {
    const popup = document.getElementById('popup-ad');
    const closeBtn = document.getElementById('close-btn');

    // Show the popup
    popup.style.display = 'flex';

    // Countdown for close button
    let seconds = 5;
    closeBtn.disabled = true;
    closeBtn.textContent = `Close (${seconds})`;
    closeBtn.style.cursor = 'not-allowed';
    closeBtn.style.background = '#ccc';
    closeBtn.style.color = '#000';

    const countdown = setInterval(() => {
      seconds--;
      closeBtn.textContent = `Close (${seconds})`;

      if (seconds <= 0) {
        clearInterval(countdown);
        closeBtn.textContent = 'Close';
        closeBtn.disabled = false;
        closeBtn.style.cursor = 'pointer';
        closeBtn.style.background = '#f33';
        closeBtn.style.color = '#fff';
      }
    }, 1000);

    // Close popup on click
    closeBtn.addEventListener('click', () => {
      if (!closeBtn.disabled) {
        popup.style.display = 'none';
      }
    });
  });
</script>
</body>
</html>