diff --git a/static/css/s2.css b/static/css/s2.css index 543eff63c0..7e8ead20ca 100644 --- a/static/css/s2.css +++ b/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; diff --git a/static/js/NavSidebar.jsx b/static/js/NavSidebar.jsx index 7f60085600..e26c96d0b7 100644 --- a/static/js/NavSidebar.jsx +++ b/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 = () => ( ); +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 ( + + + + {data.map(footerLink => + + + + )} + + +); +} + + const TheJewishLibrary = ({hideTitle}) => ( diff --git a/static/js/TextsPage.jsx b/static/js/TextsPage.jsx index ba486bf804..4e0ecaa425 100644 --- a/static/js/TextsPage.jsx +++ b/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 });