Add CV page, fix dark mode styling, and improve content

- Add new CV page with PDF viewer and zoom controls
- Fix dark mode text colors for experience page headings
- Fix dark mode text colors for Recent Updates section
- Improve experience descriptions (remove bullets, make concise)
- Remove research quote from about section
- Update metalens paper venue from ICCV to WACV
- Make research project images non-clickable
- Add zoom in/out functionality to CV PDF viewer

Author: codejaeger

example/config.js

@@ -9,8 +9,7 @@ module.exports = {
     'I am third-year a Computer Science Ph.D. student at the University of North Carolina at Chapel Hill, advised by Prof. [Praneeth Chakravarthula](https://www.cs.unc.edu/~cpk/) at the [VCAIL Lab](https://www.visualcomputing.ai/). Currently, I am working on a mixture of computational optics, generative models and out-of-domain generalization, specifically exploring deep-optics and computational image reconstruction to improve achievable image quality with meta-lenses.',
     'My research interests broadly encompass physics-inspired deep learning for learning nano-photonic metastructures, optimization for optics design, and real-time video diffusion models. I am actively working on designing hardware for metalenses including HDR, wide-field, broadband and real-time systems, while also exploring the integration of camera dynamics into generative models. In Summer 2025, I did a research internship at AMD working on interactive generative rendering.',
     'Prior to my Ph.D., I gained valuable industry experience as an AI Engineer at [KLA-Tencor through ACL](https://ir.kla.com/news-events/press-releases/detail/413/kla-corporation-opens-new-artificial-intelligence-advanced) (Advanced Computing Labs, IIT Madras), where I worked under [Dr. Pradeep Ramachandran](https://www.linkedin.com/in/pramach2/?originalSubdomain=in) and collaborated with [Prof. Nitin Chandrachoodan](https://chandrachoodan.gitlab.io) on efficient GPU memory algorithms, designing software infrastructures for ML inference workloads in semiconductor inspection and defect detection systems. During my undergraduate years, I was fortunate to collaborate with [Prof. Parag Chaudhuri](https://www.cse.iitb.ac.in/~paragc/) at ViGIL, IIT Bombay, working on realistic hand shape modeling.',
-    'I have also been fortunate enough to have worked on diverse projects spanning computer graphics, reinforcement learning, and computational imaging - from developing intelligent game-playing agents using deep Q-learning at [Ubisoft](https://www.ubisoft.com/en-us) India to creating physics-based animations, 2D network graph visualization libraries in Julia, and implementing advanced image processing algorithms. As an open source enthusiast, I have contributed to [Google Summer of Code](https://summerofcode.withgoogle.com/) with [Boost.C++](https://www.boost.org), been an [LFX Mentee](https://lfx.linuxfoundation.org/tools/mentorship/) with [Open Horizon](https://lfedge.org/projects/open-horizon/), and contributed to [Javis.jl](https://juliaanimators.github.io/Javis.jl/stable/) for 2D drawing and visualization software. I have been recognized with [LiFT\'21 and LiFT\'22 scholarships](https://www.linuxfoundation.org/about/lift-scholarships) for advanced open source training, Bertelsmann Tech scholarship, and [Kaggle ML Research Spotlight](https://www.kaggle.com/discussions/general/370095).',
-    '\n```markdown\nDoing research may be similar to MCMC sampling, you start at zero knowledge and after a \n\n burnout may get enlightened with an idea!\n```'
+    'I have also been fortunate enough to have worked on diverse projects spanning computer graphics, reinforcement learning, and computational imaging - from developing intelligent game-playing agents using deep Q-learning at [Ubisoft](https://www.ubisoft.com/en-us) India to creating physics-based animations, 2D network graph visualization libraries in Julia, and implementing advanced image processing algorithms. As an open source enthusiast, I have contributed to [Google Summer of Code](https://summerofcode.withgoogle.com/) with [Boost.C++](https://www.boost.org), been an [LFX Mentee](https://lfx.linuxfoundation.org/tools/mentorship/) with [Open Horizon](https://lfedge.org/projects/open-horizon/), and contributed to [Javis.jl](https://juliaanimators.github.io/Javis.jl/stable/) for 2D drawing and visualization software. I have been recognized with [LiFT\'21 and LiFT\'22 scholarships](https://www.linuxfoundation.org/about/lift-scholarships) for advanced open source training, Bertelsmann Tech scholarship, and [Kaggle ML Research Spotlight](https://www.kaggle.com/discussions/general/370095).'
   ],
   avatar: '/2me.jpg',
   professions: [
@@ -110,31 +109,31 @@ module.exports = {
           date: 'Jun 2025 - Aug 2025',
           title: 'Research Intern',
           location: 'AMD, Santa Clara, CA',
-          description: '• Accelerated interactive generative rendering pipelines<br>• Optimized real-time performance for graphics applications',
+          description: 'Accelerated interactive generative rendering pipelines and optimized real-time graphics performance for GPU applications.',
         },
         {
           date: 'Jun 2021 - Jul 2023',
           title: 'AI Engineer',
           location: 'KLA-Tencor, Chennai, India',
-          description: '• ML inference optimization for semiconductor inspection tools<br>• Efficient GPU memory algorithms with Dr. Pradeep Ramachandran<br>• Collaborated with Prof. Nitin Chandrachoodan on performance optimization',
+          description: 'Optimized ML inference for semiconductor inspection systems. Developed efficient GPU memory algorithms and performance optimization solutions.',
         },
         {
           date: 'Jun 2020 - Aug 2020',
           title: 'Full Stack & DevOps Intern',
           location: 'GoodHealth, India',
-          description: '• API development for Django-REST & Flask applications<br>• AWS Elastic Beanstalk deployment using Docker<br>• GitLab CI/CD pipeline automation',
+          description: 'Built REST APIs with Django/Flask, deployed applications on AWS Elastic Beanstalk using Docker, and automated CI/CD pipelines.',
         },
         {
           date: 'May 2020 - Jun 2020',
           title: 'Summer Intern',
           location: 'Samsung India, India',
-          description: '• 100k+ server-client connections using Go websockets<br>• Performance benchmarking with containerized environments<br>• Low-resource server platform optimization',
+          description: 'Implemented scalable websocket architecture supporting 100k+ concurrent connections with optimized low-resource server performance.',
         },
         {
           date: 'May 2019 - Jul 2019',
           title: 'Summer Intern',
           location: 'Ubisoft India Studios, India',
-          description: '• Deep Q-Learning for optimal gameplay state-action mapping<br>• SSD framework with MobileNetv1 for object detection<br>• Game image feature extraction and analysis',
+          description: 'Developed deep Q-learning agents for optimal gameplay and implemented object detection systems using SSD MobileNetv1 framework.',
         },
       ],
     }, {
@@ -145,19 +144,19 @@ module.exports = {
           date: 'Aug 2024 - May 2025',
           title: 'Graduate Teaching Assistant',
           location: 'UNC Chapel Hill, NC',
-          description: '• TA for "Introduction to Data Science" (200 students)<br>• Weekly recitations and office hours<br>• Student mentoring and curriculum support',
+          description: 'Teaching assistant for "Introduction to Data Science" course with 200+ students. Conducted weekly recitations and provided academic mentoring.',
         },
         {
           date: 'Jul 2023 - May 2024',
           title: 'Research Assistant',
           location: 'UNC Chapel Hill, NC',
-          description: '• Computational optics and deep learning research<br>• VCAIL Lab under Prof. Praneeth Chakravarthula<br>• Meta-lens design and optimization',
+          description: 'Conducted research in computational optics and deep learning at VCAIL Lab. Focused on meta-lens design and optimization algorithms.',
         },
         {
           date: 'Sep 2018 - Jul 2019',
           title: 'Team Member',
           location: 'IIT Bombay Mars Rover Team, Mumbai',
-          description: '• Autonomous navigation using ROS platform<br>• SLAM algorithms: G-mapping, hector-mapping, Cartographer-2D<br>• Kinectv2 sensor integration and testing',
+          description: 'Developed autonomous navigation systems using ROS platform. Implemented SLAM algorithms and integrated Kinectv2 sensors for mapping.',
         },
       ],
     }, {
@@ -168,13 +167,13 @@ module.exports = {
           date: 'May 2020 - Aug 2020',
           title: 'Google Summer of Code Student Developer',
           location: 'Boost.C++, Remote',
-          description: '• Generic multidimensional histogram container for Boost.GIL<br>• Template meta-programming and variadic templates<br>• 3 contrast enhancement algorithms (MATLAB/OpenCV level)',
+          description: 'Created generic multidimensional histogram container for Boost.GIL using advanced C++ template meta-programming and implemented image enhancement algorithms.',
         },
         {
           date: 'Mar 2021 - Jun 2021',
           title: 'Open Horizon Mentee',
           location: 'Linux Foundation, Remote',
-          description: '• LFX Mentorship program participant<br>• Open Horizon edge computing platform development<br>• Distributed systems and IoT contributions',
+          description: 'Contributed to Open Horizon edge computing platform through LFX Mentorship program, focusing on distributed systems and IoT solutions.',
         },
       ],
     },

