From e52443c36a578b791737490bc73fe162b7392c85 Mon Sep 17 00:00:00 2001
From: shanimishaely <sh8510077@gmail.com>
Date: Tue, 26 May 2026 22:12:37 +0300
Subject: [PATCH] add: Shani Mishaely joke

---
 src/students/Shani-Mishaely/Card.tsx          | 11 +++++++++++
 src/students/Shani-Mishaely/JokePage.tsx      | 16 ++++++++++++++++
 src/students/Shani-Mishaely/styles.module.css | 16 ++++++++++++++++
 src/students/index.ts                         | 11 ++++++++++-
 4 files changed, 53 insertions(+), 1 deletion(-)
 create mode 100644 src/students/Shani-Mishaely/Card.tsx
 create mode 100644 src/students/Shani-Mishaely/JokePage.tsx
 create mode 100644 src/students/Shani-Mishaely/styles.module.css

diff --git a/src/students/Shani-Mishaely/Card.tsx b/src/students/Shani-Mishaely/Card.tsx
new file mode 100644
index 0000000..5a2eddc
--- /dev/null
+++ b/src/students/Shani-Mishaely/Card.tsx
@@ -0,0 +1,11 @@
+import styles from "./styles.module.css";
+import { CardProps } from "../../types";
+
+export default function ShaniCard({ 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>
+  );
+}
\ No newline at end of file
diff --git a/src/students/Shani-Mishaely/JokePage.tsx b/src/students/Shani-Mishaely/JokePage.tsx
new file mode 100644
index 0000000..ac0891e
--- /dev/null
+++ b/src/students/Shani-Mishaely/JokePage.tsx
@@ -0,0 +1,16 @@
+import styles from "./styles.module.css";
+import { PageProps } from "../../types";
+
+export default function ShaniJokePage({ onBack }: PageProps) {
+  return (
+    <div className={`joke-page ${styles.jokePage}`}>
+      <h2>מה אומר קיר אחד לקיר השני? 🧱</h2>
+      <br />
+      <p style={{ fontSize: "1.5rem", fontWeight: "bold", color: "#ff9f43" }}>
+        "ניפגש בפינה!" 🤭
+      </p>
+      <br />
+      <button onClick={onBack}>← חזרה לדף הבית</button>
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/students/Shani-Mishaely/styles.module.css b/src/students/Shani-Mishaely/styles.module.css
new file mode 100644
index 0000000..66ee6b3
--- /dev/null
+++ b/src/students/Shani-Mishaely/styles.module.css
@@ -0,0 +1,16 @@
+.card {
+  padding: 20px;
+  border-radius: 8px;
+  background-color: #f3f4f6;
+  cursor: pointer;
+  transition: transform 0.2s;
+}
+
+.card:hover {
+  transform: scale(1.05);
+}
+
+.jokePage {
+  padding: 40px;
+  text-align: center;
+}
\ No newline at end of file
diff --git a/src/students/index.ts b/src/students/index.ts
index e162a93..0e20c14 100644
--- a/src/students/index.ts
+++ b/src/students/index.ts
@@ -8,6 +8,8 @@ import ChaniChanzinJokePage from "./chani-chanzin/JokePage";
 import RachelWeinbergerJokePage from "./rachel-weinberger/JokePage";
 import RachelWeinbergerCard from "./rachel-weinberger/Card";
 
+import ShaniCard from "./Shani-Mishaely/Card";
+import ShaniJokePage from "./Shani-Mishaely/JokePage";
 // ⚠️ סדר הרשימה חייב להיות לפי סדר האלף-בית העברי לפי שם המשפחה.
 // כל תלמידה מוסיפה את עצמה במקום הנכון ידנית.
 // אסור להשתמש בפונקציית-sort! 
@@ -26,13 +28,20 @@ const students: Student[] = [
     CardComponent: ChaniChanzinCard,
     JokePageComponent: ChaniChanzinJokePage,
   },
-    {
+  {
     id: "rachel-weinberger",
     name: "רחלי וינברגר",
     jokeTitle: "כפית אחת יותר מדי",
     CardComponent: RachelWeinbergerCard,
     JokePageComponent: RachelWeinbergerJokePage,
   },
+  {
+    id: "Shani-Mishaely",
+    name: "שני מישאלי",
+    jokeTitle: "סודות של קירות... 🧱",
+    CardComponent: ShaniCard,
+    JokePageComponent: ShaniJokePage,
+  },
 ];
 
 export default students;