refactor: 💡 path for images and svg

Author: LuisSante

app/data/data.json

@@ -10,7 +10,12 @@
         "topic": "Safeguarding Large Language Models in Real-time with Tunable Safety-Performance Trade-offs",
         "image": "/images/maurodiaz.jpg",
         "advisor": "Jorge Poco",
-        "description": "Large Language Models (LLMs) have been shown to be susceptible to jailbreak attacks, or adversarial attacks used to illicit high risk behavior from a model. Jailbreaks have been exploited by cybercriminals and blackhat actors to cause significant harm, highlighting the critical need to safeguard widely-deployed models. Safeguarding approaches, which include fine-tuning models or having LLMs 'self-reflect', may lengthen the inference time of a model, incur a computational penalty, reduce the semantic fluency of an output, and restrict 'normal' model behavior. Importantly, these Safety-Performance Trade-offs (SPTs) remain an understudied area. In this work, we introduce a novel safeguard, called SafeNudge, that combines Controlled Text Generation with 'nudging,' or using text interventions to change the behavior of a model. SafeNudge triggers during text-generation while a jailbreak attack is being executed, and can reduce successful jailbreak attempts by 30% by guiding the LLM towards a safe response. It adds minimal latency to inference and has a negligible impact on the semantic fluency of outputs. Further, we allow for tunable SPTs. SafeNudge is open-source and available through https://pypi.org/, and is compatible with models loaded with the Hugging Face transformers library."
+        "description": "Large Language Models (LLMs) have been shown to be susceptible to jailbreak attacks, or adversarial attacks used to illicit high risk behavior from a model. Jailbreaks have been exploited by cybercriminals and blackhat actors to cause significant harm, highlighting the critical need to safeguard widely-deployed models. Safeguarding approaches, which include fine-tuning models or having LLMs 'self-reflect', may lengthen the inference time of a model, incur a computational penalty, reduce the semantic fluency of an output, and restrict 'normal' model behavior. Importantly, these Safety-Performance Trade-offs (SPTs) remain an understudied area. In this work, we introduce a novel safeguard, called SafeNudge, that combines Controlled Text Generation with 'nudging,' or using text interventions to change the behavior of a model. SafeNudge triggers during text-generation while a jailbreak attack is being executed, and can reduce successful jailbreak attempts by 30% by guiding the LLM towards a safe response. It adds minimal latency to inference and has a negligible impact on the semantic fluency of outputs. Further, we allow for tunable SPTs. SafeNudge is open-source and available through https://pypi.org/, and is compatible with models loaded with the Hugging Face transformers library.",
+        "email": "email@gmail.com",
+        "links": {
+          "recording": true,
+          "slides": true
+        }
       }
     },
     {
@@ -21,7 +26,12 @@
         "topic": "Understanding, Enhancing, and Augmenting Human Interaction through Adaptive Systems",
         "image": "/images/andresdelapuente.jpeg",
         "advisor": "Jorge Poco",
-        "description": "By leveraging computational methods, physiological sensing, and AI-driven adaptation, I develop intelligent interfaces that dynamically respond to users’ cognitive and behavioral states, optimizing experience and performance in real time. My work spans aviation, driving assistance, healthcare, and gaming, demonstrating the impact of adaptive systems across diverse domains."
+        "description": "By leveraging computational methods, physiological sensing, and AI-driven adaptation, I develop intelligent interfaces that dynamically respond to users’ cognitive and behavioral states, optimizing experience and performance in real time. My work spans aviation, driving assistance, healthcare, and gaming, demonstrating the impact of adaptive systems across diverse domains.",
+        "email": "email@gmail.com",
+        "links": {
+          "recording": true,
+          "slides": true
+        }
       }
     },
     {
@@ -32,7 +42,12 @@
         "topic": "Data Visualization for Large-Scale Text Data",
         "image": "/images/juanpabloheredia.png",
         "advisor": "Jorge Poco",
-        "description": "By leveraging computational methods, physiological sensing, and AI-driven adaptation, I develop intelligent interfaces that dynamically respond to users’ cognitive and behavioral states, optimizing experience and performance in real time. My work spans aviation, driving assistance, healthcare, and gaming, demonstrating the impact of adaptive systems across diverse domains."
+        "description": "By leveraging computational methods, physiological sensing, and AI-driven adaptation, I develop intelligent interfaces that dynamically respond to users’ cognitive and behavioral states, optimizing experience and performance in real time. My work spans aviation, driving assistance, healthcare, and gaming, demonstrating the impact of adaptive systems across diverse domains.",
+        "email": "email@gmail.com",
+        "links": {
+          "recording": true,
+          "slides": true
+        }
       }
     },
     {
@@ -43,89 +58,13 @@
         "topic": "Topic Modelling for Large-Scale Text Data",
         "image": "/images/felipemoreno.png",
         "advisor": "Jorge Poco",
-        "description": "By leveraging computational methods, physiological sensing, and AI-driven adaptation, I develop intelligent interfaces that dynamically respond to users’ cognitive and behavioral states, optimizing experience and performance in real time. My work spans aviation, driving assistance, healthcare, and gaming, demonstrating the impact of adaptive systems across diverse domains."
-      }
-    }
-  ],
-  "upcoming_events": [
-    {
-      "date": "Mar 21, 2025",
-      "time": "11:00 - 11:30",
-      "location": "Fundacao Getulio Vargas, Praia de Botafogo, 190, 5th floor, Rio de Janeiro, RJ, Brazil",
-      "speaker": "Juan Pablo Heredia",
-      "topic": "Topic Modelling for Large-Scale Text Data"
-    },
-    {
-      "date": "Mar 28, 2025",
-      "time": "11:30 - 12:00",
-      "location": "Fundacao Getulio Vargas, Praia de Botafogo, 190, 5th floor, Rio de Janeiro, RJ, Brazil",
-      "speaker": "",
-      "topic": ""
-    }
-  ],
-  "historical_events": [
-    {
-      "date": "Nov 6, 2024",
-      "presentations": [
-        {
-          "speaker": "Teal Witter",
-          "title": "Provably Accurate Estimators for Shapley Values",
-          "links": {
-            "recording": true,
-            "slides": true
-          }
-        },
-        {
-          "speaker": "Niv Cohen",
-          "title": "Discovering and Erasing Undesired Concepts",
-          "links": {
-            "recording": true,
-            "slides": true
-          }
-        }
-      ]
-    },
-    {
-      "date": "Nov 20, 2024",
-      "presentations": [
-        {
-          "speaker": "Alexander Ratzan",
-          "title": "Molecular Connectomics from Small to Large Brains",
-          "links": {
-            "recording": true,
-            "slides": true
-          }
-        },
-        {
-          "speaker": "Felipe Inagaki de Oliveira",
-          "title": "TopoMap++: A faster and more space efficient technique to compute projections with topological guarantees",
-          "links": {
-            "recording": true,
-            "slides": true
-          }
+        "description": "By leveraging computational methods, physiological sensing, and AI-driven adaptation, I develop intelligent interfaces that dynamically respond to users’ cognitive and behavioral states, optimizing experience and performance in real time. My work spans aviation, driving assistance, healthcare, and gaming, demonstrating the impact of adaptive systems across diverse domains.",
+        "email": "email@gmail.com",
+        "links": {
+          "recording": true,
+          "slides": true
         }
-      ]
-    },
-    {
-      "date": "Dec 4, 2024",
-      "presentations": [
-        {
-          "speaker": "Guande Wu",
-          "title": "Evaluating Collaborative Capabilities of Language Models",
-          "links": {
-            "recording": true,
-            "slides": true
-          }
-        },
-        {
-          "speaker": "Aécio Santos",
-          "title": "Sampling-Based Sketching Methods for Correlated Data Discovery",
-          "links": {
-            "recording": true,
-            "slides": true
-          }
-        }
-      ]
+      }
     }
   ]
 }

