Создай сайт с HTML-конструктором Tagix

<!-- 🔒 Управление доступом по ролям -->
<section tgx:roles="admin;editor:view">
  <h1>Добро пожаловать, администратор или редактор!</h1>
</section>
<section tgx:else>
  <p>У вас недостаточно прав для просмотра</p>
</section>

<!-- 👤 Условный вывод по ID пользователя -->
<section tgx:if="user.id > 0">
  <div tgx:if="user.id == 123">
    <p>Вы вошли как пользователь #123</p>
  </div>
  <div tgx:else-if="user.id == 120">
    <p>Вы вошли как пользователь #120</p>
  </div>
  <div tgx:else>
    <p>Вы вошли как пользователь</p>
  </div>
</section>
<section tgx:else>
  <p>Пожалуйста, авторизуйтесь</p>
</section>

<!-- 📄 Проверка наличия статьи -->
<tgx tgx:if="/articles/123">
  <p>Статья успешно найдена</p>
</tgx>
<tgx tgx:else>
  <p>Статья не найдена</p>
</tgx>

<!-- 📚 Вывод списка статей из базы данных -->
<ul tgx:repeat="(id, article) in /articles/">
  <li>
    <h2><< article.title >></h2>
    <div tgx:render="markdown"><< article.content >></div>
  </li>
</ul>
<section tgx:else>
  <p>Нет доступных статей</p>
</section>

<!-- 📋 Вывод статей из локального массива -->
<ul tgx:repeat="(id, article) in articles">
  <li>
    <h3><< article.title >> (ID: << id >>)</h3>
    <p><< article.content >></p>
  </li>
</ul>

<!-- 🔁 Повторение элементов -->
<div tgx:repeat="3">
  <p>Повторяющийся элемент</p>
</div>

<!-- ✍️ Добавление статьи (требуется авторизация) -->
<tgx database="/articles/" action="insert" title="New Article" tgx:if="user.id > 0">
  <content>Это новый контент статьи</content>
</tgx>
<section tgx:else>
  <p>Ошибка: пользователь не авторизован</p>
</section>

<!-- 📝 Форма для добавления статьи (только редакторы) -->
<form tgx:fields="title:text,content:textarea" tgx:roles="editor">
  <input name="title" placeholder="Введите заголовок" />
  <textarea name="content" placeholder="Введите контент"></textarea>
  <button type="submit">Добавить статью</button>
</form>
<section tgx:else>
  <p>Недостаточно прав для добавления</p>
</section>

<!-- 🔧 Обновление статьи -->
<tgx database="/articles/123" action="update" title="Updated" tgx:if="isEditable">
  <content>Обновлённый контент статьи</content>
</tgx>
<section tgx:else>
  <p>Редактирование статьи недоступно</p>
</section>

<!-- ❌ Удаление статьи -->
<tgx database="/articles/123" action="delete"></tgx>
<section tgx:else>
  <p>Ошибка при удалении статьи</p>
</section>

<!-- 📦 Архивирование статьи -->
<tgx database="/articles/123" action="archive"></tgx>

<!-- 🔄 Вставка или обновление статьи (только админы) -->
<tgx database="/articles/123" action="upsert" tgx:roles="admin">
  <title>Новый заголовок</title>
  <content>Новый контент</content>
</tgx>
<section tgx:else>
  <p>Недостаточно прав для операции</p>
</section>

<!-- 🖼️ Рендеринг Markdown -->
<div class="markdown" tgx:render="markdown"> # Заголовок **Жирный текст** </div>

<!-- 💡 Рендеринг HTML -->
<tgx tgx:render="html">
  <h2>HTML-контент</h2>
  <p>Описание</p>
</tgx>

<!-- 🧱 Стилизованный блок с доступом по ролям -->
<div tgx:class="bg-blue tc-white p-10" tgx:roles="admin:move,delete;editor:edit">
  <p>Блок доступен для администраторов и редакторов</p>
</div>

<!-- 🪟 Модальное окно (только админы) -->
<button tgx:roles="admin" tgx:modal="#newDialogModal"> Открыть модальное окно </button>

<!-- 🖊️ Кнопка редактирования (только редакторы) -->
<tgx tgx:roles="editor:edit">
  <button>Редактировать</button>
</tgx>
<tgx tgx:else>
  <p>Недостаточно прав для редактирования</p>
</tgx>

<!-- 🛠️ Вызов компонента -->
<tgx component="messenger-telegram"></tgx>