-
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathdownload.html
More file actions
159 lines (143 loc) · 6.44 KB
/
download.html
File metadata and controls
159 lines (143 loc) · 6.44 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
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GDIPS - Unduh</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/batik.css">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9138741540234649" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<div class="logo">
<i class="fas fa-hashtag"></i>
<span>GDIPS</span>
</div>
<button class="menu-toggle" id="menuToggle" aria-label="Menu navigasi">
<i class="fas fa-bars"></i>
</button>
<ul class="nav-links" id="navLinks">
<li><a href="/"><i class="fas fa-home"></i> Beranda</a></li>
<li><a href='/tools'><i class="fas fa-tools"></i> Alat</a></li>
<li><a href='/rate'><i class="fas fa-star"></i> Rating</a></li>
<li><a href='/download'><i class="fas fa-download"></i> Unduh</a></li>
</ul>
</nav>
</header>
<section class="hero">
<!-- Floating decorative elements -->
<div class="floating" style="font-size: 2rem;">✨</div>
<div class="floating" style="font-size: 1.7rem;">🇮🇩</div>
<div class="floating" style="font-size: 1.3rem;">📥</div>
<div class="icon-container">
<img src="https://fless.ps.fhgdps.com/dashboard/icon.png" class="icon" alt="GDIPS Logo">
</div>
<h2>Unduh</h2>
<p>Tempat Di Mana Anda Dapat Menyimpan File Yang Pasti Harus Anda Unduh</p>
</section>
<div class="credits-container">
<!-- PC Version -->
<div class="credit-card">
<span class="role">Desktop Edition</span>
<h3>GDIPS 2.2 PC</h3>
<p>Versi desktop lengkap untuk Windows. Tidak perlu emulator - instal dan mainkan langsung di komputer Anda.</p>
<a href="https://drive.google.com/uc?export=download&id=166YOk_03Mw8cZLgRuF7EpyH3Uaf9imK4">
<button class="view-btn">
<i class="fas fa-download"></i> Unduh PC
</button>
</a>
</div>
<!-- Mobile Version -->
<div class="credit-card">
<span class="role">Aplikasi Utama</span>
<h3>GDIPS 2.2 APK</h3>
<p>Aplikasi utama untuk GDIPS. Termasuk semua fitur inti dan level. Gunakan Geode untuk kemampuan modding tambahan.</p>
<a href="https://github.com/flessan/gdips/releases/download/v1.0.4/Gdips.id.apk">
<button class="view-btn">
<i class="fas fa-download"></i> Unduh Sekarang
</button>
</a>
</div>
<!-- Launcher -->
<div class="credit-card">
<span class="role">Mod Launcher</span>
<h3>Geode APK</h3>
<p>Mod Loader penting untuk GDIPS. Memungkinkan mod, tekstur kustom, dan fitur lanjutan.</p>
<a href="https://github.com/flessan/gdips/releases/download/v1.0.5/Gdips_geode.apk">
<button class="view-btn">
<i class="fab fa-github"></i> Dapatkan Launcher
</button>
</a>
</div>
<!-- UI Mod -->
<div class="credit-card">
<span class="role">Peningkatan</span>
<h3>Freedomi</h3>
<p>Mod antarmuka kustom untuk Geode. Mengubah tampilan dan nuansa pengalaman GDPS Anda.</p>
<a href="https://github.com/flessan/GDIPS/releases/tag/v1.0.0">
<button class="view-btn">
<i class="fas fa-palette"></i> Lihat Sekarang
</button>
</a>
</div>
<!-- Bonus Card -->
<div class="credit-card">
<span class="role">Konten Bonus</span>
<h3>Segera Hadir!</h3>
<p>Kami terus menambahkan konten baru. Periksa secara teratur untuk pembaruan, mod, dan rilis khusus!</p>
<button class="view-btn" style="background-color: var(--accent);">
<i class="fas fa-bell"></i> Tetap Terhubung
</button>
</div>
</div>
<footer>
<p>Dibuat dengan <span class="heart">❤️</span> | Semua Hak Dilindungi | <a href="#"><span>GDIPS 2025</span></a></p>
</footer>
<script>
// Mobile menu toggle
const menuToggle = document.getElementById('menuToggle');
const navLinks = document.getElementById('navLinks');
menuToggle.addEventListener('click', () => {
navLinks.classList.toggle('active');
});
// Add sparkle effects randomly
function addSparkles() {
const hero = document.querySelector('.hero');
for (let i = 0; i < 15; i++) {
const sparkle = document.createElement('div');
sparkle.classList.add('sparkle');
sparkle.style.left = `${Math.random() * 100}%`;
sparkle.style.top = `${Math.random() * 100}%`;
sparkle.style.animationDelay = `${Math.random() * 2}s`;
hero.appendChild(sparkle);
}
}
// Run after page loads
window.addEventListener('load', addSparkles);
// Intersection Observer for card animations
const cards = document.querySelectorAll('.credit-card');
const observerOptions = {
threshold: 0.1,
rootMargin: '0px 0px -50px 0px'
};
const observer = new IntersectionObserver((entries) => {
entries.forEach(entry => {
if (entry.isIntersecting) {
entry.target.style.opacity = '1';
entry.target.style.transform = 'translateY(0)';
observer.unobserve(entry.target);
}
});
}, observerOptions);
cards.forEach(card => {
card.style.opacity = '0';
card.style.transform = 'translateY(20px)';
card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
observer.observe(card);
});
</script>
</body>
</html>