example/content/research/metalens-hdr/index.md

@@ -7,7 +7,7 @@ tags:
   - "burst-photography"
   - "computer-vision"
 date: 2025-02-22
-venue: "ICCV 2025 Conference Submission (Under Review)"
+venue: "WACV 2025 Conference Submission (Under Review)"
 authors:
   - name: "Debabrata Mandal"
     url: "https://codejaeger.github.io"

gatsby-theme-academic/src/components/PageFragments/HomePage/homePage.module.less

@@ -66,6 +66,25 @@
     line-height: 1.4;
 }
 
+// Dark mode styles for news section
+:global(.rs-theme-dark) {
+  .newsItem {
+    background: rgba(255, 255, 255, 0.05);
+  }
+  
+  .newsDate {
+    color: var(--rs-text-secondary);
+  }
+  
+  .newsTitle {
+    color: var(--rs-text-primary);
+  }
+  
+  .newsDescription {
+    color: var(--rs-text-secondary);
+  }
+}
+
 // University Gallery Styles
 .universityCard {
     background: #fff;

gatsby-theme-academic/src/components/PageLayout/Header/index.jsx

@@ -132,6 +132,7 @@ export default () => {
               <NavButton to="/experience/" onClick={toggleMenu} partiallyActive>Experience</NavButton>
               <NavButton to="/research/" onClick={toggleMenu} partiallyActive>Research</NavButton>
               <NavButton to="/posts/" onClick={toggleMenu} partiallyActive>Posts</NavButton>
+              <NavButton to="/cv/" onClick={toggleMenu}>CV</NavButton>
               <li className={style.navItem}>
                 <ThemeModeSwitch />
               </li>

gatsby-theme-academic/src/components/ResearchCard/index.jsx

@@ -125,9 +125,7 @@ const ResearchCard = (props) => {
           ) : null}
         </FlexboxGrid.Item>
         <FlexboxGrid.Item as={Col} xs={24} sm={24} md={12} lg={8}>
-          <a href={Utils.generateFullUrl(siteMetadata, url)}>
-            {fluid ? <Img fluid={fluid} /> : <div className={style.postCardImg} />}
-          </a>
+          {fluid ? <Img fluid={fluid} /> : <div className={style.postCardImg} />}
         </FlexboxGrid.Item>
       </FlexboxGrid>
     </Panel>

gatsby-theme-academic/src/pages/cv.jsx

@@ -0,0 +1,103 @@
+import { Button, Row, Col } from 'rsuite';
+import React, { Component } from 'react';
+import { Document, Page, pdfjs } from 'react-pdf';
+
+import SEO from '../components/Seo';
+
+pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;
+
+export default class CV extends Component {
+  constructor() {
+    super();
+    this.state = {
+      numPages: null,
+      pageNumber: 1,
+      scale: 1.0,
+    };
+    this.onDocumentLoadSuccess = this.onDocumentLoadSuccess.bind(this);
+  }
+
+  onDocumentLoadSuccess({ numPages }) {
+    this.setState({ numPages });
+  }
+
+  onDocumentLoadError(error) {
+    console.error('Error loading PDF:', error);
+  }
+
+  zoomIn = () => {
+    this.setState(prevState => ({
+      scale: Math.min(prevState.scale + 0.2, 3.0)
+    }));
+  }
+
+  zoomOut = () => {
+    this.setState(prevState => ({
+      scale: Math.max(prevState.scale - 0.2, 0.4)
+    }));
+  }
+
+  resetZoom = () => {
+    this.setState({ scale: 1.0 });
+  }
+
+  render() {
+    const { pageNumber, numPages, scale } = this.state;
+    const pageToggle = () => {
+      if (pageNumber === 1) {
+        this.setState({ pageNumber: 2 });
+      } else {
+        this.setState({ pageNumber: 1 });
+      }
+      return 1;
+    };
+
+    return (
+      <div>
+        <SEO
+          title="CV"
+          description="My curriculum vitae with comprehensive details of my academic and professional experience, research publications, education, and achievements."
+          path="cv"
+        />
+        <div className="marginTopTitle">
+          <h1 className="titleSeparate">Curriculum Vitae</h1>
+        </div>
+        <Document
+          file="/resume.pdf"
+          onLoadSuccess={this.onDocumentLoadSuccess}
+          onLoadError={this.onDocumentLoadError}
+        >
+          <Page pageNumber={pageNumber} scale={scale} />
+        </Document>
+        <Row justify="center" style={{ background: 'lightslategray', padding: '10px' }} type="flex" gutter={[10, 0]}>
+          <Col span={3}>
+            <p>{`Page ${pageNumber} of ${numPages}`}</p>
+          </Col>
+          <Col span={3}>
+            <Button type="primary" onClick={pageToggle}>
+              {pageNumber === 1 ? 'Next Page' : 'Previous Page'}
+            </Button>
+          </Col>
+          <Col span={2}>
+            <Button onClick={this.zoomOut} disabled={scale <= 0.4}>
+              Zoom Out
+            </Button>
+          </Col>
+          <Col span={2}>
+            <p style={{ margin: 0, lineHeight: '32px' }}>{`${Math.round(scale * 100)}%`}</p>
+          </Col>
+          <Col span={2}>
+            <Button onClick={this.zoomIn} disabled={scale >= 3.0}>
+              Zoom In
+            </Button>
+          </Col>
+          <Col span={2}>
+            <Button onClick={this.resetZoom}>
+              Reset
+            </Button>
+          </Col>
+        </Row>
+      </div>
+    );
+  }
+}

gatsby-theme-academic/src/styles/global.less

@@ -129,6 +129,36 @@ body {
   }
 }
 
+// Dark mode specific styling for experience page
+.rs-theme-dark .experience-page {
+  .rs-panel {
+    &:nth-child(odd) .rs-panel-header {
+      background: linear-gradient(135deg, #0d1929 0%, #1f3a8a 100%);
+      
+      h3 {
+        color: #69b7ff !important;
+      }
+    }
+    
+    &:nth-child(even) .rs-panel-header {
+      background: linear-gradient(135deg, #162312 0%, #365314 100%);
+      
+      h3 {
+        color: #95de64 !important;
+      }
+    }
+  }
+  
+  .rs-panel-group .rs-panel {
+    h6 {
+      color: var(--rs-text-primary) !important;
+    }
+    
+    div:last-child {
+      color: var(--rs-text-secondary) !important;
+    }
+  }
+}
 
 h1, h2, h3, h4, h5, h6 {
   font-weight: 600;