Sefaria · yitzhakc · Jan 26, 2025 · Dec 1, 2024 · Dec 1, 2024 · Dec 1, 2024
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -13685,8 +13685,8 @@ span.ref-link-color-3 {color: blue}
 }
 
 #productsPageContent {
-  margin-inline-start: 70px;
-  margin-top: 165px;
+  margin-inline-start: 100px;
+  margin-top: 140px;
   margin-bottom: 165px;
 }
 #productsPageContent .loadingMessage {

diff --git a/static/css/static.css b/static/css/static.css
@@ -39,6 +39,22 @@
   margin: 0 0 60px 0;
   height: auto;
 }
+.interface-hebrew h1.aboutHeader {
+  padding-top: 5px;
+}
+.interface-english h1.aboutHeader {
+  padding-top: 2px;
+}
+#aboutSidebar.mobileAbout h1, h1.aboutHeader {
+  --english-font: var(--english-sans-serif-font-family);
+  --hebrew-font: var(--hebrew-sans-serif-font-family);
+  font-style: normal;
+  font-weight: 500;
+  font-size: 22px;
+  text-align: start;
+  line-height: 26px;
+  color: var(--dark-grey);
+}
 .static h2 {
   font-weight: lighter;
   font-size: 16px;
@@ -1348,7 +1364,6 @@ p.registration-links a:hover{
   font-size: 18px;
 }
 .static.legal iframe {
-  margin-top: -600px;
   width: 100%;
   height: 600px;
   border: 1px solid #aaa;
@@ -3271,24 +3286,12 @@ display: none;
   filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
 }
 
-#aboutPage .inner {
-  margin-top: 45px;
-}
 div .notificationsList {
   margin-top: -20px;
 }
 form.globalUpdateForm + div.notificationsList {
   margin-top: 20px;
 }
-#teamPage .inner {
-  margin-top: 90px;
-}
-.interface-hebrew #jobsPage .inner {
-  margin-top: 70px;
-}
-.interface-english #jobsPage .inner {
-  margin-top: 65px;
-}
 #aboutHeader {
   color: white;
   margin-bottom: 250px;
@@ -3343,7 +3346,7 @@ form.globalUpdateForm + div.notificationsList {
 }
 
 #aboutSidebar {
-  margin-top: 70px;
+  margin-top: 120px;
 }
 .interface-hebrew #aboutSidebar.updates {
   left: revert;
@@ -3403,9 +3406,6 @@ form.globalUpdateForm + div.notificationsList {
 #aboutSidebar a:hover {
   text-decoration: underline;
 }
-.annualReport {
-  padding-top: 85px;
-}
 .interface-hebrew .annualReport {
   padding-top: 95px;
 }
@@ -3468,20 +3468,8 @@ form.globalUpdateForm + div.notificationsList {
   padding: 5px;
   margin-left: -5px;
 }
-#testimonialsPage .inner {
-  margin-top: 80px;
-}
-.interface-hebrew #testimonialsPage .inner {
-  margin-top: 90px;
-}
-#supportersPage .inner {
-  margin-top: 85px;
-}
-#metricsPage .inner {
-  margin-top: 60px;
-}
 #updatesPanelContent .readerNavMenu .content .contentInner {
-    margin-top: 160px;
+    margin-top: 80px;
 }
 #updatesPage .readerNavMenu {
     position: relative;
@@ -3490,12 +3478,6 @@ form.globalUpdateForm + div.notificationsList {
     margin-left: 200px;
 }
 
-.mobileAboutHeader, .updatesHeader, .jobsHeader {
-  display: none;
-}
-.container.doc.legal.static .inner {
-  margin-top: 675px;
-}
 .container.doc.legal.static .inner,
 #annualReport .inner,
 #metricsPage .inner,
@@ -3507,7 +3489,7 @@ form.globalUpdateForm + div.notificationsList {
   margin-inline-start: 100px;
 }
 #updatesPanelContent .readerNavMenu .content .contentInner {
