Skip to content

Commit be2d858

Browse files
usernameman12usernameman12
committed
ok im gonna stop trying
1 parent ce50f2c commit be2d858

File tree

6 files changed

+339
-245
lines changed

6 files changed

+339
-245
lines changed

‎public/about.html‎

Lines changed: 152 additions & 68 deletions
Original file line numberDiff line numberDiff line change
@@ -21,15 +21,17 @@
2121
</script>
2222
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
2323
<script src="particles-settings.js"></script>
24-
2524
</head>
2625
<body>
26+
<!-- Particle Canvas Container -->
27+
<div id="particles-js" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;"></div>
28+
2729
<section class="projects" id="projects">
2830
<h1>About Us</h1>
2931
<div class="project-grid">
3032
<div class="project-card large">
3133
<h3>Acceleration</h3>
32-
<p>Experience the web with Acceleration the fastest proxy for seamless browsing, privacy, and 100+ games and apps. Perfect for students and anyone seeking speed and security.</p>
34+
<p>Experience the web with Acceleration, the fastest proxy for seamless browsing, privacy, and 100+ games and apps. Perfect for students and anyone seeking speed and security.</p>
3335
<a href="https://github.com/xdevnightless/Acceleration" class="github-button" target="_blank">
3436
<i class="fab fa-github"></i> View our Github
3537
</a>
@@ -56,81 +58,163 @@ <h3>Features</h3>
5658
</div>
5759
</div>
5860
</section>
59-
61+
6062
<section class="developers" id="developers">
61-
<h1>Developers</h1>
62-
<div class="developer-grid">
63-
<div class="project-card small">
64-
<h3>Nightless</h3>
65-
<p class="titlecard">Founder of Acceleration</p>
66-
<p>Frontend and Backend Developer</p>
67-
<a href="https://github.com/xdevnightless" class="github-button" target="_blank">
68-
<i class="fab fa-github"></i> GitHub
69-
</a>
70-
</div>
63+
<h1>Developers</h1>
64+
<div class="developer-grid">
65+
<div class="project-card small">
66+
<h3>Nightless</h3>
67+
<p class="titlecard">Founder of Acceleration</p>
68+
<p>Frontend and Backend Developer</p>
69+
<a href="https://github.com/xdevnightless" class="github-button" target="_blank">
70+
<i class="fab fa-github"></i> GitHub
71+
</a>
72+
</div>
7173

72-
<div class="project-card small">
73-
<h3>Peak</h3>
74-
<p class="titlecard">Head Developer of Acceleration</p>
75-
<p>Mainly Backend Developer</p>
76-
<a href="https://github.com/NottPeak" class="github-button" target="_blank">
77-
<i class="fab fa-github"></i> GitHub
78-
</a>
79-
</div>
74+
<div class="project-card small">
75+
<h3>Peak</h3>
76+
<p class="titlecard">Head Developer of Acceleration</p>
77+
<p>Mainly Backend Developer</p>
78+
<a href="https://github.com/NottPeak" class="github-button" target="_blank">
79+
<i class="fab fa-github"></i> GitHub
80+
</a>
81+
</div>
8082

81-
<div class="project-card small">
82-
<h3>Devman</h3>
83-
<p class="titlecard">Head Developer of Acceleration</p>
84-
<p>Head Developer of Frontend and Backend Development</p>
85-
<a href="https://github.com/xdevman9" class="github-button" target="_blank">
86-
<i class="fab fa-github"></i> GitHub
87-
</a>
88-
</div>
83+
<div class="project-card small">
84+
<h3>Devman</h3>
85+
<p class="titlecard">Head Developer of Acceleration</p>
86+
<p>Head Developer of Frontend and Backend Development</p>
87+
<a href="https://github.com/xdevman9" class="github-button" target="_blank">
88+
<i class="fab fa-github"></i> GitHub
89+
</a>
90+
</div>
8991

90-
<div class="project-card small">
91-
<h3>Snorlax</h3>
92-
<p class="titlecard">Developer of Acceleration</p>
93-
<p>Frontend Designer</p>
94-
<a href="https://github.com/snorlaxscave" class="github-button" target="_blank">
95-
<i class="fab fa-github"></i> GitHub
96-
</a>
97-
</div>
92+
<div class="project-card small">
93+
<h3>Snorlax</h3>
94+
<p class="titlecard">Developer of Acceleration</p>
95+
<p>Frontend Designer</p>
96+
<a href="https://github.com/snorlaxscave" class="github-button" target="_blank">
97+
<i class="fab fa-github"></i> GitHub
98+
</a>
99+
</div>
98100

