שלום חברים!
כבר משנות ילדותי בחיידר הייתי תמיד תָמֵה איך בונים את צורת הדף המשוכלל של התלמוד בבלי (וילנא).
אז שיחקתי עם וורד, וכמובן שלא יצא כלום...
לפני 4 שנים נתקלתי באינדיזיין - וחשבתי שחייב להיות שבתוכנה זו אפשר לעשות עימוד מורכב של גמרא, וניסיתי הרבה, עד שהצלחתי - שיתפתי את זה כאן בזמנו.
אז פיתחתי סקריפטים שיקילו את עשיית הברך באינדיזיין...
ו...אתמול חשבתי לעצמי: אולי צריך לנסות לעמד את הגמרא ב HTML-CSS-JS, ושהכל יהיה טקסט חי, ואז השמים לא הגבול מה אפשר לעשות עם זה!
אתמול במוצ״ש ישבתי לכתוב את הקוד. הקטע הכי מורכב הוא ליצור את צורת המסגרות של הטקסטים (הברכיים).
מעכשיו מתחיל החלק שרק אלו שמכירים HTML/CSS יבינו (אומרים שבימים הקרובים יפתח פורום מתכנתים, אבל לעת עתה עדיין לא נפתח...):
קודם כל צריך ליישר הטקסט בלוק - justify.
ורציתי לשמור על שבירת השורות המדוייקות כבמהדורת וילנא, אז הכנסתי שוברי שורה, שב-HTML נראים ככה: <br>.
אז התברר, שכשיש <br> בסוף שורה, היישור justify לא עובד, אלא הטקסט מיושר לימין (וכן, גם אם מגדירים text-align-last).
ולגבי הברך - דבר ראשון חשבתי להשתמש עם shape-outside עם polygon() לדחיית הטקסט של רש״י ותוס׳.
אבל התברר שזה לא יעבוד, כי זה ידחה את כל הטקסטים שבעמוד (וצריך לעשות צורה שונה לכל טקסט), ואף שאפשר לתת position: absolute, מ״מ אז זה יתעלם מכל הצורות...
אז הגעתי לפתרון כזה: לשים כל שורה ב-span לעצמו, ולהכין 3 classes, אחד לשורות הקצרות, ואחד לבינוניות, ואחד לארוכות, ונתתי לכל אחד רוחב לעצמו [285px, 500px, 1050px], וכמובן שלרש״י נתתי float: right, clear: both, ולתוס׳ float: left. ועכשיו לא צריך כבר את ה<br>, וממילא פתרתי גם את היישור.
ואיך אני מקטין את כל הסוגריים, מדגיש את דיבורי-המתחיל וכו׳, בלי להצטרך לכתוב HTML ידני?
בטח - עם גרפ (regExp)!
איזה תענוג היה לכתוב שורה אחד של Javascript, ולראות כל המקורות מתקטנים...
וככה עשיתי אפילו חלונות בתוספות!
למעשה לא היה טוב שכל שורה נמצא ב-span נפרד, כי אז אם יש ד״ה שעובר לשורה הבאה הייתי צריך לחלק אותו לשניים, ולשים כל חלק ב-span נפרד...
היום בבוקר מצאתי פתרון הרבה יותר טוב (stackoverflow): לשים אלמנט (השתמשתי ב <i></i>) במקום <br>, ולתת לו רוחב 100% ו-display: inline-block, ואז הוא כאילו נוטל לעצמו שורה שלימה, וממילא מכריח את הטקסט שאחריו להתחיל בשורה הבאה, והיתרון בזה שהוא עובד עם יישור justify!
יש עוד הרבה מה להגיד, אבל כאן לא המקום. למי שמעוניין - הקוד נמצא במאגר גיטהאב כאן: GitHub.
עכשיו שיש לנו עימוד גמרא דיגיטלי - השמים לא הגבול מה שאפשר לעשות איתו.
לדוגמא: אפשר להכניס את ביאור שוטנשטיין או מתיבתא - שברחיפה על הטקסט יופיע הביאור בפופאפ.
מקורות יכולים להיות לחיצים - שיפתחו חלונית לעיון מהיר במקור (כבר עשיתי את הבסיס לזה - תנסו ללחוץ על המקורות ברש״י ותוס׳).
ועוד המון - כיד הדמיון הטובה עליכם...
יש לכם רעיונות? אשמח לשמוע!
הנה הלינק:
https://shas.newgraphdesign.com/
https://shas.newgraphdesign.com/