Uchen_webfont_applied

OpenPecha · Sep 23, 2024 · 2e6499b · 2e6499b
1 parent 9a661ba
commit 2e6499b
Show file tree

Hide file tree

Showing 2 changed files with 86 additions and 41 deletions.
diff --git a/static/css/s2.css b/static/css/s2.css
@@ -149,7 +149,7 @@ a, a:hover {
 }
 
 @font-face {
-    /*Tibetan | Jomolhari */
+    /*Tibetan | Uchen */
     font-family: 'Uchen';
     src: url('/static/fonts/Uchen-Regular.ttf');
     unicode-range: U+0F00-0FFF, U+10300-1032F, U+10380-1039F, U+0FCF, U+0FD0, U+0FD1, U+0FD2, U+0FD3, U+0FD4;
@@ -167,7 +167,7 @@ a, a:hover {
     --hebrew-sans-serif-font-family: "wujin+gangbi", "Heebo", "Roboto", sans-serif;
 
     --english-serif-font-family: "IndUni-P-Regular", "Cardo", "Meltho", "HebrewInEnglish Serif Font", "adobe-garamond-pro", "Crimson Text", Georgia, "Times New Roman", serif, "Noto Sans Samaritan";
-    --hebrew-serif-font-family: "Uchen-Regular", "Noto Color Emoji", "EnglishInHebrew Serif Font", "Cardo", "Taamey Frank", "adobe-garamond-pro", "Crimson Text", "Times New Roman", serif;
+    --hebrew-serif-font-family: "Uchen", "Noto Color Emoji", "EnglishInHebrew Serif Font", "Cardo", "Taamey Frank", "adobe-garamond-pro", "Crimson Text", "Times New Roman", serif;
 
     --serif-h1-font-size: 48px;
     --serif-h2-font-size: 30px;

diff --git a/static/js/Header.jsx b/static/js/Header.jsx
@@ -430,49 +430,94 @@ const LoggedOutButtons = ({mobile, loginOnly}) => {
     </div>
   );
 }
-const loadFeedBucket = (e) => {
+// const loadFeedBucket = (e) => {
+//   const s = document.createElement('script');
+//       s.module = true;
+//       s.defer = true;
+//       s.src = "https://cdn.feedbucket.app/assets/feedbucket.js";
+//       s.dataset.feedbucket = '0csPeBQ216w32NZdoqnk';
+//       document.head.appendChild(s);
+//       const crossImage =document.querySelector("#crossImage");
+//       crossImage.classList.toggle('hidden');
+
+//       const feedbucket = document.querySelector("feedbucket-app");
+//       if (feedbucket) {
+//         // Toggle visibility of feedbucket
+//         const isHidden = feedbucket.classList.toggle('hidden');
+
+//         // Update visibility of crossImage based on feedbucket's visibility
+//         if (isHidden) {
+//             // If feedbucket is hidden, hide crossImage
+//             crossImage.classList.add('hidden');
+//         } else {
+//             // If feedbucket is visible, show crossImage
+//             crossImage.classList.remove('hidden');
+//         }
+//         // Function to check and hide feedbucket if necessary
+//         function checkAndHideFeedbucket() {
+//           if (crossImage.classList.contains('hidden') && !feedbucket.classList.contains('hidden')) {
+//               // Use setTimeout to delay the hiding of feedbucket
+//               setTimeout(() => {
+//                   feedbucket.classList.add('hidden'); // Hide feedbucket after delay
+//               }, 3000); // Adjust the delay as needed (3000 ms = 3 seconds)
+//           }
+//         }
+//         // Example event listener for crossImage click
+//         crossImage.addEventListener('click', function() {
+//           // Toggle the visibility of crossImage
+//           crossImage.classList.toggle('hidden');
+
+//           // Check and hide feedbucket if conditions are met
+//           checkAndHideFeedbucket();
+//         });
+//     }
+
+// };
+
+
+function loadFeedBucket() {
   const s = document.createElement('script');
-      s.module = true;
-      s.defer = true;
-      s.src = "https://cdn.feedbucket.app/assets/feedbucket.js";
-      s.dataset.feedbucket = '0csPeBQ216w32NZdoqnk';
-      document.head.appendChild(s);
-      const crossImage =document.querySelector("#crossImage");
-      crossImage.classList.toggle('hidden');
+  s.module = true;
+  s.defer = true;
+  s.src = "https://cdn.feedbucket.app/assets/feedbucket.js";
+  s.dataset.feedbucket = '0csPeBQ216w32NZdoqnk';
+  document.head.appendChild(s);
 
+  s.onload = function() {
       const feedbucket = document.querySelector("feedbucket-app");
-      if (feedbucket) {
-        // Toggle visibility of feedbucket
-        const isHidden = feedbucket.classList.toggle('hidden');
-
-        // Update visibility of crossImage based on feedbucket's visibility
-        if (isHidden) {
-            // If feedbucket is hidden, hide crossImage
-            crossImage.classList.add('hidden');
-        } else {
-            // If feedbucket is visible, show crossImage
-            crossImage.classList.remove('hidden');
-        }
-        // Function to check and hide feedbucket if necessary
-        function checkAndHideFeedbucket() {
-          if (crossImage.classList.contains('hidden') && !feedbucket.classList.contains('hidden')) {
-              // Use setTimeout to delay the hiding of feedbucket
-              setTimeout(() => {
-                  feedbucket.classList.add('hidden'); // Hide feedbucket after delay
-              }, 3000); // Adjust the delay as needed (3000 ms = 3 seconds)
+      const crossImage = document.querySelector("#crossImage");
+      const openImage = document.querySelector("#openImage");
+
+      function toggleFeedbucket() {
+          if (feedbucket.classList.contains('hidden')) {
+              openFeedbucket(feedbucket);
+          } else {
+              closeFeedbucket(feedbucket);
           }
-        }
-        // Example event listener for crossImage click
-        crossImage.addEventListener('click', function() {
-          // Toggle the visibility of crossImage
-          crossImage.classList.toggle('hidden');
-
-          // Check and hide feedbucket if conditions are met
-          checkAndHideFeedbucket();
-        });
-    }
-
-};
+      }
+
+      function openFeedbucket(feedbucket) {
+          feedbucket.classList.remove('hidden');
+          feedbucket.style.display = "block";
+          crossImage.classList.remove('hidden');
+          openImage.classList.add('hidden');
+      }
+
+      function closeFeedbucket(feedbucket) {
+          feedbucket.classList.add('hidden');
+          feedbucket.style.display = "none";
+          crossImage.classList.add('hidden');
+          openImage.classList.remove('hidden');
+      }
+
+      // Add event listeners to both images to toggle feedbucket
+      crossImage.addEventListener("click", toggleFeedbucket);
+      openImage.addEventListener("click", toggleFeedbucket);
+
+      // Initial state
+      feedbucket.classList.add('hidden');  // Initially hide feedbucket
+  };
+}
 
 const LoggedInButtons = ({headerMode}) => {
   const [isClient, setIsClient] = useState(false);