feat(Products Page): Add template Hebrew for devbox, adjust styling

Sefaria · May 22, 2024 · a6910c8 · a6910c8
1 parent 765ac0a
commit a6910c8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -12852,7 +12852,9 @@ span.ref-link-color-3 {color: blue}
     font-size: 16px;
     font-weight: 400;
     line-height: 18.75px;
-    text-align: left;
+    display: flex;
+    align-items: flex-start; 
+    flex-direction: column;
     padding: 3%;
 }
 
@@ -12861,7 +12863,6 @@ span.ref-link-color-3 {color: blue}
   font-size: 22px;
   font-weight: 500;
   line-height: 25.78px;
-  text-align: left;
   padding-bottom: 2%;
 
 }

diff --git a/static/js/StaticPages.jsx b/static/js/StaticPages.jsx
@@ -3323,8 +3323,17 @@ const ProductsPage = memo(() => {
     const DevBox = () => {
         return (
           <div className='productsDevBox'>
-            <p className='productsDevHeader'>Sefaria Developers</p>
-            <p>Check out the products our developer friends from around the world have been building for you! <a href="www.example.com">Explore</a></p>
+            <p className='productsDevHeader'>
+                <span className="int-en">Sefaria Developers</span>
+                <span className="int-he">עברית פה</span>
+            </p>
+            <p>
+                <span className="int-en">
+                    Check out the products our developer friends from around the world have been building for you! <a href="www.example.com">Explore</a>
+                </span>
+                <span className="int-he">עברית פה</span>
+
+            </p>
           </div>
         );
       };