{"id":20296200,"url":"https://github.com/chrnthnkmutt/personal-site","last_synced_at":"2026-02-13T02:02:31.160Z","repository":{"id":164235608,"uuid":"637432753","full_name":"chrnthnkmutt/personal-site","owner":"chrnthnkmutt","description":null,"archived":false,"fork":false,"pushed_at":"2025-02-03T07:12:12.000Z","size":23434,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-11T12:23:11.777Z","etag":null,"topics":["css","js","website","website-design"],"latest_commit_sha":null,"homepage":"https://boatchrnthn.vercel.app/","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/chrnthnkmutt.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":"2023-05-07T14:41:43.000Z","updated_at":"2025-02-03T07:12:15.000Z","dependencies_parsed_at":"2024-06-12T18:56:07.082Z","dependency_job_id":"2888de14-8b22-4341-bb41-7fe02fb77c6f","html_url":"https://github.com/chrnthnkmutt/personal-site","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/chrnthnkmutt/personal-site","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrnthnkmutt%2Fpersonal-site","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrnthnkmutt%2Fpersonal-site/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrnthnkmutt%2Fpersonal-site/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrnthnkmutt%2Fpersonal-site/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chrnthnkmutt","download_url":"https://codeload.github.com/chrnthnkmutt/personal-site/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrnthnkmutt%2Fpersonal-site/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29392818,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-13T00:53:09.511Z","status":"online","status_checked_at":"2026-02-13T02:00:10.076Z","response_time":78,"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":["css","js","website","website-design"],"created_at":"2024-11-14T15:37:34.906Z","updated_at":"2026-02-13T02:02:31.155Z","avatar_url":"https://github.com/chrnthnkmutt.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Charunthon Limseelo - Personal Academic Website\n\nA modern, responsive personal website showcasing academic achievements, research publications, talks, teaching experience, and technical projects. Built with vanilla HTML, CSS, and JavaScript for optimal performance and Vercel compatibility.\n\n## 🚀 Features\n\n- **Responsive Design**: Optimized for desktop, tablet, and mobile devices\n- **Academic Focus**: Structured sections for publications, talks, teaching, and research\n- **Modern UI**: Clean, professional design with smooth animations\n- **Fast Loading**: Vanilla JavaScript for optimal performance\n- **Vercel Ready**: No Jekyll dependency for seamless deployment\n\n## 📁 Project Structure\n\n```\npersonal-site/\n├── index.html              # Main homepage with all sections\n├── assets/\n│   ├── css/\n│   │   └── style.css       # Main stylesheet with responsive design\n│   ├── js/\n│   │   └── script.js       # Interactive functionality\n│   └── images/             # Profile images and icons\n├── pages/                  # Detailed individual pages\n│   ├── publications.html   # Complete publications list\n│   ├── talks.html         # Speaking engagements and presentations\n│   └── teaching.html      # Teaching experience and philosophy\n├── blog/                   # Blog posts and articles\n│   └── mlops-episode-2.html # Sample technical blog post\n└── README.md              # This file\n```\n\n## 🎯 Sections Overview\n\n### 1. About Me\n- Personal introduction and background\n- Current role as Microsoft Learn Student Ambassador\n- Research interests and expertise areas\n- Professional collaborators and connections\n\n### 2. Publications\n- Research papers and journal articles\n- Conference proceedings\n- Technical reports and preprints\n- Works in progress\n\n### 3. Talks \u0026 Presentations\n- International conference talks\n- Technology conference presentations\n- Academic presentations\n- Community workshops and training\n\n### 4. Teaching\n- University teaching assistant experience\n- Workshop series and bootcamps\n- Student mentoring and research supervision\n- Teaching philosophy and approach\n\n### 5. Portfolio\n- Technical projects and applications\n- Open-source contributions\n- Research implementations\n- Innovation showcases\n\n### 6. Blog\n- Technical articles and tutorials\n- Research insights and findings\n- Industry trends and analysis\n- Personal experiences and learnings\n\n### 7. CV/Resume\n- Complete academic and professional history\n- Skills and competencies\n- Awards and recognition\n- Downloadable PDF resume\n\n## 🛠️ Technical Implementation\n\n### Technologies Used\n- **HTML5**: Semantic markup for accessibility and SEO\n- **CSS3**: Modern styling with Flexbox and Grid layouts\n- **Vanilla JavaScript**: Interactive navigation and dynamic content\n- **Ionicons**: Consistent iconography throughout the site\n- **Google Fonts**: Chakra Petch font family for modern typography\n\n### Key Features\n- **Single Page Application**: Smooth navigation between sections\n- **Mobile-First Design**: Responsive layouts for all devices\n- **Performance Optimized**: Minimal dependencies and fast loading\n- **Accessibility**: Semantic HTML and proper ARIA labels\n- **SEO Friendly**: Structured data and meta tags\n\n## 🎨 Design Philosophy\n\nThe website follows modern web design principles:\n\n- **Minimalist Aesthetic**: Clean layouts with plenty of white space\n- **Consistent Branding**: Cohesive color scheme and typography\n- **User-Centered Design**: Intuitive navigation and clear information hierarchy\n- **Academic Professional**: Appropriate for academic and professional contexts\n\n## 📱 Responsive Breakpoints\n\n- **Mobile**: 320px - 767px\n- **Tablet**: 768px - 1023px\n- **Desktop**: 1024px and above\n\n## 🚀 Deployment\n\n### Vercel Deployment\nThis site is optimized for Vercel deployment:\n\n1. Connect your GitHub repository to Vercel\n2. No build configuration needed (static HTML)\n3. Automatic deployments on push to main branch\n\n### Alternative Hosting\nThe site can be hosted on any static hosting service:\n- GitHub Pages\n- Netlify\n- Azure Static Web Apps\n- Firebase Hosting\n\n## 🔧 Customization\n\n### Adding New Content\n\n#### Publications\n1. Edit `index.html` - add summary in the Publications section\n2. Edit `pages/publications.html` - add full details\n3. Include proper metadata and links\n\n#### Blog Posts\n1. Create new HTML file in `blog/` directory\n2. Use the template from `blog/mlops-episode-2.html`\n3. Update the blog section in `index.html`\n\n#### Talks\n1. Add summary to `index.html` Talks section\n2. Add full details to `pages/talks.html`\n3. Include slides, videos, and related materials\n\n### Styling Customization\n- Edit `assets/css/style.css` for visual changes\n- Color scheme defined in CSS custom properties\n- Responsive design utilities available\n\n### JavaScript Functionality\n- Navigation logic in `assets/js/script.js`\n- Modal and interactive components\n- Form handling and validation\n\n## 📞 Contact\n\n**Charunthon Limseelo**\n- Email: boat.charunthon@gmail.com\n- LinkedIn: [linkedin.com/in/boatchrnthn](https://www.linkedin.com/in/boatchrnthn/)\n- GitHub: [github.com/chrnthnkmutt](https://github.com/chrnthnkmutt)\n- Website: [chrnthnkmutt.github.io](https://chrnthnkmutt.github.io)\n\n## 📄 License\n\n[MIT](https://choosealicense.com/licenses/mit/)\n\n## Demo Image\n![vCard Desktop Demo](./website-demo-image/demo.jpeg \"Desktop Demo\")\n\n---\n\n*Built with ❤️ for the academic and research community*\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrnthnkmutt%2Fpersonal-site","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchrnthnkmutt%2Fpersonal-site","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrnthnkmutt%2Fpersonal-site/lists"}