dossiers avec majuscule, namespace pour toutes les classes, autoload psr-4, UserDataService::createZip déplacé dans Backup

41 files changed, 2372 insertions, 0 deletions

diff --git a/src/View/AbstractBuilder.php b/src/View/AbstractBuilder.php
new file mode 100644
index 0000000..170e871
--- /dev/null
+++ b/src/View/AbstractBuilder.php
@@ -0,0 +1,81 @@
+<?php
+// src/View/AbstractBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Model\Model;
+
+abstract class AbstractBuilder
+{
+        const VIEWS_PATH = '../src/View/templates/';
+        protected string $html = '';
+    protected int $id_node;
+
+    protected function __construct(Node $node)
+    {
+        $this->id_node = $node->getId();
+    }
+
+    protected function useChildrenBuilder(Node $node): void
+    {
+        foreach($node->getChildren() as $child_node)
+        {
+            // le double \\ permet de ne pas échapper la quote
+            $builder_name = 'App\View\\' . $this->snakeToPascalCase($child_node->getName()) . 'Builder';
+            $builder = new $builder_name($child_node);
+            $this->html .= $builder->render();
+
+            // pages spéciales où on n'assemble pas tout
+            if($builder_name === 'HeadBuilder' && in_array(Model::$page_path->getString(), ['connection', 'user_edit']))
+            {
+                foreach($node->getChildren() as $target_node){
+                    if($target_node->getName() === 'main'){
+                        $main_node = $target_node;
+                        break;
+                    }
+                }
+                // on construit <main> et on s'arrête! les autres noeuds sont ignorés
+                $builder_name = $this->snakeToPascalCase($main_node->getName()) . 'Builder';
+                $builder = new $builder_name($main_node);
+                $this->html .= "<body>\n";
+                $this->html .= $builder->render() . "\n";
+                $this->html .= "</body>\n</html>";
+                break;
+            }
+        }
+    }
+
+    private function snakeToPascalCase(string $input): string
+    {
+        return str_replace('_', '', ucwords($input, '_'));
+    }
+
+    public function render(): string // = getHTML(), nécéssite d'être public
+    {
+        return $this->html;
+    }
+    protected function addHTML(string $html): void
+    {
+        $this->html .= $html;
+    }
+
+    protected function insertSVG(string $path, array $attributes = []): string
+    {
+        $svg = file_get_contents($path);
+
+        // modification des attributs
+        if(!empty($attributes)){
+            $dom = new \DOMDocument();
+            $dom->loadXML($svg);
+            $svg_elem = $dom->documentElement;
+            foreach($attributes as $key => $value){
+                $svg_elem->setAttribute($key, $value);
+            }
+            $svg = $dom->saveXML($svg_elem);
+        }
+        return $svg;
+    }
+}
\ No newline at end of file
diff --git a/src/View/BreadcrumbBuilder.php b/src/View/BreadcrumbBuilder.php
new file mode 100644
index 0000000..81df0eb
--- /dev/null
+++ b/src/View/BreadcrumbBuilder.php
@@ -0,0 +1,53 @@
+<?php
+// src/View/BreadcrumbBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+//use App\Entity\Node;
+use App\Model\Model;
+use App\Service\URL;
+
+class BreadcrumbBuilder extends AbstractBuilder
+{
+    public function __construct(/*Node $node*/){
+        $this->html = $this->breadcrumbHTML();
+    }
+
+    private function breadcrumbHTML(): string
+    {
+        $asset = 'assets/home.svg'; // => BDD?
+        $breadcrumb_array = Model::$page_path->getArray(); // tableau de Page
+        $html = '';
+        $nb_of_entries = count($breadcrumb_array);
+        
+        if($nb_of_entries > 1)
+        {
+            // petite maison et flèche
+            $html .= '<nav class="breadcrumb" aria-label="Breadcrumb">' . "\n";
+            $html .= '<a href="' . new URL . '"><img src="' . $asset . '"></a><span class="arrow"> →</span>' . "\n";
+
+            // partie intermédiaire (pas de lien sur le dernier élément)
+            for($i = 0; $i < ($nb_of_entries - 1); $i++)
+            {
+                // liens optionnels
+                if($breadcrumb_array[$i]->isReachable())
+                {
+                    $html .= '<a href="' . new URL(['page' => $breadcrumb_array[$i]->getPagePath()]) . '">';
+                }
+                $html .= '<span>' . $breadcrumb_array[$i]->getPageName() . '</span>';
+                if($breadcrumb_array[$i]->isReachable())
+                {
+                    $html .= '</a>';
+                }
+                $html .= '<span class="arrow"> →</span>' . "\n";
+            }
+
+            // fin du chemin (=> Thésée)
+            $html .= '<span id="thesee" aria-current="page">' . $breadcrumb_array[$nb_of_entries - 1]->getPageName() . "</span>\n";
+            $html .= "</nav>\n";
+        }
+        return $html;
+    }
+}
\ No newline at end of file
diff --git a/src/View/CalendarBuilder.php b/src/View/CalendarBuilder.php
new file mode 100644
index 0000000..34b1952
--- /dev/null
+++ b/src/View/CalendarBuilder.php
@@ -0,0 +1,31 @@
+<?php
+// src/View/CalendarBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+
+class CalendarBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        parent::__construct($node);
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+        $calendar_js_file = IS_ADMIN ? 'calendar_admin' : 'calendar';
+        
+        if(file_exists($viewFile))
+        {
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/FooterBuilder.php b/src/View/FooterBuilder.php
new file mode 100644
index 0000000..72a571d
--- /dev/null
+++ b/src/View/FooterBuilder.php
@@ -0,0 +1,122 @@
+<?php
+// src/View/FooterBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Entity\Asset;
+use App\Controller\ViewController;
+use App\Model\Model;
+use App\Service\URL;
+
+class FooterBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            $node_data = $node->getNodeData();
+            // nom du contact, adresse et e-mail
+            if(!empty($node_data->getData()))
+            {
+                extract($node_data->getData());
+            }
+
+            $footer_logo = Asset::USER_PATH . $node_data->getAssetByRole('footer_logo')?->getFileName() ?? '';
+
+            $this->useChildrenBuilder($node);
+            $breadcrumb = $this->html;
+
+            $empty_admin_zone = '';
+            if(IS_ADMIN)
+            {
+                // données du footer
+                $admin_footer_name = '<input type="text" id="footer_name_input" class="hidden" value="' . htmlspecialchars($name ?? '') . '" placeholder="raison sociale" size="30">
+                    <img id="footer_name_open" class="action_icon" src="assets/edit.svg" onclick="footer_name.open()">
+                    <img id="footer_name_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_name.submit()">
+                    <img id="footer_name_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_name.cancel()">';
+                $admin_footer_address = '<input type="text" id="footer_address_input" class="hidden" value="' . htmlspecialchars($address ?? '') . '" placeholder="adresse" size="30">
+                    <img id="footer_address_open" class="action_icon" src="assets/edit.svg" onclick="footer_address.open()">
+                    <img id="footer_address_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_address.submit()">
+                    <img id="footer_address_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_address.cancel()">';
+                $admin_footer_email = '<input type="text" id="footer_email_input" class="hidden" value="' . htmlspecialchars($email ?? '') . '" placeholder="e-mail" size="30">
+                    <img id="footer_email_open" class="action_icon" src="assets/edit.svg" onclick="footer_email.open()">
+                    <img id="footer_email_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_email.submit()">
+                    <img id="footer_email_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_email.cancel()">';
+
+                $admin_footer_logo = '<input type="file" id="footer_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <img id="footer_logo_open" class="action_icon" src="assets/edit.svg" onclick="footer_logo.open()">
+                    <img id="footer_logo_submit" class="action_icon hidden" src="assets/save.svg" onclick="footer_logo.submit()">
+                    <img id="footer_logo_cancel" class="action_icon hidden" src="assets/close.svg" onclick="footer_logo.cancel()">';
+
+                // zone admin
+                $empty_admin_zone = 'empty_admin_zone';
+                if(MainBuilder::$modif_mode){
+                    $mode = 'modification de page';
+                    $div_admin = 'logged_in modif_mode';
+                }
+                else{
+                    $mode = 'administrateur';
+                    $div_admin = 'logged_in';
+                }
+                
+                $link_change_password = new URL(['page' => 'user_edit', 'from' => CURRENT_PAGE]);
+                isset($_GET['id']) ? $link_change_password->addParams(['id' => $_GET['id']]) : '';
+
+                $link_logout = new URL(['action' => 'deconnection', 'from' => CURRENT_PAGE]);
+                isset($_GET['id']) ? $link_logout->addParams(['id' => $_GET['id']]) : '';
+
+                $zone_admin = '<div class="admin_buttons_zone">
+                    <p>Vous êtes en mode ' . $mode . ".</p>\n" . 
+                    '<div><a href="' . new URL(['page' => 'new_page']) . '"><button>Nouvelle page</button></a></div>' . "\n" .
+                    $this->makePageModifModeButton() . "\n" .
+                    '<div><a href="' . new URL(['page' => 'menu_paths']) . '"><button>Menu et chemins</button></a></div>' . "\n" . 
+                    '<div><a href="' . $link_change_password . '"><button>Mon compte</button></a></div>' . "\n" . 
+                    '<div><a href="' . new URL(['page' => 'maintenance']) . '"><button>Maintenance</button></a></div>' . "\n" . 
+                    '<div><a href="' . $link_logout . '"><button>Déconnexion</button></a></div>' . "\n" . 
+                '</div>' . "\n";
+            }
+            else
+            {
+                $div_admin = 'logged_out';
+                $url = new URL(['page' => 'connection', 'from' => CURRENT_PAGE]);
+                if(Model::$page_path->getLast()->getEndOfPath() === 'article' && isset($_GET['id'])){
+                    $url->addParams(['id' => $_GET['id']]);
+                }
+                $zone_admin = '<button><a href="' . $url . '">Mode admin</a></button>';
+
+                $admin_footer_name = '';
+                $admin_footer_address = '';
+                $admin_footer_email = '';
+                $admin_footer_logo = '';
+            }
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean();
+        }
+    }
+
+    private function makePageModifModeButton(): string
+    {
+        $link_edit_page = new URL(['page' => CURRENT_PAGE]);
+        if(!in_array(CURRENT_PAGE, ViewController::SPECIAL_PAGES)) // cas impossibles: 'user_edit' et 'connection' qui n'ont pas de footer
+        {
+            if(MainBuilder::$modif_mode){
+                $link_edit_label = 'Sortir du mode modification';
+            }
+            else{
+                $link_edit_page->addParams(['mode' => 'page_modif']);
+                $link_edit_label = 'Modifier la page';
+            }
+            return '<div><a href="' . $link_edit_page . '"><button>' . $link_edit_label . '</button></a></div>';
+        }
+        else{
+            return '';
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/FormBuilder.php b/src/View/FormBuilder.php
new file mode 100644
index 0000000..df5687d
--- /dev/null
+++ b/src/View/FormBuilder.php
@@ -0,0 +1,55 @@
+<?php
+// src/View/FormBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Entity\Email;
+use App\Service\Captcha;
+use App\Service\Config;
+
+class FormBuilder extends AbstractBuilder
+{
+    static private ?Captcha $captcha = null;
+
+    public function __construct(Node $node){
+        parent::__construct($node);
+        
+        if(!empty($node->getNodeData()->getData())){
+            extract($node->getNodeData()->getData());
+        }
+
+        // un seul captcha à la fois!
+        if(!self::$captcha){
+            self::$captcha = new Captcha;
+            $_SESSION['captcha'] = self::$captcha->getSolution();
+        }
+
+        // données stockées en vrac dans du JSON et récupérées avec extract => changer ça un jour
+        $smtp_host = $smtp_host ?? Config::$smtp_host;
+        $smtp_secure = $smtp_secure ?? Config::$smtp_secure;
+        $smtp_username = $smtp_username ?? Config::$smtp_username;
+        $email_dest = $email_dest ?? Config::$email_dest;
+        $keep_emails = (bool)($keep_emails ?? false); // (bool) est inutile mais plus clair
+        $retention_period = $this->getRetentionPeriod($retention_period ?? null, Email::DEFAULT_RETENTION_PERIOD);
+        $retention_period_sensible = $this->getRetentionPeriod($retention_period_sensible ?? null, Email::DEFAULT_RETENTION_PERIOD_SENSITIVE);
+
+        $admin_content = '';
+        if(IS_ADMIN){
+            ob_start();
+            require self::VIEWS_PATH . 'form_admin.php';
+            $admin_content = ob_get_clean();
+        }
+
+        ob_start();
+        require self::VIEWS_PATH . $node->getName() . '.php';
+        $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+    }
+
+    private function getRetentionPeriod(mixed $period, int $default_period): int
+    {
+        return ($period === null || (int)$period <= 0) ? $default_period : (int)$period; // (int) est nécessaire à cause du stockage JSON
+    }
+}
\ No newline at end of file
diff --git a/src/View/GaleryBuilder.php b/src/View/GaleryBuilder.php
new file mode 100644
index 0000000..436cc36
--- /dev/null
+++ b/src/View/GaleryBuilder.php
@@ -0,0 +1,72 @@
+<?php
+// src/View/GaleryBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+
+class GaleryBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        parent::__construct($node);
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // ajouter un article
+            $new_article = '';
+            if(IS_ADMIN)
+            {
+                $id = 'n' . $this->id_node;
+                $js = 'onclick="openEditor(\'' . $id . '\')"';
+
+                $share_button = '<p class="share hidden"><img class="action_icon" src="assets/share.svg"></p>';
+                $html = '';
+
+                $new_button = '<p id="new-' . $id . '">' . "\n" . 
+                '<button ' . $js . '><img class="action_icon" src="assets/edit.svg">Nouvel article</button></p>';
+
+                $modify_js = 'onclick="openEditor(\'' . $id . '\')"';
+                $modify_article = '<p id="edit-' . $id . '" class="hidden"><img class="action_icon" src="assets/edit.svg" ' . $modify_js . '></p>' . "\n";
+
+                $up_js = 'onclick="switchPositions(\'' . $id . '\', \'up\')"';
+                $up_button = '<p id="position_up-' . $id . '" class="hidden"><img class="action_icon" src="assets/arrow-up.svg" ' . $up_js . '></p>' . "\n";
+                
+                $down_js = 'onclick="switchPositions(\'' . $id . '\', \'down\')"';
+                $down_button = '<p id="position_down-' . $id . '" class="hidden"><img class="action_icon" src="assets/arrow-down.svg" ' . $down_js . '></p>' . "\n";
+                
+                $delete_js = 'onclick="deleteArticle(\'' . $id . '\')"';
+                $delete_article = '<p id="delete-' . $id . '" class="hidden"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></p>' . "\n";
+
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<p id="cancel-' . $id . '" class="hidden"><button ' . $close_js . '>Annuler</button></p>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\', \'\', clone' . $this->id_node . ')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><button ' . $submit_js . '>Valider</button></p>';
+                
+                $admin_buttons = $new_button . $modify_article . $up_button . $down_button . $delete_article . $close_editor . $submit_article;
+
+                // squelette d'un nouvel article
+                ob_start();
+                require self::VIEWS_PATH . 'post.php';
+                $new_article = ob_get_clean();
+            }
+
+            // articles existants
+            $this->useChildrenBuilder($node);
+            $content = $this->html;
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/HeadBuilder.php b/src/View/HeadBuilder.php
new file mode 100644
index 0000000..4d63457
--- /dev/null
+++ b/src/View/HeadBuilder.php
@@ -0,0 +1,84 @@
+<?php
+// src/View/HeadBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Asset;
+use App\Entity\Node;
+use App\Model\Model;
+
+class HeadBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile)){
+            // css et js
+            $page = Model::$page_path->getLast();
+
+            $css = '';
+                foreach($page->getCSS() as $name){
+                $css .= self::insertCSS($name);
+                        }
+                        
+            $js = '';
+                foreach($page->getJS() as $name){
+                $js .= self::insertJS($name);
+                        }
+
+            if(MainBuilder::$modif_mode){
+                $css .= self::insertCSS('modif_page');
+                $js .= self::insertJS('modif_page');
+            }
+
+            if(IS_ADMIN){
+                // édition éléments sur toutes les pages (header, footer et favicon)
+                $js .= self::insertJS('Input');
+
+                // sert partout?
+                $js .= self::insertJS('Fetcher');
+
+                // tinymce, nécéssite un script post-install et post-update dans composer.json
+                $css .= self::insertCSS('tinymce');
+                $js .= self::insertJS('tinymce/tinymce.min');
+                $js .= self::insertJS('tinymce');
+            }
+
+            $title = Model::$page_path->getLast()->getPageName();
+            $description = Model::$page_path->getLast()->getDescription();
+
+            // favicon
+            // ?-> est l'opérateur de navigation sécurisée => LOVE!
+            $favicon_name = ($favicon_object = $node->getNodeData()->getAssetByRole('head_favicon'))?->getFileName();
+            $favicon = $favicon_name ? Asset::USER_PATH . $favicon_name : '';
+            $favicon_type = $favicon_object?->getMimeType() ?? '';
+
+            ob_start();
+            require $viewFile;
+            $this->html .= ob_get_clean();
+        }
+    }
+
+    static function insertCSS(string $name): string
+    {
+        return '<link rel="stylesheet" href="' . self::versionedFileURL('css', $name) . '">' . "\n";
+    }
+    static function insertJS(string $name, bool $module = false): string
+    {
+        return '<script ' . ($module ? 'type="module"' : '') . ' src="' . self::versionedFileURL('js', $name) . '"></script>' . "\n";
+    }
+
+    static function versionedFileURL(string $type, string $filename): string
+    {
+        $path = $type . '/' . $filename . '.' . $type;
+
+        if(file_exists($path)){
+            $version = substr(md5_file($path), 0, 8);
+            return $path . '?v=' . $version;
+        }
+        return $path; // sécurité fichier absent
+    }
+}
diff --git a/src/View/HeaderBuilder.php b/src/View/HeaderBuilder.php
new file mode 100644
index 0000000..14f5ffa
--- /dev/null
+++ b/src/View/HeaderBuilder.php
@@ -0,0 +1,131 @@
+<?php
+// src/View/HeaderBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Entity\NodeData;
+use App\Entity\Asset;
+
+class HeaderBuilder extends AbstractBuilder
+{
+    //private ?Node $nav = null;
+    //private ?Node $breadcrumb = null;
+    const ICON_PATH = 'icons/';
+
+    public function __construct(Node $node)
+    {
+        // pas de useChildrenBuilder, il faudrait peut-être
+        $children = $node->getChildren();
+        foreach($children as $child)
+        {
+            if($child->getName() === 'nav'){
+                //$this->nav = $child;
+                // actuellement le noeud nav ne contient aucune info utile et l'envoyer à NavBuilder est inutile
+                $nav_builder = new NavBuilder(/*$this->nav*/);
+                
+                $nav = $nav_builder->render();
+            }
+            elseif($child->getName() === 'breadcrumb'){
+                //$this->breadcrumb = $child;
+                $breadcrumb_builder = new BreadcrumbBuilder(/*$this->breadcrumb*/);
+                $breadcrumb = $breadcrumb_builder->render();
+            }
+        }
+        
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            $node_data = $node->getNodeData();
+            // titre et description
+            if(!empty($node_data->getData()))
+            {
+                extract($node_data->getData());
+            }
+
+            // réseaux sociaux + logo dans l'entête
+            // ?-> est l'opérateur de chainage optionnel
+            $header_logo = Asset::USER_PATH . $node_data->getAssetByRole('header_logo')?->getFileName() ?? '';
+            $header_background_name = $node_data->getAssetByRole('header_background')?->getFileName();
+            $header_background = $header_background_name ? Asset::USER_PATH . $header_background_name : '';
+            $social_networks = '';
+            
+            // boutons mode admin
+            if(IS_ADMIN){
+                // assets dans classe header_additional_inputs
+                $admin_head_favicon = '<input type="file" id="head_favicon_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff, image/x-icon, image/bmp">
+                    <button id="head_favicon_open" onclick="head_favicon.open()"><img id="head_favicon_content" class="action_icon"> Favicon</button>
+                    <img id="head_favicon_submit" class="action_icon hidden" src="assets/save.svg" onclick="head_favicon.submit()">
+                    <img id="head_favicon_cancel" class="action_icon hidden" src="assets/close.svg" onclick="head_favicon.cancel()">';
+                $admin_header_background = '<input type="file" id="header_background_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <button id="header_background_open" onclick="header_background.open()"><img id="header_background_content" class="background_button" src="' . $header_background . '"> Image de fond</button>
+                    <img id="header_background_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_background.submit()">
+                    <img id="header_background_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_background.cancel()">';
+
+                // asset dans classe header_content
+                $admin_header_logo = '<input type="file" id="header_logo_input" class="hidden" accept="image/png, image/jpeg, image/gif, image/webp, image/tiff">
+                    <img id="header_logo_open" class="action_icon" src="assets/edit.svg" onclick="header_logo.open()">
+                    <img id="header_logo_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_logo.submit()">
+                    <img id="header_logo_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_logo.cancel()">';
+
+                // texte dans classe header_content
+                $admin_header_title = '<input type="text" id="header_title_input" class="hidden" value="' . htmlspecialchars($title ?? '') . '" placeholder="nom du site web" size="30">
+                    <img id="header_title_open" class="action_icon" src="assets/edit.svg" onclick="header_title.open()">
+                    <img id="header_title_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_title.submit()">
+                    <img id="header_title_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_title.cancel()">';
+                $admin_header_description = '<input type="text" id="header_description_input" class="hidden" value="' . htmlspecialchars($description ?? '') . '" placeholder="sous-titre ou description" size="30">
+                    <img id="header_description_open" class="action_icon" src="assets/edit.svg" onclick="header_description.open()">
+                    <img id="header_description_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_description.submit()">
+                    <img id="header_description_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_description.cancel()">';
+
+                // icônes réseaux sociaux
+                // boucle sur la liste complète de réseaux sociaux
+                foreach(NodeData::$social_networks as $network){
+                    $checked = (isset($social_show[$network]) && $social_show[$network]) ? 'checked' : '';
+                    $href = (isset($social[$network]) && $social[$network] !== '') ? 'href="' . $social[$network] . '"' : '';
+
+                    $social_networks .= '<div id="header_' . $network . '">
+                        <input type="checkbox" onclick="checkSocialNetwork(\'header_' . $network . '\')" ' . $checked . '>
+                        <a ' . $href . ' target="_blank" rel="noopener noreferrer">'
+                            . $this->insertSVG(self::ICON_PATH . $network . '.svg', ['id' => 'header_' . $network . '_content', 'class' => ($checked ? 'svg_fill_red' : '')])
+                        . '</a>
+                        <input type="url" id="header_' . $network . '_input" class="hidden" value="' . ($social[$network] ?? "") . '" placeholder="https://..." size="30" onchange="controlURL(this)">
+                            <img id="header_' . $network . '_open" class="action_icon" src="assets/edit.svg" onclick="header_' . $network . '.open()">
+                            <img id="header_' . $network . '_submit" class="action_icon hidden" src="assets/save.svg" onclick="header_' . $network . '.submit()">
+                            <img id="header_' . $network . '_cancel" class="action_icon hidden" src="assets/close.svg" onclick="header_' . $network . '.cancel()">
+                            <script>let header_' . $network . ' = new InputTextSocialNetwork(\'header_' . $network . '\', {\'has_content\': false});</script>
+                        </div>';
+                        // {'has_content': false} => InputToggle ne gèrera pas cette balise
+                }
+            }
+            else{
+                $admin_head_favicon = '';
+                $admin_header_background = '';
+                $admin_header_logo = '';
+                $admin_header_title = '';
+                $admin_header_description = '';
+
+                if(isset($social_show)){
+                    // boucle sur les réseaux sociaux "activés"
+                    foreach(array_keys($social_show) as $network){
+                        if($social_show[$network]){
+                            $href = (isset($social[$network]) && $social[$network] !== '') ? 'href="' . $social[$network] . '"' : '';
+                            $social_networks .= '<div id="header_' . $network . '">
+                                    <a ' . $href . ' target="_blank" rel="noopener noreferrer">'
+                                        . $this->insertSVG(self::ICON_PATH . $network . '.svg', ['id' => 'header_' . $network . '_content','class' => 'svg_fill_red'])
+                                    . '</a>
+                                </div>';
+                        }
+                    }
+                }
+            }
+            
+            ob_start();
+            require $viewFile;
+            $this->html .= ob_get_clean();
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/LoginBuilder.php b/src/View/LoginBuilder.php
new file mode 100644
index 0000000..3a303b0
--- /dev/null
+++ b/src/View/LoginBuilder.php
@@ -0,0 +1,56 @@
+<?php
+// src/View/LoginBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Service\URL;
+use App\Service\Captcha;
+
+class LoginBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        // déjà connecté?
+        if(IS_ADMIN)
+        {
+            header('Location: ' . new URL);
+            die;
+        }
+
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+        $captcha = new Captcha;
+        $_SESSION['captcha'] = $captcha->getSolution(); // enregistrement de la réponse du captcha pour vérification
+        
+        //$this->html .= $header;
+
+        $error_messages = [
+            'error_non_valid_captcha' => 'Erreur au test anti-robot, veuillez saisir un nombre entier.',
+            'captcha_server_error' => 'captcha_server_error',
+            'bad_solution_captcha' => 'Erreur au test anti-robot, veuillez réessayer.',
+            'bad_login_or_password' => 'Mauvais identifiant ou mot de passe, veuillez réessayer.', // ne pas indiquer où est l'erreur
+            'forbidden_characters' => 'Caractères interdits: espaces, tabulations, sauts CR/LF.'
+        ];
+
+        $link_form = new URL(['action' => 'connection']);
+        isset($_GET['from']) ? $link_form->addParams(['from' => $_GET['from']]) : '';
+        isset($_GET['id']) ? $link_form->addParams(['id' => $_GET['id']]) : '';
+
+        $link_exit = new URL;
+        isset($_GET['from']) ? $link_exit->addParams(['page' => $_GET['from'] ]) : '';
+        isset($_GET['id']) ? $link_exit->addParams(['id' => $_GET['id']]) : '';
+
+        $error = isset($_GET['error']) ? $error_messages[$_GET['error']] : '';
+
+        ob_start();
+        require $viewFile;
+        $this->html = ob_get_clean(); // nouveau contenu
+
+        //$this->html .= <p style='color: red;'>Ce site utilise un cookie « obligatoire » lorsque vous êtes connecté ainsi que sur cette page.<br>Il sera supprimé à votre déconnexion ou dès que vous aurez quitté le site.</p>;
+        
+        //$this->html .= $footer;
+    }
+}
diff --git a/src/View/MainBuilder.php b/src/View/MainBuilder.php
new file mode 100644
index 0000000..b5b9b00
--- /dev/null
+++ b/src/View/MainBuilder.php
@@ -0,0 +1,99 @@
+<?php
+// src/View/MainBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Article;
+use App\Entity\Node;
+use App\Entity\Presentation;
+use App\Model\Model;
+use App\Service\URL;
+
+class MainBuilder extends AbstractBuilder
+{
+    static public bool $modif_mode = false;
+
+    public function __construct(Node $node)
+    {
+        $this->html .= "<main>\n";
+
+        // page article: cas particulier où l'article est greffé sur main
+        if(Model::$page_path->getLast()->getEndOfPath() === 'article'){
+            // pas censé arriver
+            if(!isset($_GET['id'])){
+                header('Location: ' . new URL);
+                die;
+            }
+
+            // nouvel article
+            if($node->getAdoptedChild() == null){
+                $date = new \DateTime;
+                $article = new Article('', $date);
+                $new = new Node('new', 0, null, null, $article);
+            }
+            // modification
+            else{
+                $new = $node->getAdoptedChild();
+            }
+            //$builder_name = 'App\View\\' . $this->snakeToPascalCase($new->getName()) . 'Builder';
+            $builder_name = 'App\View\NewBuilder';
+            $builder = new $builder_name($new);
+            $this->html .= $builder->render();
+        }
+        else{
+            // si action = "modif_page", affiche des commandes supplémentaires
+            if(IS_ADMIN && self::$modif_mode){
+                // ajouter un contrôle du champ in_menu
+                $this->viewEditBlocks($node);
+            }
+
+            // dans tous les cas
+            $this->useChildrenBuilder($node);
+        }
+
+        $this->html .= "</main>\n";
+    }
+
+    // mode modification de page uniquement
+    private function viewEditBlocks(Node $node): void
+    {
+        $options = '';
+        foreach(Presentation::BLOCKS as $key => $value){
+            $options .= '<option value= "' . $key . '">' . $value . "</option>\n";
+        }
+        
+        // ceci pourrait être déplacé au début des blocs
+        $bloc_edit = '';
+        foreach($node->getChildren() as $child_node){
+            // ordre des articles 'news'
+            if($child_node->getName() === 'news_block'){
+                $order = $child_node->getNodeData()->getChronoOrder() ? 'chrono' : 'antichrono';
+            }
+
+            // présentation par défaut
+            if(Presentation::hasPresentation($child_node->getName()) && $child_node->getNodeData()->getPresentation() === null){
+                $child_node->getNodeData()->setPresentation('full_width'); // pas de persistence ici
+            }
+            
+            ob_start();
+            require self::VIEWS_PATH . 'modify_block.php';
+            $bloc_edit .= ob_get_clean();
+        }
+
+        ob_start();
+        require self::VIEWS_PATH . 'modify_page.php';
+        $this->html .= ob_get_clean();
+    }
+
+    // utilisée dans modify_block.php
+    private function makePresentationOptions(string $presentation): string
+    {
+        $options = '';
+        foreach(Presentation::PRESENTATIONS as $key => $value){
+            $options .= '<option value="' . $key . '" ' . ($presentation === $key ? 'selected' : '') . '>' . $value . '</option>';
+        }
+        return $options;
+    }
+}
\ No newline at end of file
diff --git a/src/View/MaintenanceBuilder.php b/src/View/MaintenanceBuilder.php
new file mode 100644
index 0000000..13d391c
--- /dev/null
+++ b/src/View/MaintenanceBuilder.php
@@ -0,0 +1,36 @@
+<?php
+// src/View/MaintenanceBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Service\Backup;
+
+class MaintenanceBuilder extends AbstractBuilder
+{
+        public function __construct(Node $node){
+                $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+                // noter qu'un backup a été créé dans UserController::connect()
+                try{
+                        $backup_array = Backup::getBackupList();
+                }
+                catch(\RuntimeException $e){
+                        $backup_array = [];
+                        $_SESSION['flash_message'] = $e->getMessage(); // peut écraser une flash error déjà dans $_SESSION['flash_message']
+                }
+                
+                $backup_options = '';
+                for($i = count($backup_array) - 1; $i >= 0; $i--){
+                        $backup_options .= '<option value="' . $backup_array[$i] . '">' . $backup_array[$i] . '</option>';
+                }
+
+                if(file_exists($viewFile)){
+                        ob_start();
+                    require $viewFile;
+                    $this->html = ob_get_clean();
+                }
+        }
+}
\ No newline at end of file
diff --git a/src/View/MenuBuilder.php b/src/View/MenuBuilder.php
new file mode 100644
index 0000000..f14cea7
--- /dev/null
+++ b/src/View/MenuBuilder.php
@@ -0,0 +1,101 @@
+<?php
+// src/View/MenuBuilder.php
+//
+// page Menu et chemins en mode admin, fonctionne avec menu.js
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Entity\Page;
+use App\Model\Model;
+use App\Service\URL;
+
+class MenuBuilder extends AbstractBuilder
+{
+    //private int $margin_left_multiplier = 29;
+    private string $options = '';
+
+    public function __construct(?Node $node, bool $template = true)
+    {
+        // $node peut $etre null parce qu'on ne construit pas de page dans MenuAndPathsController, on ne lit pas la table "node", etc
+        $viewFile = $node === null ? self::VIEWS_PATH . 'menu.php' : self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(file_exists($viewFile))
+        {
+            if(IS_ADMIN){
+                $this->unfoldMenu(Model::$menu);
+                
+                if($template){
+                    $this->unfoldOptions(Model::$menu);
+                }
+            }
+            else{
+                header('Location: ' . new URL);
+                die;
+            }
+
+            // si faux, n'utilise pas le template
+            if($template){
+                ob_start();
+                require $viewFile; // insertion de $this->html généré par unfoldMenu
+                $this->html = ob_get_clean(); // pas de concaténation .= cette fois on écrase
+            }
+        }
+    }
+
+    private function unfoldMenu(Page $page): void
+    {
+        $this->html .= '<div class="level">' . "\n";
+
+        foreach($page->getChildren() as $entry)
+        {
+            $checked = $entry->isHidden() ? '' : 'checked';
+            $this->html .= '<div id="' . $entry->getId() . '" class="menu_edit_entry">
+                <img class="move_entry_icon" onclick="moveOneLevelUp(' . $entry->getId() . ')" src="assets/arrow-left.svg">
+                <img class="move_entry_icon" onclick="moveOneLevelDown(' . $entry->getId() . ')" src="assets/arrow-right.svg">
+                <img class="move_entry_icon" onclick="switchMenuPositions(' . $entry->getId() . ', \'up\')" src="assets/arrow-up.svg">
+                <img class="move_entry_icon" onclick="switchMenuPositions(' . $entry->getId() . ', \'down\')" src="assets/arrow-down.svg">
+                <span class="menu_entry_checkbox">
+                    <input type="checkbox" ' . $checked . ' onclick="checkMenuEntry(' . $entry->getId() . ')">
+                </span>';
+
+            // entrées URL: bouton poubelle + nom du lien + adresse
+            if(str_starts_with($entry->getEndOfPath(), 'http')){
+                $this->html .= '<form style="display: inline;" id="delete-i' . $entry->getId() . '" method="post" action="' . new URL(['from' => 'menu_paths']) . '">
+                        <input type="hidden" name="delete" value="' . $entry->getId() . '">
+                        <input type="image" class="move_entry_icon" src="assets/delete-bin.svg" alt="delete link button" onclick="return confirm(\'Voulez-vous vraiment supprimer cette entrée?\');">
+                    </form>
+                    <span class="url_name">
+                        <button class="url_name"><input type="text" value="' . htmlspecialchars($entry->getPageName()) . '"></button>
+                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrl(' . $entry->getId() . ', \'url_name\')">
+                    </span>
+                    <span class="url_content">
+                        <input type="url" value="' . htmlspecialchars($entry->getEndOfPath()) . '" placeholder="https://..." onchange="controlURL(this)">
+                        <img class="move_entry_icon" src="assets/save.svg" onclick="editUrl(' . $entry->getId() . ', \'url_content\')">
+                    </span>';
+            }
+            else{
+                $this->html .= '<button>' . $entry->getPageName() . '</button>
+                    <i class="path">' . $entry->getPagePath() . '</i>';
+            }
+            
+            if(count($entry->getChildren()) > 0){
+                $this->unfoldMenu($entry);
+            }
+            $this->html .= '</div>' . "\n";
+        }
+        $this->html .= "</div>\n";
+    }
+
+    private function unfoldOptions(Page $page): void
+    {
+        foreach($page->getChildren() as $entry){
+            $this->options .= '<option value="' . $entry->getId() . '">' . $entry->getPageName() . "</option>\n";
+            if(count($entry->getChildren()) > 0){
+                $this->unfoldOptions($entry);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/NavBuilder.php b/src/View/NavBuilder.php
new file mode 100644
index 0000000..2e3cdbd
--- /dev/null
+++ b/src/View/NavBuilder.php
@@ -0,0 +1,77 @@
+<?php
+// src/View/NavBuilder.php
+//
+// menu principal
+
+declare(strict_types=1);
+
+namespace App\View;
+
+//use App\Entity\Node;
+use App\Entity\Page;
+use App\Model\Model;
+use App\Service\URL;
+
+class NavBuilder extends AbstractBuilder
+{
+    public function __construct(/*?Node $node = null*/)
+    {
+        $this->html .= '<nav class="nav_main"><ul>';
+        if(count(Model::$menu->getChildren()) > 1 || !Model::$menu->getChildren()[0]->getChildren()->isEmpty()){
+            $this->html .= $this->navMainHTML(
+                Model::$menu, // Menu étend Page
+                Model::$page_path != null ? Model::$page_path->getArray() : []); // param nullable, ça retire une dépendance stricte entre NavBuilder et Model
+        }
+        $this->html .= '</ul></nav>';
+    }
+
+    private function navMainHTML(Page $nav_data, array $current): string
+    {
+        $nav_html = '';
+        static $level = 0;
+
+        foreach($nav_data->getChildren() as $data)
+        {
+            if(!$data->isHidden()){
+                $li_class = '';
+                if(isset($current[$level]) && $data->getEndOfPath() === $current[$level]->getEndOfPath()){
+                    $li_class = 'current ';
+                }
+
+                $link = '';
+                if($data->isReachable()) // titre de catégorie du menu non clicable
+                {
+                    if(str_starts_with($data->getEndOfPath(), 'http')) // lien vers autre site
+                    {
+                        $link .= '<a href="' . htmlspecialchars($data->getEndOfPath()) . '" target="_blank">';
+                    }
+                    elseif($data->getEndOfPath() != '') // lien relatif
+                    {
+                        $link .= '<a href="' . new URL(['page' => $data->getPagePath()]) . '">';
+                    }
+                }
+                else{
+                    $link .= '<a>';
+                }
+                
+                if(count($data->getChildren()) > 0) // titre de catégorie
+                {
+                    $li_class .= $data->getParent() == null ? 'drop-down' : 'drop-right';
+                    
+                    $nav_html .= '<li class="'. $li_class . '">' . $link . '<p id="m_' . $data->getId() . '">' . $data->getPageName() . '</p></a>
+                            <button class="sub-menu-toggle" aria-label="Ouvrir le sous-menu">▼</button>
+                        <ul class="sub-menu">' . "\n";
+                    $level++;
+                    $nav_html .= $this->navMainHTML($data, $current);
+                    $level--;
+                    $nav_html .= '</ul></li>' . "\n";
+                }
+                else
+                {
+                    $nav_html .= '<li class="'. $li_class . '">' . $link . '<p id="m_' . $data->getId() . '">' . $data->getPageName() . '</p></a></li>' . "\n";
+                }
+            }
+        }
+        return $nav_html;
+    }
+}
\ No newline at end of file
diff --git a/src/View/NewBuilder.php b/src/View/NewBuilder.php
new file mode 100644
index 0000000..598bb1c
--- /dev/null
+++ b/src/View/NewBuilder.php
@@ -0,0 +1,157 @@
+<?php
+// src/View/NewBuilder.php
+//
+// new = nouvelle (du journal)
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Service\URL;
+
+class NewBuilder extends AbstractBuilder
+{
+    static public bool $new_article_mode = false;
+
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+        if(file_exists($viewFile))
+        {
+            if(self::$new_article_mode){
+                $id = $_GET['id']; // ici l'id est le nom du block news_block parent
+                $title = '';
+                $preview = '';
+
+                // lettre au début de l'id: t = title, p = preview, i = article, d = date
+                $id_title = $id;
+                $id_title[0] = 't';
+                $id_preview = $id;
+                $id_preview[0] = 'p';
+                $id_content = 'i' . $id;
+                $id_content[0] = 'i';
+                $id_date = $id;
+                $id_date[0] = 'd';
+            }
+            else{
+                $id = (string)$node->getId();
+
+                // html, date
+                $title = $node->getArticle()->getTitle();
+                $preview = $node->getArticle()->getPreview();
+
+                // lettre au début de l'id: t = title, p = preview, i = article, d = date
+                $id_title = 't' . $id;
+                $id_preview = 'p' . $id;
+                $id_content = 'i' . $id;
+                $id_date = 'd' . $id;
+            }
+            
+            $content = '';
+            if(CURRENT_PAGE === 'article'){
+                $content = $node->getArticle()->getContent();
+                $from_to_button = '<p><a class="link_to_article" href="' . new URL(isset($_GET['from']) ? ['page' => $_GET['from']] : []) . '"><button>Retour</button></a></p>';
+                $overflow = '';
+            }
+            else{
+                $from_to_button = '<p><a class="link_to_article" href="' . new URL(['page' => 'article', 'id' => $id, 'from' => CURRENT_PAGE]) . '"><button><img class="action_icon" src="assets/book-open.svg">Lire la suite</button></a></p>';
+                $overflow = ' overflow_hidden';
+            }
+
+            $date = $node->getArticle()->getDateTime()->format('Y-m-d\TH:i:s.v\Z'); // format: 2025-07-17T13:54:00.000Z
+            // format(\DateTime::ATOM) produit le format: 2025-10-10T12:17:00+00:00, c'est aussi de la norme ISO, mais à éviter pour être compatible avec date.toISOString en JS
+
+            // partage
+            $share_link = new URL(['page' => 'article', 'id' => $id]);
+            $share_js = 'onclick="copyInClipBoard(\'' . $share_link . '\')"';
+            if(isset($_GET['id']) && $_GET['id'][0] === 'n'){
+                $class = 'class="share hidden"';
+            }
+            else{
+                $class = 'class="share"';
+            }
+            $share_button = '<p ' . $class . ' ' . $share_js . '><img class="action_icon" src="assets/share.svg"></p>' . "\n";
+
+            // modifier un article
+            $title_buttons = '';
+            $preview_buttons = '';
+            $article_buttons = '';
+            $date_buttons = '';
+            $admin_buttons = '';
+            if(IS_ADMIN){
+                if(CURRENT_PAGE === 'article'){
+                    $title_js = 'onclick="openEditor(\'' . $id_title . '\')"';
+                    $modify_title = '<p id="edit-' . $id_title . '"><button ' . $title_js . '><img class="action_icon" src="assets/edit.svg">Titre</button></p>' . "\n";
+                    $close_js_title = 'onclick="closeEditor(\'' . $id_title . '\')"';
+                    $close_editor_title = '<p id="cancel-' . $id_title . '" class="hidden"><button ' . $close_js_title . '>Annuler</button></p>';
+                    $submit_js_title = 'onclick="submitArticle(\'' . $id_title . '\')"';
+                    $submit_title = '<p id="submit-' . $id_title . '" class="hidden"><button ' . $submit_js_title . '>Valider</button></p>';
+                    $title_buttons = '<div class="button_zone">' . $modify_title . $close_editor_title . $submit_title . '</div>';
+
+                    $preview_js = 'onclick="openEditor(\'' . $id_preview . '\')"';
+                    $modify_preview = '<p id="edit-' . $id_preview . '"><button ' . $preview_js . '><img class="action_icon" src="assets/edit.svg">Aperçu</button></a></p>' . "\n";
+                    $close_js_preview = 'onclick="closeEditor(\'' . $id_preview . '\')"';
+                    $close_editor_preview = '<p id="cancel-' . $id_preview . '" class="hidden"><button ' . $close_js_preview . '>Annuler</button></p>';
+                    $submit_js_preview = 'onclick="submitArticle(\'' . $id_preview . '\')"';
+                    $submit_preview = '<p id="submit-' . $id_preview . '" class="hidden"><button ' . $submit_js_preview . '>Valider</button></p>';
+                    $preview_buttons = '<div class="button_zone">' . $modify_preview . $close_editor_preview . $submit_preview . '</div>';
+
+                    $article_js = 'onclick="openEditor(\'' . $id_content . '\')"';
+                    $modify_article = '<p id="edit-' . $id_content . '"><button ' . $article_js . '><img class="action_icon" src="assets/edit.svg">Article</button></p>' . "\n";
+                    $close_js_article = 'onclick="closeEditor(\'' . $id_content . '\')"';
+                    $close_editor_article = '<p id="cancel-' . $id_content . '" class="hidden"><button ' . $close_js_article . '>Annuler</button></p>';
+                    $submit_js_article = 'onclick="submitArticle(\'' . $id_content . '\')"';
+                    $submit_article = '<p id="submit-' . $id_content . '" class="hidden"><button ' . $submit_js_article . '>Valider</button></p>';
+                    $article_buttons = '<div class="button_zone">' . $modify_article . $close_editor_article . $submit_article . '</div>';
+
+                    $date_js = 'onclick="openDatetimeLocalInput(\'' . $id_date . '\', \'article\');';
+                    $modify_date = '<p id="edit-' . $id_date . '"><button ' . $date_js . '"><img class="action_icon" src="assets/edit.svg">Date</button></p>' . "\n";
+                    $close_js_date = 'onclick="closeInput(\'' . $id_date . '\')"';
+                    $close_editor_date = '<p id="cancel-' . $id_date . '" class="hidden"><button ' . $close_js_date . '>Annuler</button></p>';
+                    $submit_js_date = 'onclick="submitDate(\'' . $id_date . '\')"';
+                    $submit_date = '<p id="submit-' . $id_date . '" class="hidden"><button ' . $submit_js_date . '>Valider</button></p>';
+                    $date_buttons = '<div class="button_zone">' . $modify_date . $close_editor_date . $submit_date . '</div>';
+                    
+                    // mode nouvel article
+                    if(self::$new_article_mode){
+                        $delete_article = '';
+                        // valider la création d'un nouvel article
+                        $submit_js = 'onclick="submitArticle(\'' . $_GET['id'] . '\')"';
+                        $submit_article = '<p id="save-' . $id . '"><img class="action_icon delete_button" src="assets/save.svg" ' . $submit_js . '></p>' . "\n";
+                    }
+                    // mode article existant
+                    else{
+                        $url = new URL(['action' => 'delete_article', 'id' => $_GET['id'], 'from' => $_GET['from'] ?? '']);
+                        $delete_article = '<form id="delete-' . $id . '" method="post" action="' . $url . '">
+                            <p>
+                                <img src="assets/delete-bin.svg" alt="Supprimer l\'article" class="action_icon" style="cursor: pointer;" onclick="if(confirm(\'Voulez-vous vraiment supprimer cet article ?\')) { this.closest(\'form\').submit(); }"
+                            </p>
+                        </form>' . "\n"; // this.closest('form').submit() = submit du formulaire avec javascript
+                        $submit_article = '';
+                    }
+                    
+                    $admin_buttons = $share_button . $delete_article . $submit_article . $from_to_button;
+                }
+                // autre page
+                else{
+                    $delete_js = 'onclick="deleteArticle(\'' . $id . '\')"';
+                    $delete_article = '<p id="delete-' . $id . '"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></p>' . "\n";
+
+                    $close_editor = '<p id="cancel-' . $id . '" class="hidden"></p>';
+                    $submit_article = '<p id="submit-' . $id . '" class="hidden"></p>';
+
+                    $admin_buttons = $from_to_button . $share_button . $delete_article . $close_editor . $submit_article;
+                }
+            }
+            else{
+                $admin_buttons = $share_button . $from_to_button;
+            }
+
+            ob_start();
+            require($viewFile);
+            $this->html .= ob_get_clean();
+        }
+    }
+}
diff --git a/src/View/NewPageBuilder.php b/src/View/NewPageBuilder.php
new file mode 100644
index 0000000..578a098
--- /dev/null
+++ b/src/View/NewPageBuilder.php
@@ -0,0 +1,53 @@
+<?php
+// src/View/NewPageBuilder.php
+//
+// page Nouvelle page en mode admin, fonctionne avec new_page.js
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Entity\Page;
+use App\Model\Model;
+use App\Service\URL;
+
+class NewPageBuilder extends AbstractBuilder
+{
+    //private int $margin_left_multiplier = 29;
+    private string $options = '';
+
+    public function __construct(Node $node)
+    {
+        //parent::__construct($node);
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        
+        if(IS_ADMIN && file_exists($viewFile))
+        {
+            /*if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }*/
+
+            $this->unfoldOptions(Model::$menu);
+
+            ob_start();
+            require $viewFile; // insertion de $this->html généré par unfoldMenu
+            $this->html = ob_get_clean(); // pas de concaténation .= cette fois on écrase
+        }
+        else{
+            header('Location: ' . new URL);
+            die;
+        }
+    }
+
+    private function unfoldOptions(Page $page): void
+    {
+        foreach($page->getChildren() as $entry){
+            $this->options .= '<option value="' . $entry->getId() . '">' . $entry->getPageName() . "</option>\n";
+            if(count($entry->getChildren()) > 0){
+                $this->unfoldOptions($entry);
+            }
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/NewsBlockBuilder.php b/src/View/NewsBlockBuilder.php
new file mode 100644
index 0000000..6b3aba5
--- /dev/null
+++ b/src/View/NewsBlockBuilder.php
@@ -0,0 +1,76 @@
+<?php
+// src/View/NewsBlockBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Service\URL;
+
+class NewsBlockBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        parent::__construct($node);
+
+        // à remplacer par list.php/grid.php (une vue par stratégie) le jour ou ou a besoin de les différencier
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php'; // = news_block.php, actuellement identique à post_block.php
+        
+        if(file_exists($viewFile))
+        {
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // stratégie d'affichage du contenu (utilisation de méthodes ou de classe List, GridPresentation, etc)
+            $section_class = $node->getNodeData()->getPresentation(); // = list, grid , mosaic ou carousel
+            $cols_min_width = '';
+            if($section_class === 'grid'){
+                $min_width = $node->getNodeData()->getColsMinWidth();
+                $cols_min_width = 'grid-template-columns: repeat(auto-fit, minmax(' . (string)$min_width . 'px, 1fr));';
+            }
+            $fetch_button_hidden = $node->getNodeData()->getNumberOfPages() > 1 ? '' : ' hidden';
+
+            // ajouter un article
+            $new_article = '';
+            if(IS_ADMIN)
+            {
+                $id = 'n' . $this->id_node;
+
+                $share_button = '<p class="share hidden"><img class="action_icon" src="assets/share.svg"></p>';
+
+                $new_button = '<p><a class="link_to_article" href="' . new URL(['page' => 'article', 'id' => $id, 'from' => CURRENT_PAGE]) . '"><button><img class="action_icon" src="assets/edit.svg">Nouvel article</button></a></p>';
+
+                $modify_js = 'onclick="openEditor(\'' . $id . '\')"';
+                $modify_article = '<p id="edit-' . $id . '" class="hidden"><img class="action_icon" src="assets/edit.svg" ' . $modify_js . '></p>' . "\n";
+                
+                $delete_js = 'onclick="deleteArticle(\'' . $id . '\')"';
+                $delete_article = '<p id="delete-' . $id . '" class="hidden"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></p>' . "\n";
+
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<p id="cancel-' . $id . '" class="hidden"><button ' . $close_js . '>Annuler</button></p>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\', clone' . $this->id_node . ')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><button ' . $submit_js . '>Valider</button></p>';
+                
+                $html = '';
+                $admin_buttons = $new_button . $modify_article . $delete_article . $close_editor . $submit_article;
+
+                // insérer post.php pour le bouton "Nouvel article", new.php pour les vrais articles
+                ob_start();
+                require self::VIEWS_PATH . 'post.php'; // nécéssite $admin_buttons et $html
+                $new_article = ob_get_clean();
+            }
+
+            // articles existants
+            $this->useChildrenBuilder($node);
+            $content = $this->html;
+
+            ob_start();
+            require $viewFile; // utilise $content
+            $this->html = ob_get_clean(); // nouveau contenu
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/PostBlockBuilder.php b/src/View/PostBlockBuilder.php
new file mode 100644
index 0000000..850364a
--- /dev/null
+++ b/src/View/PostBlockBuilder.php
@@ -0,0 +1,90 @@
+<?php
+// src/View/PostBlockBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+
+class PostBlockBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        parent::__construct($node);
+
+        // à remplacer par list.php/grid.php (une vue par stratégie) le jour ou ou a besoin de les différencier
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php'; // = post_block.php, actuellement identique à news_block.php
+        
+        if(file_exists($viewFile))
+        {
+            if(!empty($node->getNodeData()->getData()))
+            {
+                extract($node->getNodeData()->getData());
+            }
+
+            // stratégie d'affichage du contenu (utilisation de méthodes ou de classe List, GridPresentation, etc)
+            $section_class = $node->getNodeData()->getPresentation(); // = list, grid , mosaic ou carousel
+            $cols_min_width = '';
+            if($section_class === 'grid'){
+                $min_width = $node->getNodeData()->getColsMinWidth();
+                $cols_min_width = 'grid-template-columns: repeat(auto-fit, minmax(' . (string)$min_width . 'px, 1fr));';
+            }
+            $fetch_button_hidden = $node->getNodeData()->getNumberOfPages() > 1 ? '' : ' hidden';
+
+            // ajouter un article
+            // => fait un peu double emploi avec PostBuilder
+            $new_article = '';
+            if(IS_ADMIN)
+            {
+                $id = 'n' . $this->id_node;
+
+                $share_button = '<p class="share hidden"><img class="action_icon" src="assets/share.svg"></p>';
+                
+                $new_button = '<p id="new-' . $id . '">' . "\n" . '<button onclick="openEditor(\'' . $id . '\')"><img class="action_icon" src="assets/edit.svg">Nouvel article</button></p>';
+
+                $modify_js = 'onclick="openEditor(\'' . $id . '\')"';
+                $modify_article = '<p id="edit-' . $id . '" class="hidden"><img class="action_icon" src="assets/edit.svg" ' . $modify_js . '></p>' . "\n";
+
+                $up_js = 'onclick="switchPositions(\'' . $id . '\', \'up\')"';
+                $up_button = '<p id="position_up-' . $id . '" class="hidden"><img class="action_icon" src="assets/arrow-up.svg" ' . $up_js . '></p>' . "\n";
+                
+                $down_js = 'onclick="switchPositions(\'' . $id . '\', \'down\')"';
+                $down_button = '<p id="position_down-' . $id . '" class="hidden"><img class="action_icon" src="assets/arrow-down.svg" ' . $down_js . '></p>' . "\n";
+                
+                $delete_js = 'onclick="deleteArticle(\'' . $id . '\')"';
+                $delete_article = '<p id="delete-' . $id . '" class="hidden"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></p>' . "\n";
+
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<p id="cancel-' . $id . '" class="hidden"><button ' . $close_js . '>Annuler</button></p>';
+
+                $position = '<div id="radio-' . $id . '" class="hidden" style="margin: 5px; font-size: 90%;">
+                        Placement:<br>
+                        <input type="radio" id="radio_first-' . $id . '" name="article_placement-' . $id . '" value="first" onchange="setArticlePlacement(\'' . $id . '\')">
+                        <label for="radio_start">en premier</label><br>
+                        <input type="radio" id="radio_last-' . $id . '" name="article_placement-' . $id . '" value="last" onchange="setArticlePlacement(\'' . $id . '\')">
+                        <label for="radio_end">en dernier</label>
+                    </div>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\', clone' . $this->id_node . ')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><button ' . $submit_js . '>Valider</button></p>';
+                
+                $html = '';
+                $admin_buttons = $new_button . $modify_article . $up_button . $down_button . $delete_article . $close_editor . $submit_article . $position;
+
+                // squelette d'un nouvel article
+                ob_start();
+                require self::VIEWS_PATH . 'post.php';
+                $new_article = ob_get_clean();
+            }
+
+            // articles existants
+            $this->useChildrenBuilder($node);
+            $content = $this->html;
+
+            ob_start();
+            require $viewFile;
+            $this->html = ob_get_clean(); // pas de concaténation ici, on écrase
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/PostBuilder.php b/src/View/PostBuilder.php
new file mode 100644
index 0000000..ade7304
--- /dev/null
+++ b/src/View/PostBuilder.php
@@ -0,0 +1,60 @@
+<?php
+// src/View/PostBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Service\URL;
+
+class PostBuilder extends AbstractBuilder
+{
+    public function __construct(Node $node)
+    {
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+        if(file_exists($viewFile))
+        {
+            // html
+            $title = $node->getArticle()->getTitle();
+            $html = $node->getArticle()->getContent();
+            $id = (string)$node->getId();
+
+            // partage
+            $share_link = new URL(['page' => CURRENT_PAGE], $id);
+            $share_js = 'onclick="copyInClipBoard(\'' . $share_link . '\')"';
+            $share_button = '<p class="share" ' . $share_js . '><img class="action_icon" src="assets/share.svg"></p>' . "\n";
+
+            // modifier un article
+            // => fait un peu double emploi avec PostBlockBuilder
+            $admin_buttons = '';
+            if(IS_ADMIN)
+            {
+                $modify_js = 'onclick="openEditor(\'' . $id . '\')"';
+                $modify_article = '<p id="edit-' . $id . '"><img class="action_icon" src="assets/edit.svg" ' . $modify_js . '></p>' . "\n";
+
+                $up_js = 'onclick="switchPositions(\'' . $id . '\', \'up\')"';
+                $up_button = '<p id="position_up-' . $id . '"><img class="action_icon" src="assets/arrow-up.svg" ' . $up_js . '></p>' . "\n";
+                
+                $down_js = 'onclick="switchPositions(\'' . $id . '\', \'down\')"';
+                $down_button = '<p id="position_down-' . $id . '"><img class="action_icon" src="assets/arrow-down.svg" ' . $down_js . '></p>' . "\n";
+                
+                $delete_js = 'onclick="deleteArticle(\'' . $id . '\')"';
+                $delete_article = '<p id="delete-' . $id . '"><img class="action_icon" src="assets/delete-bin.svg" ' . $delete_js . '></p>' . "\n";
+                
+                $close_js = 'onclick="closeEditor(\'' . $id . '\')"';
+                $close_editor = '<p id="cancel-' . $id . '" class="hidden"><button ' . $close_js . '>Annuler</button></p>';
+                
+                $submit_js = 'onclick="submitArticle(\'' . $id . '\')"';
+                $submit_article = '<p id="submit-' . $id . '" class="hidden"><button ' . $submit_js . '>Valider</button></p>';
+                
+                $admin_buttons = $modify_article . $up_button . $down_button . $delete_article . $close_editor . $submit_article;
+            }
+
+            ob_start();
+            require($viewFile);
+            $this->html .= ob_get_clean();
+        }
+    }
+}
diff --git a/src/View/ShowEmailsBuilder.php b/src/View/ShowEmailsBuilder.php
new file mode 100644
index 0000000..b02174d
--- /dev/null
+++ b/src/View/ShowEmailsBuilder.php
@@ -0,0 +1,71 @@
+<?php
+// src/View/ShowEmailsBuilder.php
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Service\URL;
+
+class ShowEmailsBuilder extends AbstractBuilder
+{
+    public function __construct(?Node $node)
+    {
+        //parent::__construct($node);
+        $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+        if(file_exists($viewFile))
+        {
+            // objets Email groupés par destinataire
+            $emails_by_recipient = [];
+            foreach($node->getNodeData()->getEmails() as $email){
+                $recipient = $email->getRecipient();
+                $emails_by_recipient[$recipient][] = $email;
+            }
+
+            // affiche une table par destinataire
+            $emails = '';
+            foreach($emails_by_recipient as $recipient => $emails_list){
+                $html = '<h4>Destinataire: ' . $recipient . '</h4>
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Expéditeur</th>
+                                <th>Adresse</th>
+                                <th>Contenu</th>
+                                <th>Date</th>
+                                <th>Effacement prévu le</th>
+                                <th>Sensible</th>
+                                <th class="email_delete_button"></th>
+                            </tr>
+                        </thead>
+                        <tbody>';
+
+                // insère les données
+                foreach($emails_list as $email){
+                    $html .= '<tr id="' . $email->getId() . '">
+                        <td>' . htmlspecialchars($email->getSenderName()) . '</td>
+                        <td>' . htmlspecialchars($email->getSenderAddress()) . '</td>
+                        <td>' . htmlspecialchars($email->getContent()) . '</td>
+                        <td>' . $email->getDateTime()->format('d/m/Y') . '</td>
+                        <td class="deletion_date">' . $email->getDeletionDate()->format('d/m/Y') . '</td>
+                        <td><input class="make_checkbox_sensitive" type="checkbox" ' . ($email->isSensitive() ? 'checked' : '') . ' onclick="toggleSensitiveEmail(' . $email->getId() . ')"></td>
+                        <td class="email_delete_button"><img class="action_icon" src="assets/delete-bin.svg" onclick="deleteEmail(' . $email->getId() . ')"></td>
+                    </tr>';
+                }
+
+                $html .= '</tbody>
+                    </table>';
+                $emails .= $html;
+            }
+
+            ob_start();
+            require $viewFile; // insertion de $this->html généré par unfoldMenu
+            $this->html = ob_get_clean(); // pas de concaténation .= cette fois on écrase
+        }
+        else{
+            header('Location: ' . new URL(['error' => 'show_emails_view_not_found']));
+            die;
+        }
+    }
+}
\ No newline at end of file
diff --git a/src/View/UserEditBuilder.php b/src/View/UserEditBuilder.php
new file mode 100644
index 0000000..4a9fd90
--- /dev/null
+++ b/src/View/UserEditBuilder.php
@@ -0,0 +1,64 @@
+<?php
+// src/View/UserEditBuilder.php
+//
+// fonctionne avec UserController
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+use App\Service\URL;
+use App\Service\Captcha;
+
+class UserEditBuilder extends AbstractBuilder
+{
+        public function __construct(Node $node){
+                // pour éviter les arnaques
+                if(!IS_ADMIN){
+            header('Location: ' . new URL);
+            die;
+        }
+
+                $viewFile = self::VIEWS_PATH . $node->getName() . '.php';
+
+        $error_messages = [
+            'error_non_valid_captcha' => 'Erreur au test anti-robot, veuillez saisir un nombre entier.',
+            'captcha_server_error' => 'captcha_server_error',
+            
+            'bad_login_or_password' => 'Mauvais identifiant ou mot de passe, veuillez réessayer.', // ne pas indiquer où est l'erreur
+            'bad_solution_captcha' => 'Erreur au test anti-robot, veuillez réessayer.',
+            'forbidden_characters' => 'Caractères interdits: espaces, tabulations, sauts CR/LF.',
+            'same_username_as_before' => 'Nouveau nom identique au précédent.',
+            'same_password_as_before' => 'Nouveau mot de passe identique au précédent.'
+        ];
+
+        $error_username = isset($_GET['error_username']) ? $error_messages[$_GET['error_username']] : '';
+        $success_username = (isset($_GET['success_username']) && $_GET['success_username']) ? 'Identifiant modifié avec succès.' : '';
+        $error_password = isset($_GET['error_password']) ? $error_messages[$_GET['error_password']] : '';
+        $success_password = (isset($_GET['success_password']) && $_GET['success_password']) ? 'Mot de passe modifié avec succès.' : '';
+
+                $captcha = new Captcha;
+        $_SESSION['captcha'] = $captcha->getSolution(); // enregistrement de la réponse du captcha pour vérification
+
+        $link_user_form = new URL(['action' => 'update_username']);
+        isset($_GET['from']) ? $link_user_form->addParams(['from' => $_GET['from']]) : '';
+        isset($_GET['id']) ? $link_user_form->addParams(['id' => $_GET['id']]) : '';
+
+        $link_password_form = new URL(['action' => 'update_password']);
+        isset($_GET['from']) ? $link_password_form->addParams(['from' => $_GET['from']]) : '';
+        isset($_GET['id']) ? $link_password_form->addParams(['id' => $_GET['id']]) : '';
+
+        $link_exit = new URL;
+        isset($_GET['from']) ? $link_exit->addParams(['page' => $_GET['from'] ]) : '';
+        isset($_GET['id']) ? $link_exit->addParams(['id' => $_GET['id']]) : '';
+
+        $link_logout = new URL(['action' => 'deconnection']);
+        isset($_GET['from']) ? $link_logout->addParams(['from' => $_GET['from'] ]) : '';
+        isset($_GET['id']) ? $link_logout->addParams(['id' => $_GET['id']]) : '';
+
+                ob_start();
+        require $viewFile;
+        $this->html = ob_get_clean(); // nouveau contenu
+        }
+}
\ No newline at end of file
diff --git a/src/View/ViewDirector.php b/src/View/ViewDirector.php
new file mode 100644
index 0000000..af35179
--- /dev/null
+++ b/src/View/ViewDirector.php
@@ -0,0 +1,30 @@
+<?php
+// src/View/ViewDirector.php
+//
+// génère le HTML avec des Builder
+
+declare(strict_types=1);
+
+namespace App\View;
+
+use App\Entity\Node;
+
+class ViewDirector extends AbstractBuilder // ViewDirector est le premier Builder
+{
+    public Node $root_node;
+
+    public function __construct(){} // surcharge celui de AbstractBuilder
+
+    public function buildHTML(Node $root_node): string
+    {
+        $this->root_node = $root_node;
+        $this->useChildrenBuilder($this->root_node);
+
+        if(isset($_SESSION['flash_message'])){
+            $this->html .= '<script>window.flash_message = "' . $_SESSION['flash_message'] . '";</script>';
+            unset($_SESSION['flash_message']);
+        }
+
+        return $this->html;
+    }
+}
\ No newline at end of file
diff --git a/src/View/templates/calendar.php b/src/View/templates/calendar.php
new file mode 100644
index 0000000..fd920fd
--- /dev/null
+++ b/src/View/templates/calendar.php
@@ -0,0 +1,14 @@
+<?php
+declare(strict_types=1);
+use App\View\HeadBuilder;
+?>
+<section class="calendar" id="<?= $this->id_node ?>">
+    <?= HeadBuilder::insertJS('fullcalendar/index.global.min') ?>
+    <?= HeadBuilder::insertJS('fullcalendar/fr.global.min') ?>
+    <?= HeadBuilder::insertJS($calendar_js_file) ?>
+        <h3><?= $title ?></h3>
+        <div id="calendar_zone">
+        <div id="calendar"></div>
+        <aside id="event_modal" class="modal"></aside>
+    </div>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/footer.php b/src/View/templates/footer.php
new file mode 100644
index 0000000..cd8bd0a
--- /dev/null
+++ b/src/View/templates/footer.php
@@ -0,0 +1,43 @@
+<?php
+declare(strict_types=1);
+use App\Service\URL;
+?>
+            <footer>
+<?= $breadcrumb ?>
+                <div class="data">
+                    <div class="contact">
+                        <div id="footer_name">
+                            <span id="footer_name_content"><?= htmlspecialchars($name ?? '') ?></span>
+                            <?= $admin_footer_name ?>
+                        </div>
+                        <div id="footer_address">
+                            <span id="footer_address_content"><?= htmlspecialchars($address ?? '') ?></span>
+                            <?= $admin_footer_address ?>
+                        </div>
+                        <div id="footer_email">
+                            <a id="footer_email_content" href="mailto:<?= htmlspecialchars($email ?? '') ?>"><?= htmlspecialchars($email ?? '') ?></a>
+                            <?= $admin_footer_email ?>
+                        </div>
+                    </div>
+                    <div id="footer_logo">
+                        <a href="<?= new URL ?>"><img id="footer_logo_content" src="<?= $footer_logo ?? '' ?>" alt=""></a>
+                        <?= $admin_footer_logo ?>
+                    </div>
+<?php if(IS_ADMIN){ ?>
+                    <script>
+                        let footer_name = new InputText('footer_name');
+                        let footer_address = new InputText('footer_address');
+                        let footer_email = new InputText('footer_email');
+                        let footer_logo = new InputFile('footer_logo');
+                    </script>
+<?php } ?>
+                </div>
+                <div class="<?= $empty_admin_zone ?>"></div>
+                <div class="<?= $div_admin ?>">
+<?= $zone_admin ?>
+                </div>
+                <div id="toast"></div>
+            </footer>
+        </div>
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/View/templates/form.php b/src/View/templates/form.php
new file mode 100644
index 0000000..384bde9
--- /dev/null
+++ b/src/View/templates/form.php
@@ -0,0 +1,36 @@
+<?php declare(strict_types=1); ?>
+<section class="form" id="<?= $this->id_node ?>">
+        <h3><?= $title ?></h3>
+        <?= $admin_content ?>
+        <div class="form_inputs">
+                <label for="email_name_<?= $node->getNodeData()->getId() ?>">Votre nom</label>
+                <input id="email_name_<?= $node->getNodeData()->getId() ?>" type="text" name="email_name" value="">
+                
+                <label for="email_address_<?= $node->getNodeData()->getId() ?>">Votre e-mail</label>
+                <input id="email_address_<?= $node->getNodeData()->getId() ?>" type="email" name="email_address" placeholder="mon-adresse@email.fr" value="" onchange="checkCase(<?= $node->getNodeData()->getId() ?>)">
+
+                <label for="email_message_<?= $node->getNodeData()->getId() ?>">Votre message</label>
+                <textarea id="email_message_<?= $node->getNodeData()->getId() ?>" type="text" name="email_message" rows="4"></textarea>
+
+                <div class="full_width_column">
+                        <label for="email_captcha_<?= $node->getNodeData()->getId() ?>" >Montrez que vous n'êtes pas un robot</label>
+                </div>
+
+                <label for="email_captcha_<?= $node->getNodeData()->getId() ?>" >Combien font <?= self::$captcha->getA() ?> fois <?= self::$captcha->getB() ?>?</label>
+                <div>
+                        <input id="email_captcha_<?= $node->getNodeData()->getId() ?>" type="text" name="email_captcha" size="1" autocomplete="off">
+                </div>
+
+                <input id="form_id_hidden" type="hidden" name="form_id_hidden" value="">
+                <input id="email_hidden_<?= $node->getNodeData()->getId() ?>" type="hidden" name="email_hidden">
+
+                <div class="full_width_column">
+                        <input type="submit" value="Envoyez votre message" onclick="sendVisitorEmail(<?= $node->getNodeData()->getId() ?>)">
+                </div>
+
+                <p class="send_email_success_<?= $node->getNodeData()->getId() ?> full_width_column"></p>
+        </div>
+        <p id="form_warning_<?= $node->getNodeData()->getId() ?>" class="form_warning <?= ($keep_emails ?? false) ? '' : 'hidden' ?>"><i>
+                Une copie de votre e-mail (nom, adresse et message) sera conservée dans notre base de données dans le but de pouvoir mieux répondre à votre demande et éventuellement dans d'autres buts (prospection). Ces données seront traitées automatiquement par notre serveur et conservées pendant au maximum <?= $retention_period ?> mois à compter de votre dernier message. Ce traitement repose sur votre consentement. Vous pouvez consulter, modifier ou supprimer vos données sur simple demande.
+        </i></p>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/form_admin.php b/src/View/templates/form_admin.php
new file mode 100644
index 0000000..47bca38
--- /dev/null
+++ b/src/View/templates/form_admin.php
@@ -0,0 +1,73 @@
+<?php
+// src/view/templates/form_params.php 
+declare(strict_types=1);
+use App\Service\URL;
+// note: l'id ici n'est pas celui du noeud bloc mais celui de l'entrée dans node_data correspondante
+?>
+<div class="admin_form">
+        <p>
+                <label for="keep_emails_<?= $node->getNodeData()->getId() ?>">Conserver les e-mails en base de données</label>
+                <input type="checkbox" id="keep_emails_<?= $node->getNodeData()->getId() ?>" <?= $keep_emails ? 'checked' : '' ?> onclick="keepEmails(<?= $node->getNodeData()->getId() ?>)">
+        </p>
+        <p><i>Notez que ces enregistrements sont des données personnelles et sont concernés par le RGPD.</i></p>
+        <p><a href="<?= new URL(['page' => 'emails']) ?>"><button>Consulter les e-mails enregistrés</button></a></p>
+        <p>
+                <label for="retention_period_<?= $node->getNodeData()->getId() ?>">Durée de conservation (en mois)</label>
+                <input type="number" id="retention_period_<?= $node->getNodeData()->getId() ?>" min="0" value="<?= $retention_period ?>" size="2" onchange="setEmailsRetentionPeriod(<?= $node->getNodeData()->getId() ?>, 'retention_period')">
+        </p>
+        <p>
+                <label for="retention_period_sensible_<?= $node->getNodeData()->getId() ?>">Durée de conservation des emails sensibles(en mois)</label>
+                <input type="number" id="retention_period_sensible_<?= $node->getNodeData()->getId() ?>" min="0" value="<?= $retention_period_sensible ?>" size="2" onchange="setEmailsRetentionPeriod(<?= $node->getNodeData()->getId() ?>, 'retention_period_sensible')">
+        </p>
+        
+</div>
+<div class="admin_form">
+        <h3>Paramètres d'envoi</h3>
+        <p>
+            <label for="smtp_host_<?= $node->getNodeData()->getId() ?>">Adresse serveur SMTP</label>
+            <input id="smtp_host_<?= $node->getNodeData()->getId() ?>" type="text" name="smtp_host" placeholder="smtp.messagerie.fr" value="<?= htmlspecialchars($smtp_host) ?>">
+            <input type="hidden" id="smtp_host_hidden_<?= $node->getNodeData()->getId() ?>" value="">
+            <button onclick="setEmailParam('smtp_host', <?= $node->getNodeData()->getId() ?>)">Valider</button>
+        </p>
+        <p>
+                <label for="smtp_secure_<?= $node->getNodeData()->getId() ?>">Chiffrement</label>
+                <select id="smtp_secure_<?= $node->getNodeData()->getId() ?>" name="smtp_secure" onchange="setEmailParam('smtp_secure', <?= $node->getNodeData()->getId() ?>)">
+                        <option value="plain_text" >Aucun (port 25)</option>
+                        <option value="tls" <?= htmlspecialchars($smtp_secure) === 'tls' ? 'selected' : '' ?>>StartTLS (port 587)</option>
+                        <option value="ssl" <?= htmlspecialchars($smtp_secure) === 'ssl' ? 'selected' : '' ?>>SSL (port 465)</option>
+                </select>
+                <input type="hidden" id="smtp_secure_hidden_<?= $node->getNodeData()->getId() ?>" value="">
+        </p>
+        <p>
+            <label for="smtp_username_<?= $node->getNodeData()->getId() ?>">Identifiant (adresse e-mail)</label>
+            <input id="smtp_username_<?= $node->getNodeData()->getId() ?>" type="email" name="smtp_username" autocomplete="new-password" placeholder="mon-adresse@email.fr" value="<?= htmlspecialchars($smtp_username) ?>">
+            <input type="hidden" id="smtp_username_hidden_<?= $node->getNodeData()->getId() ?>" value="">
+            <button onclick="setEmailParam('smtp_username', <?= $node->getNodeData()->getId() ?>)">Valider</button>
+        </p>
+        <p>
+            <label for="smtp_password_<?= $node->getNodeData()->getId() ?>">Mot de passe</label>
+            <input id="smtp_password_<?= $node->getNodeData()->getId() ?>" type="password" name="smtp_password" autocomplete="new-password">
+            <input type="hidden" id="smtp_password_hidden_<?= $node->getNodeData()->getId() ?>" value="">
+            <button onclick="setEmailParam('smtp_password', <?= $node->getNodeData()->getId() ?>)">Valider</button>
+        </p>
+        <p><i>Il s'agit du service qui acheminera les messages envoyés par ce formulaire.<br>
+                Site web => serveur d'envoi => serveur de réception => votre application "mail"</i></p>
+        <p><i>
+                Ce formulaire utilise les paramètres dans le fichier config.ini sur le serveur à mois que vous n'en renseignez d'autres ci-dessus. Les adresses d'envoi et de réception peuvent être identiques.
+        </i></p>
+        <p><i>Le site web peut ne pas réussir à se connecter à certains fournisseurs.</i></p>
+</div>
+<div class="admin_form">
+        <h3>Paramètres de réception</h3>
+        <p>
+            <label for="email_dest_<?= $node->getNodeData()->getId() ?>">Adresse e-mail</label>
+            <input id="email_dest_<?= $node->getNodeData()->getId() ?>" type="email" name="email_dest" placeholder="mon-adresse@email.fr" value="<?= htmlspecialchars($email_dest) ?>">
+            <input type="hidden" id="email_dest_hidden_<?= $node->getNodeData()->getId() ?>" value="">
+            <button onclick="setEmailParam('email_dest', <?= $node->getNodeData()->getId() ?>)">Valider</button>
+        </p>
+</div>
+<div class="admin_form">
+        <p><button onclick="sendTestEmail(<?= $node->getNodeData()->getId() ?>)">Envoi d'un e-mail de test</button></p>
+        <p><i>Vérifie la connexion au serveur d'envoi. Pour tester la réception, consultez vos e-mails à l'adresse de réception.</i></p>
+        <p class="test_email_success_<?= $node->getNodeData()->getId() ?> full_width_column"></p>
+</div>
\ No newline at end of file
diff --git a/src/View/templates/galery.php b/src/View/templates/galery.php
new file mode 100644
index 0000000..97f8cd8
--- /dev/null
+++ b/src/View/templates/galery.php
@@ -0,0 +1,12 @@
+<?php declare(strict_types=1); ?>
+<section class="galery" id="<?= $this->id_node ?>">
+        <h3><?= $title ?></h3>
+<?= $new_article ?>
+        <script>
+                var clone<?= $this->id_node ?> = document.currentScript.previousElementSibling.cloneNode(true);
+        </script>
+        <div class="galery_photos">
+<?= $content ?>
+        </div>
+        <script>enableGaleryScroller();</script>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/head.php b/src/View/templates/head.php
new file mode 100644
index 0000000..bce0a19
--- /dev/null
+++ b/src/View/templates/head.php
@@ -0,0 +1,13 @@
+<?php declare(strict_types=1); ?>
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <script>window.Config = {page: "<?= CURRENT_PAGE ?>", favicon: "<?= $favicon ?>"};</script>
+        <meta charset="utf-8">
+        <title><?= $title ?></title>
+        <link rel="icon" type="<?= $favicon_type ?>" href="<?= $favicon ?>">
+        <meta name="description" content="<?= $description ?>">
+        <meta name="viewport" content="width=device-width">
+        <?= $css ?>
+        <?= $js ?>
+    </head>
\ No newline at end of file
diff --git a/src/View/templates/header.php b/src/View/templates/header.php
new file mode 100644
index 0000000..08bc478
--- /dev/null
+++ b/src/View/templates/header.php
@@ -0,0 +1,58 @@
+<?php
+declare(strict_types=1);
+use App\Service\URL;
+?>
+<body>
+    <div>
+           <header style="background-image: url('<?= $header_background ?? '' ?>');">
+            <div id="nav_zone">
+                <div class="nav_button">
+                    <button onclick="toggleTouchMenu()">MENU</button>
+                </div>
+                <?= $nav ?>
+            </div>
+            <div class="header_above">
+                <div id="head_favicon">
+                    <?= $admin_head_favicon ?>
+                </div>
+                <div id="header_background">
+                    <?= $admin_header_background ?>
+                </div>
+            </div>
+            <div class="header_content">
+                <div class="header_left_col">
+                    <div id="header_logo">
+                        <a href="<?= new URL ?>"><img id="header_logo_content" src="<?= $header_logo ?? '' ?>" alt=""></a>
+                        <?= $admin_header_logo ?>
+                    </div>
+                </div>
+                <div class="header_center_col">
+                    <h1 id="header_title">
+                        <a id="header_title_content" href="<?= new URL ?>"><?= htmlspecialchars($title ?? '') ?></a>
+                        <?= $admin_header_title ?>
+                    </h1>
+                    <h2 id="header_description">
+                        <span id="header_description_content"><?= htmlspecialchars($description ?? '') ?></span>
+                        <?= $admin_header_description ?>
+                    </h2>
+                </div>
+                <div class="header_right_col">
+                    <div id="header_social">
+                        <div id="header_social_content">
+                            <?= $social_networks ?>
+                        </div>
+                    </div>
+                    <?= $breadcrumb ?? '' ?>
+                </div>
+            </div>
+<?php if(IS_ADMIN){ ?>
+            <script>
+                document.getElementById("head_favicon_content").src = window.Config.favicon;
+                let head_favicon = new InputFileFavicon('head_favicon');
+                let header_background = new InputFileHeaderBackground('header_background');
+                let header_logo = new InputFile('header_logo');
+                let header_title = new InputText('header_title');
+                let header_description = new InputText('header_description');
+            </script>
+<?php } ?>
+        </header>
\ No newline at end of file
diff --git a/src/View/templates/login.php b/src/View/templates/login.php
new file mode 100644
index 0000000..3257690
--- /dev/null
+++ b/src/View/templates/login.php
@@ -0,0 +1,31 @@
+<?php declare(strict_types=1); ?>
+                <section>
+            <h3>Connexion à l'espace d'administration</h3>
+            <div class="basic_div">
+                    <p>Veuillez saisir votre identifiant et votre mot de passe.</p>
+                    <p style="color: red; font-style: italic;"><?= $error ?></p>
+                                <form method="post" action="<?= $link_form ?>" >
+                                    <p><label for="login" >Identifiant:</label>
+                                        <input id="login" type="text" name="login" autofocus required></p>
+                                    <p><label for="password" >Mot de passe:</label>
+                                        <input id="password" type="password" name="password" required></p>
+                                    <input type="hidden" name="connection_hidden">
+
+                                    <p>Montrez que vous n'êtes pas un robot.<br>
+                            <label for="captcha" >Combien font <?= $captcha->getA() ?> fois <?= $captcha->getB() ?>?</label>
+                            <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1">
+                        </p>
+
+                                    <input type="submit" value="Valider">
+                                </form>
+                                <p>Au fait? Vous n'utilisez pas votre propre ordinateur ou téléphone?<br/>
+                                    Utilisez la navigation privée.</p>
+                        </div>
+                </section>
+                <section>
+                        <div class="basic_div">
+                            <a href="<?= $link_exit ?>" >
+                                <button>Retour au site</button>
+                            </a>
+                        </div>
+                </section>
\ No newline at end of file
diff --git a/src/View/templates/maintenance.php b/src/View/templates/maintenance.php
new file mode 100644
index 0000000..5a8a46d
--- /dev/null
+++ b/src/View/templates/maintenance.php
@@ -0,0 +1,65 @@
+<?php
+declare(strict_types=1);
+use App\Service\URL;
+?>
+<section class="maintenance">
+        <h3>Maintenance du site</h3>
+        <div class="basic_div">
+                <p>
+                        <button onclick="displayLogs()">Consulter les journaux de connexion</button><br>
+                        <i>Qui a essayé de se connecter, quand et a-t'il réussi?</i>
+                </p>
+                <div id="log_table"></div>
+                <p><button onclick="cleanLogs()">Effacer les journaux de connexion</button></p>
+                
+        </div>
+        <div class="basic_div">
+                <p>
+                        <a href="<?= new URL(['page' => 'emails']) ?>"><button>Consulter les emails</button></a>
+                        <i>reçus depuis tous les formulaires de contact</i>
+                </p>
+        </div>
+        <div class="basic_div">
+                <p>
+                        <a href="<?= new URL(['action' => 'get_mysqldump']) ?>">
+                                <button id="get_mysqldump" onclick="preventClickSpam(this)">Télécharger une sauvegarde de la base de données</button>
+                        </a><br>
+                        <i>Obtenir un fichier SQL à conserver. Une sauvegarde (désignée par "auto") est réalisée à chaque connexion au mode admin.</i>
+                </p>
+        </div>
+        <div class="basic_div">
+                <p>Restaurer la base de données à partir d'un fichier SQL.<br>
+                        <i>Attention, l'actuelle BDD sera écrasée! (à l'exception de la table <?= TABLE_PREFIX ?>user)</i>
+                </p>
+                <form action="<?= new URL(['from' => 'maintenance', 'action' => 'restore_database']) ?>" method="post">
+                        <label for="selected_sql">Utiliser une sauvegarde conservée sur le serveur:</label><br>
+                        <select id="selected_sql" name="selected_sql">
+                                <?= $backup_options ?>
+                        </select>
+                        <input type="hidden" name="hidden" value="">
+                        <input type="submit" value="Valider" onclick="return confirm('Voulez-vous vraiment restaurer la base de données? Toutes les données seront supprimées et remplacées par les nouvelles.')">
+                </form>
+                <form enctype="multipart/form-data" action="<?= new URL(['from' => 'maintenance', 'action' => 'restore_database']) ?>" method="post">
+                        <label for="uploaded_sql">Utiliser un fichier sur votre ordinateur:</label><br>
+                        <input id="uploaded_sql" type="file" accept=".sql" name="uploaded_sql">
+                        <input type="hidden" name="hidden" value="">
+                        <input type="submit" value="Valider" onclick="return confirm('Voulez-vous vraiment restaurer la base de données? Toutes les données seront supprimées et remplacées par les nouvelles.')">
+                </form>
+        </div>
+        <div class="basic_div">
+                <p>
+                        <a href="<?= new URL(['from' => 'maintenance', 'action' => 'get_all_media']) ?>">
+                                <button id="get_all_media" onclick="preventClickSpam(this)">Récupérer l'ensemble des fichiers mutimedia</button>
+                        </a><br>
+                        <i>Toutes vos photos et vos documents dans un .zip</i>
+                </p>
+                <p>
+                        <button onclick="openExplorer()" style="color: grey">Explorateur de fichiers</button><br>
+                        <i>Gérer les fichiers multimedia, fonction actuellement indisponible</i>
+                </p>
+        </div>
+
+        <div class="basic_div">
+                <a href="http://nageurs.localhost/index.php"><button>Retour au site</button></a>
+        </div>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/menu.php b/src/View/templates/menu.php
new file mode 100644
index 0000000..5a15fdb
--- /dev/null
+++ b/src/View/templates/menu.php
@@ -0,0 +1,51 @@
+<?php
+declare(strict_types=1);
+use App\Service\URL;
+?>
+<section class="menu">
+        <h3>Menu et chemins</h3>
+        <div class="new_page_button">
+                <p>Créer une <a href="<?= new URL(['page' => 'new_page']) ?>"><button style="color: #ff1d04;">Nouvelle page</button></a>.</p>
+        </div>
+        <div class="url_form_zone">
+                <p>Créer une entrée dans le menu avec une adresse vers un site quelconque:</p>
+                <form method="post" action="<?= new URL(['from' => 'menu_paths']) ?>">
+                        <p>
+                                <label for="label_input">Nom dans le menu:</label>
+                                <input id="label_input" type="text" name="label_input">
+                        </p>
+                        <p>
+                                <label for="url_input">Adresse (collez votre lien):</label>
+                                <input id="url_input" type="url" name="url_input" placeholder="https://..." onchange="controlURL(this)">
+                        </p>
+                        <p>
+                                <label>Placer le lien juste après cette entrée:</label>
+                                <select id="location" name="location">
+                                        <?= $this->options ?>
+                                </select>
+                        </p>
+                        <input type="submit" onclick="createUrlEntry()" value="Valider">
+                </form>
+        </div>
+        <aside>
+                <p>Modifier le menu:</p>
+                <div class="controls_explanations">
+                        <p><img src="assets/arrow-left.svg"> remonter dans l'arbre</p>
+                    <p><img src="assets/arrow-right.svg"> devenir une branche de l'élément précédent</p>
+                        <p><img src="assets/arrow-up.svg"><img src="assets/arrow-down.svg"> déplacer la branche parmi celles de même niveau</p>
+                    <p><input type="checkbox" checked> afficher/cacher</p>
+                    <p><img src="assets/save.svg"> enregistrer une modification</p>
+                    <p><img src="assets/delete-bin.svg"> supprimer un lien</p>
+                </div>
+        </aside>
+        <div id="menu_edit_buttons">
+<?= $this->html ?>
+        </div>
+</section>
+<section>
+        <div class="basic_div">
+                <a href="<?= new URL ?>">
+                        <button>Retour au site</button>
+                </a>
+        </div>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/modify_block.php b/src/View/templates/modify_block.php
new file mode 100644
index 0000000..bb5abd3
--- /dev/null
+++ b/src/View/templates/modify_block.php
@@ -0,0 +1,61 @@
+<?php
+declare(strict_types=1);
+use App\Service\URL;
+?>
+<div class="modify_one_block" id="bloc_edit_<?= $child_node->getId() ?>">
+    <div class="block_options">
+        <label for="bloc_rename_<?= $child_node->getId() ?>">Type <b><?= App\Entity\Presentation::BLOCKS[$child_node->getName()] ?? '<i>erreur base de données</i>' ?></b>
+        </label>
+        <p>
+            <input type="text" id="bloc_rename_<?= $child_node->getId() ?>" name="bloc_rename_title" value="<?= $child_node->getNodeData()->getdata()['title'] ?>" required>
+            <button onclick="renamePageBloc(<?= $child_node->getId() ?>)">Renommer</button>
+        </p>
+                <div>
+                <p>
+                    <img class="action_icon" onclick="switchBlocsPositions(<?= $child_node->getId() ?>, 'up')" src="assets/arrow-up.svg">
+                    <img class="action_icon" onclick="switchBlocsPositions(<?= $child_node->getId() ?>, 'down')" src="assets/arrow-down.svg">
+                </p>
+                <form method="post" action="<?= new URL(['page' => CURRENT_PAGE]) ?>">
+                    <input type="hidden" name="delete_bloc_id" value="<?= $child_node->getId() ?>">
+                    <input type="hidden" name="delete_bloc_hidden">
+                    <input type="submit" value="Supprimer" onclick="return confirm('Voulez-vous vraiment supprimer ce bloc?');">
+                </form>
+            </div>
+        </div>
+<?php
+if($child_node->getName() === 'news_block'){
+?>
+        <div class="news_order">
+                <label>Ordre des articles</label>
+                <select id="articles_order_select_<?= $child_node->getId() ?>" onchange="articlesOrderSelect(<?= $child_node->getId() ?>)">
+                        <option value="antichrono" <?= $order === 'antichrono' ? 'selected' : '' ?>>Antichronologique</option>
+                        <option value="chrono" <?= $order === 'chrono' ? 'selected' : '' ?>>Chronologique</option>
+                </select>
+        </div>
+<?php
+}
+if(App\Entity\Presentation::hasPresentation($child_node->getName())){
+?>
+    <div class="grid_options">
+        <div>
+                <label for="presentation_select_<?= $child_node->getId() ?>">Présentation</label>
+                <select id="presentation_select_<?= $child_node->getId() ?>" onchange="changePresentation(<?= $child_node->getId() ?>)">
+                                <?= $this->makePresentationOptions($child_node->getNodeData()->getPresentation()) ?>
+                </select>
+        </div>
+        <div id="cols_min_width_edit_<?= $child_node->getId() ?>" class="<?= ($child_node->getNodeData()->getPresentation() === 'grid' ? '' : 'hidden') ?>">
+                <label for="cols_min_width_select_<?= $child_node->getId() ?>">Largeur minimum </label>
+                <input type="number" id="cols_min_width_select_<?= $child_node->getId() ?>" onchange="changeColsMinWidth(<?= $child_node->getId() ?>)" min="150" max="400" value="<?= $child_node->getNodeData()->getColsMinWidth() ?>"> pixels
+                </div>
+        </div>
+        <div class="pagination_limit">
+                <label for="pagination_limit_<?= $child_node->getId() ?>">
+                        Nombre max d'articles affichés
+                        <input type="number" id="pagination_limit_<?= $child_node->getId() ?>" name="pagination_limit" onchange="changePaginationLimit(<?= $child_node->getId() ?>)" min="0" max="30" value="<?= $child_node->getNodeData()->getPaginationLimit() ?>">
+                        <i>(mettre 0 désactive la pagination)</i>
+                </label>
+        </div>
+<?php
+}
+?>
+</div>
\ No newline at end of file
diff --git a/src/View/templates/modify_page.php b/src/View/templates/modify_page.php
new file mode 100644
index 0000000..773277b
--- /dev/null
+++ b/src/View/templates/modify_page.php
@@ -0,0 +1,62 @@
+<?php
+declare(strict_types=1);
+use App\Model\Model;
+use App\Service\URL;
+?>
+<section class="page_modification">
+    <h3>Modification de la page</h3>
+    <div class="edit_page_zone">
+        <div class="edit_page_title_zone">
+            <p id="edit_page_title">
+                <label for="page_name">Titre de la page</label>
+                <input type="text" id="page_name" name="edit_page_title" value="<?= Model::$page_path->getLast()->getPageName() ?>" onchange="makePageNamePath()" required>
+                <button onclick="changePageTitle('<?= Model::$page_path->getLast()->getId() ?>')">Renommer</button>
+            </p>
+            <form id="edit_page_menu_path" method="post" action="<?= new URL(['page' => CURRENT_PAGE]) ?>">
+                <label for="page_name_path">Chemin en "snake_case"</label>
+                <input type="text" id="page_name_path" name="page_menu_path" value="<?= Model::$page_path->getLast()->getEndOfPath() ?>" placeholder="ex: nouvelle_page" required>
+                <input type="hidden" name="page_id" value="<?= Model::$page_path->getLast()->getId() ?>"><input type="hidden" name="page_name_path_hidden">
+                <input type="submit" value="Modifier">
+            </form>
+        </div>
+        <div id="edit_description">
+            <label for="description_textarea">Description sous le titre dans les moteurs de recherche</label>
+            <div>
+                <textarea id="description_textarea" name="edit_description" cols="40" rows="3" placeholder="ex: nous faisons ceci et cela, etc" required><?= Model::$page_path->getLast()->getDescription(); ?></textarea>
+                <button onclick="changeDescription('<?= Model::$page_path->getLast()->getId() ?>')">Modifier</button>
+            </div>
+        </div>
+    </div>
+    <div class="delete_page_zone">
+        <form method="post" action="<?= new URL(['page' => CURRENT_PAGE]) ?>">
+            <label>Supprimer cette page</label>
+            <input type="hidden" name="page_id" value="<?= Model::$page_path->getLast()->getId() ?>">
+            <input type="hidden" name="submit_hidden">
+            <input type="submit" value="Supprimer" onclick="return confirm('Voulez-vous vraiment supprimer cette page?');">
+        </form>
+    </div>
+    <div class="edit_block_zone">
+        <div class="new_block">
+            <p>Ajouter un bloc de page</p>
+            <form method="post" action="<?= new URL(['page' => CURRENT_PAGE]) ?>">
+                <p><label for="bloc_title">Titre</label>
+                <input type="text" id="bloc_title" name="bloc_title" required></p>
+                <p><label for="bloc_select">Type</label>
+                <select id="bloc_select" name="bloc_select" required>
+                 <?= $options ?>
+                </select>
+                <input type="hidden" name="bloc_title_hidden">
+                <input type="submit" value="Valider"></p>
+            </form>
+            <div class="explanations">
+                <p><b>Articles libres</b>: textes riches générés par l'éditeur et librement positionnables</p>
+                <p><b>Actualités</b>: contenus structurés avec titre, aperçu, date et possédant une page dédiée</p>
+                <!-- <p><b>Galerie</b>: photos parcourables en mode plein écran (cette fonctionalité n'est pas encore disponible)</p> -->
+            </div>
+        </div>
+        <div class="modify_block">
+            <p>Modifier un bloc</p>
+            <?= $bloc_edit ?>
+        </div>
+    </div>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/new.php b/src/View/templates/new.php
new file mode 100644
index 0000000..30b244f
--- /dev/null
+++ b/src/View/templates/new.php
@@ -0,0 +1,27 @@
+<?php declare(strict_types=1); ?>
+<article>
+    <div class="new_content <?= $overflow ?>" id="<?= $id ?>">
+        <div class="data" id="<?= $id_title ?>">
+            <?= $title ?>
+        </div>
+        <?= $title_buttons ?>
+        <div class="data new_content_text" id="<?= $id_preview ?>">
+            <?= $preview ?>
+        </div>
+        <?= $preview_buttons ?>
+        <div class="data article_content_text" id="<?= $id_content ?>">
+            <?= $content ?>
+        </div>
+        <?= $article_buttons ?>
+        <div class="under_an_article">
+            <p>
+                <img src="assets/calendar.svg">
+                <span class="data local_date" id="<?= $id_date ?>" date-utc="<?= $date ?>">Chargement...</span>
+            </p>
+        </div>
+        <?= $date_buttons ?>
+        <div class="article_admin_zone">
+            <?= $admin_buttons ?>
+        </div>
+    </div>
+</article>
\ No newline at end of file
diff --git a/src/View/templates/new_page.php b/src/View/templates/new_page.php
new file mode 100644
index 0000000..535d88d
--- /dev/null
+++ b/src/View/templates/new_page.php
@@ -0,0 +1,38 @@
+<?php
+declare(strict_types=1);
+use App\Service\URL;
+?>
+<section class="new_page">
+        <h3>Création d'une nouvelle page</h3>
+        <div class="form_zone">
+                <form method="post" action="<?= new URL ?>">
+                        <p>
+                                <label for="page_name">Nom de la page</label>
+                                <input id="page_name" type="text" name="page_name" onchange="makePageNamePath()" required>
+                        </p>
+                        <p>
+                                <label for="page_name_path">Chemin de l'URL</label>
+                                <input id="page_name_path" type="text" name="page_name_path" placeholder="ex: nouvelle_page" required>
+                        </p>
+                        <p>
+                                <label for="page_location">Placer la page juste après cette entrée</label>
+                                <select id="page_location" name="page_location">
+                                        <?= $this->options ?>
+                                </select>
+                        </p>
+                        <input type="hidden" name="new_page_hidden">
+                        <p>
+                                <label class="label_textarea" for="page_description">Description qui apparaît sous le titre dans les moteurs de recherche</label>
+                                <textarea id="page_description" name="page_description" cols="35" rows="3" placeholder="ex: nous faisons ceci et cela, etc"></textarea>
+                        </p>
+                        <input type="submit" value="Créer la page">
+                </form>
+        </div>
+</section>
+<section>
+        <div class="basic_div">
+                <a href="<?= new URL ?>">
+                        <button>Retour au site</button>
+                </a>
+        </div>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/news_block.php b/src/View/templates/news_block.php
new file mode 100644
index 0000000..43dbe01
--- /dev/null
+++ b/src/View/templates/news_block.php
@@ -0,0 +1,14 @@
+<?php declare(strict_types=1); ?>
+<section class="<?= $section_class ?>" block-type="<?= $node->getName() ?>" id="<?= $this->id_node ?>">
+        <h3><?= $title ?></h3>
+<?= $new_article ?>
+        <script>
+                var clone<?= $this->id_node ?> = document.currentScript.previousElementSibling.cloneNode(true);
+        </script>
+        <div class="section_child" style="<?= $cols_min_width ?>">
+<?= $content ?>
+        </div>
+        <div class="fetch_articles">
+                <button class="<?= $fetch_button_hidden ?>" onclick="fetchArticles(<?= $this->id_node ?>)">Articles suivants</button>
+        </div>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/post.php b/src/View/templates/post.php
new file mode 100644
index 0000000..d0d01b2
--- /dev/null
+++ b/src/View/templates/post.php
@@ -0,0 +1,14 @@
+<?php declare(strict_types=1); ?>
+<article>
+    <div class="post_content">
+        <div class="article_title_zone">
+            <?= $share_button ?>
+        </div>
+        <div id="<?= $id ?>">
+            <?= $html ?>
+        </div>
+        <div class="article_admin_zone">
+            <?= $admin_buttons ?>
+        </div>
+    </div>
+</article>
\ No newline at end of file
diff --git a/src/View/templates/post_block.php b/src/View/templates/post_block.php
new file mode 100644
index 0000000..43dbe01
--- /dev/null
+++ b/src/View/templates/post_block.php
@@ -0,0 +1,14 @@
+<?php declare(strict_types=1); ?>
+<section class="<?= $section_class ?>" block-type="<?= $node->getName() ?>" id="<?= $this->id_node ?>">
+        <h3><?= $title ?></h3>
+<?= $new_article ?>
+        <script>
+                var clone<?= $this->id_node ?> = document.currentScript.previousElementSibling.cloneNode(true);
+        </script>
+        <div class="section_child" style="<?= $cols_min_width ?>">
+<?= $content ?>
+        </div>
+        <div class="fetch_articles">
+                <button class="<?= $fetch_button_hidden ?>" onclick="fetchArticles(<?= $this->id_node ?>)">Articles suivants</button>
+        </div>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/show_emails.php b/src/View/templates/show_emails.php
new file mode 100644
index 0000000..f561dc7
--- /dev/null
+++ b/src/View/templates/show_emails.php
@@ -0,0 +1,30 @@
+<?php declare(strict_types=1); ?>
+<section class="show_emails">
+        <h3>Table "<?= TABLE_PREFIX ?>email" de la base de données</h3>
+        <p><i>
+                Les e-mails ci-dessous sont des copies de ceux arrivés dans votre boite de messagerie depuis tous les formulaires existant sur le site. Ils sont conservés dans un but pratique (historique, prospection) ou dans tout autre but justifiant leur conservation. Cette conservation est optionnelle et règlementée par la loi européenne RGPD.<br>
+                <b>Notez qu'utiliser cette application ne vous garantit pas d'être en conformité avec la loi, c'est un outil vous permettant de faire les choses comme vous l'entendez. Si tout ceci vous gêne, désactivez le stockage des e-mails et supprimez ceux déjà enregistrés (ci-dessous).</b>
+        </i></p>
+        <h4>Durées de conservation</h4>
+        <p><i>
+                Ce sont des durées maximales, les données peuvent être supprimées plus tôt ou même immédiatement. Le faire est d'ailleurs une obligation dans le cas où les personnes concernées le demandent.<br>
+        </i></p>
+        <p><i>
+                Les e-mails ordinaires d'un même expéditeur (même adresse e-mail) sont tous supprimés simultanément lorsque le plus récent d'entre eux atteint les 3 ans (utilisateur est considéré inactif).<br>
+                Les e-mails sensibles quand à eux sont supprimés 5 ans après être devenus sensibles (durée juridique d'une preuve).
+        </i></p>
+        <p><i>
+                Un nettoyeur supprimant les messages dépassant ces durées est exécuté au moment de votre connexion au mode administrateur.<br>
+                Si vos connexions sont rares, il est possible d'automatiser ce nettoyage à l'aide d'une tâche CRON. Pour cela, vous devez configurer le serveur pour qu'il exécute periodiquement la commande "php /chemin/du/site/bin/cron.php".
+        </i></p>
+        <h4>Données sensibles</h4>
+        <p><i>
+                Un e-mail peut-être considéré comme "sensible". Vous pouvez rendre un e-mail sensible lorsqu'il possède une valeur de preuve dans le cas d'un litige.<br>
+                Lorsqu'une personne demande la suppression de ses données personnelles du serveur, les e-mails sensibles peuvent être conservés, vous aurez noté que la durée de conservation est calculée différement.
+        </i></p>
+        <p><i>
+                Les spams ne sont pas sensibles, c'est juste de la pollution, supprimez-les!
+        </i></p>
+
+        <?= $emails ?>
+</section>
\ No newline at end of file
diff --git a/src/View/templates/user_create.php b/src/View/templates/user_create.php
new file mode 100644
index 0000000..662d9ac
--- /dev/null
+++ b/src/View/templates/user_create.php
@@ -0,0 +1,54 @@
+<?php
+declare(strict_types=1);
+use App\Service\Captcha;
+
+$error_messages = [
+    'error_non_valid_captcha' => 'Erreur au test anti-robot, veuillez saisir un nombre entier.',
+    'captcha_server_error' => 'captcha_server_error',
+    'bad_solution_captcha' => 'Erreur au test anti-robot, veuillez réessayer.',
+    'bad_login_or_password' => 'Mauvais identifiant ou mot de passe, veuillez réessayer.',
+    'different_passwords' => 'Les deux mots de passe saisis sont différents',
+    'forbidden_characters' => 'Caractères interdits: espaces, tabulations, sauts CR/LF.'
+];
+$error = isset($_GET['error']) ? $error_messages[$_GET['error']] : '';
+
+$captcha = new Captcha;
+$_SESSION['captcha'] = $captcha->getSolution(); // enregistrement de la réponse du captcha pour vérification
+?>
+<!DOCTYPE html>
+<html lang="fr">
+    <head>
+        <meta charset="utf-8">
+        <title>Bienvenue</title>
+        <link rel="icon" type="image/png" href="assets/favicon48x48.png">
+        <link rel="stylesheet" href="css/body.css">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <body>
+        <main>
+            <section>
+                <h3>Bienvenue.</h3>
+                <p style="text-align: center;">Pour commencer, veuillez créer un compte administrateur.</p>
+                <div class="basic_div">
+                    <p style="color: red; font-style: italic;"><?= $error ?></p>
+                    <form method="post" action="index.php?action=create_user" >
+                        <p><label for="login" >Identifiant:</label>
+                            <input id="login" type="text" name="login" autofocus required></p>
+                        <p><label for="password" >Mot de passe:</label>
+                            <input id="password" type="password" name="password" required></p>
+                        <p><label for="password_confirmation" >Confirmer le mot de passe:</label>
+                            <input id="password_confirmation" type="password" name="password_confirmation" required></p>
+                        <input type="hidden" name="create_user_hidden">
+
+                        <p>Montrez que vous n'êtes pas un robot.<br>
+                            <label for="captcha" >Combien font <?= $captcha->getA() ?> fois <?= $captcha->getB() ?>?</label>
+                            <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1">
+                        </p>
+
+                        <input type="submit" value="Valider">
+                    </form>
+                </div>
+            </section>
+        </main>
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/View/templates/user_edit.php b/src/View/templates/user_edit.php
new file mode 100644
index 0000000..9191e7d
--- /dev/null
+++ b/src/View/templates/user_edit.php
@@ -0,0 +1,63 @@
+<?php declare(strict_types=1); ?>
+                <section>
+                        <div class="user_edit_header">
+                                <div class="empty_column"></div>
+                                <h3>Mon compte</h3>
+                                <div>
+                                        <img class="user_icon" src="assets/user_hollow.svg">
+                                        <div><?= $_SESSION['user']['username'] ?></div>
+                                </div>
+                        </div>
+                        <div class="user_edit_flex">
+                    <div class="basic_div">
+                            <p>Modifier mon <b>nom d'utilisateur</b>.</p>
+                            <p style="color: red; font-style: italic;"><?= $error_username ?></p>
+                            <p style="color: green; font-style: italic;"><?= $success_username ?></p>
+                                        <form method="post" action="<?= $link_user_form ?>" >
+                                            <p><label for="login" >Ancien nom:</label>
+                                                <input id="login" type="text" name="login" required></p>
+                                            <p><label for="password" >Mot de passe:</label>
+                                        <input id="password" type="password" name="password" required ></p>
+                                <p><label for="new_login" >Nouveau nom:</label>
+                                                <input id="new_login" type="text" name="new_login" required></p>
+                                            <input type="hidden" name="modify_username_hidden">
+
+                                            <p>Montrez que vous n'êtes pas un robot.<br>
+                                    <label for="captcha" >Combien font <?= $captcha->getA() ?> fois <?= $captcha->getB() ?>?</label>
+                                    <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1">
+                                </p>
+
+                                            <input type="submit" value="Valider">
+                                        </form>
+                                </div>
+                                <div class="basic_div">
+                                        <p>Modifier mon <b>mot de passe</b>.</p>
+                            <p style="color: red; font-style: italic;"><?= $error_password ?></p>
+                            <p style="color: green; font-style: italic;"><?= $success_password ?></p>
+                                        <form method="post" action="<?= $link_password_form ?>" >
+                                                <p><label for="login" >Nom:</label>
+                                                <input id="login" type="text" name="login" required></p>
+                                            <p><label for="password" >Ancien mot de passe:</label>
+                                        <input id="password" type="password" name="password" required ></p>
+                                <p><label for="new_password" >Nouveau mot de passe:</label>
+                                <input id="new_password" type="password" name="new_password" required autocomplete="off"></p>
+                                <input type="hidden" name="modify_password_hidden">
+
+                                            <p>Montrez que vous n'êtes pas un robot.<br>
+                                    <label for="captcha" >Combien font <?= $captcha->getA() ?> fois <?= $captcha->getB() ?>?</label>
+                                    <input required type="text" id="captcha" name="captcha" autocomplete="off" size="1">
+                                </p>
+
+                                            <input type="submit" value="Valider">
+                                        </form>
+                                </div>
+                        </div>
+                </section>
+                <section>
+                        <div class="basic_div">
+                                <a href="<?= $link_exit ?>">
+                                        <button>Retour au site</button></a>
+                                <a href="<?= $link_logout ?>">
+                                        <button>Déconnexion</button></a>
+                        </div>
+                </section>
\ No newline at end of file