Revert "web: glossary fix (#4298)"

This reverts commit d3274b28ba.

website/.eleventy.js

@@ -404,7 +404,6 @@ module.exports = function (ty) {
         // this condition works if the link is a valid website file
         const fileContent = fs.readFileSync(linkFile, 'utf8')
         parsed.path = (matter(fileContent).data?.permalink || parsed.path).replace(/\.md$/, ".html").toLowerCase()
-        return parsed.path
       } else if (!fs.existsSync(linkFile)) {
         linkFile = linkFile.replace('/website/src', '')
         if (fs.existsSync(linkFile)) {
@@ -414,12 +413,13 @@ module.exports = function (ty) {
           index = linkFile.indexOf(keyword)
           linkFile = linkFile.substring(index + keyword.length)
           parsed.path = `${githubUrl}${linkFile}`
-          return parsed.path
         } else {
           // if the link is not a valid website file or project file
           throw new Error(`Broken link: ${parsed.path} in ${hostFile}`)
         }
       }
+
+      return uri.serialize(parsed)
     }
   }).use(markdownItAnchor, {
     slugify: (str) =>

website/src/_includes/layouts/article.html

@@ -38,11 +38,10 @@
     </div>
 
     <section id="article" class="container mb-[75px] bg-white dark:bg-[#17203D] px-5">
-      <div class="py-6 md:p-[60px]">{{ content | applyGlossary | safe }}</div>
+      <div class="py-6 md:p-[60px]">{{ content | safe }}</div>
     </section>
 
     {% include "footer.html" %}
-    <script src="/js/script.js"></script>
     <script src="/js/prism.min.js"></script>
   </body>
 

website/src/_includes/layouts/doc.html

@@ -108,7 +108,7 @@
                             </div>
                         </div>
                     </div>
-                    <div>{{ content | applyGlossary | safe }}</div>
+                    <div>{{ content | safe }}</div>
                 </article>
             </main>
         </div>
@@ -117,7 +117,6 @@
     {% include "footer.html" %}
 
     <script src="/js/docs.js"></script>
-    <script src="/js/script.js"></script>
     <script src="/js/prism.min.js"></script>
 </body>
 

website/src/_includes/layouts/privacy.html

@@ -33,11 +33,10 @@
     {% include "navbar.html" %}
 
     <section id="article" class="container mt-[25px] mb-[75px] bg-white dark:bg-[#17203D] px-5">
-      <div class="py-6 md:p-[60px]">{{ content | applyGlossary | safe }}</div>
+      <div class="py-6 md:p-[60px]">{{ content | safe }}</div>
     </section>
 
     {% include "footer.html" %}
-    <script src="/js/script.js"></script>
   </body>
 
 </html>

website/src/css/blog.css

@@ -217,10 +217,6 @@ h6 {
     float: right;
     margin-left: 3rem;
   }
-
-  #article .float-right{
-    margin-left: 3rem;
-  }
 }
 
 @media (max-width:768px) {

website/src/css/style.css

@@ -764,15 +764,14 @@ p a{
 }
 
 .tooltip-title{
-  margin: 0 !important;
+  margin-bottom: 0.5rem;
-  margin-bottom: 0.5rem !important;
+  color: #0197FF;
-  color: #0197FF !important;
+  font-weight: 600;
-  font-weight: 600 !important;
+  font-size: 1.1rem;
-  font-size: 1.1rem !important;
 }
 
 .dark .tooltip-title{
-  color: #70F0F9 !important;
+  color: #70F0F9;
 }
 
 .glossary-tooltip .read-more-btn{
@@ -855,18 +854,13 @@ p a{
 }
 
 .glossary-overlay .overlay-card .overlay-title{
-  font-size: 1.875rem !important;
+  font-size: 1.875rem;
-  line-height: 2.25rem !important;
+  line-height: 2.25rem;
-  font-weight: 700 !important;
+  font-weight: 700;
-  margin: 0 !important;
+  margin-bottom: 1rem;
-  padding: 0 !important;
+  margin-bottom: 1.5rem;
-  margin-bottom: 1.5rem !important;
+  --tw-text-opacity: 1;
-  --tw-text-opacity: 1 !important;
+  color: rgb(1 151 255 / var(--tw-text-opacity));
-  color: rgb(1 151 255 / var(--tw-text-opacity)) !important;
-}
-
-.glossary-overlay .overlay-card .overlay-title::after{
-  background-color: transparent !important;
 }
 
 .glossary-overlay .overlay-card .overlay-content{
@@ -882,10 +876,6 @@ p a{
   color: #fff;
 }
 
-.glossary-overlay .overlay-card .overlay-content p{
-  margin: 0 !important;
-}
-
 .close-overlay-btn{
   fill: #3F484B;
   position: fixed;

website/src/js/script.js

@@ -1,5 +1,3 @@
-const uniqueSwiperContainer = document.querySelector('.unique-swiper')
-if (uniqueSwiperContainer) {
 const uniqueSwiper = new Swiper('.unique-swiper', {
     slidesPerView: 1,
     spaceBetween: 80,
@@ -25,15 +23,12 @@ const uniqueSwiper = new Swiper('.unique-swiper', {
         prevEl: '.unique-swiper-button-prev',
     },
 });
-}
 
 const isMobile = {
     Android: () => navigator.userAgent.match(/Android/i),
     iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i)
 };
 
-const privateSwiperContainer = document.querySelector('.private-swiper')
-if (privateSwiperContainer) {
 const privateSwiper = new Swiper('.private-swiper', {
     slidesPerView: 1,
     slidesPerGroup: 1,
@@ -84,10 +79,7 @@ const privateSwiper = new Swiper('.private-swiper', {
         }
     }
 });
-}
 
-const simplexExplainedSwiperContainer = document.querySelector('.simplex-explained-swiper')
-if (simplexExplainedSwiperContainer){
 const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
     slidesPerView: 1,
     spaceBetween: 80,
@@ -120,7 +112,6 @@ const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
         }
     }
 });
-}
 
 function closeOverlay(e) {
     e.target.closest('.overlay').classList.remove('flex');