﻿<!DOCTYPE html>
<html lang="ru" data-theme="light">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vibe</title>
<meta name="description" content="Истории, факты и идеи, которые цепляют. О технологиях, науке, психологии и всём, что формирует наш мир.">
<meta property="og:title" content="Vibe">
<meta property="og:description" content="Истории, факты и идеи, которые цепляют. О технологиях, науке, психологии и всём, что формирует наш мир.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://blog-cfj.pages.dev/">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss.xml">
<link rel="canonical" href="https://blog-cfj.pages.dev/">
<link rel="stylesheet" href="/vc-styles.css">
</head>
<body>
<div class="layout-wrapper">
<header class="bar bar--top">
  <div class="header__layout">
    <a class="header__logo" href="/">Vibe</a>
    <div class="header__main">
      <form class="header__search" action="/search.html" method="get">
        <span>🔍</span>
        <input type="search" name="q" placeholder="Поиск по статьям, тегам, авторам…" aria-label="Поиск">
      </form>
    </div>
    <div class="header-actions">
      <button class="icon-btn" id="themeToggle" title="Тема">🌙</button>
      <a href="/auth.html" class="auth-btn" id="authBtn">Войти</a>
      <button class="btn btn--primary" onclick="location.href='/auth.html'">Написать</button>
    </div>
  </div>
</header>

<div class="layout">
  <aside class="aside--left">
    <nav class="island nav-menu">
      <a class="nav-menu__item nav-menu__item--active" href="/"><span class="nav-menu__dot"></span>Все</a>
<a class="nav-menu__item " href="/cat/ai.html"><span class="nav-menu__dot" style="background:#6366f1"></span>ИИ</a>
<a class="nav-menu__item " href="/cat/tech.html"><span class="nav-menu__dot" style="background:#4f46e5"></span>Технологии</a>
<a class="nav-menu__item " href="/cat/hardware.html"><span class="nav-menu__dot" style="background:#0ea5e9"></span>Железо</a>
<a class="nav-menu__item " href="/cat/it.html"><span class="nav-menu__dot" style="background:#0284c7"></span>IT и код</a>
<a class="nav-menu__item " href="/cat/software.html"><span class="nav-menu__dot" style="background:#0891b2"></span>Софт</a>
<a class="nav-menu__item " href="/cat/games.html"><span class="nav-menu__dot" style="background:#db2777"></span>Игры</a>
<a class="nav-menu__item " href="/cat/gadgets.html"><span class="nav-menu__dot" style="background:#7c3aed"></span>Гаджеты</a>
<a class="nav-menu__item " href="/cat/science.html"><span class="nav-menu__dot" style="background:#059669"></span>Наука</a>
<a class="nav-menu__item " href="/cat/crypto.html"><span class="nav-menu__dot" style="background:#f59e0b"></span>Крипто</a>
<a class="nav-menu__item " href="/cat/money.html"><span class="nav-menu__dot" style="background:#16a34a"></span>Деньги</a>
<a class="nav-menu__item " href="/cat/career.html"><span class="nav-menu__dot" style="background:#ea580c"></span>Карьера</a>
<a class="nav-menu__item " href="/cat/business.html"><span class="nav-menu__dot" style="background:#7c3aed"></span>Бизнес</a>
<a class="nav-menu__item " href="/cat/psychology.html"><span class="nav-menu__dot" style="background:#d97706"></span>Психология</a>
<a class="nav-menu__item " href="/cat/health.html"><span class="nav-menu__dot" style="background:#16a34a"></span>Здоровье</a>
<a class="nav-menu__item " href="/cat/history.html"><span class="nav-menu__dot" style="background:#b91c1c"></span>История</a>
<a class="nav-menu__item " href="/cat/education.html"><span class="nav-menu__dot" style="background:#ea580c"></span>Образование</a>
<a class="nav-menu__item " href="/cat/cinema.html"><span class="nav-menu__dot" style="background:#db2777"></span>Кино</a>
<a class="nav-menu__item " href="/cat/future.html"><span class="nav-menu__dot" style="background:#0891b2"></span>Будущее</a>

    </nav>
  </aside>

  <main>
    
