fix: стили блога приведены в соответствие с основным сайтом

Author: Olianayda

blog/blog-source/assets/css/extended/custom.css

@@ -27,12 +27,25 @@ body {
     --border: rgb(51, 51, 51);
 }
 
+/* Layout */
+.main {
+    max-width: 1240px;
+    padding-left: 420px;
+    padding-right: 100px;
+    margin: 0 auto;
+}
+
+/* Navigation */
 .navigation {
     font-size: 1rem;
     padding-top: var(--size-3);
     padding-bottom: var(--size-6);
     display: flex;
     gap: 24px;
+    max-width: 1240px;
+    padding-left: 420px;
+    padding-right: 100px;
+    margin: 0 auto;
 }
 
 .navigation a {
@@ -44,20 +57,65 @@ body {
     color: var(--secondary);
 }
 
+/* Content */
 .post-content {
     max-width: 800px;
     margin: 0 auto;
+    font-size: 1.1rem;
+    line-height: 1.6;
 }
 
 .post-content p {
-    font-size: 1.1rem;
-    line-height: 1.6;
     margin-bottom: var(--size-3);
 }
 
+.post-content img {
+    max-width: 100%;
+    height: auto;
+    margin: var(--size-3) 0;
+}
+
+/* Posts list */
+.posts-list {
+    max-width: 800px;
+    margin: var(--size-4) auto;
+}
+
+.post-preview {
+    margin-bottom: var(--size-4);
+    padding-bottom: var(--size-3);
+    border-bottom: 1px solid var(--color-main-opacity);
+}
+
+.post-preview:last-child {
+    border-bottom: none;
+}
+
+.post-preview h2 {
+    margin-bottom: var(--size-1);
+}
+
+.post-preview h2 a {
+    color: var(--primary);
+    text-decoration: none;
+}
+
+.post-preview h2 a:hover {
+    text-decoration: underline;
+}
+
+.post-preview p {
+    margin-bottom: var(--size-2);
+}
+
+/* Footer */
 .footer {
     margin-top: var(--size-6);
     padding-bottom: var(--size-4);
+    max-width: 1240px;
+    padding-left: 420px;
+    padding-right: 100px;
+    margin: var(--size-6) auto var(--size-4);
 }
 
 .footer a {
@@ -69,16 +127,6 @@ body {
     color: var(--primary);
 }
 
-@media (min-width: 768px) {
-    .navigation {
-        padding-top: var(--size-4);
-    }
-    
-    .post-content {
-        padding: 0;
-    }
-}
-
 /* Telegram integration */
 .telegram-share {
     margin: var(--size-4) 0;
@@ -111,4 +159,27 @@ body {
     margin-top: var(--size-5);
     padding-top: var(--size-4);
     border-top: 1px solid var(--border);
+}
+
+/* Responsive */
+@media (max-width: 992px) {
+    .main,
+    .navigation,
+    .footer {
+        padding-left: 32px;
+        padding-right: 32px;
+    }
+}
+
+@media (max-width: 768px) {
+    .main,
+    .navigation,
+    .footer {
+        padding-left: var(--size-2);
+        padding-right: var(--size-2);
+    }
+    
+    .post-content {
+        padding: 0;
+    }
 } 

blog/blog-source/layouts/partials/extend_head.html

@@ -0,0 +1,8 @@
+<!-- Подключение шрифта Roboto -->
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+
+<!-- Дополнительные мета-теги -->
+<meta name="theme-color" content="#000000">
+<meta name="msapplication-TileColor" content="#000000"> 

blog/blog-source/public/404.html

@@ -10,7 +10,7 @@
 <meta name="description" content="Статьи и материалы о парурезисе, его лечении и преодолении">
 <meta name="author" content="">
 <link rel="canonical" href="http://localhost:55000/blog/404.html">
-<link crossorigin="anonymous" href="/blog/assets/css/stylesheet.99e10cf5cfe8e9ee03c30659ff7deacd120aa4dc8d8385ecd89dd688fc927970.css" integrity="sha256-meEM9c/o6e4DwwZZ/33qzRIKpNyNg4Xs2J3WiPySeXA=" rel="preload stylesheet" as="style">
+<link crossorigin="anonymous" href="/blog/assets/css/stylesheet.cbf3bf31393c66102ac79c9cedf6a3cdb67317324d244e3529ff81b57fa41b69.css" integrity="sha256-y/O/MTk8ZhAqx5yc7fajzbZzFzJNJE41Kf&#43;BtX&#43;kG2k=" rel="preload stylesheet" as="style">
 <link rel="icon" href="http://localhost:55000/blog/favicon.ico">
 <link rel="icon" type="image/png" sizes="16x16" href="http://localhost:55000/blog/favicon-16x16.png">
 <link rel="icon" type="image/png" sizes="32x32" href="http://localhost:55000/blog/favicon-32x32.png">
@@ -28,6 +28,13 @@
 
     </style>
 </noscript>
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+
+
+<meta name="theme-color" content="#000000">
+<meta name="msapplication-TileColor" content="#000000"> 
 </head>
 
 <body class="list dark" id="top"><script>