Website open-source untuk komunitas GDIPS
Dibangun oleh komunitas, untuk komunitas
Bagian dari @gmdips organization
Ini adalah source code website resmi GDIPS — bukan game server-nya, melainkan:
- 🏠 Landing page utama organisasi
- 📥 Halaman download game client
- 📰 Blog/artikel seputar GDIPS
- 👥 Halaman about dan kontributor
- 📚 Dokumentasi lengkap
- 🔗 Hub yang menghubungkan semua layanan GDIPS
Repo game server ada di sini: gmdips/GDIPS
┌─────────────────────────────────────────────┐
│ FRONTEND │
│ ┌─────────┐ ┌────────┐ ┌────────────────┐ │
│ │ HTML5 │ │ CSS3 │ │ JavaScript │ │
│ └─────────┘ └────────┘ └────────────────┘ │
│ ┌─────────┐ ┌────────┐ ┌────────────────┐ │
│ │ Tailwind│ │ Alpine │ │ Vanilla JS │ │
│ │ CSS CDN │ │ JS CDN │ │ (no build) │ │
│ └─────────┘ └────────┘ └────────────────┘ │
├─────────────────────────────────────────────┤
│ HOSTING │
│ ┌──────────────────────────────────────┐ │
│ │ Cloudflare Pages (auto-deploy) │ │
│ │ gdips.pages.dev │ │
│ └──────────────────────────────────────┘ │
├─────────────────────────────────────────────┤
│ TOOLING │
│ ┌─────────┐ ┌────────┐ ┌────────────────┐ │
│ │ Git │ │ GitHub │ │ Cloudflare │ │
│ │ │ │ Actions│ │ Pages CI/CD │ │
│ └─────────┘ └────────┘ └────────────────┘ │
└─────────────────────────────────────────────┘
Kenapa no-build? Agar siapapun — bahkan yang baru pertama kali pakai Git — bisa berkontribusi tanpa setup Node.js, npm, atau build tool apapun.
| Halaman | File | Status | Deskripsi |
|---|---|---|---|
| Home | index.html |
✅ | Landing page utama |
| Download | download.html |
✅ | Download game client |
| About | about.html |
📋 | Tentang GDIPS & organisasi |
| Contributors | contributors.html |
📋 | Daftar semua kontributor |
| Blog | blog/index.html |
🔮 | Artikel & update |
| Docs | docs/index.html |
🔮 | Dokumentasi teknis |
| 404 | 404.html |
✅ | Halaman not found |
✅ Aktif · 📋 Planned · 🔮 Future · 🚧 WIP
- Buka file yang mau diedit langsung di GitHub
- Klik ✏️ (edit)
- Edit, commit, buat PR
- Selesai!
# 1. Fork repo ini
# (klik tombol Fork di atas kanan)
# 2. Clone fork kamu
git clone https://github.com/KAMU/site.git
cd site
# 3. Buat branch baru
git checkout -b fix/typo-landing
# 4. Edit file
# Buka file di text editor kamu
# 5. Preview lokal (opsional)
# Cara paling mudah: drag index.html ke browser
# Atau pakai Live Server di VS Code
# 6. Commit & push
git add .
git commit -m "fix: perbaiki typo di landing page"
git push origin fix/typo-landing
# 7. Buat Pull Request di GitHub# Option A: langsung buka di browser
# Double-click index.html
# Option B: VS Code Live Server
# Install extension "Live Server"
# Klik kanan index.html → "Open with Live Server"
# Option C: Python (kalau sudah installed)
python3 -m http.server 8080
# Buka http://localhost:8080
# Option D: Node.js (kalau sudah installed)
npx serve .
# Buka http://localhost:3000site/
├── 📂 public/ # Static assets
│ ├── 📂 assets/
│ │ ├── 📂 img/ # Images & icons
│ │ │ ├── logo.png
│ │ │ ├── og-image.png # Open Graph preview
│ │ │ └── favicon.ico
│ │ ├── 📂 css/
│ │ │ ├── style.css # Custom styles
│ │ │ └── animations.css # Animasi & transitions
│ │ └── 📂 js/
│ │ ├── main.js # Script utama
│ │ └── utils.js # Helper functions
│ └── 📂 downloads/ # Game client files
│ └── .gitkeep
│
├── 📂 blog/ # Blog posts
│ ├── index.html
│ └── 📂 posts/
│ └── .gitkeep
│
├── 📂 docs/ # Dokumentasi
│ ├── index.html
│ └── 📂 guides/
│ └── .gitkeep
│
├── 📂 .github/ # GitHub configs
│ ├── ISSUE_TEMPLATE/
│ ├── PULL_REQUEST_TEMPLATE.md
│ ├── FUNDING.yml
│ └── workflows/
│ └── deploy.yml
│
├── 📄 index.html # Homepage
├── 📄 download.html # Download page
├── 📄 about.html # About page
├── 📄 contributors.html # Contributors page
├── 📄 404.html # Not found page
├── 📄 robots.txt # SEO crawl rules
├── 📄 sitemap.xml # SEO sitemap
├── 📄 _redirects # Cloudflare redirects
├── 📄 .gitignore
├── 📄 CONTRIBUTING.md
├── 📄 CODE_OF_CONDUCT.md
├── 📄 LICENSE
├── 📄 README.md
└── 📄 SECURITY.md
┌──────────────────────────────────────────────────────┐
│ │
│ 🐛 Fix Bug → Typo, broken link, dll │
│ 🎨 Desain → Layout, warna, animasi │
│ 📱 Responsif → Mobile-friendly │
│ ♿ Aksesibilitas → Screen reader, keyboard │
│ 🌐 Terjemahan → Bahasa Indonesia/English │
│ 📝 Konten → Blog post, dokumentasi │
│ 📄 Halaman Baru → About, contributors, dll │
│ 🔍 SEO → Meta tags, sitemap │
│ ⚡ Performa → Optimasi gambar, kode │
│ 🧪 Testing → Cross-browser, cross-device │
│ │
└──────────────────────────────────────────────────────┘
- Fix typo di mana saja
- Perbaiki broken link
- Tambah alt text pada gambar
- Perbaiki indentation HTML
- Tambah komentar di kode
- Terjemahkan teks ke Bahasa Indonesia
💡 Cari issue dengan label
good first issueatauhelp wanted
📖 Panduan lengkap: CONTRIBUTING.md
- Landing page dasar
- Halaman download
- Responsive layout
- SEO dasar (meta, OG, robots, sitemap)
- Cloudflare Pages deployment
- Open-source release
- Halaman About lengkap
- Halaman Contributors (auto-fetch dari GitHub API)
- Blog system (static)
- FAQ page
- Changelog / release notes
- Dark mode toggle
- Animasi halus
- PWA support (offline capable)
- Multi-language (ID/EN)
- Search functionality
- Blog dengan kategori & tag
- Embed dashboard stats
- Real-time server status
- Interactive level browser
- Custom 404 yang lebih keren
| Link | Deskripsi | |
|---|---|---|
| 🌐 | gdips.pages.dev | Website ini (live) |
| 🎮 | Dashboard | Game server dashboard |
| 📥 | Download | Download game client |
| 💻 | gmdips/GDIPS | Repo game server |
| 🏢 | gmdips org | Organization GitHub |
| ⭐ | GDPSHub | Profil di GDPSHub |
| 💬 | Discord | Server Discord |
| 💬 | Group WhatsApp | |
| 📱 | Subreddit |
Proyek ini dilisensikan di bawah MIT License
GDIPS Website
Copyright (c) 2024 gmdips & Contributors
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
Artinya: Bebas digunakan, dimodifikasi, dan didistribusikan — dengan atau tanpa perubahan. Cukup cantumkan kredit asli.
"Website ini bukan cuma halaman statis — ini pintu masuk menuju komunitas kita. Setiap perbaikan kecil di sini berdampak pada kesan pertama ribuan orang."
Mulai dari yang kecil: typo, spacing, warna. Semua berarti. 💚
Free Code For Everyone :D
Star repo ini & buat PR pertamamu!
