improved news layout and edited decap config

assets/css/main.css

@@ -516,11 +516,21 @@ footer {
     box-shadow: 0 4px 0 0 var(--color-text);
 }
 
+.feed-heading::before {
+    content: "// ";
+    color: var(--color-text);
+    font-weight: bold;
+}
+
 .dark .feed-heading {
     color: var(--color-text-dark);
     box-shadow: 0 4px 0 0 var(--color-off);
 }
 
+.dark .feed-heading::before {
+    color: var(--color-text-dark);
+}
+
 .feed-entry {
     flex: 0 1 calc(50% - 2rem);
     box-sizing: border-box;
@@ -534,6 +544,10 @@ footer {
     justify-content: space-between;
 }
 
+.page .feed-entry {
+    justify-content: start;
+}
+
 .page .feed-entry {
     margin-bottom: 2rem;
 }
@@ -651,6 +665,23 @@ footer {
     .dropdown-item-mobile {
         display: none !important;
     }
+
+    .page {
+        display: flex;
+        overflow-x: auto;
+        scroll-snap-type: x mandatory;
+        gap: 1rem;
+        padding: 1rem;
+        max-width: 100%;
+    }
+
+    .page .feed-entry {
+        flex: 0 0 auto;
+        scroll-snap-align: start;
+        width: calc(100vw / 3 - 2rem);
+        height: auto !important;
+        align-self: flex-start;
+    }
 }
 
 @media (min-width: 1261px) {