Kiteria 2

src/students/index.ts

@@ -1,15 +1,22 @@
 import { Student } from "../types";
+import yehuditCard from "./yehudit/card";
+import yehuditJokePage from "./yehudit/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 RachelWeinbergerJokePage from "./rachel-weinberger/JokePage";
+import RachelWeinbergerCard from "./rachel-weinberger/Card";
+
+
 
 // ⚠️ סדר הרשימה חייב להיות לפי סדר האלף-בית העברי לפי שם המשפחה.
 // כל תלמידה מוסיפה את עצמה במקום הנכון ידנית.
 // אסור להשתמש בפונקציית-sort! 
 const students: Student[] = [
+
   {
     id: "dana-duvi",
     name: "דנה דובי",
@@ -24,6 +31,25 @@ const students: Student[] = [
     CardComponent: ChaniChanzinCard,
     JokePageComponent: ChaniChanzinJokePage,
   },
+
+  {
+    id:"yehudit",
+    name: "יהודית",
+    jokeTitle:"התירוץ המושלם לרופא",
+    CardComponent: yehuditCard,
+    JokePageComponent: yehuditJokePage,
+  },
+
+
+
+    {
+    id: "rachel-weinberger",
+    name: "רחלי וינברגר",
+    jokeTitle: "כפית אחת יותר מדי",
+    CardComponent: RachelWeinbergerCard,
+    JokePageComponent: RachelWeinbergerJokePage,
+  },
+
 ];
 
 export default students;

src/students/rachel-weinberger/Card.tsx

@@ -0,0 +1,23 @@
+import styles from "./styles.module.css";
+import { CardProps } from "../../types";
+
+export default function RachelWeinbergerCard({ student, onClick }: CardProps) {
+  return (
+    <div onClick={onClick} className={`joke-card ${styles.card}`}>
+      <div className={styles.scoreBar}>
+        <span>HI&nbsp;00847</span>
+        <span>00000</span>
+      </div>
+      <div className={styles.scene}>
+        <div className={styles.dinoWrapper}>
+          <div className={styles.dinoPixel} />
+          <div className={styles.dinoEye} />
+        </div>
+        <div className={styles.ground} />
+      </div>
+      <h2 className={styles.title}>{student.jokeTitle}</h2>
+      <p className={styles.name}>{student.name}</p>
+      <p className={styles.press}>— PRESS TO PLAY —</p>
+    </div>
+  );
+}

src/students/rachel-weinberger/JokePage.tsx

@@ -0,0 +1,25 @@
+import styles from "./styles.module.css";
+import { PageProps } from "../../types";
+
+export default function RachelWeinbergerJokePage({ onBack }: PageProps) {
+  return (
+    <div className={`joke-page ${styles.jokePage}`}>
+      <div className={`${styles.scene} ${styles.sceneDead}`}>
+        <div className={`${styles.dinoWrapper} ${styles.dinoDead}`}>
+          <div className={styles.dinoPixel} />
+          <div className={styles.dinoEye} />
+          <div className={styles.dinoX}>x</div>
+        </div>
+        <div className={styles.ground} />
+      </div>
+      <div className={styles.jokeBox}>
+        <p className={styles.jokeSetup}>אדם אחד מגיע לרופא ומלין: "דוקטור, כל פעם שאני שותה כוס תה, כואבת לי העין ימין באופן נוראי!"</p>
+        <p className={styles.jokePunchline}>הרופא חושב קצת, מביט בו ואומר: "ניסית אולי להוציא את הכפית מהכוס לפני שאתה שותה?"</p>
+        <p >🧑‍⚕️👨‍⚕️👩‍⚕️</p>
+      </div>
+      <button className={styles.backBtn} onClick={onBack}>
+        ↺&nbsp;back
+      </button>
+    </div>
+  );
+}

src/students/rachel-weinberger/styles.module.css

@@ -0,0 +1,85 @@
+.card {
+  background: linear-gradient(160deg, #fff8e7 0%, #ffe0a3 100%);
+  border: 3px solid #f5a623;
+  box-shadow: 0 6px 20px rgba(245, 166, 35, 0.35);
+}
+
+.avatar {
+  font-size: 3rem;
+  margin-bottom: 0.5rem;
+}
+
+.title {
+  font-size: 1.4rem;
+  color: #7a4800;
+  margin-bottom: 0.4rem;
+}
+
+.name {
+  font-size: 1rem;
+  color: #5a3400;
+  margin-bottom: 1rem;
+}
+
+.badge {
+  display: inline-block;
+  background: #f5a623;
+  color: #fff;
+  border-radius: 20px;
+  padding: 0.3rem 1rem;
+  font-size: 0.85rem;
+  font-weight: bold;
+}
+
+.jokePage {
+  background: linear-gradient(135deg, #fff3cd, #ffd77a);
+}
+
+.jokeHeader {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.3rem;
+}
+
+.bigEmoji {
+  font-size: 5rem;
+}
+
+.jokeCard {
+  background: #fff;
+  border-radius: 20px;
+  padding: 2rem 2.5rem;
+  max-width: 500px;
+  width: 100%;
+  text-align: center;
+  box-shadow: 0 8px 24px rgba(245, 166, 35, 0.3);
+  color: #5a3400;
+}
+
+.jokeCard h2 {
+  font-size: 1.3rem;
+  margin-bottom: 0.6rem;
+}
+
+.jokeCard p {
+  font-size: 1.4rem;
+  line-height: 1.6;
+  margin-top: 0.8rem;
+}
+
+.backBtn {
+  background: #f5a623;
+  color: #fff;
+  border: none;
+  border-radius: 30px;
+  padding: 0.7rem 2rem;
+  font-size: 1rem;
+  font-weight: bold;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.backBtn:hover {
+  background: #d4891a;
+}

src/students/yehudit/card.tsx

@@ -0,0 +1,16 @@
+import styles from "./styles.module.css";
+import { CardProps } from "../../types";
+
+export default function Card({ student, onClick }: CardProps) {
+  return (
+    <button onClick={onClick} className={styles.card} type="button">
+      <div className={styles.cardTop}>
+        <span className={styles.badge}>לוהט</span>
+        <span className={styles.emoji}>✨</span>
+      </div>
+      <h2 className={styles.title}>{student.jokeTitle}</h2>
+      <p className={styles.name}>{student.name}</p>
+      <p className={styles.description}>לחצי כדי לגלות בדיחה</p>
+    </button>
+  );
+}

src/students/yehudit/jokePage.tsx

@@ -0,0 +1,49 @@
+import { PageProps } from "../../types";
+import styles from "./styles.module.css";
+
+export default function JokePage({ onBack }: PageProps) {
+  return (
+    <main className={styles.jokePage}>
+      <section className={styles.coffeePanel}>
+        <div className={styles.coffeeHeader}>
+          <div>
+            <h1>בדיחה חמה כמו קפה</h1>
+
+          </div>
+          <span className={styles.marker}>☕️</span>
+        </div>
+
+        <div className={styles.coffeeStage}>
+          <div className={styles.cupWrapper}>
+            <div className={styles.steam} />
+            <div className={styles.cup}>
+              <div className={styles.cupLiquid} />
+            </div>
+            <div className={styles.saucer} />
+          </div>
+
+        </div>
+
+        <div className={styles.jokeText}>
+          <p>
+            אדם אחד מגיע לרופא המשפחה שלו ומספר לו בדאגה: "דוקטור, יש לי בעיה חמורה.
+            כל פעם שאני שותה כוס קפה, אני מרגיש דקירה חדה וכואבת מאוד בעין ימין. מה זה יכול להיות?"
+          </p>
+          <p>
+            הרופא מביט בו במבט רציני, חושב לרגע ואומר: "תשמע, לפי האבחנה שלי, הפתרון פשוט מאוד..."
+          </p>
+          <p>
+            "באמת?!" שמח המטופל, "מה צריך לעשות?"
+          </p>
+          <p>
+            הרופא משיב: "בפעם הבאה שאתה שותה קפה, פשוט תוציא את הכפית מהכוס."
+          </p>
+        </div>
+
+        <button className={styles.backBtn} onClick={onBack} type="button">
+          חזרה
+        </button>
+      </section>
+    </main>
+  );
+}