-  margin-inline-start: 100px;
+  margin-inline-start: 70px;
 }
 .interface-hebrew #testimonialsPage .inner {
   margin-inline-start: auto;
@@ -3538,6 +3520,7 @@ form.globalUpdateForm + div.notificationsList {
       margin-right: 20px;
     }
 }
+
 @media (max-width: 480px) {
   .container.doc.legal.static .inner, #annualReport .inner, #metricsPage .inner, #supportersPage .inner,
   #testimonialsPage .inner, #aboutPage .inner, #teamPage .inner, #jobsPage .inner {
@@ -3592,9 +3575,6 @@ form.globalUpdateForm + div.notificationsList {
   .interface-english #teamPage .inner {
     margin-top: -75px;
   }
-  .interface-hebrew .about.section {
-    padding-top: 50px;
-  }
   div #metricsBox {
     margin-top: 50px;
   }
@@ -3629,20 +3609,12 @@ form.globalUpdateForm + div.notificationsList {
     margin: 0;
     padding-top: 55px;
   }
-  #aboutSidebar.mobileAbout h1, h1.mobileAboutHeader {
-    font-family: 'Roboto', sans-serif;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 22px;
-    text-align: left;
-    line-height: 26px;
-    color: var(--dark-grey);
-  }
-  .interface-hebrew h1.mobileAboutHeader, .interface-hebrew #aboutSidebar h1 {
-    text-align: right;
+  h1.aboutHeader {
+    margin: 40px 0 40px 0;
+    padding-top: 0;
   }
-  h1.mobileAboutHeader {
-    margin: 40px 0 0 0;
+  div#productsPageContent h1.aboutHeader {
+    margin: revert;
   }
   .interface-english #aboutSidebar li {
     margin-left: 5px;
@@ -3659,20 +3631,10 @@ form.globalUpdateForm + div.notificationsList {
   div .section.leading-supporters {
     margin-top: 40px;
   }
-
-  .updatesHeader, .jobsHeader, .mobileAboutHeader {
-    display: block;
-  }
-  .static.legal iframe {
-    margin-top: 60px;
-  }
 }
 #metricsBox {
   margin-top: 30px;
 }
 .updateTextarea {
   width: 100%;
 }
