
    
    
    
    
            
    
    
        
                
    
    
        
            
    
    
        
            
    
    
        
                
    
    
        
            
    
    
        
            
    
    
        
                
    
    
        
                
    
    
        
        
{"version":"https:\/\/jsonfeed.org\/version\/1","title":"Hadron","home_page_url":"https:\/\/usehadron.dev\/en\/docs","feed_url":"https:\/\/usehadron.dev\/en\/docs.json","description":"Hadron is a Grav theme and skeleton that serves as a template for beginners to create websites and webshops, but can also be used by professionals as a foundation for complex projects.","author":{"name":"Bartholom\u00e9 Plong\u00e9e"},"items":[{"title":"News Banner","date_published":"2026-09-17T16:03:22+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/news-banner","url":"https:\/\/usehadron.dev\/en\/docs\/news-banner","content_html":"<body><div class=\"md-alert md-alert--important\" dir=\"auto\">\n<p class=\"md-alert-title\"><svg class=\"octicon octicon-report inline-block \" viewbox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v9.5A1.75 1.75 0 0 1 14.25 13H8.06l-2.573 2.573A1.458 1.458 0 0 1 3 14.543V13H1.75A1.75 1.75 0 0 1 0 11.25Zm1.75-.25a.25.25 0 0 0-.25.25v9.5c0 .138.112.25.25.25h2a.75.75 0 0 1 .75.75v2.19l2.72-2.72a.749.749 0 0 1 .53-.22h6.5a.25.25 0 0 0 .25-.25v-9.5a.25.25 0 0 0-.25-.25Zm7 2.25v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 9a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"><\/path><\/svg> Important<\/p>\n<div class=\"md-alert-body\">\n<p>These docs are compatible only with <span class=\"hadron-font\">Hadron v3<\/span>, using <a href=\"https:\/\/getgrav.org\/blog\/grav-2-stable-released\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav v2<\/a> &amp; <a href=\"https:\/\/github.com\/getgrav\/grav-theme-quark2\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Quark2<\/a>, as there are significant changes in structure and functionality.<\/p>\n<p>You can find the Hadron v2 Documentation either on the <a href=\"https:\/\/web.archive.org\/web\/20260702141259\/https:\/\/usehadron.dev\/en\/docs\">Wayback Machine<\/a> or on the <a href=\"https:\/\/github.com\/Crabston\/grav-skeleton-hadron\/tree\/2.2.1\/pages\/06.docs\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">GitHub Repository<\/a>.<\/p>\n<\/div>\n<\/div><\/body>"},{"title":"Introduction","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/intro","url":"https:\/\/usehadron.dev\/en\/docs\/intro","content_html":"<h2 id=\"what-is-hadron\"><a href=\"#what-is-hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>What is Hadron?<\/h2>\n<p><span class=\"hadron-font\">Hadron<\/span> is more than a modern and customizable <a href=\"https:\/\/getgrav.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav<\/a> theme and skeleton. On the one hand, it is optimized for beginners to quickly create a simple website, but on the other hand, it is also suitable for professionals who want to use Hadron as a foundation for a complex website with self-developed functions.<\/p>\n<p>The Hadron theme is based on <a href=\"https:\/\/github.com\/getgrav\/grav-theme-quark2\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Quark2<\/a>. It enhances Quark2 with additional features and customization options Quark2 doesn't support. There are also new page templates and other elements that are not part of Quark2. If you are already using Quark or Quark2, you can easily switch to Hadron by installing the Hadron theme and changing the theme in the Grav configuration.<\/p>\n<h2 id=\"what-is-the-difference-be\"><a href=\"#what-is-the-difference-be\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>What is the difference between the Hadron Skeleton &amp; Theme?<\/h2>\n<p><span class=\"hadron-font\">Hadron<\/span> comes in 2 variants: as a theme and as a skeleton.<\/p>\n<p>The theme is a modular part of Grav. Similar to plugins, themes can be installed more or less freely. Depending on the theme, there are different types of pages that can be used, as well as other options to edit the behavior of the page.<\/p>\n<p>The skeleton is a larger part of Grav. It includes the entire <code>\/user<\/code> folder, which acts as the customizable part of a website made with Grav, including the Hadron theme itself. More precisely, this includes pages, configurations, plugins, themes, and possibly also accounts and other data.<\/p>\n<p>Thus, the skeleton can be used as a ready-made template for a website, which can be edited and published directly. The theme, however, requires an existing page.<\/p>\n<h2 id=\"should-i-use-the-skeleton\"><a href=\"#should-i-use-the-skeleton\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Should I use the Skeleton or the Theme?<\/h2>\n<p>Depending on the use case, it is better to use the skeleton or the theme.<\/p>\n<h3 id=\"why-the-skeleton\"><a href=\"#why-the-skeleton\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Why the Skeleton?<\/h3>\n<p>You should use the Hadron skeleton in the following cases:<\/p>\n<ul>\n<li>you want a ready-to-use website that you can simply edit<\/li>\n<li>you are looking for an easy way to get started with Grav CMS<\/li>\n<li>you want to try out Hadron yourself<\/li>\n<\/ul>\n<h3 id=\"when-the-theme\"><a href=\"#when-the-theme\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>When the Theme?<\/h3>\n<p>In the following cases, it makes more sense to use the theme instead of the skeleton:<\/p>\n<ul>\n<li>you have already created a page with Grav and are looking for a (different) theme<\/li>\n<li>you use the Quark2 theme but want more features<\/li>\n<li>you do not want to use a website template but build everything from scratch<\/li>\n<\/ul>\n<h2 id=\"features-of-hadron\"><a href=\"#features-of-hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Features of Hadron<\/h2>\n<p>The Hadron theme offers the following features:<\/p>\n<ul>\n<li>Ready-to-use language switcher for multilingual sites<\/li>\n<li>Unique support for responsive tables<\/li>\n<li>Menu with dropdown support and customizable menu items<\/li>\n<li>More theme customization options<\/li>\n<li>Built-in Support for H5P<\/li>\n<li>Built-in Support for Embed.ly<\/li>\n<li>more German translations<\/li>\n<li>Featured posts in blogs<\/li>\n<\/ul>\n<h3 id=\"skeleton-only-features\"><a href=\"#skeleton-only-features\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Skeleton-only features:<\/h3>\n<p>These features are only available through the skeleton:<\/p>\n<ul>\n<li><strong>Ready-to-use Grav instance with Hadron theme<\/strong><\/li>\n<li>Full website template with examples for websites with optional webshop<\/li>\n<li>Configured for multilingual and can be easily extended to support other languages<\/li>\n<li>Many standard features that are needed for most websites already included<\/li>\n<li>Pre-defined groups configuration to easily manage user permissions via admin<\/li>\n<li>Pre-installed plugins + pre-setup config to enhance the site for publishing<\/li>\n<li>Pre-setup...<\/li><\/ul>","tags":["Beginner","Expert","Introduction"],"image":"\/images\/h\/e\/r\/o\/-\/hero-82fa933e.webp"},{"title":"Introduction | Skeleton","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/skeleton\/introduction","url":"https:\/\/usehadron.dev\/en\/docs\/skeleton\/introduction","content_html":"<body><h2 id=\"introduction\"><a href=\"#introduction\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Introduction<\/h2>\n<p>This hadron Skeleton includes the <a href=\"\/en\/docs\/theme\">Hadron Theme<\/a> itself, plus a ready-to-use user folder with examples, templates and much more to start building upon our templates to create a new website easily using Grav CMS.<\/p>\n<h2 id=\"hadron\"><a href=\"#hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Hadron<\/h2>\n<p>Hadron comes in 2 variants: as a theme and as a skeleton. Learn more about that on the <a href=\"\/en\/docs\/intro\">Hadron Introduction<\/a>.<\/p>\n<h2 id=\"features\"><a href=\"#features\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Features<\/h2>\n<p>The Hadron Skeleton includes the following features:<\/p>\n<h3 id=\"ready-to-use-grav-instanc\"><a href=\"#ready-to-use-grav-instanc\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Ready-to-use Grav instance with Hadron theme<\/h3>\n<p>The Hadron Skeleton is a ready-to-use boilerplate for a website that can be edited and published directly. This allows you to quickly and easily create a website with Grav without having to start from scratch.<\/p>\n<h3 id=\"full-website-template-wit\"><a href=\"#full-website-template-wit\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Full website template with examples for websites with optional webshop<\/h3>\n<p>It includes various example pages and templates that serve as a starting point for creating a new website.<\/p>\n<h3 id=\"configured-for-multilingu\"><a href=\"#configured-for-multilingu\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Configured for multilingual and can be easily extended to support other languages<\/h3>\n<p>The website is configured for multilingual support and can be easily extended to support additional languages.<\/p>\n<h3 id=\"many-standard-features-th\"><a href=\"#many-standard-features-th\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Many standard features that are needed for most websites already included<\/h3>\n<p>Features most websites require out of the box are included, such as SEO, contact forms, blogging, and much more.<\/p>\n<h3 id=\"pre-defined-groups-config\"><a href=\"#pre-defined-groups-config\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Pre-defined groups configuration to easily manage user permissions via admin<\/h3>\n<p>Default groups for optimal user permissions are already defined. This allows users with different permissions to be created to ensure the security of the website.<\/p>\n<h3 id=\"pre-installed-plugins-pre\"><a href=\"#pre-installed-plugins-pre\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Pre-installed plugins + pre-setup config to enhance the site for publishing<\/h3>\n<p>A selection of plugins and themes are already installed and configured, as other configuration is done already. This makes publishing a new website much easier by reducing the amount of setup required.<\/p>\n<h3 id=\"pre-setup-config-for-send\"><a href=\"#pre-setup-config-for-send\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Pre-setup config for SendGrid email support<\/h3>\n<p>In addition to the email configuration, there is also an optional, default configuration for SendGrid Email. This allows emails to be sent via SendGrid (<strong>own account needed!<\/strong>). This function supports the Doppler Secrets Manager.<\/p>\n<h3 id=\"pre-setup-config-for-dopp\"><a href=\"#pre-setup-config-for-dopp\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Pre-setup config for Doppler secrets manager<\/h3>\n<p>An additional feature of this skeleton is the default configuration for the Doppler Secrets Manager. This allows secret information such as API keys, passwords and other sensitive data to be securely stored and retrieved (<strong>own account needed!<\/strong>).<\/p>\n<p>For this feature, our <a href=\"https:\/\/github.com\/Crabston\/grav\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">modified Grav Core<\/a> is required, so that these can be automatically fetched by Doppler.<\/p>\n<h2 id=\"next-steps\"><a href=\"#next-steps\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Next steps<\/h2>\n<p>To install the Hadron Skeleton, follow the instructions <a href=\"\/en\/docs\/skeleton\/installation\">Hadron Skeleton Installation<\/a>.<\/p><\/body>","tags":["Beginner","Expert","Introduction","Skeleton"]},{"title":"Introduction | Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/theme\/Introduction","url":"https:\/\/usehadron.dev\/en\/docs\/theme\/Introduction","content_html":"<body><h2 id=\"introduction\"><a href=\"#introduction\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Introduction<\/h2>\n<p>The <span class=\"hadron-font\">Hadron<\/span> Theme is part of the <a href=\"\/en\/docs\/skeleton\">Hadron Skeleton<\/a> and is based on <a href=\"https:\/\/github.com\/getgrav\/grav-theme-quark2\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Quark2<\/a>. It enhances Quark2 with additional features and customization options Quark2 doesn't support. There are also new page templates and other elements that are not part of Quark2.<\/p>\n<p>If you are already using Quark or Quark2, you can easily switch to Hadron by installing the Hadron theme and changing the theme in the Grav configuration.<\/p>\n<h2 id=\"hadron\"><a href=\"#hadron\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Hadron<\/h2>\n<p><span class=\"hadron-font\">Hadron<\/span> comes in 2 variants: as a theme and as a skeleton. Learn more about that on the <a href=\"\/en\/docs\/intro\">Hadron Introduction<\/a>.<\/p>\n<h2 id=\"features\"><a href=\"#features\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Features<\/h2>\n<p>The Hadron Theme offers the following features:<\/p>\n<h3 id=\"ready-to-use-language-swi\"><a href=\"#ready-to-use-language-swi\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Ready-to-use language switcher for multilingual sites<\/h3>\n<p>A language switcher is included in the header of the site, permitting users to switch between different languages when the site is configured for multilingual support. The appearance and behavior of the language switcher can be customized in the theme configuration.<\/p>\n<h3 id=\"unique-support-for-respon\"><a href=\"#unique-support-for-respon\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Unique support for responsive tables<\/h3>\n<p>Tables can be automatically optimized for mobile devices. This means that tables are displayed differently on mobile devices to improve readability. Learn more about mobile-friendly tables at the <a href=\"\/en\/elements#mobile-friendly-tables\">Elements page<\/a>.<\/p>\n<h3 id=\"menu-with-dropdown-suppor\"><a href=\"#menu-with-dropdown-suppor\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Menu with dropdown support and customizable menu items<\/h3>\n<p>The menu \/ navigation in the header can be enhanced with a drop-down menu. This allows not only the main pages but also the subpages to be displayed in the navigation.<\/p>\n<h3 id=\"more-theme-customization-\"><a href=\"#more-theme-customization-\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>More theme customization options<\/h3>\n<p>The Hadron theme offers more configuration options for theme &amp; pages to customize the appearance and behavior of the site. Learn more about the theme options in the <a href=\"\/en\/docs\/theme\/options\">Theme Options<\/a>.<\/p>\n<h3 id=\"built-in-support-for-h5p\"><a href=\"#built-in-support-for-h5p\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Built-in Support for H5P<\/h3>\n<p>H5P is a framework for creating interactive content. The Hadron Theme supports H5P to embed interactive content in Grav.<\/p>\n<h3 id=\"built-in-support-for-embe\"><a href=\"#built-in-support-for-embe\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Built-in Support for Embed.ly<\/h3>\n<p>Embed.ly is a service that allows embedding content from other websites. The Hadron Theme supports Embed.ly to embed content from other websites.<\/p>\n<h3 id=\"more-german-translations\"><a href=\"#more-german-translations\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>more German translations<\/h3>\n<p>The Hadron theme includes a more complete German language pack used in the Admin and the front-end of the site if German pages are used.<\/p>\n<h3 id=\"featured-posts-in-blogs\"><a href=\"#featured-posts-in-blogs\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Featured posts in blogs<\/h3>\n<p>In blog pages, posts can be pinned to feature them. This is particularly useful for marking important posts or announcements.<\/p>\n<h3 id=\"other-enhancements\"><a href=\"#other-enhancements\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Other enhancements<\/h3>\n<p>The Hadron theme also includes other small, not notable enhancements to improve the user experience and customize the theme to the users' needs.<\/p>\n<h2 id=\"next-steps\"><a href=\"#next-steps\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Next steps<\/h2>\n<p>To install the Hadron Theme, follow the <a href=\"\/en\/docs\/theme\/installation\">Theme Installation guide<\/a>.<\/p><\/body>","tags":["Beginner","Expert","Introduction","Theme"]},{"title":"Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/theme","url":"https:\/\/usehadron.dev\/en\/docs\/theme","content_html":"<body><h1><span class=\"hadron-font\">Hadron<\/span> Documentation -- Theme<\/h1>\n<h2 id=\"everything-about-the-hadr\"><a href=\"#everything-about-the-hadr\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Everything about the Hadron Theme for Grav<\/h2>\n<p><span class=\"hadron-font\">Hadron<\/span> is more than a modern and customizable <a href=\"https:\/\/getgrav.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav<\/a> theme and skeleton. On the one hand, it is optimized for beginners to quickly create a simple website, but on the other hand, it is also suitable for professionals who want to use Hadron as a foundation for a complex website with self-developed functions.<\/p><\/body>","tags":["Theme"],"image":"\/images\/b\/a\/n\/n\/e\/banner-ffbd4ea4.jpg"},{"title":"Installation | Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/theme\/installation","url":"https:\/\/usehadron.dev\/en\/docs\/theme\/installation","content_html":"<body><h2 id=\"installation\"><a href=\"#installation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Installation<\/h2>\n<p>Installing the Hadron theme can be done in multiple ways. The GPM (Grav Package Manager) installation method enables you to quickly and easily install the theme with a simple terminal command, while the manual method enables you to do so via a zip file. There are other methods available, such as installing via the Admin Plugin or via Git.<\/p>\n<p>The theme by itself is useful, but you may have an easier time getting up and running by installing a skeleton. See the <a href=\"https:\/\/github.com\/Crabston\/grav-skeleton-hadron\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Hadron Skeleton Repository<\/a> or <a href=\"\/en\/docs\/skeleton\">Hadron Skeleton Docs<\/a> which is a self-contained repository for a complete site which include: sample content, page templates, configuration, theme, and plugins and much more!<\/p>\n<h3 id=\"1-gpm-installation-recomm\"><a href=\"#1-gpm-installation-recomm\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1. GPM Installation (recommended)<\/h3>\n<p>The simplest way to install this theme is via the <a href=\"http:\/\/learn.getgrav.org\/advanced\/grav-gpm\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav Package Manager (GPM)<\/a> through your system's Terminal (also called the command line). From the root of your Grav installation, type:<\/p>\n<pre><code class=\"language-shell\">bin\/gpm install hadron<\/code><\/pre>\n<p>This command installs the Hadron theme in your <code>\/user\/themes<\/code> directory within Grav. The theme files can be found under <code>\/your\/site\/grav\/user\/themes\/hadron<\/code>.<\/p>\n<p>The main advantage of this method is that you can update the theme with a simple command:<\/p>\n<pre><code class=\"language-shell\">bin\/gpm update hadron<\/code><\/pre>\n<h3 id=\"2-admin-plugin-installati\"><a href=\"#2-admin-plugin-installati\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2. Admin Plugin Installation<\/h3>\n<p>If you are using the <a href=\"https:\/\/github.com\/getgrav\/grav-plugin-admin\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Admin Plugin<\/a> or <a href=\"https:\/\/github.com\/getgrav\/grav-plugin-admin2\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Admin2 Plugin<\/a>, you can install the theme directly through the Admin(2) Plugin. Go to the <code>Themes<\/code> section, click on <code>Add<\/code> and search for <code>hadron<\/code>. Select the theme and click on <code>Install<\/code>.<\/p>\n<p>The theme will now be installed in your <code>\/user\/themes<\/code> directory. It can also be updated via the Admin Plugin when a new version is available.<\/p>\n<h3 id=\"3-git-installation\"><a href=\"#3-git-installation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>3. Git Installation<\/h3>\n<p>As an alternative, you can also install the theme via Git. Go to your Grav root <code>\/your\/site\/grav<\/code> directory and run the following command:<\/p>\n<pre><code class=\"language-shell\">git clone https:\/\/github.com\/Crabston\/grav-theme-hadron.git \/user\/themes\/hadron<\/code><\/pre>\n<p>The theme can now be found in the directory <code>\/your\/site\/grav\/user\/themes\/hadron<\/code>.<\/p>\n<p>To update the theme, you can simply change to the theme directory and run <code>git pull<\/code>:<\/p>\n<pre><code class=\"language-shell\">cd \/your\/site\/grav\/user\/themes\/hadron\ngit pull<\/code><\/pre>\n<h3 id=\"4-manual-installation-not\"><a href=\"#4-manual-installation-not\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>4. Manual Installation (not recommended)<\/h3>\n<p>To manually install the theme, simply download the zip version of this repository and unpack it under <code>\/your\/site\/grav\/user\/themes<\/code>. Then rename the folder to <code>hadron<\/code>. The theme files can be found on <a href=\"https:\/\/github.com\/Crabston\/grav-theme-hadron\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">GitHub<\/a> or on <a href=\"http:\/\/getgrav.org\/downloads\/themes\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">GetGrav.org<\/a>.<\/p>\n<p>You now have all theme files under <code>\/your\/site\/grav\/user\/themes\/hadron<\/code>.<\/p>\n<h2 id=\"next-steps\"><a href=\"#next-steps\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Next steps<\/h2>\n<p>After installing the theme, you can activate the theme in the <code>Grav Admin<\/code> interface. To do this, go to the <code>Themes<\/code> section and select <code>Hadron<\/code>. Click on <code>Activate<\/code> to activate the theme.<\/p>\n<p>The theme is now activated and should be visible on your site. You can now customize the theme settings and design the page to your liking. Learn more about the <a href=\"\/en\/docs\/theme\/options\">Theme Options<\/a>.<\/p><\/body>","tags":["Beginner","Expert","Installation","Theme"]},{"title":"Installation | Skeleton","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/skeleton\/installation","url":"https:\/\/usehadron.dev\/en\/docs\/skeleton\/installation","content_html":"<h2 id=\"installation\"><a href=\"#installation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Installation<\/h2>\n<p>There are basically two methods to install the Hadron Skeleton: check out the quickstart methods <a href=\"#installation-for-develope\">Installation (for developers)<\/a> &amp; <a href=\"#installation-for-beginner\">Installation (for beginners)<\/a><\/p>\n<h2 id=\"installation-for-develope\"><a href=\"#installation-for-develope\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Installation (for developers)<\/h2>\n<p>If you want to make changes with Git to the skeleton, the most comfortable way is to clone the repository. That way you can easily pull updates and changes from the original repository. There are multiple variations, depending on what you want to do with the skeleton:<\/p>\n<h3 id=\"creating-from-the-templat\"><a href=\"#creating-from-the-templat\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Creating from the template (recommended)<\/h3>\n<p>If you would like to create a new repository based on this skeleton, you can use the <code>Use this template<\/code> button on the GitHub repository page. This will create a new repository in your account based on the skeleton. But you will not be able to pull updates from the original repository. <br>\n<em>This is the recommended way if you want to develop a new site based on this skeleton and do not plan to contribute to the original skeleton or pull updates from it.<\/em><\/p>\n<p>To create a new repository based on this skeleton, click the <code>Use this template<\/code> button on the GitHub repository page. You will be asked to enter a repository name and description. After that, you have a current copy of the skeleton in your account. You can now clone the repository to your computer and start developing your site.<\/p>\n<div class=\"md-alert md-alert--note\" dir=\"auto\">\n<p class=\"md-alert-title\"><svg class=\"octicon octicon-info inline-block \" viewbox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z\"><\/path><\/svg> Note<\/p>\n<div class=\"md-alert-body\">\n<p>You will have to clone the repository to the <code>user<\/code> folder of your Grav installation (Grav core). See below how to do it.<\/p>\n<\/div>\n<\/div>\n<h3 id=\"creating-a-fork\"><a href=\"#creating-a-fork\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Creating a fork<\/h3>\n<p>By forking this repository, you create a linked copy of the original repository in your own GitHub account. This way you can make changes to the skeleton and push them to your own repository. You can then create a new site using your fork as a skeleton. <br>\n<em>This is the recommended way if you want to contribute to the original skeleton or pull updates from it.<\/em><\/p>\n<p>To fork the repository, click the <code>Fork<\/code> button on the GitHub repository page. You will now have a copy of the skeleton in your account. You can clone the repository to your computer and start developing your site.<\/p>\n<div class=\"md-alert md-alert--note\" dir=\"auto\">\n<p class=\"md-alert-title\"><svg class=\"octicon octicon-info inline-block \" viewbox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z\"><\/path><\/svg> Note<\/p>\n<div class=\"md-alert-body\">\n<p>You will have to clone the repository to the <code>user<\/code> folder of your Grav installation (Grav core). See below how to do it.<\/p>\n<\/div>\n<\/div>\n<h3 id=\"cloning-the-repository-di\"><a href=\"#cloning-the-repository-di\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Cloning the repository directly (not recommended)<\/h3>\n<p>Cloning the repository directly will create a local copy of the skeleton on your computer.\n<em>This is only recommended if you want to try out the skeleton or make changes to it without contributing to the original repository or pulling updates from it. If you would rather create a new site based on the skeleton, use one of the above methods.<\/em><\/p>\n<p>To clone the repository directly, use the following commands:<\/p>\n<pre><code class=\"language-bash\">cd \/your\/preferred\/directory\ngit clone https:\/\/github.com\/Crabston\/grav.git .\ngit clone https:\/\/github.com\/Crabston\/grav-skeleton-hadron.git user<\/code><\/pre>\n<h2 id=\"installation-for-beginner\"><a href=\"#installation-for-beginner\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Installation (for beginners)<\/h2>\n<p>If you are new to Grav \/ Website \/ Programming, you can download the skeleton as a ZIP file and install it manually. You can download two different versions of the skeleton:<\/p>\n<h3 id=\"download-zip-file\"><a href=\"#download-zip-file\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Download ZIP file<\/h3>\n<p>By...<\/p>","tags":["Beginner","Expert","Installation","Skeleton"]},{"title":"Skeleton","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/skeleton","url":"https:\/\/usehadron.dev\/en\/docs\/skeleton","content_html":"<body><h1><span class=\"hadron-font\">Hadron<\/span> Documentation -- Skeleton<\/h1>\n<h2 id=\"everything-about-the-hadr\"><a href=\"#everything-about-the-hadr\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Everything about the Hadron Skeleton for Grav<\/h2>\n<p><span class=\"hadron-font\">Hadron<\/span> is more than a modern and customizable <a href=\"https:\/\/getgrav.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Grav<\/a> theme and skeleton. On the one hand, it is optimized for beginners to quickly create a simple website, but on the other hand, it is also suitable for professionals who want to use Hadron as a foundation for a complex website with self-developed functions.<\/p><\/body>","tags":["Skeleton"],"image":"\/images\/b\/a\/n\/n\/e\/banner-fa217499.jpg"},{"title":"Options | Theme","date_published":"2026-07-02T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/theme\/options","url":"https:\/\/usehadron.dev\/en\/docs\/theme\/options","content_html":"<h2 id=\"theme-options\"><a href=\"#theme-options\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Theme Options<\/h2>\n<p>The Hadron theme offers a variety of options to customize the appearance and behavior of the site. These options can be configured in the Admin Panel or by editing the theme configuration file.<\/p>\n<h2 id=\"admin-panel\"><a href=\"#admin-panel\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Admin Panel<\/h2>\n<p>To configure the theme, navigate in the Admin Panel to <code>Themes<\/code> and select the <code>Hadron<\/code> theme:\n<a rel=\"lightbox\" href=\"\/images\/a\/d\/m\/i\/n\/admin-themesen-1f14307d.webp\">\n  <img alt=\"Hadron in Admin Panel\" src=\"\/images\/a\/d\/m\/i\/n\/admin-themesen-1f14307d.webp\">\n<\/a><\/p>\n<p>Here you can find the theme options, grouped into different categories:\n<a rel=\"lightbox\" href=\"\/images\/a\/d\/m\/i\/n\/admin-hadron-settingsen-402191c3.webp\">\n  <img alt=\"Hadron Theme Options in Admin Panel\" src=\"\/images\/a\/d\/m\/i\/n\/admin-hadron-settingsen-402191c3.webp\">\n<\/a><\/p>\n<h3 id=\"appearance\"><a href=\"#appearance\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Appearance<\/h3>\n<ul>\n<li><strong>Theme Mode Default<\/strong>: Sets the default theme mode for the site. Options include <code>auto<\/code>, <code>light<\/code>, and <code>dark<\/code>. Use <code>auto<\/code> to automatically switch between light and dark mode based on the user's system preferences.<\/li>\n<li><strong>Accent Color<\/strong>: Sets the accent color for the theme. This can be any valid CSS HEX color value.<\/li>\n<li><em>Branding<\/em>\n<ul>\n<li><strong>Custom Favicon<\/strong>: Upload a custom favicon for the site. The favicon is the small icon that appears in the browser tab and bookmarks.<\/li>\n<li><strong>Monochrome Logo<\/strong>: Enable or disable a monochrome logo that changes depending on the theme mode (light\/dark). Only recommended if you have a grayscale logo. If you have a colored logo, it is recommended to disable this option.<\/li>\n<li><strong>Custom logo<\/strong>: Upload a custom logo for the header navigation<\/li>\n<li><strong>Custom logo (Mobile View)<\/strong>: Upload a custom logo for the header navigation in mobile view<\/li>\n<\/ul><\/li>\n<li><em>Header Settings<\/em>\n<ul>\n<li><strong>Fixed Header<\/strong>: Enable or disable a fixed (sticky) header.<\/li>\n<li><strong>Animate Header<\/strong>: Enable or disable an animated header on scroll<\/li>\n<li><strong>Transparent Header (hero)<\/strong>: Enable or disable a transparent header on hero pages<\/li>\n<\/ul><\/li>\n<li><em>Footer Settings<\/em>\n<ul>\n<li><strong>Sticky Footer<\/strong>: Enable or disable a sticky footer. When enabled, the footer is always at the bottom of the page, even if the content is not long enough to fill the viewport.<\/li>\n<\/ul><\/li>\n<\/ul>\n<h3 id=\"menu\"><a href=\"#menu\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Menu<\/h3>\n<ul>\n<li><strong>Hide TItle<\/strong>: Enable or disable the site title in the header navigation.<\/li>\n<li><strong>Display Dropdowns in Menu<\/strong>: Enable or disable a dropdown menu in the header navigation. When enabled, subpages will be displayed in a dropdown menu under their parent page.<\/li>\n<li><strong>Display Custom Menus in Menu<\/strong>: Enable or disable custom menus in the header navigation. When enabled, you can add custom menu items to the header navigation.<\/li>\n<li><strong>Custom Menu Items<\/strong>: Add custom menu items to the header navigation. You can add a title and a URL for each menu item and an optional Font Awesome icon.<\/li>\n<\/ul>\n<h3 id=\"features\"><a href=\"#features\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>Features<\/h3>\n<ul>\n<li><em>Icon Settings (Font Awesome)<\/em>\n<ul>\n<li><strong>Font Awesome 7<\/strong>: Enable or disable the use of Font Awesome icons (V7). If disabled, no Font Awesome icons will be displayed on the entire website.<\/li>\n<li><strong>Serve Font Awesome locally<\/strong>: Enable or disable serving Font Awesome icons locally. When enabled, expects <code>css\/fontawesome\/all.min.css<\/code> to exist in the theme. Otherwise, uses the official CDN.<\/li>\n<\/ul><\/li>\n<li><em>Language Switcher<\/em>\n<ul>\n<li><strong>Enable Language Switcher<\/strong>: Enable or disable the language switcher in the header navigation. When enabled, users can switch between different languages if the site is configured for multilingual support.<\/li>\n<li><strong>Display Style<\/strong>: Choose the display style for the language switcher. Options include <code>dropdown<\/code> and <code>inline<\/code>. The dropdown style displays the languages in a dropdown menu,...<\/li><\/ul><\/li><\/ul>","tags":["Beginner","Expert","Options","Theme"],"image":"\/images\/a\/d\/m\/i\/n\/admin-hadron-settingsde-15a34918.webp"},{"title":"Setup | Skeleton","date_published":"2026-07-03T00:00:00+02:00","id":"https:\/\/usehadron.dev\/en\/docs\/skeleton\/setup","url":"https:\/\/usehadron.dev\/en\/docs\/skeleton\/setup","content_html":"<div class=\"md-alert md-alert--tip\" dir=\"auto\">\n<p class=\"md-alert-title\"><svg class=\"octicon octicon-light-bulb inline-block \" viewbox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z\"><\/path><\/svg> Tip<\/p>\n<div class=\"md-alert-body\">\n<p>Follow this step-by-step guide which describes how we at <a href=\"https:\/\/crabston.ch\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Crabston GmbH<\/a> create and configure websites for our clients using the <a href=\"https:\/\/github.com\/Crabston\/grav-skeleton-hadron\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Hadron Skeleton<\/a>.<\/p>\n<\/div>\n<\/div>\n<h2 id=\"0-preparation\"><a href=\"#0-preparation\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>0. Preparation<\/h2>\n<ol>\n<li>Fork the skeleton repository \/ create from template<\/li>\n<li>Clone the repository including Grav:\n<pre><code class=\"language-shell\">cd \/your\/preferred\/directory\ngit clone https:\/\/github.com\/Crabston\/grav.git .\ngit clone https:\/\/github.com\/Crabston\/grav-skeleton-hadron.git user<\/code><\/pre><\/li>\n<\/ol>\n<div class=\"md-alert md-alert--note\" dir=\"auto\">\n<p class=\"md-alert-title\"><svg class=\"octicon octicon-info inline-block \" viewbox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z\"><\/path><\/svg> Note<\/p>\n<div class=\"md-alert-body\">\n<p>See the <a href=\"\/en\/docs\/skeleton\/installation\">Hadron Skeleton installation guide<\/a> for additional cloning methods and alternatives.<\/p>\n<\/div>\n<\/div>\n<h3 id=\"0-1-sendgrid-api-key\"><a href=\"#0-1-sendgrid-api-key\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>0.1 SendGrid API Key<\/h3>\n<p><a href=\"https:\/\/sendgrid.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">SendGrid<\/a> is an email service provider that enables sending email. You need an account with SendGrid for this.<\/p>\n<p>Once a basic configuration exists, create a new API key at <a href=\"https:\/\/app.sendgrid.com\/settings\/api_keys\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">app.sendgrid.com\/settings\/api_keys<\/a> with the permission Mail Send (Mail Send: Yes). Add the key to your configuration or manage it via Doppler.<\/p>\n<h3 id=\"0-2-umami-website-id\"><a href=\"#0-2-umami-website-id\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>0.2 Umami Website ID<\/h3>\n<p><a href=\"https:\/\/github.com\/Crabston\/grav-plugin-umami-analytics\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Umami Analytics<\/a> is an open-source analytics tool for collecting detailed website statistics. You need an account on <a href=\"https:\/\/umami.is\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Umami<\/a> or access to a hosting server.<\/p>\n<p>Create a new site\/project in Umami and copy the website ID. Then add the website ID in the Umami configuration or manage it via Doppler.<\/p>\n<h3 id=\"0-3-doppler-configuration\"><a href=\"#0-3-doppler-configuration\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>0.3 Doppler configuration<\/h3>\n<p><a href=\"https:\/\/www.doppler.com\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"external-link no-image\">Doppler<\/a> is a secrets manager for securely storing and managing API keys and other sensitive data. You need a Doppler account for this.<\/p>\n<p>Create a new project in Doppler, then add the following secrets:<\/p>\n<ul>\n<li><code>SENDGRID_API_KEY<\/code>: API_KEY_VALUE: <code>plugins.email_DASH_sendgrid.api_key<\/code><\/li>\n<li><code>UMAMI_WEBSITE_ID<\/code>: WEBSITE_ID_VALUE: <code>plugins.umami_DASH_analytics.website_id<\/code><\/li>\n<\/ul>\n<p>The list above is in the format <code>SECRET_NAME: SECRET_VALUE: SECRET_PATH<\/code>. <code>SECRET_NAME<\/code> is the secret's name, <code>SECRET_VALUE<\/code> is its value and <code>SECRET_PATH<\/code> is the path where the secret is used. Add <code>SECRET_PATH<\/code> as a note in Doppler.<\/p>\n<p>After adding the secrets, update the Doppler configuration file <code>doppler.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">setup:\n    project: PROJECT_NAME\n    config: prd<\/code><\/pre>\n<h2 id=\"1-formal-changes\"><a href=\"#1-formal-changes\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>1. Formal changes<\/h2>\n<p>Formal changes include small administrative adjustments that are not directly related to the website content but are practical. This affects the following files:<\/p>\n<ol>\n<li><code>README.md<\/code>: Update the readme to store key information about the site<\/li>\n<li><code>LICENSE<\/code>: Add the correct license file<\/li>\n<li><code>CHANGELOG.md<\/code>: Update the changelog to document site changes<\/li>\n<\/ol>\n<p><em>For convenience, you can version these administrative changes directly (e.g. on GitHub) before cloning the repository.<\/em><\/p>\n<h2 id=\"2-base-configuration\"><a href=\"#2-base-configuration\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2. Base configuration<\/h2>\n<p>With the Grav base configuration you can apply well-known changes before installation so you can start fine-tuning after installation.<\/p>\n<div class=\"md-alert md-alert--tip\" dir=\"auto\">\n<p class=\"md-alert-title\"><svg class=\"octicon octicon-light-bulb inline-block \" viewbox=\"0 0 16 16\" version=\"1.1\" width=\"16\" height=\"16\" aria-hidden=\"true\"><path d=\"M8 1.5c-2.363 0-4 1.69-4 3.75 0 .984.424 1.625.984 2.304l.214.253c.223.264.47.556.673.848.284.411.537.896.621 1.49a.75.75 0 0 1-1.484.211c-.04-.282-.163-.547-.37-.847a8.456 8.456 0 0 0-.542-.68c-.084-.1-.173-.205-.268-.32C3.201 7.75 2.5 6.766 2.5 5.25 2.5 2.31 4.863 0 8 0s5.5 2.31 5.5 5.25c0 1.516-.701 2.5-1.328 3.259-.095.115-.184.22-.268.319-.207.245-.383.453-.541.681-.208.3-.33.565-.37.847a.751.751 0 0 1-1.485-.212c.084-.593.337-1.078.621-1.489.203-.292.45-.584.673-.848.075-.088.147-.173.213-.253.561-.679.985-1.32.985-2.304 0-2.06-1.637-3.75-4-3.75ZM5.75 12h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM6 15.25a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Z\"><\/path><\/svg> Tip<\/p>\n<div class=\"md-alert-body\">\n<p>Find more information about a local development environment here: <a href=\"\/en\/docs\/skeleton\/entwicklungsumgebung\">Documentation \/ Skeleton \/ Development Environment<\/a><\/p>\n<\/div>\n<\/div>\n<ol>\n<li>If user accounts already exist, create or copy them<\/li>\n<li>If you already know which plugins and themes you want to use, add or remove them in the <code>.dependencies<\/code> file<\/li>\n<li>Afterwards you can adjust system and site settings<\/li>\n<li>Finally, you can make individual changes to plugin and theme configurations<\/li>\n<\/ol>\n<p><em>At this point it's worth creating a new Git branch and making at least one commit per configuration\/chapter.<\/em><\/p>\n<h3 id=\"2-1-accounts\"><a href=\"#2-1-accounts\" class=\"toc-anchor before\" data-anchor-icon=\"#\" aria-label=\"Anchor\"><\/a>2.1 Accounts<\/h3>\n<p>If user accounts already exist they can be created. Create one file per account in <code>user\/accounts<\/code>. The file must have the following structure:<\/p>\n<p><code>accounts\/username.yaml<\/code>:<\/p>\n<pre><code class=\"language-yaml\">state: enabled\nemail: email@example.com\nfullname: User's full name\ntitle: User's title\nhashed_password: HASHED_PASSWORD\nadmin_next:\n    preferences:\n        adminLanguage: en-US # Language\naccess: # ... individual access permissions (if not handled via groups)\n    api:\n        login:...<\/code><\/pre>","tags":["Expert","Setup","Skeleton"]}]}
