{"id":21380220,"url":"https://github.com/purjayadi/purjayadi.github.io","last_synced_at":"2026-07-18T18:37:34.602Z","repository":{"id":361303349,"uuid":"1168052760","full_name":"purjayadi/purjayadi.github.io","owner":"purjayadi","description":null,"archived":false,"fork":false,"pushed_at":"2026-06-18T14:07:17.000Z","size":115,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-06-18T15:32:12.475Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/purjayadi.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-02-27T00:52:05.000Z","updated_at":"2026-06-18T14:08:11.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/purjayadi/purjayadi.github.io","commit_stats":null,"previous_names":["purjayadi/purjayadi.github.io"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/purjayadi/purjayadi.github.io","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purjayadi%2Fpurjayadi.github.io","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purjayadi%2Fpurjayadi.github.io/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purjayadi%2Fpurjayadi.github.io/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purjayadi%2Fpurjayadi.github.io/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/purjayadi","download_url":"https://codeload.github.com/purjayadi/purjayadi.github.io/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/purjayadi%2Fpurjayadi.github.io/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":35627692,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-07-18T02:00:07.223Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"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":[],"created_at":"2024-11-22T10:38:06.084Z","updated_at":"2026-07-18T18:37:34.596Z","avatar_url":"https://github.com/purjayadi.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Portfolio Website - Purjayadi\n\nWebsite portfolio profesional untuk Purjayadi, seorang Fullstack Developer dengan pengalaman 7 tahun.\n\n## 🌟 Fitur\n\n- **Design Modern \u0026 Responsif** - Tampilan menarik yang bekerja sempurna di semua perangkat\n- **Smooth Scrolling** - Navigasi yang halus antar section\n- **Animasi Interaktif** - Efek animasi yang smooth dan profesional\n- **Hamburger Menu** - Menu mobile yang user-friendly\n- **Section Highlighting** - Active link yang mengikuti scroll position\n- **Scroll to Top Button** - Tombol untuk kembali ke atas halaman\n- **Social Media Integration** - Link ke LinkedIn, GitHub, dan email\n\n## 📂 Struktur File\n\n```\nprofile/\n├── index.html      # Halaman utama website\n├── style.css       # Styling dan animasi\n├── script.js       # Interaktivitas dan fungsi JavaScript\n└── README.md       # Dokumentasi\n```\n\n## 🚀 Cara Menggunakan\n\n### Metode 1: Buka Langsung di Browser\n\n1. Buka file `index.html` di browser favorit Anda\n2. Website siap digunakan!\n\n### Metode 2: Menggunakan Live Server (Recommended)\n\n**Dengan VS Code:**\n\n1. Install extension \"Live Server\" di VS Code\n2. Klik kanan pada file `index.html`\n3. Pilih \"Open with Live Server\"\n\n**Dengan Python:**\n\n```bash\n# Python 3\npython -m http.server 8000\n\n# Python 2\npython -m SimpleHTTPServer 8000\n```\n\nKemudian buka `http://localhost:8000` di browser.\n\n**Dengan Node.js (http-server):**\n\n```bash\n# Install http-server globally\nnpm install -g http-server\n\n# Run server\nhttp-server\n```\n\n## 🎨 Kustomisasi\n\n### Mengubah Warna Tema\n\nEdit file `style.css` pada bagian `:root`:\n\n```css\n:root {\n  --primary-color: #2563eb; /* Warna utama */\n  --secondary-color: #1e40af; /* Warna sekunder */\n  --accent-color: #60a5fa; /* Warna aksen */\n}\n```\n\n### Mengubah Konten\n\nEdit file `index.html` untuk mengubah:\n\n- Informasi personal\n- Deskripsi pengalaman kerja\n- Skill yang ditampilkan\n- Informasi pendidikan\n- Link social media\n- Email dan informasi kontak\n\n### Menambah/Mengurangi Skill\n\nCari section dengan class `.skill-tags` di `index.html` dan tambahkan/hapus:\n\n```html\n\u003cspan class=\"skill-tag\"\u003eSkill Name\u003c/span\u003e\n```\n\n## 📱 Responsif\n\nWebsite ini sepenuhnya responsif dan telah dioptimasi untuk:\n\n- 📱 Mobile (\u003c 600px)\n- 📱 Tablet (600px - 968px)\n- 💻 Desktop (\u003e 968px)\n\n## 🔧 Teknologi yang Digunakan\n\n- **HTML5** - Struktur website\n- **CSS3** - Styling dengan Flexbox \u0026 Grid\n- **JavaScript (ES6+)** - Interaktivitas\n- **Font Awesome** - Icon library\n\n## ✨ Fitur JavaScript\n\n- Smooth scrolling ke section\n- Hamburger menu untuk mobile\n- Active navigation link tracking\n- Scroll-triggered animations\n- Intersection Observer API untuk lazy animations\n- Scroll to top button\n- Parallax effect (optional)\n\n## 📝 Customization Tips\n\n### Mengganti Foto Profil\n\nSaat ini menggunakan icon placeholder. Untuk mengganti dengan foto:\n\n1. Tambahkan foto ke folder `images/`\n2. Ganti di `index.html`:\n\n```html\n\u003cdiv class=\"profile-circle\"\u003e\n  \u003cimg src=\"images/profile.jpg\" alt=\"Profile Photo\" /\u003e\n\u003c/div\u003e\n```\n\n3. Update CSS di `style.css`:\n\n```css\n.profile-circle img {\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  object-fit: cover;\n}\n```\n\n### Menambah Section Baru\n\n1. Tambahkan section di `index.html`\n2. Tambahkan link di navigation menu\n3. Style section baru di `style.css`\n\n## 🌐 Deploy Website\n\n### GitHub Pages\n\n1. Push repository ke GitHub\n2. Masuk ke Settings \u003e Pages\n3. Pilih branch `main` dan folder `root`\n4. Website akan live dalam beberapa menit\n\n### Netlify\n\n1. Drag \u0026 drop folder ke [Netlify Drop](https://app.netlify.com/drop)\n2. Website langsung live dengan URL gratis\n\n### Vercel\n\n```bash\nnpm i -g vercel\nvercel\n```\n\n## 📧 Contact Information\n\nUpdate informasi kontak di section `#contact` pada file `index.html`:\n\n- Email: Ganti `purjayadi@gmail.com` dengan email sebenarnya\n- LinkedIn: URL sudah sesuai\n- GitHub: Ganti dengan username GitHub yang benar\n\n## 🔒 Best Practices\n\n- ✅ Semua link eksternal menggunakan `target=\"_blank\"` untuk keamanan\n- ✅ Responsive design untuk semua ukuran layar\n- ✅ Cross-browser compatible\n- ✅ Fast loading dengan optimized code\n- ✅ Semantic HTML untuk SEO\n- ✅ Accessibility features\n\n## 📈 Performance Tips\n\n1. **Optimize Images**: Compress gambar sebelum upload\n2. **Minify Files**: Gunakan minifier untuk production\n3. **CDN**: Pertimbangkan menggunakan CDN untuk Font Awesome\n4. **Caching**: Setup browser caching untuk performa lebih baik\n\n## 🐛 Troubleshooting\n\n**Problem**: Menu tidak berfungsi di mobile\n\n- **Solution**: Pastikan `script.js` di-load setelah DOM\n\n**Problem**: Smooth scroll tidak bekerja\n\n- **Solution**: Check browser compatibility, tambahkan polyfill jika perlu\n\n**Problem**: Font Awesome icon tidak muncul\n\n- **Solution**: Pastikan koneksi internet aktif atau download Font Awesome locally\n\n## 📄 License\n\nFree to use for personal projects. Silakan modifikasi sesuai kebutuhan.\n\n## 🤝 Kontribusi\n\nJika ada saran atau improvement, silakan:\n\n1. Fork repository\n2. Buat branch baru\n3. Commit changes\n4. Submit pull request\n\n## 📞 Support\n\nUntuk pertanyaan atau bantuan:\n\n- Email: purjayadi@gmail.com\n- LinkedIn: [linkedin.com/in/purjayadi-9a154013a/](https://www.linkedin.com/in/purjayadi-9a154013a/)\n\n---\n\nDibuat dengan ❤️ oleh Purjayadi | © 2026 All Rights Reserved\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpurjayadi%2Fpurjayadi.github.io","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpurjayadi%2Fpurjayadi.github.io","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpurjayadi%2Fpurjayadi.github.io/lists"}