https://adfree-sz-games.github.io/games/woods

1<!DOCTYPE html>
2<html>
3
4<head>
5  <link rel="icon" href="https://adfree-sz-games.github.io/G.png">
6  <title>Sz Games</title>
7  <meta charset="UTF-8">
8  <meta name="viewport" content="width=device-width, initial-scale=1">
9  <style>
10    body {}
11
12    .btn-group button {
13      background-color: black;
14      /* Green background */
15
16      color: white;
17      /* White text */
18      padding: 10px 24px;
19      /* Some padding */
20      cursor: pointer;
21      /* Pointer/hand icon */
22      float: left;
23      /* Float the buttons side by side */
24    }
25
26    /* Clear floats (clearfix hack) */
27    .btn-group:after {
28      content: "";
29      clear: both;
30      display: table;
31    }
32
33    .btn-group button:not(:last-child) {
34      border-right: none;
35      /* Prevent double borders */
36    }
37
38    /* Add a background color on hover */
39    .btn-group button:hover {
40      background-color: grey;
41    }
42
43    /* Header/Logo Title */
44    .header {
45      padding: 60px;
46      text-align: center;
47      background: linear-gradient(to bottom right, #9a9a9a, rgb(39, 39, 39));
48      color: white;
49      width: auto;
50      font-size: 30px;
51
52      font-family: Arial, Helvetica, sans-serif;
53      border-radius: 15px;
54    }
55
56    /* Page Content */
57  </style>
58</head>
59
60<body onresize="resize()">
61  <style>
62    .game {
63      position: absolute;
64      color: white;
65
66      transform: scale(1.8);
67      z-index: 3;
68      font-family: Arial, Helvetica, sans-serif;
69    }
70
71    .fade {
72      position: absolute;
73      background: linear-gradient(to bottom, #1d1d1d, #1d1d1d5d, rgba(39, 39, 39, 0));
74      width: 300px;
75      height: 150px;
76      border-radius: 15px;
77    }
78  </style>
79  <iframe id="game" style="overflow: hidden; width: 100%; "
80    src="https://kdata1.com/2021/10/slide-in-the-woods/?key=y8&value=default"></iframe>
81  <h2 onclick="window.location = '/'" style="cursor: pointer; text-align: center;">Back
82  </h2>
83</body>
84

85<script>
86
87  let hh = window.innerHeight - 100;
88
89
90  document.getElementById('game').height = hh;
91  window.onresize = function (event) {
92    let hh = window.innerHeight - 100;
93
94
95    document.getElementById('game').height = hh;
96  }
97</script>

97
98
99</html>