99-
<div class="project-card small">
100-
<h3>Crumbler1</h3>
101-
<p class="titlecard">Developer of Acceleration</p>
102-
<p>Focused on Frontend and Debugging</p>
103-
<a href="https://github.com/crumblerthedev" class="github-button" target="_blank">
104-
<i class="fab fa-github"></i> GitHub
105-
</a>
106-
</div>
101+
<div class="project-card small">
102+
<h3>Crumbler1</h3>
103+
<p class="titlecard">Developer of Acceleration</p>
104+
<p>Focused on Frontend and Debugging</p>
105+
<a href="https://github.com/crumblerthedev" class="github-button" target="_blank">
106+
<i class="fab fa-github"></i> GitHub
107+
</a>
108+
</div>
107109

108-
<div class="project-card small">
109-
<h3>Potato</h3>
110-
<p class="titlecard">Developer of Acceleration</p>
111-
<p>Developed the Base of Acceleration</p>
112-
<a href="https://github.com/dragon731012" class="github-button" target="_blank">
113-
<i class="fab fa-github"></i> GitHub
114-
</a>
115-
</div>
110+
<div class="project-card small">
111+
<h3>Potato</h3>
112+
<p class="titlecard">Developer of Acceleration</p>
113+
<p>Developed the Base of Acceleration</p>
114+
<a href="https://github.com/dragon731012" class="github-button" target="_blank">
115+
<i class="fab fa-github"></i> GitHub
116+
</a>
117+
</div>
116118

117-
<div class="project-card small">
118-
<h3>ab.yz</h3>
119-
<p class="titlecard">Developer of Acceleration</p>
120-
<p>Frontend Debugger</p>
121-
</a>
122-
</div>
119+
<div class="project-card small">
120+
<h3>ab.yz</h3>
121+
<p class="titlecard">Developer of Acceleration</p>
122+
<p>Frontend Debugger</p>
123+
</div>
123124

124-
<div class="project-card small">
125-
<h3>Rogo</h3>
126-
<p class="titlecard">Developer of Acceleration</p>
127-
<p>Frontend Developer and Designer</p>
128-
<a href="https://github.com/r480github" class="github-button" target="_blank">
129-
<i class="fab fa-github"></i> GitHub
130-
</a>
125+
<div class="project-card small">
126+
<h3>Rogo</h3>
127+
<p class="titlecard">Developer of Acceleration</p>
128+
<p>Frontend Developer and Designer</p>
129+
<a href="https://github.com/r480github" class="github-button" target="_blank">
130+
<i class="fab fa-github"></i> GitHub
131+
</a>
132+
</div>
133+
<div class="project-card small">
134+
<h3>Oreo</h3>
135+
<p class="titlecard">Developer of Acceleration</p>
136+
<p>Frontend Developer, Designer, And Debugger</p>
137+
<a href="https://github.com/r480github" class="github-button" target="_blank">
138+
<i class="fab fa-github"></i> GitHub
139+
</a>
140+
</div>
131141
</div>
132-
</div>
133-
</section>
142+
</section>
143+
144+
<script>
145+
particlesJS("particles-js", {
146+
"particles": {
147+
"number": {
148+
"value": 100,
149+
"density": {
150+
"enable": true,
151+
"value_area": 800
152+
}
153+
},
154+
"color": {
155+
"value": "#ffffff"
156+
},
157+
"shape": {
158+
"type": "circle",
159+
"stroke": {
160+
"width": 0,
161+
"color": "#000000"
162+
}
163+
},
164+
"opacity": {
165+
"value": 0.5,
166+
"random": false,
167+
"anim": {
168+
"enable": true,
169+
"speed": 1,
170+
"opacity_min": 0.1
171+
}
172+
},
173+
"size": {
174+
"value": 3,
175+
"random": true,
176+
"anim": {
177+
"enable": true,
178+
"speed": 5,
179+
"size_min": 0.1
180+
}
181+
},
182+
"line_linked": {
183+
"enable": true,
184+
"distance": 150,
185+
"color": "#ffffff",
186+
"opacity": 0.4,
187+
"width": 1
188+
},
189+
"move": {
190+
"enable": true,
191+
"speed": 2,
192+
"direction": "none",
193+
"random": true,
194+
"straight": false,
195+
"out_mode": "out",
196+
"bounce": false,
197+
"attract": {
198+
"enable": false
199+
}
200+
}
201+
},
202+
"interactivity": {
203+
"detect_on": "canvas",
204+
"events": {
205+
"onhover": {
206+
"enable": true,
207+
"mode": "repulse"
208+
},
209+
"onclick": {
210+
"enable": true,
211+
"mode": "push"
212+
}
213+
}
214+
},
215+
"retina_detect": true
216+
});
217+
</script>
134218

