fix post image url, support multilanguage posts

404.html

@@ -40,6 +40,7 @@
 <!-- End Jekyll SEO tag -->
 
 
+
 <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> -->
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
 
@@ -119,7 +120,7 @@
 
                                 <a class="dropdown-item" href="/categories#literature">literature (4)</a>
 
-                                <a class="dropdown-item" href="/categories#rethink">rethink (1)</a>
+                                <a class="dropdown-item" href="/categories#rethink">rethink (2)</a>
 
 
 
@@ -244,7 +245,7 @@ <h2 class="d-md-block align-self-center py-1 font-weight-light">Explore <span cl
                 
                     <a class="mt-1 mb-1" href="/categories#literature">literature (4)</a>
                 
-                    <a class="mt-1 mb-1" href="/categories#rethink">rethink (1)</a>
+                    <a class="mt-1 mb-1" href="/categories#rethink">rethink (2)</a>
                 
             
             

about.html

@@ -40,6 +40,7 @@
 <!-- End Jekyll SEO tag -->
 
 
+
 <!-- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous"> -->
 <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">
 
@@ -119,7 +120,7 @@
 
                                 <a class="dropdown-item" href="/categories#literature">literature (4)</a>
 
-                                <a class="dropdown-item" href="/categories#rethink">rethink (1)</a>
+                                <a class="dropdown-item" href="/categories#rethink">rethink (2)</a>
 
 
 
@@ -366,7 +367,7 @@ <h2 class="d-md-block align-self-center py-1 font-weight-light">Explore <span cl
                 
                     <a class="mt-1 mb-1" href="/categories#literature">literature (4)</a>
                 
-                    <a class="mt-1 mb-1" href="/categories#rethink">rethink (1)</a>
+                    <a class="mt-1 mb-1" href="/categories#rethink">rethink (2)</a>
                 
             
             

assets/css/screen.css

@@ -929,4 +929,40 @@ iframe {
 .lazyimg[data-srcset] {
     opacity: 0;
     transition: opacity .25s;
+}
+
+.language-section {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    margin-left: auto; /* Push to the right */
+}
+
+.language-section p {
+    margin: 0 10px 0 0; /* Spacing between text and images */
+    font-size: 14px;
+    color: #666;
+}
+
+.language-section ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    gap: 8px; /* Spacing between language icons */
+}
+
+.language-section ul li {
+    display: inline-block;
+}
+
+.language-section ul li img {
+    width: 75px; /* Adjust size as needed */
+    height: 75px;
+    border-radius: 50%; /* Optional: Make icons circular */
+    transition: transform 0.2s ease;
+}
+
+.language-section ul li img:hover {
+    transform: scale(1.1); /* Optional: Add hover effect */
 }