app/page.tsx

@@ -11,7 +11,7 @@ import {
   TableHeader,
   TableRow,
 } from "@/components/ui/table";
-import { isFutureTalk, isRecentTalk } from "@/lib/utils";
+import { basePath, isFutureTalk, isRecentTalk } from "@/lib/utils";
 
 export default function Home() {
   const [isExpanded, setIsExpanded] = useState(false);
@@ -30,11 +30,6 @@ export default function Home() {
     return text.length > 10;
   };
 
-  const basePath =
-    process.env.NEXT_PUBLIC_BASE_PATH ||
-    "https://visual-ds.github.io/group-seminar.github.io/";
-  console.log("base Path", basePath);
-
   return (
     <div className="max-w-7xl mx-auto text-gray-800 p-4">
       <h1 className="text-4xl font-bold text-center py-6">{data.title}</h1>

app/talks/page.tsx

@@ -1,45 +1,37 @@
+import { isPastTalk } from "@/lib/utils";
 import data from "../data/data.json";
 
 export default function Page() {
-    return (
-        <div className="space-y-8 p-4">
-          {data.historical_events.map((dateGroup, index) => (
-            <div key={index} className="space-y-4">
-              <h2 className="text-2xl font-bold">{dateGroup.date}</h2>
-              
-              <div className="grid md:grid-cols-2 gap-4">
-                {dateGroup.presentations.map((talk, talkIndex) => (
-                  <div 
-                    key={talkIndex} 
-                    className="p-4 rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition-shadow"
-                  >
-                    <h3 className="text-lg font-semibold">
-                      {talk.speaker}: {talk.title}
-                    </h3>
-                    <div className="mt-3 space-x-4">
-                      {talk.links.recording && (
-                        <a 
-                          href="#" 
-                          className="text-blue-500 hover:text-blue-700"
-                        >
-                          Recording
-                        </a>
-                      )}
-                      {talk.links.slides && (
-                        <a 
-                          href="#" 
-                          className="text-blue-500 hover:text-blue-700"
-                        >
-                          Slides
-                        </a>
-                      )}
-                    </div>
-                  </div>
-                ))}
+  const historical_events = data.group_seminar.filter((seminar) =>
+    isPastTalk(seminar.date)
+  );
+
+  return (
+    <div className="space-y-8 p-4">
+      {historical_events.map((dateGroup, index) => (
+        <div key={index} className="space-y-4">
+          <h2 className="text-2xl font-bold">{dateGroup.date}</h2>
+          <div className="grid md:grid-cols-2 gap-4">
+            <div className="p-4 rounded-lg border border-gray-200 shadow-sm hover:shadow-md transition-shadow">
+              <h3 className="text-lg font-semibold">
+                {dateGroup.speaker.name}: {dateGroup.speaker.topic}
+              </h3>
+              <div className="mt-3 space-x-4">
+                {dateGroup.speaker.links.recording && (
+                  <a href="#" className="text-blue-500 hover:text-blue-700">
+                    Recording
+                  </a>
+                )}
+                {dateGroup.speaker.links.slides && (
+                  <a href="#" className="text-blue-500 hover:text-blue-700">
+                    Slides
+                  </a>
+                )}
               </div>
             </div>
-          ))}
+          </div>
         </div>
-      );
-};
-
+      ))}
+    </div>
+  );
+}

components/ui/sidebar.tsx

@@ -5,7 +5,7 @@ import { Slot } from "@radix-ui/react-slot"
 import { VariantProps, cva } from "class-variance-authority"
 
 import { useIsMobile } from "@/hooks/use-mobile"
-import { cn } from "@/lib/utils"
+import { basePath, cn } from "@/lib/utils"
 import { Button } from "@/components/ui/button"
 import { Input } from "@/components/ui/input"
 import { Separator } from "@/components/ui/separator"
@@ -17,7 +17,6 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/tooltip"
-import Image from "next/image"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
@@ -278,11 +277,11 @@ const SidebarTrigger = React.forwardRef<
       }}
       {...props}
     >
