Skip to content

README.md

Latest commit

 

History

History
98 lines (74 loc) · 4.11 KB

README.md

File metadata and controls

98 lines (74 loc) · 4.11 KB

Shi Zhao's Academic Homepage

Live Website: https://magishe.github.io/

This is the personal homepage of Shi Zhao, a PhD student in Electrical Engineering at Caltech, advised by Prof. Changhuei Yang. The template is from Haowen Zhou at Caltech (https://hwzhou2020.github.io/).

Website Features

🎨 Modern Design & Styling

  • Typography: Clean, readable fonts with improved line spacing
  • Color Scheme: Professional academic color palette with orange accents
  • Responsive Design: Optimized for desktop, tablet, and mobile devices
  • Contemporary Layout: Card-based publication display with hover effects

📰 Smart News Section

  • Auto-Management: Automatically shows the 5 most recent news items
  • Expandable: "Show More News" button to reveal complete news history
  • Easy Updates: Simply add new news items at the top - no manual configuration needed

📚 Enhanced Publications

  • Selected Publications: Curated list on homepage with rectangular image layout
  • Full Publications: Complete list on dedicated publications page with grid layout
  • Interactive Elements: Hover effects and smooth transitions
  • Mobile Optimized: Responsive image sizing and layout

🔗 Professional Links

  • Social Profiles: LinkedIn, ORCID, Google Scholar integration
  • Research Links: GitHub, project pages, and data repositories
  • Contact Information: Email and institutional affiliation

Technical Details

Built With

  • Jekyll: Static site generator
  • GitHub Pages: Hosting platform
  • Minimal Mistakes Theme: Base template (heavily customized)
  • Custom CSS/JavaScript: Enhanced styling and functionality

Key Improvements Made

  1. Typography & Readability: Modern font stack and improved spacing
  2. Color Scheme: Professional academic color palette
  3. Publication Layout: Card-based design with variable image sizing
  4. Mobile Optimization: Responsive design for all screen sizes
  5. Accessibility: Focus indicators and screen reader support
  6. Loading Optimization: Lazy loading for images
  7. News Management: Automatic top-5 display with expand functionality
  8. HTML Conversion: Converted homepage from Markdown to HTML for better JavaScript compatibility
  9. SEO Optimization: Comprehensive meta tags for search engine visibility

Local Development

To run this website locally:

  1. Prerequisites: Install Ruby, Bundler, and Node.js
  2. Clone: git clone https://github.com/hwzhou2020/hwzhou2020.github.io.git
  3. Install: bundle install
  4. Serve: bundle exec jekyll serve
  5. View: Open http://localhost:4000

Content Management

Adding News

Simply add new news items at the top of the news section in _pages/about.html:

<div class="news-item">
  <span class="news-date">MM/DD/YYYY</span> - Your news content here
</div>

Adding Publications

Add publications to _pages/publications.md using the established format with images and metadata.

Updating Profile

Modify _config.yml for basic information, social links, and site configuration.

Homepage Structure

  • Main Content: _pages/about.html (converted from Markdown for better JavaScript compatibility)
  • News Management: Automatic top-5 display with expand/collapse functionality
  • Publication Display: Card-based layout with rectangular images at bottom

Research Focus

  • Computational Microscopy: Empowering imaging techniques with algorithms
  • Neural Fields: Physics-based neural representations for microscopy
  • AI in Healthcare: Digital pathology and medical imaging
  • 3D Imaging: Volumetric reconstruction and analysis
  • Fourier Ptychographic Microscopy: High-resolution, large field-of-view imaging

Contact

This website is built using the Minimal Mistakes Jekyll theme, customized for academic use with modern styling and enhanced functionality.