release: 1.6.1

00-team · Oct 27, 2024 · db09351 · db09351
1 parent 43650cf
commit db09351
Show file tree

Hide file tree

Showing 2 changed files with 79 additions and 65 deletions.
diff --git a/VERSION b/VERSION
@@ -1 +1 @@
-1.6.0
+1.6.1
diff --git a/web/style/blog/blog.scss b/web/style/blog/blog.scss
@@ -173,86 +173,100 @@
     }
 
     .related-blogs {
-        width: 100%;
         display: flex;
         align-items: center;
-        gap: calc(3vw + 5px);
-        overflow-x: auto;
-        padding: 4rem 2rem;
-
-        article {
-            flex-shrink: 0;
-            width: clamp(0px, 100%, 400px);
-            aspect-ratio: 0.8 / 1;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            flex-direction: column;
-            border-radius: 10px;
-            box-shadow: 0px 5px 20px -10px #000;
-        }
+        justify-content: center;
+        flex-direction: column;
 
-        img {
-            aspect-ratio: 16 / 8;
-            width: 90%;
-            flex: 0.2;
-            object-fit: contain;
-            background: #fff;
-            transform: translateY(-25%);
-            border-radius: 5px;
-            box-shadow: 0px 5px 20px -10px #000;
-        }
+        width: 100%;
 
-        h2 {
-            font-size: var(--simurgh--size-title-title);
-            margin-top: -2em;
-            text-align: center;
-            padding: 1em;
+        h3 {
+            margin-bottom: 2em;
+            margin-top: 4em;
         }
 
-        div {
-            width: 90%;
+        .related-wrapper {
+            width: 100%;
             display: flex;
             align-items: center;
-            justify-content: space-between;
-            flex-wrap: wrap;
+            gap: calc(3vw + 5px);
+            overflow-x: auto;
+            padding: 4rem 2rem;
+
+            article {
+                flex-shrink: 0;
+                width: clamp(0px, 100%, 400px);
+                aspect-ratio: 0.8 / 1;
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                flex-direction: column;
+                border-radius: 10px;
+                box-shadow: 0px 5px 20px -10px #000;
+            }
+
+            img {
+                aspect-ratio: 16 / 8;
+                width: 90%;
+                flex: 0.2;
+                object-fit: contain;
+                background: #fff;
+                transform: translateY(-25%);
+                border-radius: 5px;
+                box-shadow: 0px 5px 20px -10px #000;
+            }
 
-            span {
+            h2 {
+                font-size: var(--simurgh--size-title-title);
+                margin-top: -2em;
+                text-align: center;
                 padding: 1em;
+            }
+
+            div {
+                width: 90%;
                 display: flex;
                 align-items: center;
-                gap: 1.2em;
-                font-family: var(--simurgh--font-title);
-                position: relative;
-                isolation: isolate;
-                transition: 0.5s ease;
-
-                &:nth-child(2) {
-                    font-family: var(--simurgh--font-number);
+                justify-content: space-between;
+                flex-wrap: wrap;
+
+                span {
+                    padding: 1em;
+                    display: flex;
+                    align-items: center;
+                    gap: 1.2em;
+                    font-family: var(--simurgh--font-title);
+                    position: relative;
+                    isolation: isolate;
+                    transition: 0.5s ease;
+
+                    &:nth-child(2) {
+                        font-family: var(--simurgh--font-number);
+                    }
                 }
             }
-        }
 
-        p {
-            text-align: center;
-            width: 90%;
-
-            display: -webkit-box;
-            -webkit-line-clamp: 3;
-            -webkit-box-orient: vertical;
-            line-height: 1.8em;
-            overflow: hidden;
-        }
+            p {
+                text-align: center;
+                width: 90%;
 
-        a {
-            border-radius: 5px;
-            border: none;
-            text-align: center;
-            color: var(--primary-color);
-            padding: 1rem 2rem;
-            width: 90%;
-            margin: 1rem 0;
-            background: var(--sixty-percent);
+                display: -webkit-box;
+                -webkit-line-clamp: 3;
+                -webkit-box-orient: vertical;
+                line-height: 1.8em;
+                overflow: hidden;
+            }
+
+            a {
+                border-radius: 5px;
+                border: none;
+                text-align: center;
+                color: var(--primary-color);
+                padding: 1rem 2rem;
+                width: 90%;
+                margin: 1rem 0;
+                background: var(--sixty-percent);
+            }
         }
     }