-      <Image
-        src="/panel-left-icon.svg"
+      <img
+        src={`${basePath}/panel-left-icon.svg`}
         alt="Panel Left Icon"
-        width={22}
-        height={22}
+        width={26}
+        height={26}
       />
       <span className="sr-only">Toggle Sidebar</span>
     </Button>

lib/utils.ts

@@ -1,49 +1,32 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export const basePath =
+  process.env.NEXT_PUBLIC_BASE_PATH ||
+  "https://visual-ds.github.io/group-seminar.github.io/";
+console.log("base Path", basePath);
 
 export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+  return twMerge(clsx(inputs));
 }
 
-export function isRecentTalk(date: string) {
-  const currentDate = new Date();
-  const seminarDate = new Date(date);
-
-  const simplifiedCurrentDate = new Date(
-    currentDate.getFullYear(),
-    currentDate.getMonth(),
-    currentDate.getDate()
-  );
-
-  const simplifiedSeminarDate = new Date(
-    seminarDate.getFullYear(),
-    seminarDate.getMonth(),
-    seminarDate.getDate()
-  );
-
-  const isEqual = simplifiedSeminarDate.getTime() === simplifiedCurrentDate.getTime();
+function normalizeDate(date: string | Date): number {
+  const parsedDate = new Date(date);
+  return new Date(
+    parsedDate.getFullYear(),
+    parsedDate.getMonth(),
+    parsedDate.getDate()
+  ).getTime();
+}
 
-  return isEqual;
+export function isRecentTalk(date: string) {
+  return normalizeDate(date) === normalizeDate(new Date());
 }
 
 export function isFutureTalk(date: string) {
-  const currentDate = new Date();
-  const seminarDate = new Date(date);
-
-  const simplifiedCurrentDate = new Date(
-    currentDate.getFullYear(),
-    currentDate.getMonth(),
-    currentDate.getDate()
-  );
-
-  const simplifiedSeminarDate = new Date(
-    seminarDate.getFullYear(),
-    seminarDate.getMonth(),
-    seminarDate.getDate()
-  );
-
-  const isFuture = simplifiedSeminarDate.getTime() > simplifiedCurrentDate.getTime();
-
-  return isFuture;
+  return normalizeDate(date) > normalizeDate(new Date());
 }
 
+export function isPastTalk(date: string) {
+  return normalizeDate(date) < normalizeDate(new Date());
+}

next.config.ts

@@ -6,8 +6,8 @@ const nextConfig: NextConfig = {
   images: {
     unoptimized: true,
   },
-  basePath: '/group-seminar.github.io',
-  assetPrefix: '/group-seminar.github.io',
+  // basePath: '/group-seminar.github.io',
+  // assetPrefix: '/group-seminar.github.io',
   trailingSlash: true,
 };