deploy: 41f4f11155

blog/index.html

@@ -211,13 +211,15 @@ window.addEventListener('scroll',changeHeaderBg);
     <style>
         #blog-list ul li {
             list-style: disc;
+            margin-right: 0;
+            margin-left: 0;
         }
         #blog-list ul {
             list-style-position: inside;
             overflow: auto;
         }
         #blog-list ul li {
-            -webkit-margin-start: 1rem;
+            -webkit-margin-start: 1.1rem;
             color: #000;
         }
         .dark #blog-list ul li {

css/blog.css

@@ -97,7 +97,9 @@ section.container>div>p:nth-child(2) {
 
 #article ul li,
 #article ol li {
-  -webkit-margin-start: 1rem;
+  margin-right: 0;
+  margin-left: 0;
+  -webkit-margin-start: 1.1rem;;
   color: #000;
 }
 

js/script.js

@@ -16,6 +16,11 @@ const uniqueSwiper = new Swiper('.unique-swiper', {
     },
 });
 
+const isMobile = {
+    Android: () => navigator.userAgent.match(/Android/i),
+    iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i)
+};
+
 const privateSwiper = new Swiper('.private-swiper', {
     slidesPerView: 1,
     spaceBetween: 20,
@@ -67,15 +72,18 @@ const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
 function closeOverlay (e) {
     e.target.closest('.overlay').classList.remove('flex');
     e.target.closest('.overlay').classList.add('hidden');
-    document.body.classList.toggle('lock-scroll');
+    document.body.classList.remove('lock-scroll');
 }
 
 window.addEventListener('click', clickHandler)
-window.addEventListener('touchstart', clickHandler)
+
+if (isMobile.iOS) {
+    for (const btn of document.getElementsByClassName("close-overlay-btn")) {
+        btn.addEventListener("touchend", (e) => setTimeout(() => closeOverlay(e), 100))
+    }
+}
 
 function clickHandler(e) {
-    console.log(e)
-    e.stopPropagation()
     if (e.target.closest('.card')) {
         e.target.closest('.card').classList.toggle('card-active');
         e.target.closest('.card').classList.toggle('no-hover');
@@ -105,11 +113,6 @@ function clickHandler(e) {
     }
 }
 
-const isMobile = {
-    Android: () => navigator.userAgent.match(/Android/i),
-    iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i)
-};
-
 window.addEventListener('load', () => {
     const googlePlayBtn = document.querySelector('.google-play-btn');
     const appleStoreBtn = document.querySelector('.apple-store-btn');