-.about.section {
-  padding-top: 40px;
-}
diff --git a/static/js/StaticPages.jsx b/static/js/StaticPages.jsx
@@ -2912,7 +2912,7 @@ const JobsPageHeader = ({ jobsAreAvailable }) => {
     return (
         <>
             <header>
-                <h1 className="mobileAboutHeader">
+                <h1 className="aboutHeader">
                     <span className="int-en">Jobs at Sefaria</span>
                     <span className="int-he">משרות פנויות בספריא</span>
                 </h1>
@@ -3436,7 +3436,7 @@ const ProductsPage = memo(() => {
     return (
         loading ? <LoadingMessage/> :
             <>
-                 <h1 className="mobileAboutHeader">
+                 <h1 className="aboutHeader">
                     <span className="int-en">Sefaria's Products</span>
                     <span className="int-he">המוצרים של ספריא</span>
                 </h1>

diff --git a/static/js/UpdatesPanel.jsx b/static/js/UpdatesPanel.jsx
@@ -101,7 +101,7 @@ class UpdatesPanel extends Component {
         <div className="content">
           <div className="sidebarLayout">
             <div className="contentInner">
-              <h1 className="mobileAboutHeader"><InterfaceText>Updates</InterfaceText></h1>
+              <h1 className="aboutHeader"><InterfaceText>Updates</InterfaceText></h1>
 
               {Sefaria.is_moderator?<NewUpdateForm handleSubmit={this.handleSubmit} key={this.state.submitCount} error={this.state.error}/>:""}
 

diff --git a/templates/_sidebar.html b/templates/_sidebar.html
@@ -1,8 +1,10 @@
 {% load i18n %}
 
     <nav id="aboutSidebar">
-        <h1 class="int-en">{{title}}</h1>
-        <h1 class="int-he">{{heTitle}}</h1>
+        {% if request.user_agent.is_mobile %}
+            <h1 class="int-en">{{title}}</h1>
+            <h1 class="int-he">{{heTitle}}</h1>
+        {% endif %}
         <ul>
             <li><a id="about" href="/about">
                     <span class="int-en">What is Sefaria?<i class="fa fa-chevron-right"></i></span>
@@ -40,7 +42,7 @@ <h1 class="int-he">{{heTitle}}</h1>
         </ul>
     </nav>
 <script>
-  const mobile = "{{mobile}}" === "1";
+  const mobile = "{{request.user_agent.is_mobile}}" === "True";
   if (!mobile) {
       const whichPage = "{{whichPage}}";
       const item = document.getElementById(whichPage);

diff --git a/templates/base.html b/templates/base.html
@@ -71,7 +71,7 @@
     <script>
         WebFont.load({
           google: {
-            families: ['Crimson Text:400,700'],
+            families: ['Crimson Text:100,200,300,400,500,600,700,800,900'],
             text: 'ăǎġḥḤḫḳḲŏŠšṭżūẓŻāīēḗęîїìi̧ ̆̄'
           },
           typekit: {
@@ -80,7 +80,7 @@
         });
         WebFont.load({
           google: {
-            families: ['Roboto:300,400,700', 'Heebo:300,400,700:hebrew'] // The dotted h causes Heebo not to load.
+            families: ['Roboto:100,200,300,400,500,600,700,800,900', 'Heebo:100,200,300,400,500,600,700,800,900:hebrew'] // The dotted h causes Heebo not to load.
           }
         });
         WebFont.load({

diff --git a/templates/metrics.html b/templates/metrics.html
@@ -9,18 +9,16 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-        {% include '_sidebar.html' with whichPage='metrics' title="Metrics" heTitle="מדדים" %}
+        {% include '_sidebar.html' with whichPage='metrics' %}
     {% endif %}
     <div id="metricsPage" class="biReady container static">
 
 
         <div class="inner">
-            {% if request.user_agent.is_mobile %}
-                <h1 class="mobileAboutHeader">
+                <h1 class="aboutHeader">
                     <span class="int-en">Metrics</span>
                     <span class="int-he">מדדים</span>
                 </h1>
-            {% endif %}
             <div id="metricsBox">
                 {% trans "Loading..." %}
             </div>

diff --git a/templates/static/en/about.html b/templates/static/en/about.html
@@ -19,13 +19,11 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-        {% include '_sidebar.html' with whichPage='about' title="What is Sefaria?" heTitle="מהי ספריא" %}
+        {% include '_sidebar.html' with whichPage='about' %}
     {% endif %}
     <main id="aboutPage" class="biReady container static">
         <div class="inner">
-            {% if request.user_agent.is_mobile %}
-                <header><h1 class="mobileAboutHeader"><span class="int-en">What is Sefaria?</span></h1></header>
-            {% endif %}
+                <header><h1 class="aboutHeader"><span class="int-en">What is Sefaria?</span></h1></header>
             <section class="about section">
 
                 <p class="first">

diff --git a/templates/static/he/about.html b/templates/static/he/about.html
@@ -20,13 +20,11 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-        {% include '_sidebar.html' with whichPage='about' title="What is Sefaria?" heTitle="מהי ספריא" %}
+        {% include '_sidebar.html' with whichPage='about' %}
     {% endif %}
     <main id="aboutPage" class="biReady container static sans-serif">
         <div class="inner">
-            {% if request.user_agent.is_mobile %}
-                <header><h1 class="mobileAboutHeader"><span class="int-he">מהי ספריא</span></h1></header>
-            {% endif %}
+                <header><h1 class="aboutHeader"><span class="int-he">מהי ספריא</span></h1></header>
             <section class="about section">
                 <p class="first">
                     <span class="int-he">אנו עַם הספר. במשך אלפי שנים מתקיימים התרבות, המסורת והערכים שלנו באמצעות הטקסטים שלנו.

diff --git a/templates/static/jobs.html b/templates/static/jobs.html
@@ -17,7 +17,7 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-        {% include '_sidebar.html' with whichPage='jobs' title="Jobs at Sefaria" heTitle="משרות פנויות בספריא" %}
+        {% include '_sidebar.html' with whichPage='jobs' %}
     {% endif %}
     <main id="jobsPage" class="container biReady static">
         <div class="inner">

diff --git a/templates/static/link-to-annual-report.html b/templates/static/link-to-annual-report.html
@@ -7,14 +7,12 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-        {% include '_sidebar.html' with whichPage='annualreport' title="Annual Report" heTitle='דו"ח שנתי' %}
+        {% include '_sidebar.html' with whichPage='annualreport' %}
     {% endif %}
     <main id="annualReport" class="container biReady static">
         <div class="inner">
-            {% if request.user_agent.is_mobile %}
-                <h1 class="mobileAboutHeader"><span class="int-en">Annual Report</span>
+                <h1 class="aboutHeader"><span class="int-en">Annual Report</span>
                 <span class="int-he">דו"ח שנתי</span></h1>
-            {% endif %}
             <div class="annualReport"><a href="/annualreport">Open the Current Annual Report (PDF)</a></div>
         </div>
     </main>

diff --git a/templates/static/mobile-about-menu.html b/templates/static/mobile-about-menu.html
@@ -5,7 +5,7 @@
 {% block content %}
     <link rel="stylesheet" href="{% static 'css/about.css' %}">
     <div class="mobileAboutPage">
-        {% include '_sidebar.html' with whichPage='' title="About Sefaria" heTitle="אודות ספריא" mobile="1" %}
+        {% include '_sidebar.html' with whichPage='' title="About Sefaria" heTitle="אודות ספריא" %}
     </div>
 {% endblock %}
 {% block footer %} {% endblock %}
diff --git a/templates/static/privacy-policy.html b/templates/static/privacy-policy.html
@@ -8,14 +8,12 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-        {% include '_sidebar.html' with whichPage='privacy' title="Privacy Policy" heTitle="מדיניות פרטיות" %}
+        {% include '_sidebar.html' with whichPage='privacy' %}
     {% endif %}
     <div id="" class="container doc legal static">
 
         <div class="inner">
-            {% if request.user_agent.is_mobile %}
-                <h1 class="mobileAboutHeader"><span class="int-en">Privacy Policy</span><span class="int-he">מדיניות פרטיות</span></h1>
-            {% endif %}
+                <h1 class="aboutHeader"><span class="int-en">Privacy Policy</span><span class="int-he">מדיניות פרטיות</span></h1>
             <iframe src="https://docs.google.com/document/d/e/2PACX-1vTItZ7aXzScKUIzMgWP8GaiWjjKPDAXGDUVpvLG8vv-xb42MaGGQMjctIQwKKT5pAuSHSFCKyHfdm53/pub?embedded=true"></iframe>    </div>
     </div>
 </div>

diff --git a/templates/static/products.html b/templates/static/products.html
@@ -18,7 +18,7 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-      {% include '_sidebar.html' with whichPage='products' title="Products" heTitle="המוצרים של ספריא" %}
+      {% include '_sidebar.html' with whichPage='products' %}
     {% endif %}
     <main id="productsPage">
         <div id="productsPageContent">

diff --git a/templates/static/supporters.html b/templates/static/supporters.html
@@ -10,16 +10,14 @@
 {% block content %}
 <div class="superAbout">
     {% if not request.user_agent.is_mobile %}
-        {% include '_sidebar.html' with whichPage='supporters' title="Our Supporters" heTitle="התומכים שלנו" %}
+        {% include '_sidebar.html' with whichPage='supporters' %}
     {% endif %}
     <div id="supportersPage" class="container static biReady">
         <div class="inner">
-            {% if request.user_agent.is_mobile %}
-                <h1 class="mobileAboutHeader">
+                <h1 class="aboutHeader">
                     <span class="int-en">Our Supporters</span>
                     <span class="int-he">התומכים שלנו</span>
                 </h1>
-            {% endif %}
             <div class="section leading-supporters">
                 <p class="tagline">
                     <span class="int-en">