<section class="hero">
  <h1>Блог о продуктивности, AI и стартапах</h1>
  <p>Истории, факты и идеи, которые цепляют. О технологиях, науке, психологии и всём, что формирует наш мир.</p>
</section>
    <div class="feed-sorting">
      <div class="tabs">
        <a class="tabs__tab tabs__tab--active" href="/">Новое</a>
        <a class="tabs__tab" href="/?sort=top">Лучшее</a>
        <a class="tabs__tab" href="/?sort=discussed">Обсуждаемое</a>
      </div>
      <span style="color:var(--text-mute);font-size:13px">1 статья</span>
    </div>
    <div class="feed-list">
      
<article class="content content--short">
  <div class="content-header">
    <div class="author">
      <div class="author__avatar"></div>
      <div>
        <a class="author__name" href="/account.html">Vibe</a>
        <div class="author__details">
          <a class="content-header__topic" href="/cat/tech.html">Технологии</a>
          <span>·</span>
          <time>2026-07-19</time>
          <span>·</span>
          <span>6 мин</span>
        </div>
      </div>
    </div>
  </div>
  <a class="content__body" href="/articles/test-otobrazheniya-kirillicy.html">
    
    <h2 class="content-title">Тест отображения кириллицы</h2>
    <p class="content__excerpt">Это тестовая статья для проверки отображения кириллицы. Истории, факты и идеи, которые цепляют....</p>
  </a>
  <div class="content-footer">
    <button class="content-footer-button like-btn" data-slug="test-otobrazheniya-kirillicy">♥ <span class="like-count">0</span></button>
    <a class="content-footer-button" href="/articles/test-otobrazheniya-kirillicy.html#comments">💬 <span class="comment-count" data-slug="test-otobrazheniya-kirillicy">0</span></a>
    <button class="content-footer-button share-btn" data-url="/articles/test-otobrazheniya-kirillicy.html">↗ Поделиться</button>
    <span class="content-footer__spacer"></span>
    <button class="content-footer-button bookmark-btn" data-slug="test-otobrazheniya-kirillicy">🔖</button>
  </div>
</article>
    </div>
  </main>

  
<aside class="sidebar">
  <div class="island author-card">
    <div class="author-card__avatar"></div>
    <div class="author-card__name">Vibe</div>
    <p class="author-card__bio">Пишу о технологиях, науке и психологии. Перевожу сложное на понятный язык.</p>
    <div class="footer-socials"><a href="https://t.me/" target="_blank" rel="noopener" title="telegram">✈</a>
<a href="https://x.com/" target="_blank" rel="noopener" title="twitter">𝕏</a>
</div>
    <button class="btn btn--primary" style="width:100%;margin-top:12px" onclick="location.href='/auth.html'">Подписаться</button>
  </div>
  <div class="island">
    <div class="widget__title">Популярное</div>
<div class="news-item">
  <span class="news-item__num">•</span>
  <a class="news-item__title" href="/articles/test-otobrazheniya-kirillicy.html">Тест отображения кириллицы</a>
