Post-event changes

src/App.js

@@ -9,6 +9,7 @@ import Landing2024 from "./pages/2024/Landing";
 import KeynoteSpeaker2024 from "./pages/2024/KeynoteSpeaker";
 import GuestOfHonour2024 from "./pages/2024/GuestOfHonour";
 import ThematicThreads2024 from "./pages/2024/ThematicThreads";
+import Awards2024 from "./pages/2024/Awards";
 
 import Header2022 from "./components/2022/Header";
 import Landing2022 from "./pages/2022/Landing";
@@ -28,6 +29,7 @@ function App() {
             <Route path="keynote" element={<KeynoteSpeaker2024 />} />
             <Route path="guest-of-honour" element={<GuestOfHonour2024 />} />
             <Route path="thematic-threads" element={<ThematicThreads2024 />} />
+            <Route path="awards" element={<Awards2024 />} />
           </Route>
 
           <Route path="2022" element={<Header2022 />}>

src/components/2022/landing/ProgrammeHighlights.js

@@ -11,7 +11,7 @@ import {
 import Timeline from "@mui/lab/Timeline";
 import { Typography } from "@mui/material";
 
-import TimelineEvent from "../../landing/TimelineEvent";
+import TimelineEvent from "../../TimelineEvent";
 
 const events = [
   {

src/components/2024/AwardCard.js

@@ -0,0 +1,65 @@
+import React from "react";
+
+import { Box, Typography } from "@mui/material";
+
+import { EmojiEventsOutlined } from "@mui/icons-material";
+
+const AwardCard = ({
+  thread,
+  award,
+  topic,
+  explanation,
+  presentedBy,
+  course,
+}) => {
+  return (
+    <Box
+      sx={{
+        paddingInline: "32px",
+        marginInline: "28px",
+        border: "1px solid #592693",
+        paddingBlock: "20px",
+        marginBottom: "20px",
+        bgcolor: "#fcfcfc",
+        minHeight: "300px",
+        maxHeight: "320px",
+        minWidth: "290px",
+        maxWidth: "290px",
+        borderRadius: "16px",
+        boxShadow: "1px 2px 15px 1px rgba(89,38,147,0.2)",
+      }}
+    >
+      <Typography sx={{ color: "#1d9077", marginBottom: "10px" }}>
+        <EmojiEventsOutlined fontSize="large" />
+      </Typography>
+      <Typography color="text.secondary">{thread}</Typography>
+      <Typography sx={{ fontSize: "14pt" }}>{award}</Typography>
+      <Typography
+        sx={{
+          fontSize: "14pt",
+          fontWeight: "bold",
+          marginBlock: "16px",
+        }}
+      >
+        {topic}
+      </Typography>
+      {explanation && (
+        <Typography sx={{ fontSize: "12pt", marginBlock: "16px" }}>
+          {explanation}
+        </Typography>
+      )}
+      {presentedBy && (
+        <Typography sx={{ fontSize: "12pt", marginBlock: "16px" }}>
+          <i>{presentedBy}</i>
+        </Typography>
+      )}
+      {course && (
+        <Typography sx={{ fontSize: "12pt", marginBlock: "16px" }}>
+          <b>Course:</b> {course}
+        </Typography>
+      )}
+    </Box>
+  );
+};
+
+export default AwardCard;

src/components/2024/Header.js

@@ -100,32 +100,14 @@ const Header = () => {
                 >
                   <Typography textAlign="center">Thematic Threads</Typography>
                 </MenuItem>
-                {/* <MenuItem
-                  key={"Interactive"}
-                  onClick={handleCloseNavMenu}
-                  component={Link}
-                  to="/interactive"
-                >
-                  <Typography textAlign="center">
-                    Interactive Sessions
-                  </Typography>
-                </MenuItem>
                 <MenuItem
-                  key={"Abstracts"}
-                  onClick={handleCloseNavMenu}
-                  component={Link}
-                  to="/abstracts"
-                >
-                  <Typography textAlign="center">Project Abstracts</Typography>
-                </MenuItem> */}
-                {/* <MenuItem
-                  key={"About"}
+                  key={"Awards"}
                   onClick={handleCloseNavMenu}
                   component={Link}
-                  to="/about"
+                  to="/awards"
                 >
-                  <Typography textAlign="center">About RVRC</Typography>
-                </MenuItem> */}
+                  <Typography textAlign="center">Awards</Typography>
+                </MenuItem>
               </Menu>
             </Box>
             <Box
@@ -197,34 +179,8 @@ const Header = () => {
               >
                 Thematic Threads
               </Button>
-              {/* <Button
-                href="/interactive"
-                onClick={handleCloseNavMenu}
-                sx={{
-                  my: 2,
-                  color: "white",
-                  display: "block",
-                  fontFamily: "Jost",
-                  fontSize: "13pt",
-                }}
-              >
-                Interactive Sessions
-              </Button>
               <Button
-                href="/abstracts"
-                onClick={handleCloseNavMenu}
-                sx={{
-                  my: 2,
-                  color: "white",
-                  display: "block",
-                  fontFamily: "Jost",
-                  fontSize: "13pt",
-                }}
-              >
-                Project Abstracts
-              </Button> */}
-              {/* <Button
-                href="/about"
+                href="/awards"
                 onClick={handleCloseNavMenu}
                 sx={{
                   my: 2,
@@ -234,8 +190,8 @@ const Header = () => {
                   fontSize: "13pt",
                 }}
               >
-                About RVRC
-              </Button> */}
+                Awards
+              </Button>
             </Box>
           </Toolbar>
         </Container>

src/components/2024/landing/ProgrammeHighlights.js

@@ -12,7 +12,7 @@ import {
   Star,
 } from "@mui/icons-material";
 
-import TimelineEvent from "../../landing/TimelineEvent";
+import TimelineEvent from "../../TimelineEvent";
 
 const events = [
   {

src/components/2024/landing/StudentPoints.js

@@ -41,13 +41,13 @@ const StudentPoints = () => {
         <b style={{ color: "#1d9077" }}>
           ‘Living and Learning for a Shared Future: The RVRC Way’
         </b>{" "}
-        will be held on 24 February 2024. The symposium will be a dynamic
-        showcase of exemplary student projects and the empowering tapestry of
-        co-curricular activities at our College. This event is designed as a
-        platform for networking, reflection, and mutual learning, focusing on
-        the crucial themes of sustainability education and workplace readiness
-        by garnering a diverse audience of 300 students, faculty members,
-        industry collaborators and community partners. The symposium provides a
+        was held on 24 February 2024. The symposium was a dynamic showcase of
+        exemplary student projects and the empowering tapestry of co-curricular
+        activities at our College. This event was designed as a platform for
+        networking, reflection, and mutual learning, focusing on the crucial
+        themes of sustainability education and workplace readiness by garnering
+        a diverse audience of 300 students, faculty members, industry
+        collaborators and community partners. The symposium provided a
         learner-centric platform for students to:
       </p>
       <Box ref={ref}></Box>

src/components/2024/landing/SymposiumTheme.js

@@ -1,13 +1,13 @@
 import React from "react";
 import { Box, Typography } from "@mui/material";
 
-import LearningForest from "../../../assets/rvrc-learning-forest.jpeg";
+import LandingThemeBanner from "../../../assets/2024/landing-theme-banner.jpg";
 
 const SymposiumTheme = () => {
   return (
     <>
       <Box sx={{ backgroundColor: "#e1d0f5" }}>
-        <Box component="img" src={LearningForest} sx={{ width: "100%" }} />
+        <Box component="img" src={LandingThemeBanner} sx={{ width: "100%" }} />
         <div style={{ paddingInline: "10%", paddingBlock: "30px" }}>
           <Typography
             variant="h1"
@@ -37,10 +37,10 @@ const SymposiumTheme = () => {
             &#8212; Chinese Proverb
           </p>
           <p style={{ fontSize: "16pt" }}>
-            The Ridge View Residential College (RVRC) marks its 10th Anniversary
-            in 2024, with a nod to its forward-looking mission of fostering
-            sustainability education and workplace readiness in young adults.
-            This year’s symposium celebrates how learning at the college
+            The Ridge View Residential College (RVRC) marked its 10th
+            Anniversary in 2024, with a nod to its forward-looking mission of
+            fostering sustainability education and workplace readiness in young
+            adults. This year’s symposium celebrates how learning at the college
             transcends the confines of the classroom and the immediacy of the
             present, towards a contribution to the future of our society and the
             environment.

src/components/2024/thematic-threads/Thread1.js

@@ -2,6 +2,8 @@ import React from "react";
 import { Box, Stack, Typography } from "@mui/material";
 import ProjectCard from "../../ProjectCard";
 
+import Thread1Image from "../../../assets/2024/thread-1.jpg";
+
 const projectGaiaProjects = [
   {
     title: "Reducing Food Waste in RVRC",
@@ -71,6 +73,60 @@ const projectIrisProjects = [
   },
 ];
 
+const posters = [
+  {
+    title: "A Film Critique of Farewell My Concubine",
+    presenters: ["Bai Zirui"],
+    abstract:
+      "This final project for RVX1003: Adaptation to Screen is a film critique of Farewell My Concubine, adapted from Lilian Lee's novel with the same name. While the plotline of the film does not deviate much from the novel, the reflection on the destructive impacts of the Cultural Revolution by director Chen Kaige is ubiquitous in the film. This paper discusses the changes made to the novel by Chen as a fifth-generation filmmaker to highlight the historical background of the story, instead of focusing on the troubled romantic relationship between the protagonists. The paper also examines the timeliness of the film production after the opening-up of mainland China.",
+  },
+  {
+    title: "A Note to Migrant Workers",
+    presenters: ["Tan Xue Qing"],
+    abstract:
+      "As part of RVC1001, we were assigned a photo essay to examine how culture impacts social sustainability in Little India through the lens of the SDGs discussed in our coursework. Our investigation consists of 2 excursions to this vibrant neighbourhood. For our first trip, we immersed ourselves in the surroundings, observing and analysing the way of life of Little India’s visitors. For the second trip, we engaged in informal interviews with the community to better understand their perspective of Little India and gain a deeper understanding of the issues and opportunities surrounding social sustainability.",
+  },
+  {
+    title: "Reimagining the Yellow Walkway",
+    presenters: [
+      "Lim Xin Quan",
+      "Ng Chee Fong",
+      "Michelle Lam Shiya",
+      "Lim Xiu Jia",
+    ],
+    abstract:
+      "Situated between Engineering, Information Technology, Tropical Marine Science Institute, Central Library Building and Yusof Ishak House, the yellow walkway could be a node for interactions to flow freely between different backgrounds. Targeting students and Tropical Marine Science Institute researchers, we envision the area to become a biophilic community of the yellow walkway, proposing multi-use social spaces integrated with nature and energy-efficient measures. Our team features a diverse mix of specialisations - Business (Real Estate), Computer Engineering, Quantitative Finance and Computer Science - bringing our ideas to life, presented to the National University of Singapore's University Campus Infrastructure team.",
+  },
+  {
+    title: "Explicating Depression in Minimal English",
+    presenters: ["Zoe Sol"],
+    abstract:
+      "This paper explores the application of minimal English in improving Singaporeans’ understanding of people with mental disabilities. Existing efforts, such as educational social media content, use language that compromises precision and unambiguity in their attempt to explain complex emotions and thoughts using simple words. Such compromise limits their effectiveness. The objective of this paper is to study how Minimal English can be used to improve both the precision and comprehensibility of language used to describe mental disabilities in these informative social media posts, using a minimal English explication of depression to demonstrate the effectiveness of this intervention. I chose to study depression as it is among the top five most common mental disabilities in Singapore. To understand the experience of depression in a holistic manner, I generated this explication with reference to both research data and descriptions shared by individuals personally experiencing depression first-hand.",
+  },
+  {
+    title: "The Call of Nature",
+    presenters: [
+      "Gu Haocheng",
+      "Sean Wang",
+      "Ng Jie Xin",
+      "Loh Shi Jie Elaine",
+    ],
+    abstract:
+      'RVN2002 explores environmental conservation in the most pragmatic way possible. Rather than hearing about biodiversity loss through numbers on the screen, we put on our trekking shoes to really experience the essence of life in the various habitats. Seeing the empty forest fragments with invasive species and muddy rivers really drives home the point of unnatural nature destruction. We also met local indigenous guides who are highly attuned to the jungle and play a key role in navigating the complexities of effective conservation. Their sustainable practices, down-to-earth culture, and the challenges their communities face were things we could only truly emphasise after our heartwarming interactions. These experiences rekindled our connection to nature and imbued a passion to give back. "The Call of Nature" is thus a compilation of lessons learnt from our eco-tourism journey that we hope to share with other eco-tourists to improve their experience and others that follow. Amid the rising eco-tourism boom, we wanted to showcase our wonderful experiences and call others to embark on their own nature journeys.',
+  },
+  {
+    title: "What Role does Culture Play in Economic Sustainability?",
+    presenters: [
+      "Edice Koh",
+      "Tan Hewie",
+      "Tan Xin Kai",
+      "Peck Ern Hui Stephanie",
+    ],
+    abstract:
+      "Work is one of the most essential and universal aspects of life, throughout history and civilisations. Therefore, it is crucial to note that while striving to attain meet our economic needs, our pursuit must not compromise the needs of future generations (Brundtland Report, 1987). Sustainability is often measured via the Sustainable Development Goals framework, and SDG 8 “Decent Work and Economic Growth” in particular underscores the need for inclusive and productive employment for all. Currently, according to the Sustainable Development Report 2023, Malaysia still faces significant challenges and stagnating growth for SDG 8. In East Malaysia, the region’s rich tapestry of culture could be a driving force for economic growth and opportunities for economic sustainability. Through Sabah and Sarawak, we wanted to gain a sensing on the ground how work, culture and economic sustainability interact.",
+  },
+];
+
 const Thread1 = () => {
   return (
     <>
@@ -99,25 +155,26 @@ const Thread1 = () => {
             Fostering a learning ecosystem that scales impact
           </Typography>
           <p style={{ fontSize: "16pt" }}>
-            This thread revolves around RVRC’s academic life and showcases how
-            learning activities and engagement opportunities can broaden
+            This thread revolved around RVRC’s academic life and showcased how
+            learning activities and engagement opportunities could broaden
             horizons, diversify skills, and enable students in an ever-changing
-            complex world. It features out-of-classroom learning and work with
+            complex world. It featured out-of-classroom learning and worked with
             external partners that enable students to achieve a demonstrable
             impact on identified issues in the real-world, while honing their
-            workplace readiness skills. Presentations highlight students’
+            workplace readiness skills. Presentations highlighted students’
             learning process and application of complex skills such as
             reflective and critical thinking.
           </p>
         </div>
       </Box>
+      <Box component="img" src={Thread1Image} sx={{ width: "100%" }} />
       <Box sx={{ paddingInline: "10%", paddingBottom: "20px" }}>
         <p style={{ fontSize: "16pt", fontWeight: "bold" }}>Project Gaia</p>
         <p style={{ fontSize: "16pt" }}>
           Multipurpose Room 2 | 11:15am - 12:00pm
         </p>
         <p style={{ fontSize: "16pt" }}>
-          Named after the Greek primordial Earth goddess, Project Gaia focuses
+          Named after the Greek primordial Earth goddess, Project Gaia focused
           on environmental stewardship and conservation.
         </p>
         <Stack
@@ -140,7 +197,7 @@ const Thread1 = () => {
         <p style={{ fontSize: "16pt" }}>
           As the bridge of communication between divinity and mortals, Iris, the
           Greek goddess of rainbows, symbolizes crucial elements in fostering
-          inclusivity. Project Iris focuses on inclusivity and social
+          inclusivity. Project Iris focused on inclusivity and social
           engagement.
         </p>
         <Stack
@@ -156,6 +213,16 @@ const Thread1 = () => {
             />
           ))}
         </Stack>
+        <p style={{ fontSize: "16pt", fontWeight: "bold" }}>Posters</p>
+        <Stack direction={"column"} spacing={2}>
+          {posters.map((project) => (
+            <ProjectCard
+              title={project.title}
+              presenters={project.presenters}
+              abstract={project.abstract}
+            />
+          ))}
+        </Stack>
       </Box>
     </>
   );

src/components/2024/thematic-threads/Thread2.js

@@ -13,6 +13,8 @@ import Jiayi from "../../../assets/2024/thread-speakers/jiayi.jpg";
 import Yograrajan from "../../../assets/2024/thread-speakers/yogarajan.jpg";
 import Emmanuel from "../../../assets/2024/thread-speakers/emmanuel.jpg";
 
+import Thread2Image from "../../../assets/2024/thread-2.jpg";
+
 const thread2Panel1Speakers = [
   {
     name: "Li Cher",
@@ -117,18 +119,19 @@ const Thread2 = () => {
             Exploring interests, cultivating curiosity, and stewardship
           </Typography>
           <p style={{ fontSize: "16pt" }}>
-            This thread showcases the importance and impact of diverse
+            This thread showcased the importance and impact of diverse
             co-curricular and student life activities at RVRC that enable
             students to boldly, yet, curiously, pursue their passion, explore
             new interests, and connect with like-minded members in the broader
-            university community.​ Presentations from this thread also highlight
-            how the RVRC living-learning experience cultivates stewardship of
-            our society and environmental issues, as students strive towards the
-            cause of building a shared future that is more sustainable and
-            equitable.
+            university community.​ Presentations from this thread also
+            highlighted how the RVRC living-learning experience cultivates
+            stewardship of our society and environmental issues, as students
+            strive towards the cause of building a shared future that is more
+            sustainable and equitable.
           </p>
         </div>
       </Box>
+      <Box component="img" src={Thread2Image} sx={{ width: "100%" }} />
       <Box sx={{ paddingInline: "10%" }}>
         <p style={{ fontSize: "16pt", fontWeight: "bold" }}>
           Panel 1: Student-initiated Endeavors