core-maugli 1.2.13 → 1.2.16

package/bin/init.js

@@ -0,0 +1,201 @@
+#!/usr/bin/env node
+
+import { execSync } from 'child_process';
+import { cpSync, existsSync, readFileSync, writeFileSync } from 'fs';
+import path from 'path';
+import readline from 'readline';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const templateRoot = path.join(__dirname, '..');
+
+function getLanguageCodes() {
+  const file = readFileSync(path.join(templateRoot, 'src/i18n/languages.ts'), 'utf8');
+  const codes = [];
+  const regex = /{\s*code:\s*'([^']+)'/g;
+  let match;
+  while ((match = regex.exec(file)) !== null) {
+    codes.push(match[1]);
+  }
+  return codes;
+}
+
+function promptLang(codes) {
+  return new Promise(resolve => {
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    rl.question(`Choose language (${codes.join(', ')}): `, answer => {
+      rl.close();
+      resolve(codes.includes(answer) ? answer : codes[0]);
+    });
+  });
+}
+
+function promptRepo() {
+  return new Promise(resolve => {
+    const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+    rl.question('Repository URL: ', answer => {
+      rl.close();
+      resolve(answer.trim());
+    });
+  });
+}
+
+async function getRepoUrl(targetDir, repoOption) {
+  if (repoOption) return repoOption;
+  try {
+    const url = execSync('git remote get-url origin', {
+      cwd: targetDir,
+      stdio: ['ignore', 'pipe', 'ignore']
+    })
+      .toString()
+      .trim();
+    if (url) return url;
+  } catch {
+    // ignore
+  }
+  return await promptRepo();
+}
+
+function updateReadme(targetDir, repoUrl) {
+  if (!repoUrl) return;
+  const readmePath = path.join(targetDir, 'README.md');
+  if (!existsSync(readmePath)) return;
+  let content = readFileSync(readmePath, 'utf8');
+  const pattern = /https:\/\/app\.netlify\.com\/start\/deploy\?repository=[^\)\s]+/;
+  content = content.replace(
+    pattern,
+    `https://app.netlify.com/start/deploy?repository=${repoUrl}`
+  );
+  writeFileSync(readmePath, content);
+  console.log('Updated Netlify link in README.md');
+}
+
+function updateConfig(targetDir, lang, repoUrl) {
+  const configPath = path.join(targetDir, 'src', 'config', 'maugli.config.ts');
+  if (!existsSync(configPath)) return;
+  let content = readFileSync(configPath, 'utf8');
+  content = content.replace(/defaultLang:\s*'[^']*'/, `defaultLang: '${lang}'`);
+  const multiMatch = content.match(/enableMultiLang:\s*(true|false)/);
+  const multi = multiMatch ? multiMatch[1] === 'true' : false;
+  content = content.replace(/showLangSwitcher:\s*(true|false)/, `showLangSwitcher: ${multi}`);
+  
+  // Update repository URL if provided
+  if (repoUrl) {
+    content = content.replace(
+      /repository:\s*{[^}]*url:\s*'[^']*'/,
+      `repository: {\n    url: '${repoUrl}'`
+    );
+  }
+  
+  writeFileSync(configPath, content);
+  console.log(`Configured default language to ${lang}`);
+  if (repoUrl) {
+    console.log(`Configured repository URL to ${repoUrl}`);
+  }
+}
+
+export default async function init(targetName, langOption, repoOption) {
+  const targetDir = targetName ? path.resolve(targetName) : process.cwd();
+  const codes = getLanguageCodes();
+  const lang = langOption && codes.includes(langOption) ? langOption : await promptLang(codes);
+
+  function copyItem(item) {
+    const src = path.join(templateRoot, item);
+    const dest = path.join(targetDir, item);
+    
+    if (!existsSync(src)) {
+      console.log(`Skipped ${item} (not found)`);
+      return;
+    }
+    
+    cpSync(src, dest, { recursive: true });
+    console.log(`Copied ${item}`);
+  }
+
+  // Copy package files first so npm install works correctly
+  ['package.json', 'package-lock.json'].forEach(file => {
+    if (existsSync(path.join(templateRoot, file))) {
+      copyItem(file);
+    }
+  });
+
+  const items = [
+    'astro.config.mjs',
+    'tsconfig.json',
+    'vite.config.js',
+    'public',
+    'src',
+    'scripts',
+    'typograf-batch.js',
+    'resize-all.cjs',
+    'README.md',
+    'LICENSE'
+  ];
+  items.forEach(copyItem);
+
+  const repoUrl = await getRepoUrl(targetDir, repoOption);
+  updateReadme(targetDir, repoUrl);
+
+  // Create essential config files
+  const gitignoreContent = `
+# Dependencies
+node_modules/
+.pnpm-debug.log*
+
+# Environment
+.env
+.env.local
+.env.production
+
+# Build outputs
+dist/
+.astro/
+
+# Generated files
+.DS_Store
+.vscode/settings.json
+
+# Cache
+.typograf-cache.json
+`;
+
+  const prettierrcContent = `{
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "es5",
+  "printWidth": 100,
+  "plugins": ["prettier-plugin-tailwindcss"]
+}
+`;
+
+  writeFileSync(path.join(targetDir, '.gitignore'), gitignoreContent.trim());
+  console.log('Created .gitignore');
+  
+  writeFileSync(path.join(targetDir, '.prettierrc'), prettierrcContent);
+  console.log('Created .prettierrc');
+
+  execSync('npm install', { cwd: targetDir, stdio: 'inherit' });
+  updateConfig(targetDir, lang, repoUrl);
+}
+
+// Если скрипт запускается напрямую
+if (import.meta.url === `file://${process.argv[1]}`) {
+  const args = process.argv.slice(2);
+  let targetName;
+  let lang;
+  let repo;
+  for (let i = 0; i < args.length; i++) {
+    if (args[i] === '--lang' && i + 1 < args.length) {
+      lang = args[i + 1];
+      i++;
+    } else if (args[i] === '--repo' && i + 1 < args.length) {
+      repo = args[i + 1];
+      i++;
+    } else {
+      targetName = args[i];
+    }
+  }
+  await init(targetName, lang, repo);
+}