</div>
  </div>
  <div class="island" id="widget-weather">
    <div class="widget__title">Погода</div>
    <div id="weather-data"><div class="widget-loading">Загрузка...</div></div>
  </div>
  <div class="island" id="widget-currency">
    <div class="widget__title">Курс валют</div>
    <div id="currency-data"><div class="widget-loading">Загрузка...</div></div>
  </div>
  <div class="island">
    <div class="widget__title">Рубрики</div>
    <div class="tags-cloud"><a class="tag" href="/cat/ai.html" style="margin:0 6px 6px 0">ИИ <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/tech.html" style="margin:0 6px 6px 0">Технологии <span style="color:var(--text-mute)">1</span></a><a class="tag" href="/cat/hardware.html" style="margin:0 6px 6px 0">Железо <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/it.html" style="margin:0 6px 6px 0">IT и код <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/software.html" style="margin:0 6px 6px 0">Софт <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/games.html" style="margin:0 6px 6px 0">Игры <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/gadgets.html" style="margin:0 6px 6px 0">Гаджеты <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/science.html" style="margin:0 6px 6px 0">Наука <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/crypto.html" style="margin:0 6px 6px 0">Крипто <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/money.html" style="margin:0 6px 6px 0">Деньги <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/career.html" style="margin:0 6px 6px 0">Карьера <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/business.html" style="margin:0 6px 6px 0">Бизнес <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/psychology.html" style="margin:0 6px 6px 0">Психология <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/health.html" style="margin:0 6px 6px 0">Здоровье <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/history.html" style="margin:0 6px 6px 0">История <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/education.html" style="margin:0 6px 6px 0">Образование <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/cinema.html" style="margin:0 6px 6px 0">Кино <span style="color:var(--text-mute)">0</span></a><a class="tag" href="/cat/future.html" style="margin:0 6px 6px 0">Будущее <span style="color:var(--text-mute)">0</span></a></div>
  </div>
  <div class="island subscribe-card">
    <h4>Рассылка</h4>
    <p>Новые статьи раз в неделю. Без спама.</p>
    <form id="subscribeForm">
      <input type="email" placeholder="Ваш email" required>
      <button type="submit">Подписаться</button>
    </form>
    <div class="subscribe-ok" id="subscribeOk">Вы подписаны!</div>
  </div>
</aside>
</div>
</div>

<footer class="site-footer">
  <div class="footer-inner">
    <div class="footer-brand">
      <div class="logo-text">Vibe</div>
      <p>Истории, факты и идеи, которые цепляют. О технологиях, науке, психологии и всём, что формирует наш мир.</p>
      <div class="footer-socials"><a href="https://t.me/" target="_blank" rel="noopener" title="telegram">✈</a><a href="https://x.com/" target="_blank" rel="noopener" title="twitter">𝕏</a></div>
    </div>
    <div class="footer-col">
      <h4>Рубрики</h4>
      <a href="/cat/ai.html">ИИ</a>
<a href="/cat/tech.html">Технологии</a>
<a href="/cat/hardware.html">Железо</a>
<a href="/cat/it.html">IT и код</a>
<a href="/cat/software.html">Софт</a>
<a href="/cat/games.html">Игры</a>
<a href="/cat/gadgets.html">Гаджеты</a>
<a href="/cat/science.html">Наука</a>
<a href="/cat/crypto.html">Крипто</a>
<a href="/cat/money.html">Деньги</a>
<a href="/cat/career.html">Карьера</a>
<a href="/cat/business.html">Бизнес</a>
<a href="/cat/psychology.html">Психология</a>
<a href="/cat/health.html">Здоровье</a>
<a href="/cat/history.html">История</a>
<a href="/cat/education.html">Образование</a>
<a href="/cat/cinema.html">Кино</a>
<a href="/cat/future.html">Будущее</a>

    </div>
    <div class="footer-col">
      <h4>Ссылки</h4>
      <a href="/">Главная</a>
      <a href="/rss.xml">RSS</a>
      <a href="/auth.html">Войти</a>
    </div>
    <div class="footer-col">
      <h4>Контакты</h4>
      <span>—</span>
    </div>
  </div>
  <div class="footer-bottom">
    <span>(c) 2026 Vibe</span>
    <div>
      <a href="#">Политика</a>
      <a href="#">Условия</a>
    </div>
  </div>
</footer>
<div class="progress-bar" id="progressBar"></div>
<div class="bar--bottom">
  <a class="tabbar__item " href="/"><span class="tabbar__icon">🏠</span><span>Лента</span></a>
  <a class="tabbar__item" href="/#search"><span class="tabbar__icon">🔍</span><span>Поиск</span></a>
  <a class="tabbar__item" href="/rss.xml"><span class="tabbar__icon">🔔</span><span>RSS</span></a>
  <a class="tabbar__item" href="/auth.html"><span class="tabbar__icon">👤</span><span>Профиль</span></a>
</div>
<a href="#" class="back-top" id="backTop">&uarr;</a>
<div id="google_translate_element" style="display:none"></div>
<script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit" async></script>
<script src="/scripts.js"></script>
</body>
</html>