|
21 | 21 | <meta name="viewport" content="width=device-width, initial-scale=1">
|
22 | 22 | <link rel="manifest" href="/assets/json/manifest.json">
|
23 | 23 | <link rel="stylesheet" href="/assets/css/index.css">
|
| 24 | + <link rel="stylesheet" href="/assets/css/game.css"> |
24 | 25 | <script src="/assets/js/index.js"></script>
|
25 | 26 | <script src="/assets/js/serviceworker.js"></script>
|
26 | 27 | <meta property="og:title" content="Starlight">
|
|
43 | 44 |
|
44 | 45 | gtag('config', 'G-36EM66LHER');
|
45 | 46 | </script>
|
46 |
| -<style> |
47 |
| - .share-container { |
48 |
| - position: relative; |
49 |
| - } |
50 |
| - .notification { |
51 |
| - display: none; |
52 |
| - position: absolute; |
53 |
| - bottom: 80px; /* Adjusted for better visibility */ |
54 |
| - left: 50%; |
55 |
| - transform: translateX(-50%); |
56 |
| - background-color: #333; |
57 |
| - color: white; |
58 |
| - padding: 30px; |
59 |
| - border-radius: 5px; |
60 |
| - width: 300px; /* Set a fixed width for the notification */ |
61 |
| - text-align: center; |
62 |
| - opacity: 0; /* Start hidden */ |
63 |
| - transition: opacity 0.5s ease; /* Smooth transition for fade */ |
64 |
| - } |
65 |
| - .notification.show { |
66 |
| - display: block; /* Show when needed */ |
67 |
| - opacity: 1; /* Fully visible */ |
68 |
| - } |
69 |
| - .copy-button { |
70 |
| - margin-left: 10px; |
71 |
| - padding: 5px 10px; |
72 |
| - background-color: #777777; |
73 |
| - color: white; |
74 |
| - border: none; |
75 |
| - border-radius: 5px; |
76 |
| - cursor: pointer; |
77 |
| - } |
78 |
| - .container-iframe { |
79 |
| - width:100%; |
80 |
| - margin-left: 2vw; |
81 |
| - max-width: 58.688vw; |
82 |
| - display: flex; |
83 |
| - flex-direction: column; |
84 |
| - align-items: center; |
85 |
| - margin: 0; |
86 |
| - padding: 80px; |
87 |
| - } |
88 |
| - |
89 |
| - .iframe-container { |
90 |
| - border-top-left-radius: 15px; |
91 |
| - border-top-right-radius: 15px; |
92 |
| - width: 65vw; |
93 |
| - height: 70vh; |
94 |
| - overflow: hidden; |
95 |
| - } |
96 |
| - |
97 |
| - iframe { |
98 |
| - width: 100%; |
99 |
| - height: 100%; |
100 |
| - background-color: #fff; |
101 |
| - border: none; |
102 |
| - } |
103 |
| - |
104 |
| - .controls { |
105 |
| - gap:0.1px; |
106 |
| - padding-top: 12px; |
107 |
| - padding-bottom: 12px; |
108 |
| - display: flex; |
109 |
| - align-items: center; |
110 |
| - justify-content: flex-start; |
111 |
| - width: 65vw; |
112 |
| - height: 5vh; |
113 |
| - background-color: #121212; |
114 |
| - border-bottom-left-radius: 15px; |
115 |
| - border-bottom-right-radius: 15px; |
116 |
| - } |
117 |
| - |
118 |
| - .ad { |
119 |
| - width: 18vw; /* Adjust width as needed */ |
120 |
| - height: 35vw; /* Adjust height as needed */ |
121 |
| - background-color: #202020; |
122 |
| - border-radius: 0.5vw; |
123 |
| - position: relative; |
124 |
| - box-shadow: 0 0.313vw 0.625vw 0 rgba(30, 30, 30); |
125 |
| - outline: 0.1vw solid #333; |
126 |
| - display: flex; |
127 |
| - justify-content: center; /* Center horizontally */ |
128 |
| - align-items: center; /* Center vertically */ |
129 |
| - margin-left: 90.917vw; |
130 |
| - margin-top: -37.854vw; |
131 |
| - } |
132 |
| - .adTXT{ |
133 |
| - font-weight:700; |
134 |
| - color: rgb(124, 124, 124); |
135 |
| - font-family:sans-serif; |
136 |
| - } |
137 |
| - .icon { |
138 |
| - padding-bottom:20px; |
139 |
| - padding:10px; |
140 |
| - color: lightgrey; |
141 |
| - margin-right: 15px; |
142 |
| - cursor: pointer; |
143 |
| - font-size: 18px; |
144 |
| - transition: color 0.3s; |
145 |
| - } |
146 |
| - |
147 |
| - .icon:hover { |
148 |
| - color: #ccc; |
149 |
| - } |
150 |
| - |
151 |
| - .desc { |
152 |
| - font-weight:700; |
153 |
| - color: lightgrey; |
154 |
| - font-family:sans-serif; |
155 |
| - width: 62.5vw; /* Adjust width as needed */ |
156 |
| - background-color: #202020; |
157 |
| - border-radius: 0.5vw; |
158 |
| - box-shadow: 0 0.313vw 0.625vw 0 rgba(30, 30, 30, 0.5); |
159 |
| - outline: 0.1vw solid #333; |
160 |
| - padding: 1.042vw; /* Padding inside the container */ |
161 |
| - margin-left: 15.625vw; |
162 |
| - margin-top: 5.208vw; |
163 |
| - } |
164 |
| - |
165 |
| - |
166 |
| -</style> |
| 47 | + |
167 | 48 | </head>
|
168 | 49 | <body>
|
169 | 50 |
|
|
0 commit comments