2025-02-11 12:11:40

Author: danvoronov

www/compile.js

@@ -366,11 +366,11 @@ function createBlogContent(posts, language) {
 
   return `
     <div class="site-description-wrapper">
-      <div class="site-description">
-        ${language === 'uk' ? 
-          'Тут ви знайдете корисні поради, приклади, інструкції та інші матеріали, які допоможуть вам у створенні коду з допомогою штучного інтелекту' : 
-          "Here you'll find useful tips, examples, instructions, and other materials to help you create code with the help of AI"}
-      </div>
+<div class="site-description">
+  ${language === 'uk' ?
+    'Великі мовні моделі (LLM) допомагають вам у створенні коду. Тут ви знайдете корисні поради, приклади та інструкції, щоб використовувати їх ефективно.' :
+    "Large Language Models (LLM) assist you in creating code. Here you'll find useful tips, examples, and instructions to use them effectively."}
+</div>
     </div>
     <div class="top-tags">
       <a href="javascript:void(0)" class="up-button" title="${language === 'uk' ? 'Нагору' : 'Scroll to top'}">${language === 'uk' ? 'Початок' : 'Home'}</a>

www/template/styles.css

@@ -1,4 +1,4 @@
-  body { 
+body { 
     font-family: BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
     margin: 0;
     padding: 0;
@@ -189,6 +189,43 @@
     white-space: pre-wrap;
     word-wrap: break-word;
   }
+
+  /* Table styles */
+  .post table {
+    border-collapse: collapse;
+    width: 100%;
+    margin: 1rem 0;
+  }
+
+  .post th {
+    text-align: left;
+    padding: 12px;
+    background-color: rgba(51, 51, 51, 0.03);
+    border-bottom: 2px solid #cccccc;
+    border-right: 1px solid #e6e6e6;
+  }
+
+  .post td {
+    padding: 12px;
+    border-bottom: 1px solid #cccccc;
+    border-right: 1px solid #e6e6e6;
+  }
+
+  .post th:last-child,
+  .post td:last-child {
+    border-right: none;
+  }
+
+  .post tr:last-child td {
+    border-bottom: none;
+  }
+
+  .post table code {
+    background: rgba(51, 51, 51, 0.05);
+    padding: 2px 4px;
+    border-radius: 3px;
+  }
+
   .sidebar {
     position: sticky;
     top: 20px;