> For the complete documentation index, see [llms.txt](https://docs.trydrupal.com/radix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.trydrupal.com/radix/components/html.md).

# HTML

### Key Features

* **User Status**: The template adapts based on the user's logged-in status.
* **Dynamic Root Path**: It identifies and classifies pages based on their root path (e.g., 'node', 'admin', 'user').
* **Content Type Recognition**: For pages representing a node, the template can identify the content type.
* **Flexible Head Title**: Comprises elements like page title, site name, and slogan, assembled dynamically.
* **Page Segmentation**: Divides the page into `page_top`, `page`, and `page_bottom` segments for structured content rendering.
* **Offline Database Flag**: Indicates if the database is offline.
* **Head, CSS, and JS Management**: Integrates placeholders for head elements, CSS, and JavaScript.
* **Accessibility Features**: Includes a 'Skip to main content' link for enhanced keyboard navigation.

### Customization

* **CSS and JS Integration**: Easily integrate custom stylesheets and JavaScript files using placeholders.
* **Language and Path-based Styling**: Customize the appearance based on language settings and the root path.

### Usage

```twig
{% embed "radix:html" with {
  attributes: { class: ['custom-class'], id: 'custom-page-id' },
  logged_in: true,
  root_path: 'node',
  node_type: 'article',
  head_title: { title: 'Example Radix Page', name: 'Yolo!', slogan: 'Yolo today!' },
} %}
  {% block body_end %}
    'Some JS code that needs to run at the end of the body tag'
  {% endblock %}
{% endembed %}
```