{"id":50836018,"url":"https://github.com/riponcm/acadpro","last_synced_at":"2026-06-14T03:07:19.250Z","repository":{"id":338695358,"uuid":"1158726912","full_name":"riponcm/acadpro","owner":"riponcm","description":"Modern single-page academic portfolio template — pure HTML/CSS/JS, no frameworks. Dark mode, photo carousel, expertise cloud, tabbed experience, BibTeX export, social sharing. Free for researchers and professors.","archived":false,"fork":false,"pushed_at":"2026-04-09T08:09:01.000Z","size":5084,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-09T10:10:19.515Z","etag":null,"topics":["academic-portfolio","academic-project","html","personal-website","phd-students","portfolio","portfolio-project","portfolio-website","postdoc","professor-page","single-page","student","student-page","student-website"],"latest_commit_sha":null,"homepage":"https://acadpro.netlify.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/riponcm.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","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-15T20:30:55.000Z","updated_at":"2026-04-09T08:09:06.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/riponcm/acadpro","commit_stats":null,"previous_names":["riponcm/acadpro"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/riponcm/acadpro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riponcm%2Facadpro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riponcm%2Facadpro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riponcm%2Facadpro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riponcm%2Facadpro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/riponcm","download_url":"https://codeload.github.com/riponcm/acadpro/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/riponcm%2Facadpro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34307710,"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-06-14T02:00:07.365Z","response_time":62,"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":["academic-portfolio","academic-project","html","personal-website","phd-students","portfolio","portfolio-project","portfolio-website","postdoc","professor-page","single-page","student","student-page","student-website"],"created_at":"2026-06-14T03:07:18.081Z","updated_at":"2026-06-14T03:07:19.237Z","avatar_url":"https://github.com/riponcm.png","language":"HTML","funding_links":["https://www.buymeacoffee.com/riponce"],"categories":[],"sub_categories":[],"readme":"# AcadPro--Academic Portfolio Template\n**A GitHub repository for an academic portfolio template, professor lab website, researcher homepage, and university faculty profile theme.**\n\n![Acadpro Academic Portfolio](https://img.shields.io/badge/Academic-Portfolio-2d5a7b?style=for-the-badge\u0026labelColor=ffffff) ![Version 2.0.2](https://img.shields.io/badge/Version-2.0.2-2d5a7b?style=for-the-badge\u0026labelColor=ffffff) ![License](https://img.shields.io/badge/License-MIT-2d5a7b?style=for-the-badge\u0026labelColor=ffffff)\n\n\n\u003cdiv align=\"center\"\u003e\n\n[![Live Demo](https://img.shields.io/badge/Live_Demo-acadpro.netlify.app-2d5a7b?style=for-the-badge\u0026labelColor=ffffff\u0026logo=googlechrome\u0026logoColor=2d5a7b)](https://acadpro.netlify.app)\n\n\u003c/div\u003e\n\n**Preview**\n\n![Hero Section](screenshots/hero.png)\n\n# AcadPro--Academic Portfolio Template\n\n\nAcadpro is a modern, JSON-driven academic portfolio and lab website repository built with pure HTML, CSS, and JavaScript for PhD students, MSc students, postdocs, professors, research groups, and university faculty who want a polished online presence without frameworks or dependencies.\n\n---\n\n\u003e **If this project is useful to you, please consider giving it a star.**\n\u003e Stars help others discover this project and motivate continued development.\n\u003e\n\u003e [![Star This Repo](https://img.shields.io/github/stars/riponcm/acadpro?style=for-the-badge\u0026color=2d5a7b\u0026labelColor=ffffff\u0026label=Star%20This%20Repo)](https://github.com/riponcm/acadpro)\n\n---\n\n## What's New in V2.0.2\n\n- All site content is now driven by a single `data.json` file — no more editing HTML\n- Student and Professor modes are now supported with separate frontends\n- New dedicated `professor.html` page for faculty and research lab websites\n- Floating demo switcher now opens the Student or Professor page directly\n- Student template keeps the portfolio-oriented homepage and no-map contact layout\n- Professor page adds a lab-focused hero, collaboration section, lab overview, lab publications, and map-based contact layout\n- Research Highlights \u0026 Interests now use a tabbed layout matching the existing theme\n- Highlights and Interests can now render compact technical skill cards with icons and learning levels\n- Optional Google Scholar integration to auto-update citation counts\n- Two publication display styles — card grid or tabbed list — switchable via JSON\n- Dynamic Publication sorting by \"Year\" or \"Citations\" with \"Load More\" pagination\n- BibTeX Copy-to-Clipboard modal\n- Every section (projects, publications, teaching, experience, education, awards, contact) is fully configurable from JSON\n- Configurable Default Theme (`light`, `dark`, `blue`) directly controlled from `data.json`\n\n---\n\n## Overview\n\nThis is a complete, production-ready academic portfolio website. All content lives in `data.json` — edit that one file and the website updates automatically. No build tools, no package managers, no server-side code.\n\nThe design follows an editorial aesthetic with warm muted tones, refined typography, and subtle animations. It includes light and dark mode, responsive layout, and all interactive features built from scratch.\n\n---\n---\n\n## Templates\n\nAcadpro now supports two main academic website experiences:\n- `index.html` for Student / Researcher portfolios\n- `professor.html` for Professor / Lab frontends\n\n### Student Template\n\nUse this for:\n- PhD students\n- MSc / MS students\n- Postdocs\n- Early-career researchers\n\nMain characteristics:\n- Hero remains in the same visual style\n- Simple `Open to Collaborate` banner\n- Tabbed `Research Highlights \u0026 Interests` section\n- Compact technical skill cards supported inside research tabs\n- Existing publication system stays unchanged\n- Existing project cards stay unchanged\n- Existing teaching section stays unchanged\n- Existing experience and education tabs stay unchanged\n- Existing awards section stays unchanged\n- `Contact Me` becomes two centered banner blocks with no map\n\n### Professor Template\n\nUse this for:\n- Professors\n- Teachers\n- Senior faculty profiles\n- Research labs\n- Principal investigators\n\nMain characteristics:\n- Same visual theme and shared academic branding\n- Dedicated `professor.html` page instead of forcing all logic into one homepage\n- Lab-first hero with welcome message and research highlight slider\n- Collaboration and open positions section for PhD, Master's, postdoc, and visiting researchers\n- Large `About the Lab` section with tabs for overview, themes, facilities/methods, and team/culture\n- Lab publications section reusing the shared publication engine\n- Map-based `Contact Us` area with professor/lab details, CV, and academic profiles\n\n### How To Change Template\n\nIn `data.json`:\n\n```json\n\"settings\": {\n  \"template\": \"phd\",\n  \"templateLabel\": \"PhD Student\"\n}\n```\n\nAvailable values:\n- `phd` for the student/researcher view\n- `professor` for the professor/teacher view\n\nYou can also change the visible label:\n\n```json\n\"templateLabel\": \"Postdoctoral Researcher\"\n```\n\n### Which File To Open\n\n- Use `index.html` for the student/researcher site\n- Use `professor.html` for the professor/lab site\n- Both pages read from the same `data.json`\n\n### Demo Switcher\n\nFor demo purposes, the site can show a floating switch button on the middle-right side of the screen to open the Student or Professor page quickly.\n\nEnable it in `data.json`:\n\n```json\n\"settings\": {\n  \"demoTemplateSwitcher\": true\n}\n```\n\nHide it on a real published site:\n\n```json\n\"settings\": {\n  \"demoTemplateSwitcher\": false\n}\n```\n\nWhen hidden, visitors will only see the single template selected in `settings.template`.\n\n---\n\n## Page Structure\n\n| # | Section | JSON Key | Description |\n|:---:|:---|:---|:---|\n| 01 | **Header** | `profile` | Sticky navigation with glass blur effect and theme toggle |\n| 02 | **Hero** | `profile` \u0026 `projects` | Welcome text with auto-rotating photo carousel (combines profile pics + project pics) |\n| 03 | **Hiring Banner** | `hiring` | Highlighted \"Open to Work\" section with animated pulse |\n| 04 | **Research Highlights \u0026 Interests** | `researchProfile`, `expertise`, `lab` | Tabbed research overview, highlights, and interests |\n| 05 | **Publications** | `publications` | Existing publication system with auto-fetch compatibility, sorting, BibTeX, sharing, and load more |\n| 06 | **Projects** | `projects` | Existing project cards with images, GitHub links, and share dropdown |\n| 07 | **Teaching** | `teaching` | Existing video tiles that open YouTube in a modal |\n| 08 | **Experience** | `experience` | Existing tabbed work-history panel |\n| 09 | **Education** | `education` | Existing tabbed degree panel |\n| 10 | **Awards** | `awards` | Existing compact cards with external links |\n| 11 | **Contact Me** | `contact`, `cv`, `settings.template` | Student view: two centered banners without map. Professor view: map layout with contact info |\n| 12 | **Footer** | `footer` | Existing footer style with version and repo link |\n\n### Professor Page Structure\n\n| # | Section | JSON Key | Description |\n|:---:|:---|:---|:---|\n| 01 | **Header** | `profile` | Shared sticky header and branding |\n| 02 | **Lab Hero** | `professorPage.hero`, `profile`, `lab` | Welcome to lab message with research highlight slider |\n| 03 | **Collaboration \u0026 Open Positions** | `professorPage.collaboration` | PhD, Master's, postdoc, visiting researcher, and collaboration callout |\n| 04 | **About the Lab** | `professorPage.aboutLab`, `lab` | Large tabbed lab section with overview, themes, methods, and people |\n| 05 | **Lab Publications** | `publications` | Shared publication engine reused for the professor frontend |\n| 06 | **Contact Us** | `contact`, `cv`, `lab`, `profile` | Map-based faculty/lab contact section |\n| 07 | **Footer** | `footer` | Shared footer style |\n\n---\n\n## Installation\n\n### Step 1 — Clone the Repository\n\n```bash\ngit clone https://github.com/riponcm/acadpro.git\ncd acadpro\n```\n\n### Step 2 — Edit Your Data\n\nOpen `data.json` in any text editor (VS Code recommended) and replace the demo content with your own information. See the Customization Guide below for details on each section.\n\n### Step 3 — Test Locally\n\nSince the site loads `data.json` via JavaScript fetch, you need a local server to test:\n\n```bash\n# Using Python (recommended)\npython3 -m http.server 8000\n\n# Using Node.js\nnpx serve .\n```\n\nThen open `http://localhost:8000` in your browser.\n\n**Note:** Opening `index.html` directly as a file will not work because browsers block `fetch()` requests from `file://` protocol. Always use a local server for testing.\n\n### Step 4 (Optional) — Auto-Update from Google Scholar\n\n```bash\npip install scholarly\npython fetch_scholar.py --scholar-id YOUR_SCHOLAR_ID\n```\n\nYour Google Scholar ID is the value after `user=` in your profile URL:\n`https://scholar.google.com/citations?user=YOUR_SCHOLAR_ID`\n\nThis updates citation counts for existing papers and adds new ones with placeholder images. Your manual edits (images, PDFs, descriptions) are never overwritten. A backup is saved as `data.backup.json` before each update.\n\n---\n\n## Deployment\n\n### Option 1 — Netlify (Recommended)\n\n1. Go to [app.netlify.com](https://app.netlify.com) and sign in.\n2. Click **\"Add new site\"** then **\"Deploy manually\"**.\n3. Drag your project folder (containing `index.html` and `data.json`) into the upload area.\n4. Your site is live. Netlify provides a free URL and HTTPS.\n\nTo update: drag the updated folder into the re-deploy area on the **Deploys** tab.\n\n### Option 2 — GitHub Pages\n\n1. Push your repository to GitHub.\n2. Go to repository **Settings** then **Pages**.\n3. Under **Source**, select branch `main` and root folder `/`.\n4. Click **Save**. Your site will be available at `https://username.github.io/repo-name`.\n5. Any push to `main` will automatically redeploy.\n\n### Option 3 — Vercel\n\n1. Go to [vercel.com](https://vercel.com) and import your GitHub repository.\n2. No build settings needed — it serves static files automatically.\n3. Deploys on every push.\n\n---\n\n## File Structure\n\n```\nacadpro/\n  |-- index.html              \u003c- Main site (reads data.json, renders everything)\n  |-- data.json               \u003c- All site content (edit this file)\n  |-- fetch_scholar.py        \u003c- Optional: auto-pull from Google Scholar\n  |-- LICENSE.txt             \u003c- License terms\n  |-- README.md               \u003c- This file\n  |-- .gitignore\n  |-- screenshots/\n       |-- light-mode.png\n       |-- dark-mode.png\n       |-- hero.png\n       |-- banner.png\n       |-- expertise.png\n       |-- tabs.png\n```\n\n---\n\n## Customization Guide\n\n### How It Works\n\nAll site content is stored in `data.json`. The `index.html` file reads this JSON on page load and renders every section dynamically. You never need to touch the HTML — just edit the JSON and push.\n\n### Profile and Hero Section\n\n```json\n\"profile\": {\n  \"name\": \"Dr. Your Name\",\n  \"initials\": \"YN\",\n  \"tagline\": \"Your Research Areas\",\n  \"headline\": \"Your headline text\",\n  \"bio\": \"Your bio with \u003cstrong\u003eHTML\u003c/strong\u003e allowed\",\n  \"role\": \"Your Title\",\n  \"affiliation\": \"Your University\",\n  \"photos\": [\n    { \"src\": \"https://your-photo-url.jpg\", \"alt\": \"Description\" }\n  ]\n}\n```\n\n### Hiring Banner / Open To Collaborate\n\nToggle the banner on or off:\n\n```json\n\"hiring\": {\n  \"enabled\": true,\n  \"title\": \"Open to Collaboration\",\n  \"description\": \"Your hiring message here.\"\n}\n```\n\nSet `enabled` to `false` to hide the banner completely.\n\nYou can also supply a cleaner opportunity list for student-style templates:\n\n```json\n\"opportunities\": {\n  \"title\": \"Open to Collaborate\",\n  \"summary\": \"Open to PhD, MSc, postdoc, and collaborative research opportunities.\",\n  \"positions\": [\n    \"Seeking PhD position\",\n    \"Seeking MSc position\",\n    \"Seeking Postdoc position\"\n  ]\n}\n```\n\n### Research Highlights \u0026 Interests\n\n```json\n\"researchProfile\": {\n  \"title\": \"Research Highlights \u0026 Interests\",\n  \"summary\": \"Short overview of your research direction.\",\n  \"interests\": [\n    \"Geotechnical Engineering\",\n    \"Ground Improvement\",\n    \"Experimental Soil Mechanics\"\n  ],\n  \"metrics\": [\n    { \"label\": \"Publications\", \"value\": \"8+\" }\n  ],\n  \"highlights\": [\n    {\n      \"title\": \"Area of Expertise\",\n      \"description\": \"Your focus areas.\",\n      \"items\": [\n        \"Soft soil improvement\",\n        \"Vacuum densification\"\n      ]\n    }\n  ]\n}\n```\n\n### Contact And CV\n\n```json\n\"contact\": {\n  \"email\": \"your-email@university.edu\",\n  \"phone\": \"+1 (000) 000-0000\",\n  \"office\": \"Room 101, Building Name\",\n  \"cvUrl\": \"https://example.edu/cv.pdf\",\n  \"socials\": [\n    { \"platform\": \"google-scholar\", \"url\": \"https://scholar.google.com/...\" },\n    { \"platform\": \"github\", \"url\": \"https://github.com/...\" },\n    { \"platform\": \"linkedin\", \"url\": \"https://linkedin.com/in/...\" },\n    { \"platform\": \"orcid\", \"url\": \"https://orcid.org/...\" }\n  ]\n},\n\"cv\": {\n  \"title\": \"Academic CV\",\n  \"buttonLabel\": \"View CV\",\n  \"url\": \"https://example.edu/cv.pdf\"\n}\n```\n\nTemplate behavior:\n- `phd` removes the map and shows two centered contact banners\n- `professor` keeps the map contact layout\n\n### Previous Lab Content\n\nThe previous lab-oriented data can still remain in `data.json`, and the research section can reuse it as supporting content when needed.\n\n```json\n\"lab\": {\n  \"directorName\": \"Dr. Your Name\",\n  \"title\": \"Your Lab Name\",\n  \"description\": \"Lab focus and descriptions go here.\"\n}\n```\n\n### Real Site Setup\n\nFor a real site, these are the most common production settings:\n\n```json\n\"settings\": {\n  \"template\": \"phd\",\n  \"templateLabel\": \"PhD Student\",\n  \"demoTemplateSwitcher\": false,\n  \"publicationStyle\": \"alt\",\n  \"theme\": \"blue\"\n}\n```\n\nThat keeps one stable template live and hides the floating demo switcher from visitors.\n\n### Legacy Lab / About Section Data\n\nIf you still want to keep older lab-oriented content in the JSON, you can:\n\n```json\n\"lab\": {\n  \"directorName\": \"Dr. Your Name\",\n  \"title\": \"Your Lab Name\",\n  \"description\": \"Lab focus and descriptions go here. Explaining what you build.\",\n  \"members\": [\n    {\n      \"roleGroup\": \"Postdoctoral Researchers\",\n      \"people\": [\n        { \"name\": \"Dr. Alice Smith\", \"role\": \"Postdoc, ML\", \"image\": \"img1.png\" }\n      ]\n    },\n    {\n      \"roleGroup\": \"Ph.D. Students\",\n      \"people\": [\n        { \"name\": \"Charlie Davis\", \"role\": \"Ph.D. Candidate\", \"image\": \"img2.png\" }\n      ]\n    }\n  ]\n}\n```\n\n### Expertise Tags\n\nAdd or remove skills. Levels control visual size: `expert` (largest), `advanced`, `intermediate`.\n\n```json\n\"expertise\": [\n  { \"name\": \"Machine Learning\", \"level\": \"expert\" },\n  { \"name\": \"Python\", \"level\": \"advanced\" }\n]\n```\n\n### Projects\n\n```json\n\"projects\": [\n  {\n    \"title\": \"Project Name\",\n    \"subtitle\": \"Short description\",\n    \"year\": \"2024\",\n    \"image\": \"https://your-image-url.jpg\",\n    \"description\": \"Detailed description.\",\n    \"github\": \"https://github.com/you/repo\",\n    \"url\": \"https://project-url.com\"\n  }\n]\n```\n\n### Publications\n\nEach publication entry:\n\n```json\n{\n  \"title\": \"Paper Title\",\n  \"authors\": \"A. You, B. Coauthor\",\n  \"highlightAuthor\": \"A. You\",\n  \"venue\": \"Journal Name, Vol. X\",\n  \"year\": 2024,\n  \"type\": \"journal\",\n  \"image\": \"https://card-image.jpg\",\n  \"thumbnail\": \"https://list-thumbnail.jpg\",\n  \"description\": \"Paper abstract or summary.\",\n  \"pdfUrl\": \"https://link-to-pdf.pdf\",\n  \"url\": \"https://paper-url.com\",\n  \"citations\": 42,\n  \"bibtex\": \"@article{key,title={...},author={...},year={2024}}\"\n}\n```\n\nThe `type` field accepts `journal`, `conference`, or `workshop` — this controls the filter tabs.\n\nThe `highlightAuthor` field is your name as it appears in the authors string — it gets bolded and color-highlighted automatically.\n\n### Publication Display Style\n\nIn the `settings` section of `data.json`:\n\n```json\n\"settings\": {\n  \"publicationStyle\": \"alt\"\n}\n```\n\nOptions: `\"alt\"` (tabbed list view), `\"card\"` (grid cards), or `\"both\"` (shows both styles).\n\n### Teaching\n\n```json\n\"teaching\": [\n  {\n    \"title\": \"Lecture 1 — Topic\",\n    \"subtitle\": \"Short description\",\n    \"videoUrl\": \"https://www.youtube.com/embed/VIDEO_ID\",\n    \"bgColor\": \"#2d5a7b\"\n  }\n]\n```\n\n### Experience and Education\n\nExperience uses icon names. Education uses logo image URLs.\n\n```json\n\"experience\": [\n  {\n    \"title\": \"Job Title\",\n    \"organization\": \"Company or University\",\n    \"description\": \"What you did.\",\n    \"years\": \"2022 — Present\",\n    \"icon\": \"monitor\"\n  }\n],\n\"education\": [\n  {\n    \"title\": \"Ph.D. in Your Field\",\n    \"organization\": \"University Name\",\n    \"description\": \"Details about your degree.\",\n    \"years\": \"2016 — 2020\",\n    \"logo\": \"https://university-logo-url.png\"\n  }\n]\n```\n\nAvailable icon names: `monitor`, `globe`, `pencil`, `code`, `shield`, `cap`, `star`, `award`.\n\n### Awards\n\n```json\n\"awards\": [\n  {\n    \"title\": \"Best Paper Award\",\n    \"subtitle\": \"Conference Name, 2024\",\n    \"url\": \"https://link-to-award.com\",\n    \"icon\": \"award\",\n    \"iconColor\": \"warm\"\n  }\n]\n```\n\nIcon color options: `\"warm\"` (copper), `\"accent\"` (blue), `\"sage\"` (green).\n\n### Contact and Socials\n\n```json\n\"contact\": {\n  \"email\": \"you@university.edu\",\n  \"phone\": \"+1 (555) 000-0000\",\n  \"office\": \"Room 100, Building Name\",\n  \"mapEmbed\": \"https://www.google.com/maps/embed?pb=YOUR_EMBED_URL\",\n  \"socials\": [\n    { \"platform\": \"google-scholar\", \"url\": \"https://scholar.google.com/...\" },\n    { \"platform\": \"github\", \"url\": \"https://github.com/you\" },\n    { \"platform\": \"linkedin\", \"url\": \"https://linkedin.com/in/you\" },\n    { \"platform\": \"orcid\", \"url\": \"https://orcid.org/0000-...\" }\n  ]\n}\n```\n\nSupported social platforms: `google-scholar`, `github`, `linkedin`, `orcid`, `twitter`.\n\n### Adjust Colors\n\nAll colors are CSS variables at the top of `index.html`. Edit `:root` for light mode and `[data-theme=\"dark\"]` for dark mode.\n\nYou can also set the default appearance in `data.json` under `settings`:\n\n```json\n\"settings\": {\n  \"theme\": \"blue\" // Available options: \"light\", \"dark\", \"blue\"\n}\n```\nThe \"blue\" theme uses a crisp white background with primary blue accents. Users will still be able to toggle to a dark mode via the UI button.\n\n---\n\n## Google Scholar Integration\n\nThe included `fetch_scholar.py` script connects to Google Scholar and updates your `data.json` automatically.\n\n### Setup\n\n```bash\npip install scholarly\n```\n\n### First Run\n\nAdd your Scholar ID to `data.json`:\n\n```json\n\"settings\": {\n  \"scholarId\": \"YOUR_SCHOLAR_ID\"\n}\n```\n\nThen run:\n\n```bash\npython fetch_scholar.py\n```\n\n### What It Does\n\n- Fetches all your publications from Google Scholar\n- For **existing papers** in `data.json`: updates citation count only\n- For **new papers**: adds them with placeholder images (you replace later)\n- **Never deletes or overwrites** your manual edits (images, PDFs, descriptions)\n- Creates `data.backup.json` before every save\n\n### Recommended Workflow\n\nRun the script monthly to keep citations current:\n\n```bash\npython fetch_scholar.py\n# Review data.json for new entries\n# Replace placeholder images for new papers\n# Add PDF URLs\ngit add data.json\ngit commit -m \"Update publications from Scholar\"\ngit push\n```\n\n### Important Notes\n\n- Google Scholar has no official API — the script uses the `scholarly` library\n- Google may rate-limit requests; if blocked, wait and try again later\n- The script takes 30-60 seconds depending on your number of publications\n\n---\n\n## Features\n\n### Design\n\n- Clean editorial typography using Playfair Display and Source Sans 3\n- Light and dark theme with smooth toggle and persistence via localStorage\n- Warm muted color palette — slate blue, copper, sage green\n- Subtle grain texture overlay for depth\n- Glassmorphism header with backdrop blur\n- Responsive layout — works on desktop, tablet, and mobile\n- Print-friendly styles\n\n### Interactive Elements\n\n- Auto-rotating photo carousel with dot indicators and navigation arrows\n- Scroll-triggered reveal animations with staggered timing\n- Expertise cloud with hover tooltips showing proficiency levels\n- Tabbed content panel for experience and education\n- Tabbed professor lab section for overview, research themes, facilities, and team\n- Share dropdown with Copy Link, Facebook, LinkedIn, and X support\n- BibTeX download button that generates and saves citation files\n- Publication filter tabs including Journal, Conference, Workshop, Poster, and Thesis / Dissertation\n- Video tiles that open lectures in a YouTube modal\n- Awards and certifications with popup detail support\n- Project detail popups with tabs, screenshots, demo links, repository links, and video support\n\n### Technical\n\n- JSON-driven — all content in one file, zero HTML editing needed for content updates\n- Dual static frontends: `index.html` and `professor.html`\n- All icons are inline SVG — no icon library needed\n- Google Fonts loaded via preconnect for performance\n- Fully semantic HTML with ARIA labels\n- Zero JavaScript frameworks — pure vanilla JS\n- No cookies, no analytics, no tracking\n\n---\n\n## Custom Design Service\n\nIf you need a tailored version of this portfolio with custom branding, unique layout modifications, additional sections, or integration with a CMS or backend system, I am available for commissioned work.\n\n**Contact for custom design inquiries:**\n\n| | |\n|:---|:---|\n| **Author** | Ripon Chandra Malo |\n| **LinkedIn** | *https://www.linkedin.com/in/engr-ripon/* |\n\nTypical turnaround for custom modifications is 3 to 7 business days depending on scope.\n\n---\n\n## License\n\nThis project is released under the MIT License.\n\nYou can use, modify, publish, distribute, sublicense, and sell this project, as long as the copyright notice and license text are included in substantial copies of the software.\n\n---\n\n## Technical Notes\n\n- Tested on Chrome, Firefox, Safari, and Edge (latest versions).\n- Mobile responsive down to 320px viewport width.\n- Lighthouse score: 95+ Performance, 100 Accessibility, 100 Best Practices, 100 SEO (when hosted over HTTPS).\n- Total file size: approximately 55 KB HTML + 15 KB JSON uncompressed.\n- No external JavaScript dependencies. No npm. No Webpack. No React.\n- Requires a web server for local testing (uses `fetch()` to load JSON).\n\n---\n\n**AcadPro — An Academic Portfolio Template** — Version 2.0.2\n\nDesigned by **Ripon Chandra Malo**\n\n---\n\n\u003e **If this project helped you, consider buying me a coffee.**\n\u003cdiv align=\"center\"\u003e\n\n[![Buy Me a Coffee](https://img.shields.io/badge/Buy_Me_a_Coffee-2d5a7b?style=for-the-badge\u0026labelColor=ffffff\u0026logo=buymeacoffee\u0026logoColor=2d5a7b)](https://www.buymeacoffee.com/riponce)             [![Star This Repo](https://img.shields.io/badge/Give_a_Star-2d5a7b?style=for-the-badge\u0026labelColor=ffffff\u0026logo=github\u0026logoColor=2d5a7b)](https://github.com/riponcm/acadpro)\n\n\u003c/div\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"#\"\u003e\n      \u003cimg src=\"https://api.visitorbadge.io/api/VisitorHit?user=riponcm\u0026repo=acadpro-badge\u0026countColor=%237B1E7A\" /\u003e\n   \u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friponcm%2Facadpro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Friponcm%2Facadpro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Friponcm%2Facadpro/lists"}