Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

reformat - move paragraph direction and image size from style attribute to "classic" attribute #39

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

reformat - move paragraph direction and image size from style attribute to "classic" attribute #39

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
152 changes: 76 additions & 76 deletions week1/1_Strings_and_Output.ipynb
View file
Open in desktop

Large diffs are not rendered by default.

84 changes: 40 additions & 44 deletions week1/2_Arithmetics.ipynb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,23 +4,23 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"<img src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\" alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\">"
"<img alt=\"לוגו של מיזם לימוד הפייתון. נחש מצויר בצבעי צהוב וכחול, הנע בין האותיות של שם הקורס: לומדים פייתון. הסלוגן המופיע מעל לשם הקורס הוא מיזם חינמי ללימוד תכנות בעברית.\" src=\"images/logo.jpg\" style=\"display: block; margin-left: auto; margin-right: auto;\"/>"
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If it is OK on your side, I'd prefer not to move around attributes in places where it doesn't make a difference :)

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I used a html parser (BeautifulSoup) to do the reformatting - there's no direct control on all the details of the generated html

]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות</span>"
"## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">הערות</span>"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
"לפעמים נרצה לצרף דברי הסבר לקוד שכתבנו.<br>\n",
"כדי להוסיף הסברים לצד הקוד נשתמש בתו סולמית, ומייד אחריה נכתוב את ההסברים שרצינו לצרף.<br>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
"לפעמים נרצה לצרף דברי הסבר לקוד שכתבנו.<br/>\n",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's not add closing tags to our brs, we're on HTML5 :)

