feature #887 Add the website (javiereguiluz)

This PR was merged into the main branch.

Discussion
----------

 Add the website

| Q             | A
| ------------- | ---
| Bug fix?      | no
| New feature?  | no
| Docs?         | no
| Issues        | -
| License       | MIT

Commits
-------

9005e8c Add the website

Author: chr-hertel

ai.symfony.com/.editorconfig

@@ -0,0 +1,17 @@
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[{compose.yaml,compose.*.yaml}]
+indent_size = 2
+
+[*.md]
+trim_trailing_whitespace = false

ai.symfony.com/.env

@@ -0,0 +1,26 @@
+# In all environments, the following files are loaded if they exist,
+# the latter taking precedence over the former:
+#
+#  * .env                contains default values for the environment variables needed by the app
+#  * .env.local          uncommitted file with local overrides
+#  * .env.$APP_ENV       committed environment-specific defaults
+#  * .env.$APP_ENV.local uncommitted environment-specific overrides
+#
+# Real environment variables win over .env files.
+#
+# DO NOT DEFINE PRODUCTION SECRETS IN THIS FILE NOR IN ANY OTHER COMMITTED FILES.
+# https://symfony.com/doc/current/configuration/secrets.html
+#
+# Run "composer dump-env prod" to compile .env files for production use (requires symfony/flex >=1.2).
+# https://symfony.com/doc/current/best_practices.html#use-environment-variables-for-infrastructure-configuration
+
+###> symfony/framework-bundle ###
+APP_ENV=dev
+APP_SECRET=
+###< symfony/framework-bundle ###
+
+###> symfony/routing ###
+# Configure how to generate URLs in non-HTTP contexts, such as CLI commands.
+# See https://symfony.com/doc/current/routing.html#generating-urls-in-commands
+DEFAULT_URI=http://localhost
+###< symfony/routing ###

ai.symfony.com/.env.dev

@@ -0,0 +1,4 @@
+
+###> symfony/framework-bundle ###
+APP_SECRET=4b506fc7c15aed9da5ea5bbd753f40fe
+###< symfony/framework-bundle ###

ai.symfony.com/.gitignore

@@ -0,0 +1,15 @@
+
+###> symfony/framework-bundle ###
+/.env.local
+/.env.local.php
+/.env.*.local
+/config/secrets/prod/prod.decrypt.private.php
+/public/bundles/
+/var/
+/vendor/
+###< symfony/framework-bundle ###
+
+###> symfony/asset-mapper ###
+/public/assets/
+/assets/vendor/
+###< symfony/asset-mapper ###

ai.symfony.com/assets/app.js

@@ -0,0 +1,67 @@
+import 'bootstrap';
+import 'bootstrap/dist/css/bootstrap.min.css';
+import './styles/app.css';
+
+document.addEventListener('DOMContentLoaded', function() {
+    new App();
+});
+
+class App {
+    constructor() {
+        this.#initializeThemeSwitcher();
+    }
+
+    #initializeThemeSwitcher() {
+        const themeToggle = document.getElementById('themeToggle');
+        const themeIcon = document.getElementById('themeIcon');
+        const html = document.documentElement;
+
+        const icons = {
+            auto: document.getElementById('icon-theme-auto').content,
+            light: document.getElementById('icon-theme-light').content,
+            dark: document.getElementById('icon-theme-dark').content,
+        };
+
+        const getStoredTheme = () => localStorage.getItem('theme') || 'auto';
+        const setStoredTheme = (theme) => localStorage.setItem('theme', theme);
+
+        const setTheme = (theme) => {
+            const themeToApply = 'auto' === theme
+                ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light')
+                : theme;
+            html.setAttribute('data-bs-theme', themeToApply);
+        };
+
+        const updateIcon = (theme) => {
+            themeIcon.replaceChildren(icons[theme].firstElementChild.cloneNode(true));
+        };
+
+        const cycleTheme = () => {
+            const currentTheme = getStoredTheme();
+            let nextTheme;
+
+            if ('auto' === currentTheme) {
+                nextTheme = 'light';
+            } else if ('light' === currentTheme) {
+                nextTheme = 'dark';
+            } else {
+                nextTheme = 'auto';
+            }
+
+            setStoredTheme(nextTheme);
+            setTheme(nextTheme);
+            updateIcon(nextTheme);
+        };
+
+        const storedTheme = getStoredTheme();
+        updateIcon(storedTheme);
+
+        themeToggle.addEventListener('click', cycleTheme);
+
+        window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', () => {
+            if ('auto' === getStoredTheme()) {
+                setTheme('auto');
+            }
+        });
+    }
+}