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

<section class="container py-4">
  <h1 class="mb-3">TGX examples: ex1</h1>
  <p class="text-muted">Страница обновлена по актуальной документации Tagix. Ниже только пользовательские сценарии без системных тегов.</p>

  <hr>
  <h2>1) tgx:set: авто-типы и явное приведение</h2>

  <tgx tgx:set="demo_enabled">true</tgx>
  <tgx tgx:set="demo_count">42</tgx>
  <tgx tgx:set="demo_profile">{"name":"Alex","role":"editor"}</tgx>
  <tgx tgx:set="demo_tags">["tgx:set","tgx:if","tgx:repeat"]</tgx>

  <p>Переменная <code>demo_enabled</code>: </p>
  <p>Переменная <code>demo_count</code> + 8: </p>
  <p>Профиль:  ()</p>

  <tgx tgx:set="csv_text">alpha,beta,gamma</tgx>
  <tgx tgx:set="csv_list" type="array" delimiter=","></tgx>
  <p>Явное приведение <code>type="array"</code> + <code>delimiter</code>:</p>
  <ul>
    <li tgx:repeat="csv_list -> item"></li>
  </ul>

  <hr>
  <h2>2) Условия: tgx:if / tgx:else-if / tgx:else</h2>

  <div tgx:if="demo_enabled && demo_count >= 40" class="alert alert-success">
    Условие выполнено: demo_enabled=true и demo_count >= 40
  </div>
  <div tgx:else-if="demo_enabled" class="alert alert-warning">
    demo_enabled=true, но порог count не достигнут
  </div>
  <div tgx:else class="alert alert-secondary">
    Условие не выполнено
  </div>

  <hr>
  <h2>3) Циклы: tgx:repeat и tgx:repeat-text</h2>

  <div class="mb-2">Список директив:</div>
  <ul>
    <li tgx:repeat="demo_tags -> tag"></li>
  </ul>

  <div>
    Короткий вывод через <code>tgx:repeat-text</code>:
    <span tgx:repeat-text="csv_text -> token" tgx:delimiter=",">[]</span>
  </div>

  <hr>
  <h2>4) tgx:render="markdown"</h2>

  <tgx tgx:set="md_text">## Markdown блок
- пункт 1
- пункт 2
- переменная count: </tgx>
  <div class="border rounded p-3" tgx:render="markdown"></div>

  <hr>
  <h2>5) AJAX-связка: tgx:ajax-get + tgx:target + tgx:swap + tgx:trigger</h2>

  <button
    class="btn btn-primary"
    tgx:ajax-get="/api/v1/domain/status"
    tgx:target="#ajax-result"
    tgx:swap="#ajax-result:innerHTML"
    tgx:trigger="click">
    Проверить endpoint
  </button>

  <div id="ajax-result" class="mt-3 p-3 border rounded text-muted">
    Нажмите кнопку для запроса.
  </div>

  <hr>
  <h2>6) Быстрые ссылки на документацию</h2>
  <ul>
    <li><a href="/faq/directives/tgx-set/">tgx:set</a></li>
    <li><a href="/faq/directives/tgx-if/">tgx:if</a></li>
    <li><a href="/faq/directives/tgx-repeat/">tgx:repeat</a></li>
    <li><a href="/faq/directives/tgx-repeat-text/">tgx:repeat-text</a></li>
    <li><a href="/faq/directives/tgx-render/">tgx:render</a></li>
    <li><a href="/faq/directives/tgx-target/">tgx:target</a></li>
    <li><a href="/faq/directives/tgx-swap/">tgx:swap</a></li>
    <li><a href="/faq/directives/tgx-trigger/">tgx:trigger</a></li>
  </ul>

  <p class="text-muted mb-0">Примечание: директивы <code>tgx:response</code> и <code>tgx:terminate</code> обычно применяются в страницах обработки ошибок/контроля доступа.</p>
</section>