135219
</body>
136220
</html>

‎public/apps.html‎

Lines changed: 31 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -46,10 +46,37 @@
4646
<script>
4747
document.addEventListener("DOMContentLoaded", () => {
4848
let particlesEnabled = localStorage.getItem("particlesEnabled") === "true";
49-
if (particlesEnabled) enableParticles();
50-
});
51-
enableParticles();
52-
</script>
49+
if (particlesEnabled) {
50+
enableParticles(); // Only enable particles if the setting is true
51+
}
52+
});
53+
54+
// Function to enable particles (to be defined if needed)
55+
function enableParticles() {
56+
if (!document.getElementById("particles-js")) {
57+
const particlesDiv = document.createElement("div");
58+
particlesDiv.id = "particles-js";
59+
particlesDiv.style.position = "fixed";
60+
particlesDiv.style.top = "0";
61+
particlesDiv.style.left = "0";
62+
particlesDiv.style.width = "100%";
63+
particlesDiv.style.height = "100%";
64+
particlesDiv.style.zIndex = "-1";
65+
document.body.appendChild(particlesDiv);
66+
}
67+
particlesJS("particles-js", {
68+
particles: {
69+
number: { value: 100 },
70+
color: { value: "#ffffff" },
71+
shape: { type: "circle" },
72+
opacity: { value: 0.5 },
73+
size: { value: 3, random: true },
74+
line_linked: { enable: true, distance: 150, color: "#ffffff" },
75+
move: { enable: true, speed: 3 }
76+
}
77+
});
78+
}
79+
</script>
5380
</body>
5481

5582
</html>

‎public/games.html‎

Lines changed: 48 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,10 @@
1717
body {
1818
background-color: black;
1919
color: white;
20+
position: relative;
21+
overflow: hidden;
2022
}
23+
2124
.game-card {
2225
background: #484848;
2326
padding-left: 7px;
@@ -29,6 +32,16 @@
2932
margin: 10px;
3033
width: 105px;
3134
}
35+
36+
.particles {
37+
position: fixed;
38+
top: 0;
39+
left: 0;
40+
width: 100%;
41+
height: 100%;
42+
pointer-events: none;
43+
z-index: -1;
44+
}
3245
</style>
3346
<title>Acceleration Games</title>
3447

@@ -44,9 +57,11 @@
4457
y.parentNode.insertBefore(t, y);
4558
})(window, document, "clarity", "script", "pwiasnexu5");
4659
</script>
47-
</head>
4860

49-
<canvas id="canvas"></canvas>
61+
<!-- Include particles.js -->
62+
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
63+
64+
</head>
5065

5166
<body>
5267
<div class="search-bar" style="display: flex; justify-content: center;">
@@ -55,6 +70,35 @@
5570
</form>
5671
</div>
5772
<div class="game-links"></div>
73+
74+
<!-- Particles container -->
75+
<div id="particles-container" class="particles"></div>
76+
77+
<script src="/js/games.js"></script>
78+
79+
<script>
80+
document.addEventListener("DOMContentLoaded", () => {
81+
// Check if particles are enabled in localStorage
82+
let particlesEnabled = localStorage.getItem("particlesEnabled") === "true";
83+
if (particlesEnabled) {
84+
enableParticles();
85+
}
86+
});
87+
88+
// Enable particles function
89+
function enableParticles() {
90+
particlesJS('particles-container', {
91+
particles: {
92+
number: { value: 100 },
93+
color: { value: '#ffffff' },
94+
shape: { type: 'circle' },
95+
opacity: { value: 1, random: true },
96+
size: { value: 3, random: true },
97+
line_linked: { enable: true, distance: 150, color: '#ffffff' },
98+
move: { enable: true, speed: 3 }
99+
}
100+
});
101+
}
102+
</script>
58103
</body>
59-
<script src="/js/games.js"></script>
60-
</html>
104+
</html>

0 commit comments

Comments
 (0)