{"id":28497891,"url":"https://github.com/daffadevhosting/jekyll-dual-ui","last_synced_at":"2026-04-26T08:38:51.378Z","repository":{"id":296588622,"uuid":"993879256","full_name":"daffadevhosting/jekyll-dual-ui","owner":"daffadevhosting","description":"Jekyll Dual-UI ionic/core@8 x Bootstrap@5.3 Boilerplate.","archived":false,"fork":false,"pushed_at":"2025-06-02T08:02:24.000Z","size":8072,"stargazers_count":0,"open_issues_count":0,"forks_count":1,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-07-03T13:50:45.696Z","etag":null,"topics":["bootstrap5","ionic-framework","jekyll"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/daffadevhosting.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-31T18:07:04.000Z","updated_at":"2025-06-02T08:02:29.000Z","dependencies_parsed_at":"2025-07-03T13:48:09.214Z","dependency_job_id":null,"html_url":"https://github.com/daffadevhosting/jekyll-dual-ui","commit_stats":null,"previous_names":["daffadevhosting/jekyll-dual-ui"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/daffadevhosting/jekyll-dual-ui","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daffadevhosting%2Fjekyll-dual-ui","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daffadevhosting%2Fjekyll-dual-ui/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daffadevhosting%2Fjekyll-dual-ui/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daffadevhosting%2Fjekyll-dual-ui/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/daffadevhosting","download_url":"https://codeload.github.com/daffadevhosting/jekyll-dual-ui/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/daffadevhosting%2Fjekyll-dual-ui/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32291336,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-26T08:29:33.829Z","status":"ssl_error","status_checked_at":"2026-04-26T08:29:18.366Z","response_time":129,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap5","ionic-framework","jekyll"],"created_at":"2025-06-08T13:06:58.028Z","updated_at":"2026-04-26T08:38:51.363Z","avatar_url":"https://github.com/daffadevhosting.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# 🔀 DUAL-UI Jekyll Site\n\nBoilerplate **Jekyll** yang memiliki **dua tampilan antarmuka (UI)** terpisah:\n\n* 💻 **UI Desktop** menggunakan [Bootstrap 5.3](https://getbootstrap.com/)\n* 📱 **UI Mobile** menggunakan [@ionic/core@8](https://www.npmjs.com/package/@ionic/core)\n\n---\n\n## 📁 Struktur Proyek\n\n```\n/\n├── desktop/           # Halaman dan layout untuk desktop\n│   ├── index.html\n│   └── ...\n├── mobile/            # Halaman dan layout untuk mobile\n│   ├── index.html\n│   └── ...\n├── assets/             # CSS, JS, gambar\n│   └── vendor/\n│       ├── bootstrap/      # Bootstrap 5.3\n│       └── ionic/          # Ionic Core 8\n├── _layouts/\n│   ├── desktop.html\n│   ├── default.html\n│   └── mobile.html\n├── index.html          # Script redirect ke UI sesuai perangkat\n├── 403.html            # Halaman akses ditolak\n└── _config.yml         # Konfigurasi Jekyll\n```\n\n---\n\n## 🚀 Fitur Utama\n\n* 🔁 **Redirect otomatis** ke `/desktop/` atau `/mobile/` sesuai ukuran layar.\n* 🧠 **Pendeteksi perangkat** berbasis JavaScript yang mencegah akses ke UI yang salah.\n* 🎨 Dua sistem UI terpisah untuk pengalaman pengguna yang lebih optimal.\n* 🚱 Halaman `403.html` untuk melarang akses jika pengguna membuka UI yang tidak sesuai.\n\n---\n\n## 🧰 Teknologi Digunakan\n\n| Teknologi      | Fungsi                         |\n| -------------- | ------------------------------ |\n| Jekyll         | Static site generator          |\n| Bootstrap 5.3  | Tampilan UI untuk desktop      |\n| @ionic/core\\@8 | Web components untuk mobile UI |\n| JavaScript     | Deteksi perangkat \u0026 redirect   |\n| Liquid         | Template engine dari Jekyll    |\n\n---\n\n## 🔧 Cara Menjalankan secara Lokal\n\n1. **Install Jekyll**:\n\n   ```bash\n   gem install jekyll bundler\n   ```\n\n2. **Clone repo ini**\n\n    ```bash\n    git clone https://github.com/daffadevhosting/jekyll-dual-ui.git\n    ```\n\n   **dan jalankan**:\n\n   ```bash\n   cd jekyll-dual-ui\n   bundle install\n   bundle exec jekyll serve\n   ```\n\n3. **Akses situs** di: [http://localhost:8800](http://localhost:8800)\n\n---\n\n## 🔒 Proteksi Akses UI\n\nScript JavaScript ditambahkan dalam layout untuk memastikan:\n\n* UI mobile hanya bisa diakses dari layar kecil (≤768px)\n* UI desktop hanya bisa diakses dari layar besar (\u003e768px)\n* Jika akses tidak sesuai, pengguna diarahkan ke `/403.html`\n\n---\n\n## 🗜️ TODO (pengembangan berikutnya)\n\n* [ ] Menyediakan tombol ganti UI manual\n* [ ] Dukungan bahasa ganda (i18n)\n* [ ] Mode dark/light otomatis\n\n---\n\n## 📄 Lisensi\n\nProyek ini menggunakan lisensi [MIT](LICENSE).\n\n---\n\n## ✨ Kredit\n\n* [Bootstrap](https://getbootstrap.com/)\n* [Ionic Framework](https://ionicframework.com/)\n* [Jekyll](https://jekyllrb.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaffadevhosting%2Fjekyll-dual-ui","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdaffadevhosting%2Fjekyll-dual-ui","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdaffadevhosting%2Fjekyll-dual-ui/lists"}