"כדי להוסיף הסברים לצד הקוד נשתמש בתו סולמית, ומייד אחריה נכתוב את ההסברים שרצינו לצרף.<br/>\n",
"החלקים האלו בקוד נקראים <dfn>הערות</dfn>, ופייתון מתעלמת מקיומם כשהיא מריצה את הקוד.\n",
"</p>"
]
Expand All @@ -29,7 +29,7 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">\n",
"לדוגמה:\n",
"</p>"
]
Expand All @@ -48,7 +48,7 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"<p style=\"text-align: right; direction: rtl; float: right; clear: both;\">או אפילו באותה שורה:</p>"
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">או אפילו באותה שורה:</p>"
]
},
{
Expand All @@ -64,9 +64,9 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"<p style=\"text-align: right; direction: rtl; float: right;\">\n",
" הערות נועדו להסביר את הקוד שלכם למתכנתים אחרים שיקראו אותו בעתיד.<br>\n",
" בינתיים, אנחנו נשתמש בהערות כדי להבהיר ולהדגיש דוגמאות במחברת הקורס.<br>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
" הערות נועדו להסביר את הקוד שלכם למתכנתים אחרים שיקראו אותו בעתיד.<br/>\n",
" בינתיים, אנחנו נשתמש בהערות כדי להבהיר ולהדגיש דוגמאות במחברת הקורס.<br/>\n",
" נהוג לכתוב הערות באנגלית, אבל רק לצורך הקורס שלנו, שמתקיים בעברית, נכופף קצת את החוקים.\n",
"</p>"
]
Expand All @@ -75,15 +75,15 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"# <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">אריתמטיקה</span>"
"# <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">אריתמטיקה</span>"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"<p style=\"text-align: right; direction: rtl; float: right;\">\n",
" אין צורך לפחד מהמונח המאיים, מדובר פשוט בפעולות חשבון בסיסיות. בואו נראה מה פייתון יודעת לעשות.<br>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
" אין צורך לפחד מהמונח המאיים, מדובר פשוט בפעולות חשבון בסיסיות. בואו נראה מה פייתון יודעת לעשות.<br/>\n",
" חשבו מה תהיה התוצאה בכל אחד מהתאים הבאים. לאחר שכתבתם בצד את התוצאה שעליה חשבתם, הריצו את התאים ובדקו אם צדקתם.\n",
"</p>"
]
Expand Down Expand Up @@ -218,21 +218,18 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"## <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים ושארית</span>"
"## <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים ושארית</span>"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"### <span style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים</span>\n",
"<p style=\"text-align: right; direction: rtl; float: right;\"><dfn>חלוקת שלמים</dfn> היא פעולה שתוצאתה תמיד מספר שלם, בניגוד לפעולת החילוק שאנחנו רגילים אליה (<code>/</code>).</p>\n",
"\n",
"<p style=\"text-align: right; direction: rtl; float: right;\">כאשר אנחנו עושים חלוקת שלמים מהצורה <code>A // B</code>, אנחנו למעשה מתכוונים לשאול:</p>\n",
"\n",
"<blockquote style=\"text-align: left; direction: ltr; float: right; border-left: 0; border-right: 5px solid #eeeeee;\"><p style=\"text-align: right; direction: rtl; float: left;\">אם יש לי A משולשי פיצה, וחילקתי את כל משלושי הפיצה באופן שווה ל־B ילדים (תזהרו מלחתוך לי את המשולשים!), כמה משולשי פיצה יקבל כל ילד?</p></blockquote>\n",
"\n",
"<p style=\"text-align: right; direction: rtl; float: right;\">לדוגמה: הביטוי <code>4 // 9</code>, אומר שיש לנו 9 משולשי פיצה ו־4 ילדים רעבים.<br>אם נחלק את משולשי הפיצה בין הילדים, נגלה שכל ילד יקבל 2 משולשים, ושנשאר משולש אחד שלא ניתן לחלק.</p>"
"### <span dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right; clear: both;\">חלוקת שלמים</span>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\"><dfn>חלוקת שלמים</dfn> היא פעולה שתוצאתה תמיד מספר שלם, בניגוד לפעולת החילוק שאנחנו רגילים אליה (<code>/</code>).</p>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">כאשר אנחנו עושים חלוקת שלמים מהצורה <code>A // B</code>, אנחנו למעשה מתכוונים לשאול:</p>\n",
"<blockquote dir=\"ltr\" style=\"text-align: left; direction: ltr; float: right; border-left: 0; border-right: 5px solid #eeeeee;\"><p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: left;\">אם יש לי A משולשי פיצה, וחילקתי את כל משלושי הפיצה באופן שווה ל־B ילדים (תזהרו מלחתוך לי את המשולשים!), כמה משולשי פיצה יקבל כל ילד?</p></blockquote>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">לדוגמה: הביטוי <code>4 // 9</code>, אומר שיש לנו 9 משולשי פיצה ו־4 ילדים רעבים.<br/>אם נחלק את משולשי הפיצה בין הילדים, נגלה שכל ילד יקבל 2 משולשים, ושנשאר משולש אחד שלא ניתן לחלק.</p>"
]
},
{
Expand All @@ -248,8 +245,8 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"### <div style=\"text-align: right; direction: rtl; float: right;\">שארית</div>\n",
"<p style=\"text-align: right; direction: rtl; float: right;\">למשולשי הפיצה שלא הצלחנו לחלק לילדים אנחנו קוראים <dfn>שארית</dfn>, וזו התוצאה שנקבל כשנכתוב את הסימן <code>%</code> במקום <code>//</code>.<br>לדוגמה, אם היינו כותבים <code>4 % 9</code>, היינו מקבלים <code>1</code>, הרי הוא משולש הפיצה שנשאר מהדוגמה שלמעלה.</p>"
"### <div dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">שארית</div>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">למשולשי הפיצה שלא הצלחנו לחלק לילדים אנחנו קוראים <dfn>שארית</dfn>, וזו התוצאה שנקבל כשנכתוב את הסימן <code>%</code> במקום <code>//</code>.<br/>לדוגמה, אם היינו כותבים <code>4 % 9</code>, היינו מקבלים <code>1</code>, הרי הוא משולש הפיצה שנשאר מהדוגמה שלמעלה.</p>"
]
},
{
Expand All @@ -265,20 +262,20 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"<div class=\"align-center\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
" <div style=\"display: flex; width: 10%; float: right; \">\n",
" <img src=\"images/tip.png\" style=\"height: 50px !important;\" alt=\"טיפ!\"> \n",
" </div>\n",
" <div style=\"width: 90%;\">\n",
"<div class=\"align-center\" dir=\"rtl\" style=\"display: flex; text-align: right; direction: rtl;\">\n",
"<div style=\"display: flex; width: 10%; float: right; \" width=\"10%\">\n",
"<img alt=\"טיפ!\" height=\"50px\" src=\"images/tip.png\" style=\"height: 50px !important;\"/>\n",
"</div>\n",
"<div style=\"width: 90%;\" width=\"90%\">\n",
" עבור מספרים חיוביים, תוכלו להמיר את החלוקה ה\"רגילה\" מהצורה\n",
" <div style=\"display: inline-flex; direction: ltr;\">$\\normalsize{\\frac{9}{4}}$</div>\n",
" <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{\\frac{9}{4}}$</div>\n",
" לשבר מעורב מהצורה\n",
" <div style=\"display: inline-flex; direction: ltr;\">$\\normalsize{2\\frac{1}{4}}$</div>.\n",
" <br>\n",
" <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{2\\frac{1}{4}}$</div>.\n",
" <br/>\n",
" המספר השלם שהתקבל\n",
" <div style=\"display: inline-flex; direction: ltr;\">($\\normalsize{2}$)</div>\n",
" <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">($\\normalsize{2}$)</div>\n",
" הוא תוצאת חילוק השלמים, בעוד שהמספר במונה \n",
" <div style=\"display: inline-flex; direction: ltr;\">($\\normalsize{1}$)</div>\n",
" <div dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">($\\normalsize{1}$)</div>\n",
" הוא השארית.\n",
" </div>\n",
"</div>"
Expand All @@ -288,24 +285,23 @@
"cell_type": "markdown",
"metadata": {},
"source": [
"## <span style=\"align: right; direction: rtl; float: right;\">תרגול: תה אמריקה</span>"
"## <span dir=\"rtl\" style=\"align: right; direction: rtl; float: right;\">תרגול: תה אמריקה</span>"
]
},
{
"cell_type": "markdown",
"metadata": {},
"source": [
"<p style=\"text-align: right; direction: rtl; float: right;\">\n",
"חובבי תה רציניים ידעו להגיד לכם, שחליטת התה שלכם צריכה להיעשות בטמפרטורה מסוימת מאוד, שתלויה בסוג התה שבידכם.<br>\n",
"כפלצן תה גדול, אני מזמין לעיתים קרובות תה ממחוזות מוזרים בעולם, שבהם מציגים את הטמפרטורה המושלמת לחליטת התה במעלות פרנהייט במקום בצלזיוס.<br>\n",
"לאחרונה קיבלתי תה יסמין שהיה צריך לחלוט ב־176 מעלות פרנהייט.<br>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
"חובבי תה רציניים ידעו להגיד לכם, שחליטת התה שלכם צריכה להיעשות בטמפרטורה מסוימת מאוד, שתלויה בסוג התה שבידכם.<br/>\n",
"כפלצן תה גדול, אני מזמין לעיתים קרובות תה ממחוזות מוזרים בעולם, שבהם מציגים את הטמפרטורה המושלמת לחליטת התה במעלות פרנהייט במקום בצלזיוס.<br/>\n",
"לאחרונה קיבלתי תה יסמין שהיה צריך לחלוט ב־176 מעלות פרנהייט.<br/>\n",
"הדלקתי קומקום ועקבתי אחרי הטמפרטורה של המים. עזרו לי, והדפיסו את הטמפרטורה שאליה המים צריכים להגיע, במעלות <em>צלזיוס</em>.\n",
"</p>\n",
"\n",
"<p style=\"text-align: right; direction: rtl; float: right;\">\n",
"הנוסחה להמרה מפרנהייט לצלזיוס היא <code>(5 חלקי 9) כפול (מעלות בפרנהייט פחות 32)</code>.<br>\n",
"או, אם אתם מעדיפים כתיב מתמטי: <span style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(F - 32)}$</span><br>\n",
"לדוגמה, אם הייתי צריך לחלוט את התה שלי ב־212 מעלות פרנהייט, הייתי מצפה שתציגו לי <samp>100</samp>, כיוון ש: <span style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(212 - 32)} = 100$</span>\n",
"<p dir=\"rtl\" style=\"text-align: right; direction: rtl; float: right;\">\n",
"הנוסחה להמרה מפרנהייט לצלזיוס היא <code>(5 חלקי 9) כפול (מעלות בפרנהייט פחות 32)</code>.<br/>\n",
"או, אם אתם מעדיפים כתיב מתמטי: <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(F - 32)}$</span><br/>\n",
"לדוגמה, אם הייתי צריך לחלוט את התה שלי ב־212 מעלות פרנהייט, הייתי מצפה שתציגו לי <samp>100</samp>, כיוון ש: <span dir=\"ltr\" style=\"display: inline-flex; direction: ltr;\">$\\normalsize{C = \\frac{5}{9}\\times(212 - 32)} = 100$</span>\n",
"</p>"
]
},
Expand Down