add: yael joke

src/students/index.ts

@@ -1,16 +1,19 @@
 import { Student } from "../types";
 
+import YaelCard from "./yael-yosef/Card"; 
+import YaelJokePage from "./yael-yosef/JokePage";
+
 import DanaDuviCard from "./dana-duvi/Card";
 import DanaDuviJokePage from "./dana-duvi/JokePage";
 
 import ChaniChanzinCard from "./chani-chanzin/Card";
 import ChaniChanzinJokePage from "./chani-chanzin/JokePage";
 import efratJokePage from "./efrat-posen/JokePage";
 import efratCard from "./efrat-posen/card";
-
 import HadasJokePage from "./hadas-kohavi/JokePage";
 import HadasCard from "./hadas-kohavi/Card";
 
+
 // ⚠️ סדר הרשימה חייב להיות לפי סדר האלף-בית העברי לפי שם המשפחה.
 // כל תלמידה מוסיפה את עצמה במקום הנכון ידנית.
 // אסור להשתמש בפונקציית-sort! 
@@ -43,6 +46,13 @@ const students: Student[] = [
   CardComponent: efratCard,
   JokePageComponent: efratJokePage,
 },
+{
+  id: "yael-yosef",
+  name: "יעל יוסף",
+  jokeTitle: "חמש שקלים בכיס",
+  CardComponent: YaelCard,
+  JokePageComponent: YaelJokePage,
+},
 ];
 
 export default students;

src/students/yael-yosef/Card.tsx

@@ -0,0 +1,11 @@
+import styles from "./styles.module.css";
+import { CardProps } from "../../types";
+
+export default function YaelCard({ student, onClick }: CardProps) {
+  return (
+    <div onClick={onClick} className={`joke-card ${styles.card}`}>
+      <h2 className={styles.title}>{student.jokeTitle}</h2>
+      <p className={styles.name}>{student.name}</p>
+    </div>
+  );
+}

src/students/yael-yosef/JokePage.tsx

@@ -0,0 +1,13 @@
+import styles from "./styles.module.css";
+import { PageProps } from "../../types";
+
+export default function YaelJokePage({ onBack }: PageProps) {
+  return (
+    <div className={`joke-page ${styles.jokePage}`}>
+      <p><strong><p><strong>מכנסיים של מישהו אחר</strong></p></strong></p>
+      <p>המורה: "דני, אם יש לך 5 שקלים בכיס ימין ו-5 שקלים בכיס שמאל, מה יש לך?"</p>
+      <p>דני: "מכנסיים של מישהו אחר!"</p>
+      <button onClick={onBack}>← חזרה</button>
+    </div>
+  );
+}

src/students/yael-yosef/styles.module.css

@@ -0,0 +1,21 @@
+.card {
+  padding: 20px;
+  border-radius: 8px;
+  cursor: pointer;
+  background-color: #f9f9f9;
+}
+
+.title {
+  font-size: 1.5rem;
+  color: #333;
+}
+
+.name {
+  font-size: 1rem;
+  color: #666;
+}
+
+.jokePage {
+  padding: 40px;
+  text-align: center;
+}