Translated animations' captions

aatishb · Sep 11, 2020 · 86e0993 · 86e0993
1 parent a1e5752
commit 86e0993
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 12 deletions.
diff --git a/index-he.html b/index-he.html
@@ -98,7 +98,7 @@ <h5>
 
   </div>
 
-  <anim-with-caption :mask1="false" :mask2="false">
+  <anim-with-caption :mask1="false" :mask2="false" contagiousperson="אדם מדבק" susceptibleperson="אדם פגיע">
     <span><span class="red">אופן הדבקה 1:</span> כאשר אדם מדבק מתקרב לאדם אחר, נתזי הרוק שלהם עלולים להפיץ את הנגיף</span>
   </anim-with-caption>
 
@@ -130,7 +130,7 @@ <h2>מדוע מסיכות מגינות עלינו פעמיים</h2>
 
   </div>
 
-  <anim-with-caption :mask1="true" :mask2="false" :eout="0.5">
+  <anim-with-caption :mask1="true" :mask2="false" :eout="0.5" contagiousperson="אדם מדבק" susceptibleperson="אדם פגיע">
     <span><span class="orange">אופן הדבקה 2: </span>כאשר אדם מדבק עוטה מסיכה בעלת יעילות של 50%, שיעור העברת החיידקים צונח ב- 50%</span>
   </anim-with-caption>
 
@@ -147,7 +147,7 @@ <h2>מדוע מסיכות מגינות עלינו פעמיים</h2>
 
   </div>
 
-  <anim-with-caption :mask1="false" :mask2="true" :ein="0.5">
+  <anim-with-caption :mask1="false" :mask2="true" :ein="0.5" contagiousperson="אדם מדבק" susceptibleperson="אדם פגיע">
     <span><span class="orange">אופן הדבקה 3: </span>כאשר האדם הנוסף עוטה מסיכה בעלת יעילות של 50%, שיעור העברת החיידקים צונח ב- 50%</span>
   </anim-with-caption>
 
@@ -163,7 +163,7 @@ <h2>מדוע מסיכות מגינות עלינו פעמיים</h2>
 
   </div>
 
-  <anim-with-caption :mask1="true" :mask2="true" :eout="0.5" :ein="0.5">
+  <anim-with-caption :mask1="true" :mask2="true" :eout="0.5" :ein="0.5" contagiousperson="אדם מדבק" susceptibleperson="אדם פגיע">
     <span><span class="yellow">אופן הדבקה 4:</span>כאשר שני האנשים עוטים מסיכה בעלת יעילות של 50%, שיעור העברת החיידקים צונח ב- 75%</span>
   </anim-with-caption>
 

diff --git a/index.html b/index.html
@@ -102,7 +102,7 @@ <h2>Say it, Don't Spray It</h2>
 
   </div>
 
-  <anim-with-caption :mask1="false" :mask2="false"><span class="red">Transmission Route 1:</span> When a contagious person is near a susceptible person, their 'mouth spray' can spread disease.</anim-with-caption>
+  <anim-with-caption :mask1="false" :mask2="false" contagiousperson="Contagious Person" susceptibleperson="Susceptible Person"><span class="red">Transmission Route 1:</span> When a contagious person is near a susceptible person, their 'mouth spray' can spread disease.</anim-with-caption>
 
   <div class="container">
 
@@ -132,7 +132,7 @@ <h2>Why Masks Protect Us Twice</h2>
 
   </div>
 
-  <anim-with-caption :mask1="true" :mask2="false" :eout="0.5"><span class="orange">Transmission Route 2:</span> When the contagious person wears a 50% effective mask, disease transmission drops by 50%.</anim-with-caption>
+  <anim-with-caption :mask1="true" :mask2="false" :eout="0.5" contagiousperson="Contagious Person" susceptibleperson="Susceptible Person"><span class="orange">Transmission Route 2:</span> When the contagious person wears a 50% effective mask, disease transmission drops by 50%.</anim-with-caption>
 
   <div class="container">
 
@@ -147,7 +147,7 @@ <h2>Why Masks Protect Us Twice</h2>
 
   </div>
 
-  <anim-with-caption :mask1="false" :mask2="true" :ein="0.5"><span class="orange">Transmission Route 3:</span> When the susceptible person wears a 50% effective mask, disease transmission drops by 50%.</anim-with-caption>
+  <anim-with-caption :mask1="false" :mask2="true" :ein="0.5" contagiousperson="Contagious Person" susceptibleperson="Susceptible Person"><span class="orange">Transmission Route 3:</span> When the susceptible person wears a 50% effective mask, disease transmission drops by 50%.</anim-with-caption>
 
   <div class="container">
 
@@ -161,7 +161,7 @@ <h2>Why Masks Protect Us Twice</h2>
 
   </div>
 
-  <anim-with-caption :mask1="true" :mask2="true" :eout="0.5" :ein="0.5"><span class="yellow">Transmission Route 4:</span> When both people wear 50% effective masks, disease transmission drops by 75%.</anim-with-caption>
+  <anim-with-caption :mask1="true" :mask2="true" :eout="0.5" :ein="0.5" contagiousperson="Contagious Person" susceptibleperson="Susceptible Person"><span class="yellow">Transmission Route 4:</span> When both people wear 50% effective masks, disease transmission drops by 75%.</anim-with-caption>
 
   <div class="container">
 

diff --git a/js/vue-definitions.js b/js/vue-definitions.js
@@ -64,19 +64,19 @@ Vue.component('anim', {
 Vue.component('anim-with-caption', {
 
   template:   `
-  <div class="graphic">
+  <div class="graphic" dir="ltr">
     <div class="graphic-container">
 
       <div class="row small-big-small twohundredpx">
 
         <div class="center">
-            <div class="label">Contagious<br/>Person</div>
+            <div class="label">{{ contagiousperson }}</div>
         </div>
 
         <anim :mask1="mask1" :mask2="mask2" :eout="eout" :ein="ein"></anim>
 
         <div class="center">
-            <div class="label">Susceptible<br/>Person</div>
+            <div class="label">{{ susceptibleperson }}</div>
         </div>
 
       </div>
@@ -88,7 +88,7 @@ Vue.component('anim-with-caption', {
     </div>
   </div>`,
 
-  props: ['mask1', 'mask2', 'eout', 'ein']
+  props: ['mask1', 'mask2', 'eout', 'ein', 'contagiousperson', 'susceptibleperson']
 
 })