-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (128 loc) · 5.49 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>dyamuh.com | website</title>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<canvas id="rainCanvas"></canvas>
<header>
<h1>addition to dyamuh.com</h1>
<nav>
<ul>
<li><a href="#home" class="active">Home</a></li>
<li><a href="#exploits">Exploits</a></li>
<li><a href="https://blog.dyamuh.com/">Blog</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<section id="home" class="tab-content active">
<h2>Welcome!</h2>
<p>Nothing to see here yet.</p>
</section>
<section id="exploits" class="tab-content hidden">
<h2>Exploits</h2>
<article>
<h4><a href="https://collticated.dyamuh.com/">Collticated</a></h4>
<p>Collticated is a proxy used for testing purposes and pushing code through a proxy system.</p>
</article>
<article>
<h4><a href="https://hardmathproblems.11ate.com/">HardMathProblems</a></h4>
<p>Exact same thing as Collticated. This is just an affiliate link to the page.</p>
</article>
<article>
<h4><a href="#exploit3">Title 3</a></h4>
<p>This is a description for Title 3. Click the title for more details.</p>
</article>
</section>
<section id="about" class="tab-content hidden">
<h2>About This Website</h2>
<p>This website serves as a place where you can find links and blogs about the latest news in jailbreaking.</p>
</section>
<section id="contact" class="tab-content hidden">
<h2>Contact Me</h2>
<p>If you have any questions, feel free to reach out!</p>
<a href="mailto:[email protected]" class="link">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT0XvFduY7sDBknSh_lJd80OzsdZ_LaHL2w-g&s" class="gmail-icon"/>
</a>
</section>
<section id="blog" class="tab-content hidden">
<h2>Blog</h2>
<article>
<h4>Blog Post Title 1</h4>
<p>This is a summary of the first blog post. It contains interesting insights and discussions. <a href="#post1">Read more</a></p>
</article>
<article>
<h4>Blog Post Title 2</h4>
<p>This is a summary of the second blog post. It dives into new trends and updates. <a href="#post2">Read more</a></p>
</article>
<article>
<h4>Blog Post Title 3</h4>
<p>This is a summary of the third blog post. It highlights essential tips and tricks. <a href="#post3">Read more</a></p>
</article>
</section>
<section id="post1" class="tab-content hidden">
<h2>Blog Post Title 1</h2>
<p>This is the full content of the first blog post...</p>
</section>
<section id="post2" class="tab-content hidden">
<h2>Blog Post Title 2</h2>
<p>This is the full content of the second blog post...</p>
</section>
<section id="post3" class="tab-content hidden">
<h2>Blog Post Title 3</h2>
<p>This is the full content of the third blog post...</p>
</section>
</main>
<footer>
<p>© 2024 dyamuh website. All rights reserved.</p>
</footer>
<script src="script.js"></script>
<script>
const rainCanvas = document.getElementById('rainCanvas');
const ctx = rainCanvas.getContext('2d');
rainCanvas.width = window.innerWidth;
rainCanvas.height = window.innerHeight;
let raindrops = [];
// Create raindrops
for (let i = 0; i < 100; i++) {
raindrops.push({
x: Math.random() * rainCanvas.width,
y: Math.random() * rainCanvas.height,
length: Math.random() * 20 + 10,
speed: Math.random() * 2 + 1 // Slower speed
});
}
function drawRain() {
ctx.clearRect(0, 0, rainCanvas.width, rainCanvas.height);
ctx.strokeStyle = 'rgba(255, 255, 255, 0.6)';
ctx.lineWidth = 2;
for (let drop of raindrops) {
ctx.beginPath();
ctx.moveTo(drop.x, drop.y);
ctx.lineTo(drop.x, drop.y + drop.length);
ctx.stroke();
drop.y += drop.speed; // Move raindrop down
// Reset raindrop to the top once it falls off the screen
if (drop.y > rainCanvas.height) {
drop.y = -drop.length; // Reset to just above the top
drop.x = Math.random() * rainCanvas.width; // Random horizontal position
}
}
}
// Draw rain at a slower interval
setInterval(drawRain, 33); // About 30 frames per second
// Resize canvas on window resize
window.addEventListener('resize', () => {
rainCanvas.width = window.innerWidth;
rainCanvas.height = window.innerHeight;
});
</script>
</body>
</html>