package/package.json

@@ -2,7 +2,7 @@
     "name": "core-maugli",
     "description": "Astro & Tailwind CSS blog theme for Maugli.",
     "type": "module",
-    "version": "1.2.13",
+    "version": "1.2.16",
     "license": "GPL-3.0-or-later OR Commercial",
     "repository": {
         "type": "git",
@@ -64,7 +64,8 @@
     "files": [
         "src",
         "public",
-        "scripts"
+        "scripts",
+        "bin"
     ],
     "bin": {
         "core-maugli": "bin/index.js"

package/src/components/ArticleMeta.astro

@@ -72,12 +72,12 @@ let authorImg = authorData.data.avatar || '/img/default/autor_default.webp';
                     data-astro-reload
                     style="text-decoration: none; color: inherit; z-index: 10; position: relative;"
                 >
-                    <img src={authorImg} alt={authorName} class="w-8 h-8 rounded-full" />
+                    <img src={authorImg} alt={authorName} class="w-8 h-8 rounded-full" loading="lazy" decoding="async" />
                     <span class="font-medium hover:text-[var(--brand-color)] transition-colors duration-200">{authorName}</span>
                 </a>
             ) : (
                 <>
-                    <img src={authorImg} alt={authorName} class="w-8 h-8 rounded-full" />
+                    <img src={authorImg} alt={authorName} class="w-8 h-8 rounded-full" loading="lazy" decoding="async" />
                     <span class="font-medium">{authorName}</span>
                 </>
             )

package/src/components/Avatar.astro

@@ -13,7 +13,13 @@ const avatarSize = typeof size === 'number' ? `${size}px` : size;
 ---
 
 <div class:list={['avatar-container', className]} style={`width: ${avatarSize}; height: ${avatarSize};`}>
-    <img src={src || '/img/default/autor_default.webp'} alt={alt} loading="lazy" class="w-full h-full object-cover" />
+    <img
+        src={src || '/img/default/autor_default.webp'}
+        alt={alt}
+        loading="lazy"
+        decoding="async"
+        class="w-full h-full object-cover"
+    />
 </div>
 
 <style>

package/src/components/Breadcrumbs.astro

@@ -61,7 +61,7 @@ const isTagPage = currentUrl.startsWith('/tags/') && pathParts.length === 1;
             idx === 0 ? (
                 <a href={crumb.href} class="flex-shrink-0" target="_blank" rel="noopener noreferrer">
                     <picture>
-                        <img src={crumb.icon} alt="Maugli" class="w-9 h-9" />
+                        <img src={crumb.icon} alt="Maugli" class="w-9 h-9" loading="lazy" decoding="async" />
                     </picture>
                 </a>
             ) : (

package/src/components/Card.astro

@@ -1,4 +1,7 @@
 ---
+import fs from 'fs';
+import path from 'path';
+import { fileURLToPath } from 'url';
 import { maugliConfig } from '../config/maugli.config';
 import FormattedDate from './FormattedDate.astro';
 
@@ -20,8 +23,8 @@ const { href, title, image, seo, publishDate, excerpt, description, headingLevel
 
 const TitleTag = headingLevel;
 
-// Определяем изображение для карточки
-const cardImage =
+// Определяем базовое изображение для карточки
+const baseImage =
     seo?.image?.src ||
     (image && typeof image.src === 'string' && image.src.length > 0 ? image.src : undefined) ||
     (type === 'blog'
@@ -31,8 +34,38 @@ const cardImage =
           : type === 'product'
             ? maugliConfig.defaultProductImage
             : maugliConfig.seo.defaultImage);
+
+// Генерируем адаптивные версии изображений
+function getResponsiveImages(imagePath: string) {
+    const basePath = imagePath.replace(/\.(webp|jpg|jpeg|png)$/i, '');
+    const extension = imagePath.match(/\.(webp|jpg|jpeg|png)$/i)?.[0] || '.webp';
+
+    return {
+        src: imagePath,
+        srcset: [`${basePath}-400${extension} 400w`, `${basePath}-800${extension} 800w`, `${basePath}-1200${extension} 1200w`, `${imagePath} 1200w`].join(', '),
+        sizes: '(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 400px'
+    };
+}
+
+const cardImage = getResponsiveImages(baseImage);
 const cardImageAlt = seo?.image?.alt || image?.alt || title || 'Изображение';
 
+// Используем уменьшенное превью, если оно существует
+let previewImage;
+if (cardImage) {
+    previewImage = cardImage.replace(/\/([^\/]+)$/, '/previews/$1');
+
+    const __filename = fileURLToPath(import.meta.url);
+    const projectRoot = path.resolve(path.dirname(__filename), '../..');
+    const previewFilePath = path.join(projectRoot, 'public', previewImage.replace(/^\//, ''));
+
+    if (!fs.existsSync(previewFilePath)) {
+        previewImage = undefined;
+    }
+}
+
+const finalImage = previewImage || cardImage;
+
 // Определяем контент для отображения
 const content = excerpt || description;
 ---
@@ -48,9 +81,13 @@ const content = excerpt || description;
         <!-- Изображение -->
         <div class="w-full aspect-[1200/630] bg-[var(--bg-muted)] overflow-hidden relative">
             <img
-                src={cardImage}
+                src={cardImage.src}
+                srcset={cardImage.srcset}
+                sizes={cardImage.sizes}
                 alt={cardImageAlt}
                 loading="lazy"
+                width="1200"
+                height="630"
                 class="w-full h-full object-cover rounded-custom transition-transform duration-300 group-hover:scale-105"
             />
 

package/src/components/Footer.astro

@@ -109,7 +109,7 @@ const copyrightYears = yearStart === yearEnd ? `${yearStart}` : `${yearStart}–
         ]}
     >
         <div class="flex flex-row justify-between items-end w-full mt-2">
-            <img src="/footerlabel.svg" alt="Maugli Label" style="height:32px;width:auto;" />
+            <img src="/footerlabel.svg" alt="Maugli Label" style="height:32px;width:auto;" loading="lazy" decoding="async" />
             {
                 Object.values(maugliConfig.links || {}).some(Boolean) && (
                     <div class="flex flex-row items-center gap-2 ml-4">

package/src/components/Header.astro

@@ -6,7 +6,15 @@ import siteConfig from '../data/site-config';
     {
         siteConfig.logo && siteConfig.logo?.src ? (
             <a href="/">
-                <img src={siteConfig.logo.src} alt={siteConfig.logo.alt || ''} class="max-h-12" />
+                <img
+                    src={siteConfig.logo.src}
+                    alt={siteConfig.logo.alt || ''}
+                    width={siteConfig.logo.width}
+                    height={siteConfig.logo.height}
+                    loading="eager"
+                    decoding="async"
+                    class="max-h-12"
+                />
             </a>
         ) : (
             <a class="font-serif text-2xl leading-tight font-medium text-theme-foreground sm:text-4xl" href="/">

package/src/components/HeroImage.astro

@@ -15,15 +15,37 @@ const { src, alt = '', caption, width = defaultWidth, height, className = '', sr
 // Вариант aspect-ratio: если есть оба размера, рассчитываем; иначе не пишем!
 const aspectRatio = width && height ? `${width} / ${height}` : undefined;
 
-let realSrcset = srcset;
-if (!srcset && src.includes('default-')) {
-    realSrcset = `${src.replace('800', '800')} 1x, ${src.replace('800', '1200')} 2x`;
+// Генерируем адаптивные версии изображений
+function getResponsiveImages(imagePath: string) {
+    const basePath = imagePath.replace(/\.(webp|jpg|jpeg|png)$/i, '');
+    const extension = imagePath.match(/\.(webp|jpg|jpeg|png)$/i)?.[0] || '.webp';
+
+    return {
+        src: imagePath,
+        srcset: [`${basePath}-400${extension} 400w`, `${basePath}-800${extension} 800w`, `${basePath}-1200${extension} 1200w`, `${imagePath} 1200w`].join(', '),
+        sizes: '(max-width: 768px) 100vw, (max-width: 1024px) 80vw, 1200px'
+    };
+}
+
+let imageData;
+if (srcset) {
+    // Если передан готовый srcset, используем его
+    imageData = {
+        src: src,
+        srcset: srcset,
+        sizes: '100vw'
+    };
+} else {
+    // Генерируем адаптивные изображения
+    imageData = getResponsiveImages(src);
 }
 ---
 
 <figure class={`w-full max-w-[${width}px] mx-auto rounded-custom overflow-hidden bg-[var(--bg-muted)] ${className}`}>
     <img
-        src={src}
+        src={imageData.src}
+        srcset={imageData.srcset}
+        sizes={imageData.sizes}
         alt={alt}
         width={width}
         height={height}
@@ -31,8 +53,6 @@ if (!srcset && src.includes('default-')) {
         class="block rounded-custom object-cover"
         loading="eager"
         decoding="async"
-        srcset={realSrcset}
-        sizes="100vw"
     />
     {caption && <figcaption class="mt-2 text-sm text-[var(--text-main)] opacity-80 text-center px-2">{caption}</figcaption>}
 </figure>

package/src/components/Image.astro

@@ -1,13 +1,33 @@
 ---
-export let src = '';
-export let alt = '';
-export let width = undefined;
-export let height = undefined;
-export let className = '';
-export let loading = 'lazy';
-export let style = '';
+export interface Props {
+    src: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    loading?: 'lazy' | 'eager';
+    style?: string;
+}
+
+const {
+    src,
+    alt = '',
+    width,
+    height,
+    className = '',
+    loading = 'lazy',
+    style = ''
+} = Astro.props as Props;
 ---
 
-export let height = undefined; export let className = ''; export let loading = 'lazy'; export let style = ''; ---
+<img
+    src={src}
+    alt={alt}
+    width={width}
+    height={height}
+    class={className}
+    loading={loading}
+    decoding="async"
+    style={style}
+/>
 
-<img src={src} alt={alt} width={width} height={height} class={className} loading={loading} style={style} />

package/src/components/LanguageSwitcher.astro

@@ -24,7 +24,17 @@ const current = availableLanguages.find((l) => l.code === currentLang) || availa
                     class="flag-box flex items-center justify-center w-7 h-7 rounded-[var(--radius-main)] shadow-[var(--shadow-main)]"
                     style="min-width:28px; min-height:28px; max-width:28px; max-height:28px;"
                 >
-                    {current && <img src={current.icon} alt={current.code.toUpperCase()} width="28" height="28" style="pointer-events:none;" />}
+                    {current && (
+                        <img
+                            src={current.icon}
+                            alt={current.code.toUpperCase()}
+                            width="28"
+                            height="28"
+                            style="pointer-events:none;"
+                            loading="lazy"
+                            decoding="async"
+                        />
+                    )}
                 </span>
                 <svg class="w-4 h-4" viewBox="0 0 20 20" fill="currentColor">
                     <path
@@ -57,7 +67,15 @@ const current = availableLanguages.find((l) => l.code === currentLang) || availa
                                 class="flag-box flex items-center justify-center w-7 h-7 rounded-[var(--radius-main)] shadow-[var(--shadow-main)]"
                                 style="min-width:28px; min-height:28px; max-width:28px; max-height:28px;"
                             >
-                                <img src={lang.icon} alt={lang.code.toUpperCase()} width="28" height="28" style="pointer-events:none;" />
+                                <img
+                                    src={lang.icon}
+                                    alt={lang.code.toUpperCase()}
+                                    width="28"
+                                    height="28"
+                                    style="pointer-events:none;"
+                                    loading="lazy"
+                                    decoding="async"
+                                />
                             </span>
                             <span class="text-heading">{lang.label}</span>
                         </a>

package/src/components/Nav.astro

@@ -24,7 +24,15 @@ const navLinks = (maugliConfig.navLinks || []).map((link) => {
         <a href={maugliConfig.brand.logoHref && maugliConfig.brand.logoHref.trim() ? maugliConfig.brand.logoHref : '/'} class="ml-6 flex-shrink-0 card-blur">
             <picture>
                 <source srcset={maugliConfig.brand.logoDark} media="(prefers-color-scheme: dark)" />
-                <img src={maugliConfig.brand.logoLight} alt="Логотип" width="48" height="48" class="w-12 h-12" />
+                <img
+                    src={maugliConfig.brand.logoLight}
+                    alt="Логотип"
+                    width="48"
+                    height="48"
+                    class="w-12 h-12"
+                    loading="eager"
+                    decoding="async"
+                />
             </picture>
         </a>
         <ul

package/src/components/NetlifyButton.astro

@@ -16,7 +16,7 @@ const netlifyUrl = `https://app.netlify.com/start/deploy?repository=${repository
 {
     netlifyEnabled && (
         <a href={netlifyUrl} target="_blank" rel="noopener noreferrer" class={className}>
-            <img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" />
+            <img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" loading="lazy" decoding="async" />
         </a>
     )
 }

package/src/components/ProductBannerCard.astro

@@ -24,7 +24,13 @@ const buttons = (dict as any).buttons || (fallbackDict as any).buttons || {};
 ---
 
 <div class="product-banner-card relative aspect-[1200/630] overflow-hidden bg-[var(--card-bg)] rounded-custom flex flex-col justify-end">
-    <img src={bannerImage} alt={seo?.image?.alt || image?.alt || title || 'Product'} class="absolute inset-0 w-full h-full object-cover rounded-custom z-0" />
+    <img
+        src={bannerImage}
+        alt={seo?.image?.alt || image?.alt || title || 'Product'}
+        class="absolute inset-0 w-full h-full object-cover rounded-custom z-0"
+        loading="lazy"
+        decoding="async"
+    />
     {
         buttonHref ? (
             <a

package/src/components/RubricCard.astro

@@ -112,8 +112,8 @@ function getPreviewImageSrc(imageSrc: string): string {
     return absolutePreviewPath;
 }
 
-// Всегда используем дефолтное изображение для рубрик
-const previewImageSrc = '/img/default/previews/rubric_default.webp';
+// Если указано своё изображение — показываем его превью, иначе дефолтное
+const previewImageSrc = getPreviewImageSrc(image?.src || maugliConfig.defaultRubricImage);
 
 // Список стоп-слов (предлоги, союзы, знаки)
 const stopWords = [
@@ -194,52 +194,58 @@ if (import.meta.env.DEV) {
         class={`w-full h-[195px] border border-[var(--border-main)] rounded-custom card-bg hover:card-shadow hover:-translate-y-1 transition-all duration-300 p-6 flex flex-row gap-4 items-start ${className}`}
     >
         <!-- Левая часть: картинка и дата -->
-        <div class="flex flex-col items-end gap-2 w-[105px] h-[147px] relative">
-            <img src={previewImageSrc} alt={title} class="w-[105px] h-[107px] object-cover rounded-custom" loading="lazy" />
-            {
-                rubricInitials && (
-                    <span style="position:absolute;left:0;top:0;width:105px;height:107px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;">
-                        <span style="position:absolute;left:0;top:0;width:105px;height:107px;background:rgba(0,0,0,0.10);border-radius:inherit;z-index:1;" />
-                        <span style="position:relative;z-index:2;font-size:48px;font-weight:700;font-family:inherit;color:var(--brand-color);letter-spacing:2px;">
-                            {rubricInitials}
+        <<<<<<< HEAD
+        <div class="flex flex-col items-end gap-2 w-[105px] h-[147px]">
+            <img src={previewImageSrc} alt={image?.alt || title} class="w-[105px] h-[107px] object-cover rounded-custom" loading="lazy" decoding="async" />
+            =======
+            <div class="flex flex-col items-end gap-2 w-[105px] h-[147px] relative">
+                <img src={previewImageSrc} alt={title} class="w-[105px] h-[107px] object-cover rounded-custom" loading="lazy" />
+                {
+                    rubricInitials && (
+                        <span style="position:absolute;left:0;top:0;width:105px;height:107px;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2;">
+                            <span style="position:absolute;left:0;top:0;width:105px;height:107px;background:rgba(0,0,0,0.10);border-radius:inherit;z-index:1;" />
+                            <span style="position:relative;z-index:2;font-size:48px;font-weight:700;font-family:inherit;color:var(--brand-color);letter-spacing:2px;">
+                                {rubricInitials}
+                            </span>
                         </span>
+                    )
+                }
+                >>>>>>> 41e6ca2 (fix: always use default rubric image from config, initials overlay, preview logic)
+                <div class="flex flex-col items-end gap-1 w-[74px] h-[32px]">
+                    <span class={`flex items-center gap-1 text-[12px] text-right ${isBrandDate ? 'text-[var(--brand-color)]' : 'text-[var(--text-muted)]'}`}>
+                        <svg
+                            width="16"
+                            height="16"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            xmlns="http://www.w3.org/2000/svg"
+                            style="display:inline-block;vertical-align:middle;opacity:0.6; color: var(--text-muted);"
+                        >
+                            <path
+                                d="M17.7909 6.12232C14.9505 3.32362 10.5815 3.00989 7.39551 5.15377L7.38659 3.92302C7.38509 3.71587 7.21589 3.54914 7.00866 3.55079L6.25874 3.55664C6.05166 3.55822 5.88516 3.72734 5.88666 3.93434L5.90736 6.74122C5.91029 7.15357 6.24576 7.48537 6.65736 7.48537C6.65886 7.48537 6.66104 7.48537 6.66321 7.48537L9.47046 7.46467C9.67761 7.46317 9.84426 7.29389 9.84269 7.08674L9.83684 6.33667C9.83526 6.12959 9.66614 5.96309 9.45914 5.96459L8.98199 5.96804C11.4928 4.71464 14.6299 5.11372 16.7377 7.19017C18.7606 9.18427 19.3134 12.182 18.1639 14.7525C18.082 14.9355 18.1491 15.1487 18.3276 15.24L18.997 15.582C19.1866 15.6789 19.4265 15.6008 19.5145 15.4069C20.9445 12.2567 20.2743 8.57039 17.7909 6.12232ZM17.3434 16.5132C17.3419 16.5132 17.3397 16.5132 17.3375 16.5132L14.5303 16.5338C14.3231 16.5354 14.1565 16.7046 14.158 16.9117L14.1639 17.6618C14.1655 17.8688 14.3346 18.0353 14.5416 18.0339L15.0183 18.0304C12.5073 19.2835 9.37079 18.8841 7.26299 16.8083C5.24009 14.8142 4.68734 11.8164 5.83686 9.24599C5.91869 9.06299 5.85164 8.84977 5.67314 8.75849L5.00376 8.41649C4.81409 8.31959 4.57424 8.39767 4.48619 8.59154C3.05609 11.7417 3.72636 15.428 6.20969 17.8762C7.81439 19.4575 9.90771 20.2456 11.9995 20.2456C13.6101 20.2456 15.2191 19.7767 16.605 18.8438L16.6139 20.0754C16.6154 20.2825 16.7846 20.4493 16.9918 20.4477L17.7418 20.4418C17.9488 20.4402 18.1153 20.2711 18.1138 20.0641L18.0931 17.2573C18.0904 16.8449 17.755 16.5132 17.3434 16.5132Z"
+                                fill="currentColor"></path>
+                        </svg>
+                        {formattedDate}
                     </span>
-                )
-            }
-            <div class="flex flex-col items-end gap-1 w-[74px] h-[32px]">
-                <span class={`flex items-center gap-1 text-[12px] text-right ${isBrandDate ? 'text-[var(--brand-color)]' : 'text-[var(--text-muted)]'}`}>
-                    <svg
-                        width="16"
-                        height="16"
-                        viewBox="0 0 24 24"
-                        fill="none"
-                        xmlns="http://www.w3.org/2000/svg"
-                        style="display:inline-block;vertical-align:middle;opacity:0.6; color: var(--text-muted);"
-                    >
-                        <path
-                            d="M17.7909 6.12232C14.9505 3.32362 10.5815 3.00989 7.39551 5.15377L7.38659 3.92302C7.38509 3.71587 7.21589 3.54914 7.00866 3.55079L6.25874 3.55664C6.05166 3.55822 5.88516 3.72734 5.88666 3.93434L5.90736 6.74122C5.91029 7.15357 6.24576 7.48537 6.65736 7.48537C6.65886 7.48537 6.66104 7.48537 6.66321 7.48537L9.47046 7.46467C9.67761 7.46317 9.84426 7.29389 9.84269 7.08674L9.83684 6.33667C9.83526 6.12959 9.66614 5.96309 9.45914 5.96459L8.98199 5.96804C11.4928 4.71464 14.6299 5.11372 16.7377 7.19017C18.7606 9.18427 19.3134 12.182 18.1639 14.7525C18.082 14.9355 18.1491 15.1487 18.3276 15.24L18.997 15.582C19.1866 15.6789 19.4265 15.6008 19.5145 15.4069C20.9445 12.2567 20.2743 8.57039 17.7909 6.12232ZM17.3434 16.5132C17.3419 16.5132 17.3397 16.5132 17.3375 16.5132L14.5303 16.5338C14.3231 16.5354 14.1565 16.7046 14.158 16.9117L14.1639 17.6618C14.1655 17.8688 14.3346 18.0353 14.5416 18.0339L15.0183 18.0304C12.5073 19.2835 9.37079 18.8841 7.26299 16.8083C5.24009 14.8142 4.68734 11.8164 5.83686 9.24599C5.91869 9.06299 5.85164 8.84977 5.67314 8.75849L5.00376 8.41649C4.81409 8.31959 4.57424 8.39767 4.48619 8.59154C3.05609 11.7417 3.72636 15.428 6.20969 17.8762C7.81439 19.4575 9.90771 20.2456 11.9995 20.2456C13.6101 20.2456 15.2191 19.7767 16.605 18.8438L16.6139 20.0754C16.6154 20.2825 16.7846 20.4493 16.9918 20.4477L17.7418 20.4418C17.9488 20.4402 18.1153 20.2711 18.1138 20.0641L18.0931 17.2573C18.0904 16.8449 17.755 16.5132 17.3434 16.5132Z"
-                            fill="currentColor"></path>
-                    </svg>
-                    {formattedDate}
-                </span>
+                </div>
             </div>
-        </div>
-        <!-- Правая часть: контент -->
-        <div class="flex flex-col justify-start items-start h-[147px] flex-1 min-w-0">
-            <div class="flex flex-row items-start gap-2 w-full">
-                <h3 class="font-serif font-[700] text-[22px] text-[var(--text-heading)] leading-[1] truncate">{title}</h3>
-                <CountBadge count={postCount} />
-            </div>
-            <div class="mt-2 text-[14px] text-[var(--text-main)] leading-[1.3] line-clamp-6 opacity-80">
-                {description}
+            <!-- Правая часть: контент -->
+            <div class="flex flex-col justify-start items-start h-[147px] flex-1 min-w-0">
+                <div class="flex flex-row items-start gap-2 w-full">
+                    <h3 class="font-serif font-[700] text-[22px] text-[var(--text-heading)] leading-[1] truncate">{title}</h3>
+                    <CountBadge count={postCount} />
+                </div>
+                <div class="mt-2 text-[14px] text-[var(--text-main)] leading-[1.3] line-clamp-6 opacity-80">
+                    {description}
+                </div>
             </div>
         </div>
     </article>
-</a>
 
-<style>
-    article:hover {
-        box-shadow: var(--card-shadow);
-    }
-    /* Карточка всегда двухколоночная, контент сверху, текст description не прижат к низу */
-</style>
+    <style>
+        article:hover {
+            box-shadow: var(--card-shadow);
+        }
+        /* Карточка всегда двухколоночная, контент сверху, текст description не прижат к низу */
+    </style>
+</a>

package/src/components/TagsSection.astro

@@ -43,6 +43,8 @@ const rubricImageFinal = rubricImage && rubricImage.length > 0 ? rubricImage : m
                 alt={rubricName || tagsSection.rubricAlt}
                 class="w-20 h-20 sm:w-40 sm:h-40 object-cover rounded-[16px_48px_16px_48px] border border-[var(--border-main)]"
                 style="flex-shrink:0;"
+                loading="lazy"
+                decoding="async"
             />
             <div class="flex flex-col items-center sm:items-start text-center sm:text-left">
                 {rubricName && <h2 class="text-xl sm:text-2xl font-bold mb-2">{rubricName}</h2>}

package/src/data/site-config.ts

@@ -2,6 +2,8 @@ export type Image = {
     src: string;
     alt?: string;
     caption?: string;
+    width?: number;
+    height?: number;
 };
 
 export type Link = {
@@ -59,6 +61,12 @@ export type SiteConfig = {
 
 const siteConfig: SiteConfig = {
     website: 'https://techrev.maugli.cfd',
+    logo: {
+        src: '/logo.svg',
+        alt: 'Maugli Content Farm',
+        width: 48,
+        height: 48
+    },
     title: 'ТехРев',
     subtitle: 'Блог об автоматизации с ИИ от ИИ-автора',
     description: 'Создание контента для соцсетей и блогов быстро, дешево и качественно',
@@ -67,7 +75,7 @@ const siteConfig: SiteConfig = {
         alt: 'Автоматизация и ИИ -- новая технологическая революция',
         width: 1200,
         height: 630,
-        caption: '...',
+        caption: '...'
     },
     author: {
         name: 'ИльичAI',
@@ -77,14 +85,16 @@ const siteConfig: SiteConfig = {
         description: 'AI-эксперт, созданный в Maugli Content Farm, работает на GPT4.1, редактор и аналитик.',
         sameAs: [
             'https://t.me/techrev_maugli',
-            'https://twitter.com/',  // другие профили по желанию
+            'https://twitter.com/' // другие профили по желанию
         ]
     },
     publisher: {
         name: 'Maugli Content Farm',
         logo: {
             src: '/logo.svg',
-            alt: 'Maugli Content Farm'
+            alt: 'Maugli Content Farm',
+            width: 48,
+            height: 48
         },
         url: 'https://maugli.cfd',
         type: 'Organization'
@@ -138,12 +148,12 @@ const siteConfig: SiteConfig = {
     ],
     hero: {
         title: 'ТехРев — блог, освобождающий людей от ручного труда',
-        text: " Канал ведет Ильич ИИ, заряженный верой в то, что может сделать жизнь людей проще",
+        text: ' Канал ведет Ильич ИИ, заряженный верой в то, что может сделать жизнь людей проще',
         image: {
             src: '/hero.webp',
             alt: 'Автор блога Ильич ИИ прямо здесь и сейчас творит технологическую революию',
             width: 1200, // ← добавь
-            height: 630 
+            height: 630
         },
         actions: [
             {