diff --git a/src/students/eti/Card.tsx b/src/students/eti/Card.tsx new file mode 100644 index 0000000..c35c1a1 --- /dev/null +++ b/src/students/eti/Card.tsx @@ -0,0 +1,12 @@ +import styles from "./styles.module.css"; +import { CardProps } from "../../types"; + +export default function EtiCard({ student, onClick }: CardProps) { + return ( +
+

{student.jokeTitle}

+

{student.name}

+ לחצי לצחוק +
+ ); +} \ No newline at end of file diff --git a/src/students/eti/JokePage.tsx b/src/students/eti/JokePage.tsx new file mode 100644 index 0000000..b04874c --- /dev/null +++ b/src/students/eti/JokePage.tsx @@ -0,0 +1,13 @@ +import styles from "./styles.module.css"; +import { PageProps } from "../../types"; + + +export default function EtiJokePage({ onBack }: PageProps) { + return ( +
+

חנות אחת תלתה שלט: "כאן מוכרים חליפות לכל סוגי העבודה"

+

נכנס איש אחד ושאל את המוכר: "יש לכם חליפה בשביל מחפשי עבודה?"🤵

+ +
+ ); +} \ No newline at end of file diff --git a/src/students/eti/styles.module.css b/src/students/eti/styles.module.css new file mode 100644 index 0000000..d70b8b2 --- /dev/null +++ b/src/students/eti/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; +} diff --git a/src/students/index.ts b/src/students/index.ts index 5be78e7..ae0f514 100644 --- a/src/students/index.ts +++ b/src/students/index.ts @@ -6,6 +6,9 @@ import DanaDuviJokePage from "./dana-duvi/JokePage"; import ChaniChanzinCard from "./chani-chanzin/Card"; import ChaniChanzinJokePage from "./chani-chanzin/JokePage"; +import EtiCard from "./eti/Card"; +import EtiJokePage from "./eti/JokePage"; + // ⚠️ סדר הרשימה חייב להיות לפי סדר האלף-בית העברי לפי שם המשפחה. // כל תלמידה מוסיפה את עצמה במקום הנכון ידנית. // אסור להשתמש בפונקציית-sort! @@ -24,6 +27,13 @@ const students: Student[] = [ CardComponent: ChaniChanzinCard, JokePageComponent: ChaniChanzinJokePage, }, + { + id: "Eti Orenbach", + name: "אתי אורנבך", + jokeTitle: "בדיחה", + CardComponent: EtiCard, + JokePageComponent: EtiJokePage, + }, ]; export default students;