Sidebar Footer

static/css/s2.css

@@ -13779,6 +13779,19 @@ span.ref-link-color-3 {color: blue}
 
 
 
+
+.footerContainer {
+  max-width: 100%;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  padding-top: 25px;
+}
+
+.footerContainer a {
+  padding: 3px 10px;
+}
+
 .image-in-text-title {
   margin: auto; /* English System Small */
   margin-top: 15px;

static/js/NavSidebar.jsx

@@ -26,6 +26,7 @@ const Modules = ({type, props}) => {
     "AboutSefaria":           AboutSefaria,
     "Promo":                  Promo,
     "Resources":              Resources,
+    "Footer":                 SidebarFooter,
     "TheJewishLibrary":       TheJewishLibrary,
     "AboutTextCategory":      AboutTextCategory,
     "AboutText":              AboutText,
@@ -247,6 +248,38 @@ const Resources = () => (
   </Module>
 );
 
+const getSidebarFooterData = () => [{'he': 'אודות','en': 'About', 'url': 'www.example.com'}, 
+                                    {'he': 'עזרה','en':'Help', 'url': 'www.example.com'}, 
+                                    {'he': 'צרו קשר','en':'Contact Us', 'url': 'www.example.com'},
+                                    {'he': 'ניוזלטר','en':'Newsletter', 'url': 'www.example.com'},
+                                    {'he': 'בלוג','en':'Blog', 'url': 'www.example.com'},
+                                    {'he': 'אינסטגרם','en':'Instagram', 'url': 'www.example.com'},
+                                    {'he': 'פייסבוק','en':'Facebook', 'url': 'www.example.com'},
+                                    {'he': 'יוטיוב','en':'YouTube', 'url':'www.example.com'},
+                                    {'he': 'חנות','en':'Shop', 'url': 'www.example.com'},
+                                    {'he': 'אפשרויות תרומה','en':'Ways to Give', 'url': 'www.example.com'},
+                                    {'he': 'תרומות','en':'Donate', 'url': 'www.example.com'},
+                                  ];
+
+const SidebarFooter = () => {
+
+  const data = getSidebarFooterData();
+
+  return (
+    <Module>
+      <h3/>
+      <div className="footerContainer">
+        {data.map(footerLink => 
+          <a href={footerLink.url}>
+            <InterfaceText text={{'en': footerLink.en, 'he': footerLink.he}}  />
+          </a>
+        )}
+      </div>
+    </Module>
+);
+}
+
+
 
 const TheJewishLibrary = ({hideTitle}) => (
   <Module>

static/js/TextsPage.jsx

@@ -93,6 +93,7 @@ const TextsPage = ({categories, settings, setCategories, onCompareBack, openSear
     {type: "Translations"},
     {type: "LearningSchedules"},
     {type: "Resources"},
+    {type: "Footer"},
   ];
 
   const classes = classNames({readerNavMenu:1, compare: compare, noLangToggleInHebrew: 1 });