-
Notifications
You must be signed in to change notification settings - Fork 5
Expand file tree
/
Copy pathgames.html
More file actions
181 lines (165 loc) · 8.14 KB
/
games.html
File metadata and controls
181 lines (165 loc) · 8.14 KB
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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="description" content="Discover webXOS Agents 2025: innovative AI-powered web applications, tools, and utilities. Explore Agent Guide, Sacred AI, Booki AI, Watchdog AI, and Exoskeleton AI.">
<meta name="keywords" content="webXOS agents, AI web applications, 2025 web tools, online utilities, AI technologies, webXOS 2025, AI-powered tools, digital solutions, web applications, online games, AI chatbot, machine learning tools, web development trends, progressive web apps, PWA 2025, AI-driven solutions, web utilities, digital transformation, AI software, webXOS AI, sacred AI, booki AI, watchdog AI, exoskeleton AI, AI innovations, web design tools, voice search optimization, blockchain web apps, serverless architecture, low-code platforms, AI SEO tools, natural language processing, NLP 2025, conversational AI, intelligent web apps, web accessibility, sustainable tech, AI content creation, keyword research tools, web security, cybersecurity 2025, virtual reality web, VR web applications, multi-experience apps, IoT web integration, cloud-based tools, AI analytics, web personalization, user experience tools, SEO optimization 2025, tech keywords, AI search engines, digital assistants, web automation tools, innovative web solutions, AI-powered chat, data security web, immersive web design, mobile-friendly web apps">
<meta name="robots" content="index, follow">
<meta name="author" content="webXOS">
<meta property="og:title" content="webXOS Agents 2025 - AI-Powered Web Applications & Tools">
<meta property="og:description" content="Explore webXOS Agents 2025, featuring AI-driven web applications like Agent Guide, Sacred AI, Booki AI, Watchdog AI, and Exoskeleton AI for innovative digital solutions.">
<meta property="og:url" content="https://webxos.netlify.app/ai">
<meta property="og:type" content="website">
<meta property="og:site_name" content="webXOS">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="webXOS Agents 2025 - AI-Powered Web Applications">
<meta name="twitter:description" content="Discover webXOS Agents 2025: cutting-edge AI tools and web applications including Agent Guide, Sacred AI, Booki AI, Watchdog AI, and Exoskeleton AI.">
<meta name="twitter:site" content="@webxos">
<meta name="twitter:creator" content="@webxos_ai">
<title>webXOS Games</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
html {
margin: 0;
padding: 0;
}
body {
font-family: 'Courier New', monospace;
background: #000;
color: #00FF00;
margin: 0;
padding: 20px 0;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
position: relative; /* Required for star background */
}
/* Star background */
body::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
background-size: 20px 20px;
animation: starryGlow 4s infinite linear;
z-index: -1; /* Behind content */
}
@keyframes starryGlow {
0% { opacity: 0.6; transform: scale(1); }
50% { opacity: 1; transform: scale(1.05); }
100% { opacity: 0.6; transform: scale(1); }
}
.container {
width: 90%;
max-width: 400px;
background: rgba(0, 0, 0, 0.5);
padding: 10px;
border-radius: 10px;
box-shadow: 0 0 20px #00FF00;
transform: rotateX(10deg) rotateY(-10deg);
margin-top: 20px;
position: relative; /* Ensure it stays above stars */
z-index: 1; /* Above star background */
}
.title {
font-family: 'Press Start 2P', cursive;
font-size: 14px;
margin-bottom: 10px;
text-align: center;
}
a {
display: block;
width: 100%;
padding: 15px 0;
margin: 5px 0;
font-size: 16px;
text-decoration: none;
border: 2px solid #00FF00;
border-radius: 5px;
background: transparent;
color: #00FF00;
transition: all 0.3s ease;
text-shadow: 0 0 10px #00FF00;
text-align: center;
}
a:hover {
background: #00FF00;
color: black;
box-shadow: 0 0 20px #00FF00;
}
#status {
font-size: 14px;
text-align: center;
text-shadow: 0 0 5px #00FF00;
margin: 10px 0;
}
.neural-link {
width: 10px;
height: 10px;
background: #00FF00;
border-radius: 50%;
position: absolute;
animation: pulse 2s infinite ease-in-out;
box-shadow: 0 0 10px #00FF00;
z-index: 0; /* Behind container but above stars */
}
@keyframes pulse {
0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,255,0, 0.7); }
70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(0,255,0, 0); }
100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(0,255,0, 0); }
}
.copyright {
position: fixed;
bottom: 5px;
right: 5px;
font-size: 10px;
opacity: 0.5;
color: #00FF00;
z-index: 1; /* Above star background */
}
</style>
</head>
<body>
<div class="container">
<h1 class="title">arcade</h1>
<a href="http://webxos.netlify.app/decoder.html" title="DECODER">*DECODER*</a>
<a href="http://webxos.netlify.app/chess.html" title="ai chess">ai chess</a>
<a href="http://webxos.netlify.app/arachnid.html" title="arachnid">arachnid</a>
<a href="http://webxos.netlify.app/dronefall.html" title="drone fall">drone fall</a>
<a href="http://webxos.netlify.app/codecrunch.html" title="code crunch">code crunch</a>
<a href="http://webxos.netlify.app/command.html" title="command and quantify">command and quantify</a>
<a href="http://webxos.netlify.app/emojiquest.html" title="emojiquest">emoji quest</a>
<a href="http://webxos.netlify.app/galaxycraft.html" title="galaxycraft">galaxycraft</a>
<a href="http://webxos.netlify.app/level1.html" title="level1">level1</a>
<a href="http://webxos.netlify.app/paintball.html" title="paintball">paintball</a>
<a href="http://webxos.netlify.app/swarm.html" title="swarm">swarm</a>
<a href="http://webxos.netlify.app/trios.html" title="trios">trios</a>
<a href="http://webxos.netlify.app/xforc3d.html" title="xforc3d">xforc3d</a>
</div>
<!-- Neural Network Simulation -->
<div id="neuralNetwork">
<div class="neural-link" style="left: 20%; top: 30%;"></div>
<div class="neural-link" style="left: 50%; top: 60%;"></div>
<div class="neural-link" style="left: 80%; top: 30%;"></div>
<div class="neural-link" style="left: 50%; top: 10%;"></div>
</div>
<div class="copyright">Copyright webXOS 2025</div>
<script>
// Simulate neural network activity
function simulateNeuralActivity() {
document.body.style.background = `radial-gradient(circle, #000, ${Math.floor(Math.random()*100) === 0 ? '#00FF00' : '#000'})`;
const links = document.querySelectorAll('.neural-link');
links.forEach(link => {
link.style.left = `${Math.random() * 100}%`;
link.style.top = `${Math.random() * 100}%`;
});
}
setInterval(simulateNeuralActivity, 5000); // Every 5 seconds, simulate neural activity
</script>
</body>
</html>