updated page

jjia1 · Nov 19, 2024 · 74961e2 · 74961e2
1 parent 28ec777
commit 74961e2
Show file tree

Hide file tree

Showing 6 changed files with 88 additions and 42 deletions.
diff --git a/components/Head.jsx b/components/Head.jsx
@@ -15,7 +15,7 @@ const CustomHead = ({ title }) => {
       <meta property="og:title" content="Johnathan Jia's Profile" />
       <meta
         property="og:description"
-        content="Johnathan Jia's Profolio."
+        content="Johnathan Jia's Portfolio."
       />
       <meta property="og:image" content="https://github.com/jjia1/image-hosting/blob/main/UMAP.png?raw=true" />
       <meta property="og:url" content="https://jjia1.github.io" />

diff --git a/pages/about.jsx b/pages/about.jsx
@@ -20,13 +20,13 @@ const AboutPage = () => {
       <br />
       <ul>
         <li>
-          <span role="img" aria-label="book">📖</span> Senior Data Analyst @ <a href='http://liuzlab.org/members/'>Baylor College of Medicine</a>.
+          <span role="img" aria-label="book">📖</span> AI Engineer @ <a href='http://liuzlab.org/members/'>Baylor College of Medicine</a>.
         </li>
         <li>
-          <span role="img" aria-label="graduate-hat">🎓</span> Analytics <b>LLMs</b>, <b>NLP</b>, <b>Machine Learning</b>, <b>Bioinformatics</b>, <b>Multiomics</b>, and <b>Biomedical Informatics</b> @ <a href='https://github.com/zhandong'>Zhandong Liu Lab</a>.
+          <span role="img" aria-label="graduate-hat">🎓</span> AI <b>LLMs</b>, <b>NLP</b>, <b>Machine Learning</b>, <b>Bioinformatics</b>, <b>Multiomics</b>, and <b>Biomedical Informatics</b> @ <a href='https://github.com/zhandong'>Zhandong Liu Lab</a>.
         </li>
         <li>
-          <span role="img" aria-label="laptop">💻</span> Currently developing new high throughput methods to leverage patient phenotypic, genotypic, and multiomic data for rapid, precision clinical diagnostics
+          <span role="img" aria-label="laptop">💻</span> Developing new high throughput methods to leverage patient phenotypic, genotypic, and multiomic data for rapid, precision clinical diagnostics
         </li>
       </ul>
       <br />

diff --git a/pages/api/ml-projects.json b/pages/api/ml-projects.json
@@ -1,18 +1,34 @@
 [
-  {
+  { 
     "id": 1,
-    "name": "LLM Prompt Recovery",
-    "image": "https://github.com/jjia1/image-hosting/blob/main/sddefault.jpg?raw=true",
-    "description": "Finding what prompt fed into Gemma-7B gives a specific output with T5 similarity",
-    "tags": ["Python", "PyTorch", "LLMs", "LLAMA", "NLP", "Deep Learning"],
-    "source_code": "https://github.com/jjia1/llmpromptrecovery_kaggle.git"
-  },
+      "name": "AI-MARRVEL",
+      "image": "https://raw.githubusercontent.com/LiuzLab/AI_MARRVEL/main/docs/images/logo.v1.png",
+      "description": "Detection of Pathogenic Variants in Rare Disease",
+      "tags": ["MLOps", "Deep Learning"],
+      "source_code": "https://github.com/LiuzLab/AI_MARRVEL"
+    },
   {
     "id": 2,
+    "name": "MentorMatcher",
+    "image": "https://bradsol.com/wp-content/uploads/2024/04/image-1-RAG-e1713883898899.jpg",
+    "description": "Matching of mentors and students using LLMs and RAG",
+    "tags": ["RAG", "LLM", "GPT", "Deep Learning", "MLOPs"],
+    "source_code": "https://github.com/LiuzLab/tch-mentormatching"
+  }, 
+  {
+    "id": 3,
     "name": "DeepHTLV",
     "image": "https://github.com/jjia1/image-hosting/blob/main/deephtlv_model.png?raw=true",
     "description": "A Deep Learning Model for Detecting and Elucidating HTLV-1 Viral Integration Sites in Whole Genome Sequencing Data.",
     "tags": ["Tensorflow", "CNN", "Attention", "Deep Learning", "HTLV"],
     "source_code": "https://github.com/jjia1/DeepHTLV-1"
+  },
+  {
+    "id": 4,
+    "name": "LLM Prompt Recovery",
+    "image": "https://github.com/jjia1/image-hosting/blob/main/sddefault.jpg?raw=true",
+    "description": "Finding what prompt fed into Gemma-7B gives a specific output with T5 similarity",
+    "tags": ["Python", "PyTorch", "LLMs", "LLAMA", "NLP", "Deep Learning"],
+    "source_code": "https://github.com/jjia1/llmpromptrecovery_kaggle.git"
   }
 ]
diff --git a/pages/api/python-projects.json b/pages/api/python-projects.json
@@ -1,10 +1,18 @@
 [
-{    
+  {
     "id": 1,
+    "name": "scAuto",
+    "image" : "https://www.embopress.org/cms/10.15252/msb.20188746/asset/1bd082a4-169f-4878-9161-5cab859d983c/assets/graphic/msb188746-fig-0002-m.png",
+    "description": "Automatic QC and Analysis Pipeline for Single-Cell Omics Data",
+    "tags": ["R", "Python", "Omics", "Single Cell", "Data Pipelines", "Next Flow"],
+    "source_code": "https://github.com/LiuzLab/scAuto"
+  },
+{    
+    "id": 2,
     "name": "Viral Epitope Prediction",
     "image": "https://www.mdpi.com/viruses/viruses-15-01186/article_deploy/html/images/viruses-15-01186-g001.png",
     "description": "A deep learning model for predicting viral epitope binding with MHC I and II",
     "tags": ["Python", "Tensorflow", "MHC", "Epitope", "Bioinformatics", "Deep Learning"],
     "source_code": "https://github.com/jjia1/viralepitope.git"
   }
-]
+]
diff --git a/pages/index.jsx b/pages/index.jsx
@@ -8,54 +8,67 @@ export default function HomePage() {
     <>
       <div className={styles.container}>
         <div className={styles.background}>
-          <h1>AI & NLP</h1>
-          <h1>Bioinformatics</h1>
+          <h1>MLOps</h1>
+          <h2>Data
+            Science</h2>
         </div>
         <div className={styles.foreground}>
           <div className={styles.content}>
             <h1 className={styles.name}>Johnathan Jia</h1>
-            <h6 className={styles.bio}>Senior Data Analyst</h6>
+            <h6 className={styles.bio}>AI Engineer</h6>
             <div className={styles.cardContainer}>
               <div className={styles.card}>
                 <div className={styles.content}>
                   <h4>Skill Set</h4>
                   <div className={styles.tags}>
-                    <span key='Research' className='Research'>
-                      Research
-                    </span>
-                    <span key='LLM' className='LLM'>
-                      LLMs
+                    <span key='Data-Pipelines' className='Data-Pipelines'>
+                      Data Science
                     </span>
                     <span key='Data-Pipelines' className='Data-Pipelines'>
-                      Big Data
+                      Data Analytics
                     </span>
                     <span key='MLOps' className='MLOps'>
                       MLOps
                     </span>
-                    <span key='R' className='R'>
-                      R
-                    </span>
+                    <span key='Bash' className='Bash'>
+                    BASH
+                    </span> 
                     <span key='Python' className='Python'>
                       Python
                     </span>
+                    <span key='R' className='R'>
+                      R
+                    </span>
                     <span key='PyTorch' className='PyTorch'>
                       PyTorch
                     </span>
                     <span key='Tensorflow' className='Tensorflow'>
                       Tensorflow
                     </span>
-                    <span key='Deep-Learning' className='Deep-Learning'>
-                    Deep-Learning
+                    <span key='Machine-Learning' className='Machine-Learning'>
+                    ML/DL
+                    </span>
+                    <span key='LLM' className='LLM'>
+                      LLMs
+                    </span>
+                    <span key='RAG' className='RAG'>
+                      RAG
+                    </span>
+                    <span key='FM' className='FM'>
+                      FMs
                     </span>
                     <span key='multiOmics' className='multiOmics'>
-                    multiOmics
+                    Omics
                     </span>
-                    <span key='APIs' className='APIs'>
-                    APIs
+                    <span key='Container' className='Container'>
+                    Docker
+                    </span>
+                     <span key='Container' className='Container'>
+                    Singularity 
+                    </span>
+                    <span key='Research' className='Research'>
+                      Research
                     </span>
-                    <span key='RaspberryPI' className='RaspberryPI'>
-                    RPI
-                    </span> 
                   </div>
                 </div>
               </div>
@@ -81,7 +94,6 @@ export default function HomePage() {
                 alt="Johnathan's Picture"
               />
             </div>
-
           </div>
         </div>
       </div>

diff --git a/styles/globals.css b/styles/globals.css
@@ -315,10 +315,10 @@
 .Heroku:hover {
   background: rgba(152, 14, 122, 0.25);
 }
-.APIs {
+.Container {
   border: 0.1rem solid rgb(152, 14, 122);
 }
-.APIs:hover {
+.Container:hover {
   background: rgba(152, 14, 122, 0.25);
 }
 .Crawler {
@@ -327,10 +327,10 @@
 .Crawler:hover {
   background: rgba(0, 0, 0, 0.25);
 }
-.RaspberryPI {
-  border: 0.1rem solid rgb(253, 15, 67);
+.Bash {
+  border: 0.1rem solid rgb(255, 255, 255);
 }
-.RaspberryPI:hover {
+.Bash:hover {
   background: rgba(253, 15, 67, 0.25);
 }
 .Spotify {
@@ -432,10 +432,10 @@
 .Quiz:hover {
   background: rgba(0, 0, 0, 0.25);
 }
-.Deep-Learning {
+.Machine-Learning {
   border: 0.1rem solid rgb(0, 72, 255);
 }
-.Deep-Learning:hover {
+.Machine-Learning:hover {
   background: rgba(0, 72, 255, 0.25);
 }
 .Python {
@@ -486,7 +486,17 @@
 .Python:hover {
   background: rgba(255, 255, 255, 0.25);
 }
-
+.RAG {
+  border: 0.1rem solid rgb(80, 140, 0);
+}
+.RAG:hover {
+  background: rgba(255, 255, 255, 0.25);
+}.FM {
+  border: 0.1rem solid rgb(245, 0, 32);
+}
+.FM:hover {
+  background: rgba(255, 255, 255, 0.25);
+}
 
 /* PDF */
 .react-pdf__Page__canvas {