Merge pull request #62 from RENCI/enhancement/starlight-projects

Enhancement/starlight projects
RENCI · Aug 14, 2024 · 813cf54 · 813cf54
2 parents 83931b8 + f9d16fa
commit 813cf54
Show file tree

Hide file tree

Showing 3 changed files with 70 additions and 78 deletions.
diff --git a/src/components/carousel.js b/src/components/carousel.js
@@ -16,16 +16,16 @@ export const Carousel = ({students}) => {
         keyboard={{
           enabled: true,
         }}
-        // navigation={{
-        //   enabled: true,
-        // }}
+        navigation={{
+          enabled: true,
+        }}
         pagination={{
           clickable: true,
         }}
         grabCursor={true}
         slidesPerView={2}
         centeredSlides={true}
-        spaceBetween={60}
+        spaceBetween={80}
         loop={true}
       >
         {

diff --git a/src/components/student-slide.js b/src/components/student-slide.js
@@ -6,6 +6,7 @@ import { Button } from './button'
 export const StudentSlide = ({student}) => {
   const { 
     student_name, 
+    semester,
     title, 
     project_description,
     project_link_text, 
@@ -15,10 +16,8 @@ export const StudentSlide = ({student}) => {
     <Card 
       sx={{
         height: '220px',
-        flexWrap: 'wrap',
-        marginTop: '1rem',
-        px: '3.5rem',
-        py: '2.5rem',
+        marginTop: '0.5rem',
+        padding: '1rem 2.5rem 3rem',
         backgroundColor: '#ECF1F2',
       }}
     >
@@ -27,33 +26,25 @@ export const StudentSlide = ({student}) => {
         flexDirection: 'column', 
         justifyContent: 'center'
       }}>
-        <Typography 
-          level="h3"
-          align="center"
-          sx={{
-            fontSize: '1.5rem',
-            fontWeight: 600
-          }}
+        <Typography level="h3" align="center"
+          sx={{ fontWeight: 600 }}
         >
-          {student_name}
+          {project_description}
         </Typography>
-
-        <Typography
-          align="center"
+        <Typography level="h4" align="center"
           sx={{
-            fontSize: '1.2rem'
+            fontSize: '1.2rem',
           }}
         >
-          {title}
+          {student_name}
         </Typography>
-
-        <Typography
-          align="center"
+        <Typography align="center"
           sx={{
             fontSize: '1rem',
-            fontStyle: 'italic',
           }}
-        >{project_description}</Typography>
+        >
+          {title}, {semester}
+        </Typography>
       </CardContent>
       <CardActions sx={{margin: '0 auto'}}>
         <Button
@@ -71,6 +62,7 @@ export const StudentSlide = ({student}) => {
 export const MobileSlide = ({student}) => {
   const { 
     student_name, 
+    semester,
     title, 
     project_description,
     project_link_text, 
@@ -80,10 +72,8 @@ export const MobileSlide = ({student}) => {
     <Card 
       sx={{
         height: {xs: '180px', sm: '200px'},
-        flexWrap: 'wrap',
-        marginTop: '1rem',
         px: {xs: '1rem', sm: '2rem'},
-        pb: {xs: '2rem', sm: '2rem'},
+        pb: '3rem',
         mx: '1rem', 
         backgroundColor: '#ECF1F2',
       }}
@@ -93,33 +83,29 @@ export const MobileSlide = ({student}) => {
         flexDirection: 'column', 
         justifyContent: 'center'
       }}>
-        <Typography 
-          level="h3"
-          align="center"
+      <Typography level="h3" align="center"
+        sx={{
+          fontSize: {xs: '1.2rem', sm: '1.25rem'},
+          fontWeight: 600
+        }}
+      >
+          {project_description}
+        </Typography>
+        <Typography level="h4" align="center"
           sx={{
-            fontSize: {xs: '1.2rem', sm: '1.25rem'},
-            fontWeight: 600
+            fontSize: '1rem',
           }}
         >
           {student_name}
         </Typography>
-
-        <Typography
-          align="center"
+        <Typography align="center"
           sx={{
-            fontSize: {xs: '0.9rem', sm: '1rem'},
+            fontSize: '0.9rem',
+            fontStyle: 'italic',
           }}
         >
-          {title}
+          {title}, {semester}
         </Typography>
-
-        <Typography
-          align="center"
-          sx={{
-            fontSize: {xs: '1rem', sm: '1.1rem', md: '1.5rem'},
-            fontStyle: 'italic',
-          }}
-        >{project_description}</Typography>
       </CardContent>
       <CardActions sx={{margin: '0 auto'}}>
         <Button

diff --git a/src/content/sections/star-showcase.yaml b/src/content/sections/star-showcase.yaml
@@ -1,40 +1,46 @@
 section_id: star-showcase
 title: Projects in the STARlight
 students:
-  - student_name: Rio
+  - student_name: Shivani K.
     title: STAR Intern
-    semester: Spring 2023
-    project_description: HEAL Publications Analysis
-    project_link_text: 'View Rio’s STAR Talk presentation'
-    project_link: https://drive.google.com/file/d/1HVsiv1XNZp0bGwVNfLhJeNbYc0iPdi5C/view?usp=sharing
-  - student_name: Kylie
+    semester: Spring 2024
+    project_description: Improving Registration for Data Matters
+    project_link_text: "View STAR Talk Presentation"
+    project_link: https://drive.google.com/file/d/1mXVf8sleVPto_NNk1EQBJrGNCtW0hn4Q/view?usp=drive_link
+  - student_name: Abel L.
     title: STAR Intern
-    semester: Fall 2023
-    project_description: Digital Curation
-    project_link_text: 'View Kylie’s STAR Talk paper'
-    project_link: https://docs.google.com/document/d/1o89j0olyAqJbdMCzUs9YLKAMZf4beGdo/edit?usp=sharing&ouid=106015245864437093171&rtpof=true&sd=true
-  - student_name: Kieran, Ethan, and Anoop
+    semester: "Fall 2023 - Spring 2024"
+    project_description: A Portal for RENCI's Infrastructure Inventory
+    project_link_text: "View STAR Talk Presentation"
+    project_link: https://drive.google.com/file/d/1Oip5bh5pMMR05P_-wJZ8vfDzoIlhLumI/view?usp=drive_link
+  - student_name: Kenzie N.
+    title: STAR Intern
+    semester: "Spring 2024 - Fall 2024"
+    project_description: "Strategizing ACIS IT Service Delivery"
+    project_link_text: "View STAR Talk Presentation"
+    project_link: https://drive.google.com/file/d/1SyRf4ab7nXTfUz8jEZIIGLLfSlXDEg7m/view?usp=drive_link
+  - student_name: Nathan K.
+    title: STAR Intern
+    semester: "Summer 2024 - Fall 2024"
+    project_description: Organizing RENCI's Google Drives
+    project_link_text: "View STAR Talk Presentation"
+    project_link: https://drive.google.com/file/d/1FfHpvTwZQ6xEqUticFgban5WB-Vlro83/view?usp=drive_link
+  - student_name: Aadil, Aakesh, Dikshita, Olivia
     title: STAR Ventures Participants
-    semester: Summer 23
-    project_description: 'Addressing the Opioid Crisis: The Solution to Over-Prescribing'
-    project_link_text: 'View their STAR Ventures presentation'
-    project_link: https://drive.google.com/file/d/1usViQQVO-lIPk6Qj2dothDt2n7MQph7X/view?usp=sharing
-  - student_name: Alok
+    semester: Summer 2024
+    project_description: Measuring and Analyzing Air Quality
+    project_link_text: "View STAR Talk Presentation"
+    project_link: https://drive.google.com/file/d/1qbyHrKkV8PBoqbhqz_A3s5fNaJjd0NXF/view?usp=drive_link
+  - student_name: Jude S.
     title: STAR Intern
-    semester: Summer 2023
-    project_description: UI application for echocardiogram image segmentation
-    project_link_text: 'View Alok’s STAR Talk presentation'
-    project_link: https://drive.google.com/file/d/1hyh53AEuV3HYgxS-1zwN4wzq8kYDQ3c9/view?usp=drive_link
-  - student_name: Ganning
-    title: iRODS Intern
-    semester: Summer 2023
-    project_description: Zone Management Tool and NFSRODS
-    project_link_text: 'View Ganning’s TriRODS presentation'
-    project_link: https://youtu.be/Q0tSk0LExIk
-  - student_name: Jude
+    semester: "Summer 2023 - Summer 2024"
+    project_description: Programmatically Building & Storing Docker Images in the Google Artifact Registry 
+    project_link_text: "View STAR Talk Presentation"
+    project_link: https://drive.google.com/file/d/1MSoFcfeFFEmOWkuBNrKITJFqgkI4O0AW/view?usp=drive_link
+  - student_name: Brenna H.
     title: STAR Intern
-    semester: Summer 2023
-    project_description: Making multidimensional time series data more accessible with Python
-    project_link_text: 'View Jude’s STAR Talk presentation'
-    project_link: https://drive.google.com/file/d/1bBuSXnKxPXCirGRQPrTKBsOLm15r5jvA/view?usp=drive_link
+    semester: "Summer 2023 - Fall 2024"
+    project_description: Analyzing Rare Pulmonary Disease Data with ICEES 
+    project_link_text: "View STAR Talk Presentation"
+    project_link: https://drive.google.com/file/d/1Qx1eF6qLL6O6-QXFGt6yOekNyJy-6vRc/view?usp=drive_link