correction du déploiement du about collapse

.github/workflows/build.yaml

@@ -1,79 +0,0 @@
-name: Release Builds
-
-on:
-  release:
-    types: [published]
-
-permissions: {}
-
-jobs:
-  build:
-    permissions:
-      contents: write # for release creation (svenstaro/upload-release-action)
-
-    if: "!github.event.release.prerelease"
-    runs-on: ubuntu-latest
-
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Extract Tag
-        run: echo "PACKAGE_VERSION=${{ github.ref }}" >> $GITHUB_ENV
-
-      - name: Setup PHP
-        uses: shivammathur/setup-php@v2
-        with:
-          php-version: 7.3
-          extensions: opcache, gd
-          tools: composer:v2
-          coverage: none
-        env:
-          COMPOSER_TOKEN: ${{ secrets.GLOBAL_TOKEN }}
-
-      - name: Install Dependencies
-        run: |
-          sudo apt-get -y update -qq  < /dev/null > /dev/null
-          sudo apt-get -y install -qq git zip < /dev/null > /dev/null
-
-      - name: Retrieval of Builder Scripts
-        run: |
-          # Real Grav URL
-          curl --silent -H "Authorization: token ${{ secrets.GLOBAL_TOKEN }}" -H "Accept: application/vnd.github.v3.raw" ${{ secrets.BUILD_SCRIPT_URL }} --output build-grav.sh
-
-          # Development Local URL
-          # curl ${{ secrets.BUILD_SCRIPT_URL }} --output build-grav.sh
-
-      - name: Grav Builder
-        run: |
-          bash ./build-grav.sh
-
-      - name: Upload packages to release
-        uses: svenstaro/upload-release-action@v2
-        with:
-          repo_token: ${{ secrets.GITHUB_TOKEN }}
-          tag: ${{ env.PACKAGE_VERSION }}
-          file: ./grav-dist/*.zip
-          overwrite: true
-          file_glob: true
-
-  slack:
-    permissions:
-      actions: read # to list jobs for workflow run (technote-space/workflow-conclusion-action)
-
-    name: Slack
-    needs: build
-    runs-on: ubuntu-latest
-    if: always()
-    steps:
-      - uses: technote-space/workflow-conclusion-action@v2
-      - uses: 8398a7/action-slack@v3
-        with:
-          status: failure
-          fields: repo,message,author,action
-          icon_emoji: ':octocat:'
-          author_name: 'Github Action Build'
-          text: '🚚 Automated Build Failure'
-        env:
-          GITHUB_TOKEN: ${{ secrets.GLOBAL_TOKEN }}
-          SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-        if: env.WORKFLOW_CONCLUSION == 'failure'

.github/workflows/tests.yaml

@@ -1,76 +0,0 @@
-name: PHP Tests
-
-on:
-  push:
-    branches: [ develop ]
-  pull_request:
-    branches: [ develop ]
-
-permissions:
-  contents: read # to fetch code (actions/checkout)
-
-jobs:
-
-  unit-tests:
-
-    runs-on: ${{ matrix.os }}
-
-    strategy:
-      matrix:
-        php: [8.3, 8.2, 8.1, 8.0, 7.4, 7.3]
-        os: [ubuntu-latest]
-
-    steps:
-      - uses: actions/checkout@v2
-
-      - name: Setup PHP
-        uses: shivammathur/setup-php@v2
-        with:
-          php-version: ${{ matrix.php }}
-          extensions: opcache, gd
-          tools: composer:v2
-          coverage: none
-        env:
-          COMPOSER_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-
-#      - name: Update composer
-#        run: composer update
-#
-#      - name: Validate composer.json and composer.lock
-#        run: composer validate
-
-      - name: Get composer cache directory
-        id: composer-cache
-        run: echo "::set-output name=dir::$(composer config cache-files-dir)"
-
-      - name: Cache dependencies
-        uses: actions/cache@v2
-        with:
-          path: ${{ steps.composer-cache.outputs.dir }}
-          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.lock') }}
-          restore-keys: ${{ runner.os }}-composer-
-
-      - name: Install dependencies
-        run: composer install --prefer-dist --no-progress
-
-      - name: Run test suite
-        run: vendor/bin/codecept run
-
-#  slack:
-#      name: Slack
-#      needs: unit-tests
-#      runs-on: ubuntu-latest
-#      if: always()
-#      steps:
-#        - uses: technote-space/workflow-conclusion-action@v2
-#        - uses: 8398a7/action-slack@v3
-#          with:
-#             status: failure
-#             fields: repo,message,author,action
-#             icon_emoji: ':octocat:'
-#             author_name: 'Github Action Tests'
-#             text: '💥 Automated Test Failure'
-#          env:
-#            GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-#            SLACK_WEBHOOK_URL: ${{ secrets.SLACK_WEBHOOK_URL }}
-#          if: env.WORKFLOW_CONCLUSION == 'failure'

.github/workflows/trigger-skeletons.yml

@@ -1,48 +0,0 @@
-name: Trigger Skeletons Build
-
-on:
-  workflow_dispatch:
-    inputs:
-      version:
-        description: 'Which Grav release to use'
-        required: true
-        default: 'latest'
-      admin:
-        description: 'Create also a package with Admin'
-        required: true
-        default: true
-
-permissions:
-  contents: read # to fetch code (actions/checkout)
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    env:
-      WORKFLOW: "build-skeleton.yml"
-      AUTH: ":${{secrets.GLOBAL_TOKEN}}"
-    steps:
-      - uses: actions/checkout@v2
-      - name: Make it rain ☔️
-        run: |
-          SKELETONS=`curl -s "${{secrets.SKELETONS_JSON_LIST}}"`
-          echo "$SKELETONS" | jq -cr '.[]' | while read SKELETON; do
-            KEY=$(echo "$SKELETON" | jq -cr 'keys[0]')
-            VERSION=$(echo "$SKELETON" | jq -cr '.[]')
-            URL="https://api.github.com/repos/${KEY}/actions/workflows/${WORKFLOW}/dispatches"
-
-            curl -X POST \
-            -u "${AUTH}" \
-            -H "Accept: application/vnd.github.everest-preview+json" \
-            -H "Content-Type: application/json" \
-            -sS \
-            ${URL} \
-            --data '{ "ref": "develop", 
-                      "inputs": { 
-                        "tag": "'"$VERSION"'", 
-                        "version": "'"$INPUT_VERSION"'", 
-                        "admin": "'"$INPUT_ADMIN"'" 
-                      } 
-                    }' > /dev/null
-            echo "Dispatched Worfklow for ${KEY}@$VERSION"
-          done

.gitignore

@@ -25,8 +25,13 @@ user/plugins/*
 !user/plugins/.*
 user/themes/*
 !user/themes/.*
+!user/themes/ateliers-55
 user/**/config/security.yaml
 
+# Content
+
+user/pages/*
+
 # Environments
 .env
 .gravenv

CHANGELOG.md

@@ -1,3 +1,29 @@
+# v1.7.46
+## 05/15/2024
+
+1. [](#improved) 
+   * Better handling of external protocols in `Utils::url()` such as `mailto:`, `tel:`, etc.
+   * Handle `GRAV_ROOT` or `GRAV_WEBROOT` when `/` [#3667](https://github.com/getgrav/grav/pull/3667)
+1. [](#bugfix)
+   * Fixes for multi-lang taxonomy when reinitializing the languages (e.g. LangSwitcher plugin) 
+   * Ensure the full filepath is checked for invalid filename in `MediaUploadTrait::checkFileMetadata()`
+   * Fixed a bug in the `on_events` REGEX pattern of `Security::detectXss()` as it was not matching correctly.
+   * Fixed an issue where `read_file()` Twig function could be used nefariously in content [#GHSA-f8v5-jmfh-pr69](https://github.com/getgrav/grav/security/advisories/GHSA-f8v5-jmfh-pr69)
+
+# v1.7.45
+## 03/18/2024
+
+1. [](#new)
+   * Added new Image trait for `decoding` attribute [#3796](https://github.com/getgrav/grav/pull/3796)
+1. [](#bugfix)
+   * Fixed some multibyte issues in Inflector class [#732](https://github.com/getgrav/grav/issues/732)
+   * Fallback to page modified date if Page date provided is invalid and can't be parsed [getgrav/grav-plugin-admin#2394](https://github.com/getgrav/grav-plugin-admin/issues/2394)
+   * Fixed a path traversal vulnerability with file uploads [#GHSA-m7hx-hw6h-mqmc](https://github.com/getgrav/grav/security/advisories/GHSA-m7hx-hw6h-mqmc)
+   * Fixed a security issue with insecure Twig functions be processed [#GHSA-2m7x-c7px-hp58](https://github.com/getgrav/grav/security/advisories/GHSA-2m7x-c7px-hp58) [#GHSA-r6vw-8v8r-pmp4](https://github.com/getgrav/grav/security/advisories/GHSA-r6vw-8v8r-pmp4) [#GHSA-qfv4-q44r-g7rv](https://github.com/getgrav/grav/security/advisories/GHSA-qfv4-q44r-g7rv) [#GHSA-c9gp-64c4-2rrh](https://github.com/getgrav/grav/security/advisories/GHSA-c9gp-64c4-2rrh)
+1. [](#improved) 
+   * Updated composer packages
+   * Updated `bin/composer.phar` to latest `2.7.2`
+
 # v1.7.44
 ## 01/05/2024
 
@@ -103,6 +129,7 @@
 1. [](#improved)
     * Removed outdated `xcache` setting [#3615](https://github.com/getgrav/grav/pull/3615)
     * Updated `robots.txt` [#3625](https://github.com/getgrav/grav/pull/3625)
+    * Handle the situation when GRAV_ROOT or GRAV_WEBROOT are `/` [#3625](https://github.com/getgrav/grav/pull/3667)
 1. [](#bugfix)
     * Fixed `force_ssl` redirect in case of undefined hostname [#3702](https://github.com/getgrav/grav/pull/3702)
     * Fixed an issue with duplicate identical page paths

SECURITY.md

@@ -7,22 +7,31 @@ We are focusing our security updates on the following versions
 | Version | Supported          |
 | ------- | ------------------ |
 | 1.7.x   | :white_check_mark: |
-| 1.6.x   | :warning:          |
+| 1.6.x   | :x:          |
 | < 1.6   | :x:                |
 
+## :pushpin: Note on Security Severity
+
+> NOTE: Please use the following guidlines when selecting a **Severity**.  Submitted advisories that are marked **High** or **Critical** that don't meet the guidelines below will be cliosed.
+
+* **CRITICAL** - no account required, can modify content, or run malicious code or nefarious activity without any access.
+* **HIGH** - publisher level account able to run malicious code or nefarious activity, or other high level security things.
+* **MODERATE** - admin level account able to run malicious code or do nefarious things. other moderate security things.
+* **LOW** - super admin level account able to run malicious code or do nefarious things. other minor security things.
+
 ## :warning: Versions
 
 Versions with :warning: will be supported for security issues, however you won't be able to update to them, you will need to manually update through the [`direct-install` command](https://learn.getgrav.org/17/admin-panel/tools).
 
 If you cannot update to the latest stable version available because, for example, your server does not meet the minimum PHP requirements, you can manually install a previous version by downloading the package from our Releases directory (https://github.com/getgrav/grav/releases).
 
-## Reporting a Vulnerability
+## :pencil: Reporting a Vulnerability
 
 Please contact security@getgrav.org with a detailed explanation of the security issue found.  If it appears to be a legitimate issues, please submit an **advisory via GitHub Security**: https://github.com/getgrav/grav/security/advisories
 
->> NOTE: Please do not use 3rd party security issue reporting services, we like to keep everything in the GitHub ecosystem for easier manageability.
+> NOTE: Please do not use 3rd party security issue reporting services, we like to keep everything in the GitHub ecosystem for easier manageability.
 
-## Bug Bounties
+## :bug: Bug Bounties
 
 We do greatly appreciate your efforts to improve Grav, but unfortunately because we are a small open source project, we **do not have the resources to offer bounties** for security issues found.  
 

system/blueprints/config/system.yaml

@@ -1300,6 +1300,17 @@ form:
                 auto: Auto
                 lazy: Lazy
                 eager: Eager
+            
+            images.defaults.decoding:
+              type: select
+              size: small
+              label: PLUGIN_ADMIN.IMAGES_DECODING
+              help: PLUGIN_ADMIN.IMAGES_DECODING_HELP
+              highlight: auto
+              options:
+                auto: Auto
+                sync: Sync
+                async: Async
 
             images.seofriendly:
               type: toggle

system/config/system.yaml

@@ -168,6 +168,7 @@ images:
     retina_scale: 1                              # scale to adjust auto-sizes for better handling of HiDPI resolutions
   defaults:
     loading: auto                                # Let browser pick [auto|lazy|eager]
+    decoding: auto                               # Let browser pick [auto|sync|async]
   watermark:
     image: 'system://images/watermark.png'       # Path to a watermark image
     position_y: 'center'                         # top|center|bottom

system/defines.php

@@ -9,7 +9,7 @@
 
 // Some standard defines
 define('GRAV', true);
-define('GRAV_VERSION', '1.7.44');
+define('GRAV_VERSION', '1.7.46');
 define('GRAV_SCHEMA', '1.7.0_2020-11-20_1');
 define('GRAV_TESTING', false);
 
@@ -26,12 +26,12 @@ if (!defined('DS')) {
 // Absolute path to Grav root. This is where Grav is installed into.
 if (!defined('GRAV_ROOT')) {
     $path = rtrim(str_replace(DIRECTORY_SEPARATOR, DS, getenv('GRAV_ROOT') ?: getcwd()), DS);
-    define('GRAV_ROOT', $path);
+    define('GRAV_ROOT', $path ?: DS);
 }
 // Absolute path to Grav webroot. This is the path where your site is located in.
 if (!defined('GRAV_WEBROOT')) {
     $path = rtrim(getenv('GRAV_WEBROOT') ?: GRAV_ROOT, DS);
-    define('GRAV_WEBROOT', $path);
+    define('GRAV_WEBROOT', $path ?: DS);
 }
 // Relative path to user folder. This path needs to be located under GRAV_WEBROOT.
 if (!defined('GRAV_USER_PATH')) {

system/languages/sr.yaml

@@ -104,6 +104,7 @@ GRAV:
     VALIDATION_FAIL: '<b>Провера неуспела:</b>'
     INVALID_INPUT: 'Неисправан унос у'
     MISSING_REQUIRED_FIELD: 'Недостаје обавезн поље:'
+    XSS_ISSUES: "Потенцијална грешка у XSS-у детектована у пољу '%s' "
   MONTHS_OF_THE_YEAR:
     - 'Јануар'
     - 'Фебруар'
@@ -125,6 +126,8 @@ GRAV:
     - 'Петак'
     - 'Субота'
     - 'Недеља'
+  YES: "Да"
+  NO: "Не"
   CRON:
     EVERY: сваки
     EVERY_HOUR: сваки сат

system/src/Grav/Common/Backup/Backups.php

@@ -218,7 +218,7 @@ class Backups
         if ($locator->isStream($backup_root)) {
             $backup_root = $locator->findResource($backup_root);
         } else {
-            $backup_root = rtrim(GRAV_ROOT . $backup_root, '/');
+            $backup_root = rtrim(GRAV_ROOT . $backup_root, DS) ?: DS;
         }
 
         if (!$backup_root || !file_exists($backup_root)) {

system/src/Grav/Common/Inflector.php

@@ -161,9 +161,15 @@ class Inflector
      */
     public static function titleize($word, $uppercase = '')
     {
-        $uppercase = $uppercase === 'first' ? 'ucfirst' : 'ucwords';
+        $humanize_underscorize = static::humanize(static::underscorize($word));
+
+        if ($uppercase === 'first') {
+            $firstLetter = mb_strtoupper(mb_substr($humanize_underscorize, 0, 1, "UTF-8"), "UTF-8");
+            return $firstLetter . mb_substr($humanize_underscorize, 1, mb_strlen($humanize_underscorize, "UTF-8"), "UTF-8");
+        } else {
+            return mb_convert_case($humanize_underscorize, MB_CASE_TITLE, 'UTF-8');
+        }
 
-        return $uppercase(static::humanize(static::underscorize($word)));
     }
 
     /**
@@ -180,7 +186,7 @@ class Inflector
      */
     public static function camelize($word)
     {
-        return str_replace(' ', '', ucwords(preg_replace('/[^A-Z^a-z^0-9]+/', ' ', $word)));
+        return str_replace(' ', '', ucwords(preg_replace('/[^\p{L}^0-9]+/', ' ', $word)));
     }
 
     /**
@@ -198,7 +204,7 @@ class Inflector
     {
         $regex1 = preg_replace('/([A-Z]+)([A-Z][a-z])/', '\1_\2', $word);
         $regex2 = preg_replace('/([a-zd])([A-Z])/', '\1_\2', $regex1);
-        $regex3 = preg_replace('/[^A-Z^a-z^0-9]+/', '_', $regex2);
+        $regex3 = preg_replace('/[^\p{L}^0-9]+/u', '_', $regex2);
 
         return strtolower($regex3);
     }
@@ -219,7 +225,7 @@ class Inflector
         $regex1 = preg_replace('/([A-Z]+)([A-Z][a-z])/', '\1-\2', $word);
         $regex2 = preg_replace('/([a-z])([A-Z])/', '\1-\2', $regex1);
         $regex3 = preg_replace('/([0-9])([A-Z])/', '\1-\2', $regex2);
-        $regex4 = preg_replace('/[^A-Z^a-z^0-9]+/', '-', $regex3);
+        $regex4 = preg_replace('/[^\p{L}^0-9]+/', '-', $regex3);
 
         $regex4 = trim($regex4, '-');
 

system/src/Grav/Common/Media/Traits/ImageDecodingTrait.php

@@ -0,0 +1,40 @@
+<?php
+
+/**
+ * @package    Grav\Common\Media
+ * @author     Pedro Moreno https://github.com/pmoreno-rodriguez
+ * @license    MIT License; see LICENSE file for details.
+ */
+
+namespace Grav\Common\Media\Traits;
+
+use Grav\Common\Grav;
+
+/**
+ * Trait ImageDecodingTrait
+ * @package Grav\Common\Media\Traits
+ */
+
+trait ImageDecodingTrait
+{
+    /**
+     * Allows to set the decoding attribute from Markdown or Twig
+     *
+     * @param string|null $value
+     * @return $this
+     */
+    public function decoding($value = null)
+    {
+        if (null === $value) {
+            $value = Grav::instance()['config']->get('system.images.defaults.decoding', 'auto');
+        }
+
+        // Validate the provided value (similar to loading)
+        if ($value !== null && $value !== 'auto') {
+            $this->attributes['decoding'] = $value;
+        }
+
+        return $this;
+    }
+
+}

system/src/Grav/Common/Media/Traits/MediaUploadTrait.php

@@ -156,7 +156,7 @@ trait MediaUploadTrait
         $filepath = $folder . $filename;
 
         // Check if the filename is allowed.
-        if (!Utils::checkFilename($filename)) {
+        if (!Utils::checkFilename($filepath)) {
             throw new RuntimeException(
                 sprintf($this->translate('PLUGIN_ADMIN.FILEUPLOAD_UNABLE_TO_UPLOAD'), $filepath, $this->translate('PLUGIN_ADMIN.BAD_FILENAME'))
             );

system/src/Grav/Common/Page/Medium/ImageMedium.php

@@ -15,6 +15,7 @@ use Grav\Common\Media\Interfaces\ImageManipulateInterface;
 use Grav\Common\Media\Interfaces\ImageMediaInterface;
 use Grav\Common\Media\Interfaces\MediaLinkInterface;
 use Grav\Common\Media\Traits\ImageLoadingTrait;
+use Grav\Common\Media\Traits\ImageDecodingTrait;
 use Grav\Common\Media\Traits\ImageMediaTrait;
 use Grav\Common\Utils;
 use Gregwar\Image\Image;
@@ -30,6 +31,7 @@ class ImageMedium extends Medium implements ImageMediaInterface, ImageManipulate
 {
     use ImageMediaTrait;
     use ImageLoadingTrait;
+    use ImageDecodingTrait;
 
     /**
      * @var mixed|string

system/src/Grav/Common/Security.php

@@ -225,7 +225,7 @@ class Security
         // Set the patterns we'll test against
         $patterns = [
             // Match any attribute starting with "on" or xmlns
-            'on_events' => '#(<[^>]+[[a-z\x00-\x20\"\'\/])([\s\/]on|\sxmlns)[a-z].*=>?#iUu',
+            'on_events' => '#(<[^>]+[a-z\x00-\x20\"\'\/])(on[a-z]+|xmlns)\s*=[\s|\'\"].*[\s|\'\"]>#iUu',
 
             // Match javascript:, livescript:, vbscript:, mocha:, feed: and data: protocols
             'invalid_protocols' => '#(' . implode('|', array_map('preg_quote', $invalid_protocols, ['#'])) . ')(:|\&\#58)\S.*?#iUu',
@@ -263,4 +263,25 @@ class Security
             'invalid_protocols' => array_map('trim', $config->get('security.xss_invalid_protocols')),
         ];
     }
+
+    public static function cleanDangerousTwig(string $string): string
+    {
+        if ($string === '') {
+            return $string;
+        }
+
+        $bad_twig = [
+            'twig_array_map',
+            'twig_array_filter',
+            'call_user_func',
+            'registerUndefinedFunctionCallback',
+            'undefined_functions',
+            'twig.getFunction',
+            'core.setEscaper',
+            'twig.safe_functions',
+            'read_file',
+        ];
+        $string = preg_replace('/(({{\s*|{%\s*)[^}]*?(' . implode('|', $bad_twig) . ')[^}]*?(\s*}}|\s*%}))/i', '{# $1 #}', $string);
+        return $string;
+    }
 }

system/src/Grav/Common/Taxonomy.php

@@ -10,6 +10,7 @@
 namespace Grav\Common;
 
 use Grav\Common\Config\Config;
+use Grav\Common\Language\Language;
 use Grav\Common\Page\Collection;
 use Grav\Common\Page\Interfaces\PageInterface;
 use function is_string;
@@ -37,6 +38,8 @@ class Taxonomy
     protected $taxonomy_map;
     /** @var Grav */
     protected $grav;
+    /** @var Language */
+    protected $language;
 
     /**
      * Constructor that resets the map
@@ -45,8 +48,9 @@ class Taxonomy
      */
     public function __construct(Grav $grav)
     {
-        $this->taxonomy_map = [];
         $this->grav = $grav;
+        $this->language = $grav['language'];
+        $this->taxonomy_map[$this->language->getLanguage()] = [];
     }
 
     /**
@@ -107,7 +111,8 @@ class Taxonomy
             if (!empty($key)) {
                 $taxonomy .= $key;
             }
-            $this->taxonomy_map[$taxonomy][(string) $value][$page->path()] = ['slug' => $page->slug()];
+            $active = $this->language->getLanguage();
+            $this->taxonomy_map[$active][$taxonomy][(string) $value][$page->path()] = ['slug' => $page->slug()];
         }
     }
 
@@ -123,14 +128,11 @@ class Taxonomy
     {
         $matches = [];
         $results = [];
+        $active = $this->language->getLanguage();
 
         foreach ((array)$taxonomies as $taxonomy => $items) {
             foreach ((array)$items as $item) {
-                if (isset($this->taxonomy_map[$taxonomy][$item])) {
-                    $matches[] = $this->taxonomy_map[$taxonomy][$item];
-                } else {
-                    $matches[] = [];
-                }
+                $matches[] = $this->taxonomy_map[$active][$taxonomy][$item] ?? [];
             }
         }
 
@@ -156,11 +158,13 @@ class Taxonomy
      */
     public function taxonomy($var = null)
     {
+        $active = $this->language->getLanguage();
+
         if ($var) {
-            $this->taxonomy_map = $var;
+            $this->taxonomy_map[$active] = $var;
         }
 
-        return $this->taxonomy_map;
+        return $this->taxonomy_map[$active] ?? [];
     }
 
     /**
@@ -171,6 +175,7 @@ class Taxonomy
      */
     public function getTaxonomyItemKeys($taxonomy)
     {
-        return isset($this->taxonomy_map[$taxonomy]) ? array_keys($this->taxonomy_map[$taxonomy]) : [];
+        $active = $this->language->getLanguage();
+        return isset($this->taxonomy_map[$active][$taxonomy]) ? array_keys($this->taxonomy_map[$active][$taxonomy]) : [];
     }
 }

system/src/Grav/Common/Twig/Twig.php

@@ -16,6 +16,7 @@ use Grav\Common\Language\Language;
 use Grav\Common\Language\LanguageCodes;
 use Grav\Common\Page\Interfaces\PageInterface;
 use Grav\Common\Page\Pages;
+use Grav\Common\Security;
 use Grav\Common\Twig\Exception\TwigException;
 use Grav\Common\Twig\Extension\FilesystemExtension;
 use Grav\Common\Twig\Extension\GravExtension;
@@ -319,6 +320,7 @@ class Twig
     public function processPage(PageInterface $item, $content = null)
     {
         $content = $content ?? $item->content();
+        $content = Security::cleanDangerousTwig($content);
 
         // override the twig header vars for local resolution
         $this->grav->fireEvent('onTwigPageVariables', new Event(['page' => $item]));
@@ -392,6 +394,8 @@ class Twig
         $this->grav->fireEvent('onTwigStringVariables');
         $vars += $this->twig_vars;
 
+        $string = Security::cleanDangerousTwig($string);
+
         $name = '@Var:' . $string;
         $this->setTemplate($name, $string);
 
@@ -418,7 +422,7 @@ class Twig
         try {
             $grav = $this->grav;
 
-            // set the page now its been processed
+            // set the page now it's been processed
             $grav->fireEvent('onTwigSiteVariables');
 
             /** @var Pages $pages */
@@ -427,13 +431,15 @@ class Twig
             /** @var PageInterface $page */
             $page = $grav['page'];
 
+            $content = Security::cleanDangerousTwig($page->content());
+
             $twig_vars = $this->twig_vars;
             $twig_vars['theme'] = $grav['config']->get('theme');
             $twig_vars['pages'] = $pages->root();
             $twig_vars['page'] = $page;
             $twig_vars['header'] = $page->header();
             $twig_vars['media'] = $page->media();
-            $twig_vars['content'] = $page->content();
+            $twig_vars['content'] = $content;
 
             // determine if params are set, if so disable twig cache
             $params = $grav['uri']->params(null, true);
@@ -568,4 +574,5 @@ class Twig
 
         $this->autoescape = (bool) $state;
     }
+
 }

system/src/Grav/Common/Uri.php

@@ -206,7 +206,7 @@ class Uri
         $uri = $language->setActiveFromUri($uri);
 
         // split the URL and params (and make sure that the path isn't seen as domain)
-        $bits = parse_url('http://domain.com' . $uri);
+        $bits = static::parseUrl('http://domain.com' . $uri);
 
         //process fragment
         if (isset($bits['fragment'])) {
@@ -265,6 +265,7 @@ class Uri
         return $this->paths;
     }
 
+
     /**
      * Return route to the current URI. By default route doesn't include base path.
      *
@@ -742,7 +743,7 @@ class Uri
      */
     public static function isExternal($url)
     {
-        return (0 === strpos($url, 'http://') || 0 === strpos($url, 'https://') || 0 === strpos($url, '//'));
+        return (0 === strpos($url, 'http://') || 0 === strpos($url, 'https://') || 0 === strpos($url, '//') || 0 === strpos($url, 'mailto:') || 0 === strpos($url, 'tel:') || 0 === strpos($url, 'ftp://') || 0 === strpos($url, 'ftps://') || 0 === strpos($url, 'news:') || 0 === strpos($url, 'irc:') || 0 === strpos($url, 'gopher:') || 0 === strpos($url, 'nntp:') || 0 === strpos($url, 'feed:') || 0 === strpos($url, 'cvs:') || 0 === strpos($url, 'ssh:') || 0 === strpos($url, 'git:') || 0 === strpos($url, 'svn:') || 0 === strpos($url, 'hg:'));
     }
 
     /**
@@ -954,9 +955,7 @@ class Uri
         $grav = Grav::instance();
 
         // Remove extra slash from streams, parse_url() doesn't like it.
-        if ($pos = strpos($url, ':///')) {
-            $url = substr_replace($url, '://', $pos, 4);
-        }
+        $url = preg_replace('/([^:])(\/{2,})/', '$1/', $url);
 
         $encodedUrl = preg_replace_callback(
             '%[^:/@?&=#]+%usD',

system/src/Grav/Common/Utils.php

@@ -989,6 +989,8 @@ abstract class Utils
             || strtr($filename, "\t\v\n\r\0\\/", '_______') !== $filename
             // Filename should not start or end with dot or space.
             || trim($filename, '. ') !== $filename
+            // Filename should not contain path traversal
+            || str_replace('..', '', $filename) !== $filename
             // File extension should not be part of configured dangerous extensions
             || in_array($extension, $dangerous_extensions)
         );
@@ -1330,7 +1332,11 @@ abstract class Utils
         if ($dateformat) {
             $datetime = DateTime::createFromFormat($dateformat, $date);
         } else {
-            $datetime = new DateTime($date);
+            try {
+                $datetime = new DateTime($date);
+            } catch (Exception $e) {
+                $datetime = false;
+            }
         }
 
         // fallback to strtotime() if DateTime approach failed

user/config/system.yaml

@@ -160,7 +160,7 @@ log:
     tag: grav
 debugger:
   enabled: false
-  provider: clockwork
+  provider: debugbar
   censored: false
   shutdown:
     close_connection: true
@@ -178,6 +178,7 @@ images:
     retina_scale: '1'
   defaults:
     loading: auto
+    decoding: auto
   watermark:
     image: 'system://images/watermark.png'
     position_y: center
@@ -189,7 +190,7 @@ media:
   unsupported_inline_types: null
   allowed_fallback_types: null
   auto_metadata_exif: false
-  upload_limit: 2097152
+  upload_limit: 2147483648
 session:
   enabled: true
   initialize: true

user/pages/01.home/default.md

@@ -1,10 +0,0 @@
----
-title: 'Journal d''un chantier'
-body_classes: 'title-center title-h1h2'
----
-
-Les Ateliers 55 rentrent en travaux pour 18 mois à compter du 1<sup>er</sup> février 2024. Objectif : création de 6 ateliers d'artistes, 4 ateliers-logements, 1 studio et 1 appartement en location à l'été 2025. Une construction en matériaux biosourcés (bois, paille et terre).
-
-===
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras nec ullamcorper lacus, eu elementum quam. In hac habitasse platea dictumst. Duis egestas justo eget massa congue rhoncus. Pellentesque ex urna, dictum nec dapibus vitae, bibendum quis diam. Nunc ut euismod risus, non placerat nisi. Sed maximus luctus sapien at porttitor. Suspendisse pulvinar dui leo, aliquet pulvinar lectus egestas et. Morbi rutrum blandit eleifend. Maecenas ac massa eget ante ultricies tempus. Suspendisse at lobortis ligula, a aliquam eros. Phasellus in ligula et lorem malesuada volutpat. Sed ex massa, luctus sed egestas ut, feugiat in libero. 

user/pages/02.articles/article-1/default.md

@@ -1,9 +0,0 @@
----
-title: 'Article 1'
-media_order: 'cat-8436843_1280.jpg,forsythia-8595521_1280.jpg,labrador-8554882_1280.jpg,lake-8357182_1280.jpg,landscape-8592826_1280.jpg'
-date: '05-03-2024 11:34'
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut purus congue, accumsan erat varius, auctor sapien. Aliquam in molestie leo. Curabitur ut elit tellus. Vivamus neque metus, rhoncus quis erat sit amet, congue luctus arcu. Ut porttitor id enim in lobortis. Pellentesque consequat tincidunt est finibus pharetra. Phasellus ligula leo, efficitur at porttitor ac, scelerisque non nunc. Fusce ac ultricies elit.
-
-Curabitur porttitor felis ac diam aliquam pretium. Suspendisse a augue vehicula, consectetur arcu id, lobortis leo. Duis venenatis eget metus quis lacinia. Sed placerat consequat nisl sed fermentum. Vivamus tristique diam a mi eleifend, sed interdum tellus laoreet. Ut eu lorem ut mi rutrum ornare et vitae mi. Sed dictum sapien justo, a finibus magna aliquam eu. Mauris vel metus sit amet elit tincidunt tincidunt. Nunc venenatis tellus velit, ut accumsan turpis gravida a. Nullam sapien odio, feugiat nec condimentum id, dapibus nec felis. Nullam et placerat nisi. Proin finibus, lorem sit amet faucibus gravida, ligula urna mattis ligula, vel commodo ex ex vitae nisi.

user/pages/02.articles/article-2/default.md

@@ -1,9 +0,0 @@
----
-title: 'Article 2'
-media_order: 'mountains-8497575_1280.jpg,nuts-8585063_1280.jpg,sparrow-8387465_1280.jpg'
-date: '03-03-2024 11:34'
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut purus congue, accumsan erat varius, auctor sapien. Aliquam in molestie leo. Curabitur ut elit tellus. Vivamus neque metus, rhoncus quis erat sit amet, congue luctus arcu. Ut porttitor id enim in lobortis. Pellentesque consequat tincidunt est finibus pharetra. Phasellus ligula leo, efficitur at porttitor ac, scelerisque non nunc. Fusce ac ultricies elit.
-
-Curabitur porttitor felis ac diam aliquam pretium. Suspendisse a augue vehicula, consectetur arcu id, lobortis leo. Duis venenatis eget metus quis lacinia. Sed placerat consequat nisl sed fermentum. Vivamus tristique diam a mi eleifend, sed interdum tellus laoreet. Ut eu lorem ut mi rutrum ornare et vitae mi. Sed dictum sapien justo, a finibus magna aliquam eu. Mauris vel metus sit amet elit tincidunt tincidunt. Nunc venenatis tellus velit, ut accumsan turpis gravida a. Nullam sapien odio, feugiat nec condimentum id, dapibus nec felis. Nullam et placerat nisi. Proin finibus, lorem sit amet faucibus gravida, ligula urna mattis ligula, vel commodo ex ex vitae nisi.

user/pages/02.articles/article-3/default.md

@@ -1,7 +0,0 @@
----
-title: 'Article 3'
-media_order: 'lake-8357182_1280.jpg,landscape-8592826_1280.jpg,mountains-8497575_1280.jpg,nuts-8585063_1280.jpg'
-date: '21-02-2024 11:35'
----
-
- Mauris est nisl, lobortis scelerisque tellus vel, pretium maximus nisi. Phasellus viverra quis lacus non pulvinar. Maecenas molestie, lorem a gravida pharetra, lacus felis luctus tellus, quis tempor felis nulla id sapien. Aenean sed lectus metus. Etiam ac ornare ex. Phasellus imperdiet augue ac justo porta, in volutpat mi fringilla. Duis mattis nisl velit, sit amet euismod risus feugiat mollis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque gravida lorem eget orci pretium venenatis. Pellentesque ac odio gravida quam luctus interdum. Mauris quis laoreet risus, a congue quam. Vivamus orci ligula, viverra quis vehicula nec, faucibus vitae risus. Sed sagittis consequat massa, a egestas est pharetra nec. Vestibulum in urna consequat, varius nunc sed, semper nunc. Nam aliquet augue lacinia dignissim egestas. Ut quam mauris, sagittis sit amet tortor vel, rhoncus luctus dui. 

user/pages/02.articles/article-4/default.md

@@ -1,7 +0,0 @@
----
-title: 'Article 4'
-date: '13-02-2024 11:36'
-media_order: 'cat-8436843_1280.jpg,forsythia-8595521_1280.jpg,labrador-8554882_1280.jpg'
----
-
- Phasellus nec hendrerit lectus, a accumsan dolor. Etiam ultrices, ante non fermentum congue, tortor orci pellentesque libero, vel lacinia risus orci eget sapien. Nam non sem consectetur, finibus felis ac, imperdiet ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Sed sit amet nunc ultricies, tincidunt augue id, porta ante. Sed turpis ipsum, pellentesque a dictum sed, laoreet non arcu. Nulla at leo quis diam accumsan congue. Curabitur consequat varius ante, sit amet luctus magna accumsan eget. Curabitur ac ultrices felis. Mauris tempor lectus ac erat congue, nec efficitur massa bibendum. In ac felis viverra, dictum magna quis, fermentum magna. Fusce ac fermentum dui, eu tempus velit. Ut massa ligula, iaculis eget metus a, commodo viverra nisi. Vestibulum lectus diam, placerat aliquet consequat id, mattis id risus. Maecenas massa ante, vehicula luctus sapien vitae, lacinia dignissim tortor. Suspendisse tristique est ut quam molestie vehicula. 

user/pages/02.articles/article-5/default.md

@@ -1,7 +0,0 @@
----
-title: 'Article 5'
-media_order: 'lake-8357182_1280.jpg,mountains-8497575_1280.jpg,sparrow-8387465_1280.jpg'
-date: '14-03-2024 11:38'
----
-
-Phasellus efficitur eu turpis non sollicitudin. Aliquam cursus, tellus non faucibus pharetra, ipsum nulla pretium mi, vel auctor magna orci tristique sem. Sed mattis facilisis mauris, id pellentesque dui elementum sit amet. Duis vel venenatis risus, sed porta lorem. Morbi purus nunc, luctus eu tellus ac, commodo tincidunt nisl. Duis lacinia vitae dolor sed pellentesque. Proin blandit sodales dolor, vitae condimentum turpis sagittis ut. Pellentesque quis velit nec nulla consectetur sodales nec in nulla. Curabitur sed libero non quam rhoncus fermentum sit amet condimentum lectus. Maecenas eu pellentesque nibh. 

user/pages/02.articles/default.md

@@ -1,9 +0,0 @@
----
-title: Articles
-content:
-    items: '@self.children'
-    order:
-        by: date
-        dir: desc
----
-

user/pages/03.mentions-legales/default.md

@@ -1,5 +0,0 @@
----
-title: 'Mentions Légales'
----
-
-Mauris est nisl, lobortis scelerisque tellus vel, pretium maximus nisi. Phasellus viverra quis lacus non pulvinar. Maecenas molestie, lorem a gravida pharetra, lacus felis luctus tellus, quis tempor felis nulla id sapien. Aenean sed lectus metus. Etiam ac ornare ex. Phasellus imperdiet augue ac justo porta, in volutpat mi fringilla. Duis mattis nisl velit, sit amet euismod risus feugiat mollis. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque gravida lorem eget orci pretium venenatis. Pellentesque ac odio gravida quam luctus interdum. Mauris quis laoreet risus, a congue quam. Vivamus orci ligula, viverra quis vehicula nec, faucibus vitae risus. Sed sagittis consequat massa, a egestas est pharetra nec. Vestibulum in urna consequat, varius nunc sed, semper nunc. Nam aliquet augue lacinia dignissim egestas. Ut quam mauris, sagittis sit amet tortor vel, rhoncus luctus dui. 

user/pages/04.contact/default.md

@@ -1,5 +0,0 @@
----
-title: Contact
----
-
-contact adresse mail

user/themes/ateliers-55/CHANGELOG.md

@@ -0,0 +1,5 @@
+# v0.1.0
+##  03/05/2024
+
+1. [](#new)
+    * ChangeLog started...

user/themes/ateliers-55/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 Valentin Le Moign
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

user/themes/ateliers-55/README.md

@@ -0,0 +1,7 @@
+# Ateliers 55 Theme
+
+The **Ateliers 55** Theme is for [Grav CMS](http://github.com/getgrav/grav).  This README.md file should be modified to describe the features, installation, configuration, and general usage of this theme.
+
+## Description
+
+Thème du blog des Ateliers 55

user/themes/ateliers-55/ateliers-55.php

@@ -0,0 +1,9 @@
+<?php
+namespace Grav\Theme;
+
+use Grav\Common\Theme;
+
+class Ateliers55 extends Theme
+{
+    // Access plugin events in this class
+}

user/themes/ateliers-55/ateliers-55.yaml

@@ -0,0 +1,3 @@
+enabled: true
+dropdown:
+  enabled: true

user/themes/ateliers-55/blueprints.yaml

@@ -0,0 +1,32 @@
+name: Ateliers 55
+slug: ateliers-55
+type: theme
+version: 0.1.0
+description: Thème du blog des Ateliers 55
+icon: rebel
+author:
+  name: Valentin Le Moign
+  email: valentin_le_moign@figureslibres.io
+homepage: https://github.com/valentin-le-moign/grav-theme-ateliers-55
+demo: http://demo.yoursite.com
+keywords: grav, theme, etc
+bugs: https://github.com/valentin-le-moign/grav-theme-ateliers-55/issues
+readme: https://github.com/valentin-le-moign/grav-theme-ateliers-55/blob/develop/README.md
+license: MIT
+
+dependencies:
+  - { name: grav, version: '>=1.6.0' }
+
+form:
+  validation: loose
+  fields:
+    dropdown.enabled:
+        type: toggle
+        label: Dropdown in Menu
+        highlight: 1
+        default: 1
+        options:
+          1: PLUGIN_ADMIN.ENABLED
+          0: PLUGIN_ADMIN.DISABLED
+        validate:
+          type: bool

user/themes/ateliers-55/css/custom.css

@@ -0,0 +1,175 @@
+/* Core Stuff */
+* {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+body {
+    font-size: 1rem;
+    line-height: 1.7;
+    color: #606d6e;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    color: #454B4D;
+}
+
+a {
+    color: #1F8CD6;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #175E91;
+}
+
+pre {
+    background: #F0F0F0;
+    margin: 1rem 0;
+    border-radius: 2px;
+}
+
+blockquote {
+    border-left: 10px solid #eee;
+    margin: 0;
+    padding: 0 2rem;
+}
+
+/* Utility Classes */
+.wrapper {
+    margin: 0 3rem;
+}
+
+.padding {
+    padding: 3rem 1rem;
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right
+}
+
+.text-center {
+    text-align: center;
+}
+
+.text-right {
+    text-align: right;
+}
+
+.text-left {
+    text-align: left;
+}
+
+/* Content Styling */
+.header .padding {
+    padding: 1rem 0;
+}
+
+.header {
+    background-color: #1F8DD6;
+    color: #eee;
+}
+
+.header a {
+    color: #fff;
+}
+
+.header .logo {
+    font-size: 1.7rem;
+    text-transform: uppercase;
+}
+
+.footer {
+    background-color: #eee;
+}
+
+/* Menu Settings */
+.main-nav ul {
+    text-align: center;
+    letter-spacing: -1em;
+    margin: 0;
+    padding: 0;
+}
+
+.main-nav ul li {
+    display: inline-block;
+    letter-spacing: normal;
+}
+
+.main-nav ul li a {
+    position: relative;
+    display: block;
+    line-height: 45px;
+    color: #fff;
+    padding: 0 20px;
+    white-space: nowrap;
+}
+
+.main-nav > ul > li > a {
+    border-radius: 2px;
+}
+
+/*Active dropdown nav item */
+.main-nav ul li:hover > a {
+    background-color: #175E91;
+}
+
+/* Selected Dropdown nav item */
+.main-nav ul li.selected > a {
+    background-color: #fff;
+    color: #175E91;
+}
+
+/* Dropdown CSS */
+.main-nav ul li {position: relative;}
+
+.main-nav ul li ul {
+    position: absolute;
+    background-color: #1F8DD6;
+    min-width: 100%;
+    text-align: left;
+    z-index: 999;
+
+    display: none;
+}
+.main-nav ul li ul li {
+    display: block;
+}
+
+/* Dropdown CSS */
+.main-nav ul li ul ul {
+    left: 100%;
+    top: 0;
+}
+
+/* Active on Hover */
+.main-nav li:hover > ul {
+    display: block;
+}
+
+/* Child Indicator */
+.main-nav .has-children > a {
+    padding-right: 30px;
+}
+.main-nav .has-children > a:after {
+    font-family: FontAwesome;
+    content: '\f107';
+    position: absolute;
+    display: inline-block;
+    right: 8px;
+    top: 0;
+}
+
+.main-nav .has-children .has-children > a:after {
+    content: '\f105';
+}

user/themes/ateliers-55/css/styles.css

@@ -0,0 +1,418 @@
+@font-face {
+  font-family: "Jost";
+  src: url("../fonts/jost-400-book-webfont.woff") format("woff"), url("../fonts/jost-400-book-webfont.woff2") format("woff2");
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Jost";
+  src: url("../fonts/jost-300-lightitalic-webfont.woff") format("woff"), url("../fonts/jost-300-lightitalic-webfont.woff2") format("woff2");
+  font-weight: normal;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Jost";
+  src: url("../fonts/jost-500-medium-webfont.woff") format("woff"), url("../fonts/jost-500-medium-webfont.woff2") format("woff2");
+  font-weight: 500;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Jost";
+  src: url("../fonts/jost-500-mediumitalic-webfont.woff") format("woff"), url("../fonts/jost-500-mediumitalic-webfont.woff2") format("woff2");
+  font-weight: 500;
+  font-style: italic;
+}
+@font-face {
+  font-family: "Jost";
+  src: url("../fonts/jost-700-bold-webfont.woff") format("woff"), url("../fonts/jost-700-bold-webfont.woff2") format("woff2");
+  font-weight: bold;
+  font-style: normal;
+}
+@font-face {
+  font-family: "Jost";
+  src: url("../fonts/jost-700-bolditalic-webfont.woff") format("woff"), url("../fonts/jost-700-bolditalic-webfont.woff2") format("woff2");
+  font-weight: bold;
+  font-style: italic;
+}
+* {
+  font-family: "Jost", sans-serif;
+}
+* a, * a:hover, * a:active, * a:focus, * a:visited {
+  color: #0066ff;
+}
+* ul {
+  list-style: none;
+}
+
+body {
+  overflow-x: hidden;
+}
+
+header {
+  display: flex;
+  width: 100vw;
+  max-height: 10vh;
+  justify-content: space-between;
+  align-items: center;
+  border-bottom: solid 1px #444;
+}
+header #logo {
+  width: 7.5vh;
+  height: 7.5vh;
+  padding: 1vh;
+}
+header #logo img {
+  width: 100%;
+  transform: scale(1.2) translateY(0.8rem);
+}
+header #main-title {
+  align-self: flex-end;
+}
+header #main-title h1 {
+  font-size: 1.3rem;
+  font-weight: normal;
+  color: #000;
+  text-transform: uppercase;
+}
+header #hamburger {
+  padding: 1.5rem 1rem;
+  width: 7.5vh;
+  height: 7.5vh;
+  border-left: solid 1px #444;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  cursor: pointer;
+  outline: unset;
+}
+header #hamburger div {
+  outline: unset;
+  border-bottom: solid 1px #000;
+  width: 100%;
+  background-color: #000;
+  opacity: 1;
+  transition: opacity 0.2s ease-out, transform 0.4s ease-out;
+  transform: none;
+}
+header #hamburger.open div:first-of-type {
+  transform: translate(0rem, calc(3.75vh - 1.5rem)) rotate(-45deg);
+}
+header #hamburger.open div:nth-of-type(2) {
+  opacity: 0;
+}
+header #hamburger.open div:last-of-type {
+  transform: translate(0rem, calc((3.75vh - 1.5rem) * -1)) rotate(45deg);
+}
+
+nav {
+  background-color: #0066ff;
+  max-height: 0vh;
+  height: auto;
+  transition: max-height 0.8s ease-out;
+}
+nav ul {
+  padding: 1rem 0 1rem 7.5vh;
+  margin: 0;
+}
+nav ul li a, nav ul li a:hover, nav ul li a:active, nav ul li a:focus, nav ul li a:visited {
+  padding-left: 0;
+  transition: padding-left 0.3s ease-out;
+  color: #fff;
+  font-weight: bold;
+  font-size: 1.2rem;
+}
+nav ul li a:hover {
+  padding-left: 1rem;
+}
+
+nav.open {
+  max-height: 20vh;
+}
+
+#about {
+  color: #0066ff;
+  line-height: 1.4;
+  border-bottom: solid 1px #000;
+  padding: 1rem 1.2rem 1rem 1.2rem;
+  font-weight: 500;
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: repeat(3, auto);
+  justify-items: center;
+}
+#about #about-hidden {
+  overflow: hidden;
+  height: auto;
+  max-height: 0vh;
+  transition: max-height 1s ease-out;
+  font-weight: normal;
+}
+#about #about-hidden.open {
+  max-height: 200vh;
+}
+#about #about-arrow {
+  width: 7.5vh;
+  height: 3.75vh;
+  display: flex;
+  justify-content: space-around;
+  margin-top: 1rem;
+  transform: rotate(0deg) scale(0.5);
+  transition: transform 0.5s ease-out;
+  cursor: pointer;
+  outline: unset;
+}
+#about #about-arrow div {
+  outline: unset;
+  width: 50%;
+  border-bottom: solid 1px #000;
+}
+#about #about-arrow div:first-of-type {
+  transform: translateX(50%) translateY(-1rem) rotate(45deg);
+}
+#about #about-arrow div:last-of-type {
+  transform: translateX(-50%) translateY(-1rem) rotate(-45deg);
+}
+#about #about-arrow.open {
+  transform: rotate(180deg) scale(0.5);
+}
+
+main {
+  display: grid;
+  padding: 1.2rem;
+}
+main .article-card {
+  cursor: pointer;
+  width: 100%;
+  margin: 2rem 0;
+}
+main .article-card .img-cover {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  max-height: 40vh;
+  position: relative;
+}
+main .article-card .img-cover .eye {
+  position: absolute;
+  opacity: 0;
+  background-color: rgba(255, 255, 255, 0.5);
+  transition: opacity 0.3s ease-out;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+main .article-card .img-cover .eye .eye-picto {
+  width: 35%;
+  height: 100%;
+  -webkit-mask: url(../images/eye.svg) no-repeat center;
+  mask: url(../images/eye.svg) no-repeat center;
+  mask-size: 100%;
+  -webkit-mask-size: 100%;
+  background-color: #0066ff;
+}
+main .article-card .img-cover > img {
+  z-index: 0;
+  width: 100%;
+  transform: scale(1);
+  transition: transform 0.3s ease-out;
+}
+main .article-card .date {
+  margin-top: 0.8rem;
+  font-weight: 500;
+  color: #0066ff;
+}
+main .article-card h3 {
+  font-weight: normal;
+  font-size: 1rem;
+  margin: 0;
+}
+main .article-card:hover .img-cover .eye {
+  opacity: 1;
+}
+main .article-card:hover .img-cover > img {
+  transform: scale(1.1);
+}
+
+article {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  top: 0;
+  left: 0;
+  background-color: rgba(255, 255, 255, 0.5);
+  z-index: 3;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+article #article-wrapper {
+  border: solid 1px #000;
+  width: 95vw;
+  max-height: 90vh;
+  overflow-y: auto;
+  background-color: #fff;
+  padding-bottom: 1.5rem;
+}
+article #article-wrapper .article-header {
+  position: relative;
+  width: 100%;
+  height: 3rem;
+  margin-top: 2rem;
+  display: flex;
+  align-items: center;
+  margin-bottom: 1rem;
+}
+article #article-wrapper .article-header .article-siblings {
+  width: 100%;
+  padding: 0 7vw;
+  display: flex;
+  justify-content: space-between;
+}
+article #article-wrapper .article-header .article-siblings a {
+  color: #000;
+  display: flex;
+  align-items: center;
+}
+article #article-wrapper .article-header .article-siblings a i {
+  font-size: 0.5rem;
+  padding: 0.3rem;
+}
+article #article-wrapper .article-header .close-article {
+  z-index: 11;
+  display: block;
+  padding-top: 0.75rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  position: absolute;
+  right: 0.5rem;
+  top: -1.5rem;
+  cursor: pointer;
+}
+article #article-wrapper .article-header .close-article div {
+  width: 100%;
+  border-bottom: solid 1px #000;
+}
+article #article-wrapper .article-header .close-article div:first-of-type {
+  transform: rotate(45deg);
+}
+article #article-wrapper .article-header .close-article div:last-of-type {
+  transform: rotate(-45deg);
+}
+article #article-wrapper .swiper {
+  overflow: hidden;
+  opacity: 0;
+  transition: opacity 0.3s ease-out;
+}
+article #article-wrapper .swiper .swiper-wrapper .swiper-slide {
+  display: flex;
+  justify-content: center;
+  padding: 0 7vw;
+  display: flex;
+  height: auto;
+  max-height: 40vh;
+  align-items: center;
+}
+article #article-wrapper .swiper .swiper-wrapper .swiper-slide img {
+  box-sizing: content-box;
+  width: 100%;
+}
+article #article-wrapper .swiper .swiper-wrapper .swiper-slide video {
+  box-sizing: content-box;
+  width: 100%;
+}
+article #article-wrapper .swiper .swiper-button-prev, article #article-wrapper .swiper .swiper-button-next {
+  color: #000;
+  transform: scale(0.5);
+}
+article #article-wrapper .swiper .swiper-button-prev {
+  left: 0;
+}
+article #article-wrapper .swiper .swiper-button-next {
+  right: 0;
+}
+article .article-date {
+  padding: 0 7vw;
+  font-weight: 500;
+  color: #0066ff;
+  margin: 0;
+  margin-top: 1rem;
+}
+article .article-titre {
+  padding: 0 7vw;
+  font-weight: bold;
+  margin: 0;
+}
+article .article-content {
+  padding: 0 7vw;
+}
+
+@media screen and (min-width: 960px) {
+  header #logo {
+    width: 15vw;
+  }
+  header #logo img {
+    padding-left: 40%;
+    padding-right: 10%;
+  }
+  header #main-title {
+    width: 100%;
+  }
+  header #main-title h1 {
+    font-size: 2rem;
+    padding-left: 2.5vw;
+    margin-bottom: 0.5rem;
+  }
+  nav ul {
+    padding: 1rem 0 1rem 15vw;
+  }
+  #about {
+    grid-template-columns: repeat(2, auto);
+    grid-template-rows: repeat(2, auto);
+    padding: 1rem 0 1rem 15vw;
+    cursor: pointer;
+  }
+  #about #about-summary {
+    padding-right: calc(15vw - 7.5vh);
+  }
+  #about #about-hidden {
+    grid-row: 2;
+    grid-column: 1;
+    padding-right: calc(15vw - 7.5vh);
+  }
+  #about #about-arrow {
+    grid-row: 1/3;
+    grid-column: 2;
+    align-self: center;
+  }
+  #about #about-hidden.open {
+    max-height: 200vh;
+  }
+  main {
+    grid-template-columns: repeat(3, 1fr);
+    column-gap: 2rem;
+  }
+  main .article-card .img-cover {
+    max-height: 20vh;
+  }
+  article #article-wrapper {
+    width: 60vw;
+  }
+  article #article-wrapper .swiper-button-prev {
+    left: 1rem !important;
+  }
+  article #article-wrapper .swiper-button-next {
+    right: 1rem !important;
+  }
+}
+@media screen and (min-width: 1280px) {
+  main {
+    margin: 2rem 15vw;
+    padding: 0;
+  }
+}
+
+/*# sourceMappingURL=styles.css.map */

user/themes/ateliers-55/css/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../sass/styles.scss"],"names":[],"mappings":"AAAA;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAGJ;EACI;EACA;EAEA;EACA;;AAQJ;EACI;;AACA;EACI,OANM;;AAQV;EACI;;;AAIR;EACI;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;;AAGR;EACI;;AACA;EACI;EACA;EACA,OAxCA;EAyCA;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA,kBA1DA;EA2DA;EACA;EACA;;AAIJ;EACI;;AAEJ;EACI;;AAEJ;EACI;;;AAKZ;EACI,kBA5EU;EA6EV;EACA;EACA;;AACA;EACI;EACA;;AAEI;EACI;EACA;EACA,OAtFN;EAuFM;EACA;;AAGR;EACI;;;AAIZ;EACI;;;AAGJ;EACI,OAtGU;EAuGV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAGR;EACI;;;AAGR;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA,kBAnLN;;AAsLF;EACI;EACA;EACA;EACA;;AAGR;EACI;EACA;EACA,OAhME;;AAkMN;EACI;EACA;EACA;;AAKA;EACI;;AAEJ;EACI;;;AAKhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;EACA,kBAlOE;EAmOF;;AACA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;EACA;EACA;;AACA;EACI,OArPR;EAsPQ;EACA;;AACA;EACI;EACA;;AAIZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA;;AAEI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACI;EACA;;AAEJ;EACI;EACA;;AAIZ;EACI,OA5SJ;EA6SI;;AAEJ;EACI;;AAEJ;EACI;;AAIZ;EACI;EACA;EACA,OAxTM;EAyTN;EACA;;AAEJ;EACI;EACA;EACA;;AAEJ;EACI;;;AAIR;EAEQ;IACI;;EACA;IACI;IACA;;EAGR;IACI;;EACA;IACI;IACA;IACA;;EAKR;IACI;;EAGR;IACI;IACA;IACA;IACA;;EACA;IACI;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;IACA;IACA;;EAEJ;IACI;;EAGR;IACI;IACA;;EAEI;IACI;;EAKR;IACI;;EACA;IACI;;EAEJ;IACI;;;AAMhB;EACI;IACI;IACA","file":"styles.css"}

user/themes/ateliers-55/images/eye.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   data-name="Layer 50"
+   viewBox="0 0 26.999512 21"
+   x="0px"
+   y="0px"
+   version="1.1"
+   id="svg2"
+   sodipodi:docname="noun-eye-6613305.svg"
+   width="26.999512"
+   height="21"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs2" />
+  <sodipodi:namedview
+     id="namedview2"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="16.808869"
+     inkscape:cx="8.1802051"
+     inkscape:cy="22.904574"
+     inkscape:window-width="2160"
+     inkscape:window-height="1440"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" />
+  <path
+     d="M 26.907959,10.210938 C 26.419678,9.523438 21.9021,3.5 13.499756,3.5 5.0974121,3.5 0.57983393,9.523438 0.09155273,10.210938 c -0.1220703,0.172851 -0.1220703,0.405273 0,0.578124 C 0.57983393,11.476562 5.0974121,17.5 13.499756,17.5 c 8.402344,0 12.919922,-6.023438 13.408203,-6.710938 0.12207,-0.172851 0.12207,-0.405273 0,-0.578124 z M 13.499756,16.5 c -7.1318361,0 -11.3789064,-4.750977 -12.3720705,-6 0.9931641,-1.249023 5.2402344,-6 12.3720705,-6 7.131836,0 11.378906,4.750977 12.37207,6 -0.993164,1.249023 -5.240234,6 -12.37207,6 z m 0,-11.5 c -3.032227,0 -5.5000002,2.467773 -5.5000002,5.5 0,3.032227 2.4677732,5.5 5.5000002,5.5 3.032227,0 5.5,-2.467773 5.5,-5.5 0,-3.032227 -2.467773,-5.5 -5.5,-5.5 z m 0,10 c -2.481445,0 -4.5000002,-2.018555 -4.5000002,-4.5 0,-2.481445 2.0185552,-4.5 4.5000002,-4.5 2.481445,0 4.5,2.018555 4.5,4.5 0,2.481445 -2.018555,4.5 -4.5,4.5 z m 0,-7.5 c -1.654297,0 -3,1.345703 -3,3 0,1.654297 1.345703,3 3,3 1.654297,0 3,-1.345703 3,-3 0,-1.654297 -1.345703,-3 -3,-3 z m 0,5 c -1.102539,0 -2,-0.897461 -2,-2 0,-1.102539 0.897461,-2 2,-2 1.102539,0 2,0.897461 2,2 0,1.102539 -0.897461,2 -2,2 z m -0.5,-11 v -1 c 0,-0.2763672 0.223633,-0.5 0.5,-0.5 0.276367,0 0.5,0.2236328 0.5,0.5 v 1 c 0,0.2763672 -0.223633,0.5 -0.5,0.5 -0.276367,0 -0.5,-0.2236328 -0.5,-0.5 z m 1,18 v 1 c 0,0.276367 -0.223633,0.5 -0.5,0.5 -0.276367,0 -0.5,-0.223633 -0.5,-0.5 v -1 c 0,-0.276367 0.223633,-0.5 0.5,-0.5 0.276367,0 0.5,0.223633 0.5,0.5 z M 6.6892089,3.1611328 C 6.5114745,2.9501953 6.5388183,2.6347656 6.7507323,2.4570312 6.9616698,2.2783203 7.2780761,2.305664 7.4548339,2.5185546 l 0.6425779,0.765625 c 0.177735,0.2109375 0.150391,0.5263672 -0.06152,0.7041016 -0.09375,0.079102 -0.208008,0.1171875 -0.321289,0.1171875 -0.142578,0 -0.28418,-0.060547 -0.3828128,-0.1787109 z M 20.310303,17.838867 c 0.177734,0.210938 0.15039,0.526367 -0.06152,0.704102 -0.09375,0.0791 -0.208007,0.117187 -0.321289,0.117187 -0.142578,0 -0.284179,-0.06055 -0.382812,-0.178711 L 18.9021,17.71582 c -0.177735,-0.210937 -0.150391,-0.526367 0.06152,-0.704101 0.210938,-0.179688 0.527344,-0.151367 0.704102,0.06152 z M 9.6101078,1.2744141 c -0.09473,-0.2597656 0.03906,-0.5458984 0.298828,-0.640625 0.2607422,-0.095703 0.5458982,0.039063 0.6406252,0.2988281 l 0.341797,0.9394531 c 0.09473,0.2597656 -0.03906,0.5458984 -0.298828,0.640625 -0.05664,0.020508 -0.114258,0.030273 -0.170899,0.030273 -0.204101,0 -0.395508,-0.1259766 -0.4697262,-0.3291016 z M 17.389404,19.725586 c 0.09473,0.259766 -0.03906,0.545898 -0.298828,0.640625 -0.05664,0.02051 -0.114257,0.03027 -0.170898,0.03027 -0.204102,0 -0.395508,-0.125976 -0.469727,-0.329101 l -0.341797,-0.93945 c -0.09473,-0.259766 0.03906,-0.545899 0.298829,-0.640625 0.260742,-0.09473 0.545898,0.03906 0.640625,0.298828 z M 18.963623,3.9882813 C 18.751709,3.8105469 18.724365,3.4951172 18.9021,3.2841797 l 0.642578,-0.765625 c 0.177734,-0.2119141 0.493164,-0.2392578 0.704102,-0.061523 0.211914,0.1777344 0.239257,0.4931641 0.06152,0.7041016 l -0.642578,0.765625 c -0.09863,0.1181641 -0.240234,0.1787109 -0.382813,0.1787109 -0.113281,0 -0.227539,-0.038086 -0.321289,-0.1171875 z M 8.0358888,17.011719 c 0.211914,0.177734 0.239258,0.493164 0.06152,0.704101 L 7.454831,18.481445 c -0.098633,0.118165 -0.2402344,0.178711 -0.3828125,0.178711 -0.1132812,0 -0.2275391,-0.03809 -0.3212891,-0.117187 -0.2119141,-0.177735 -0.2392578,-0.493164 -0.061523,-0.704102 l 0.6425781,-0.765625 c 0.1777347,-0.211914 0.4931637,-0.240234 0.7041017,-0.06152 z M 16.108154,1.8720704 16.449951,0.9326173 c 0.09473,-0.2597656 0.379883,-0.3935547 0.640625,-0.2988281 0.259766,0.094727 0.393555,0.3808594 0.298828,0.640625 l -0.341796,0.9394531 c -0.07422,0.203125 -0.265625,0.3291016 -0.469727,0.3291016 -0.05664,0 -0.114258,-0.00977 -0.170898,-0.030273 C 16.147217,2.4179689 16.013428,2.1318361 16.108154,1.8720704 Z M 10.891358,19.12793 10.549561,20.067383 c -0.07422,0.203125 -0.265625,0.329101 -0.469727,0.329101 -0.05664,0 -0.1142582,-0.0098 -0.1708982,-0.03027 -0.259766,-0.09473 -0.393555,-0.380859 -0.298828,-0.640625 l 0.341797,-0.939453 c 0.09473,-0.259766 0.3798822,-0.392578 0.6406252,-0.298828 0.259765,0.09473 0.393554,0.380859 0.298828,0.640625 z"
+     id="path1" />
+</svg>

user/themes/ateliers-55/images/logo_ateliers55.svg

@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="65.470116mm"
+   height="65.409111mm"
+   viewBox="0 0 65.470116 65.409111"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25, custom)"
+   sodipodi:docname="logo_ateliers55.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="4.0963296"
+     inkscape:cx="141.22399"
+     inkscape:cy="163.31694"
+     inkscape:window-width="1920"
+     inkscape:window-height="1080"
+     inkscape:window-x="102"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:page
+       x="0"
+       y="0"
+       width="65.470116"
+       height="65.409111"
+       id="page1"
+       margin="0 0 0 0"
+       bleed="0" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1" />
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-66.485544,-88.593331)">
+    <g
+       id="g12132"
+       transform="translate(-974.0636,-1344.7498)">
+      <circle
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         r="32.609894"
+         cy="1465.9951"
+         cx="1073.3485"
+         id="path11600"
+         style="opacity:1;fill:#0066ff;fill-opacity:1;stroke:none;stroke-width:0.217399" />
+      <path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         d="m 1052.2103,1468.3248 c 0,5.6292 4.5864,10.2154 10.2154,10.2154 5.6287,0 10.215,-4.5862 10.215,-10.2154 0,-5.6285 -4.5863,-10.215 -10.215,-10.215 -0.9174,0 -1.793,0.1252 -2.6268,0.3339 l -1.3853,-4.0861 h 11.2993 v -5.8373 h -16.1776 l -0.2809,13.7595 6.0461,2.9604 c 0.792,-0.7926 1.9179,-1.2927 3.1272,-1.2927 2.418,0 4.3777,1.9597 4.3777,4.3777 0,2.4186 -1.9597,4.3783 -4.3777,4.3783 -2.4186,0 -4.3783,-1.9597 -4.3783,-4.3783 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.6129px;line-height:1.25;font-family:'Geometric Sans Serif v1';-inkscape-font-specification:'Geometric Sans Serif v1';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.04238"
+         id="path11595"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssscccccccssscc" />
+      <path
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         d="m 1075.2413,1474.1245 c 0,5.6292 4.5865,10.2154 10.215,10.2154 5.6292,0 10.2154,-4.5862 10.2154,-10.2154 0,-5.6285 -4.5862,-10.215 -10.2154,-10.215 -0.9173,0 -1.7925,0.1252 -2.6267,0.3339 l -1.3288,-4.0861 h 11.2993 v -5.8373 h -16.1777 l -0.3387,13.7595 6.0454,2.9604 c 0.7924,-0.7926 1.9179,-1.2927 3.1272,-1.2927 2.4186,0 4.3783,1.9597 4.3783,4.3777 0,2.4186 -1.9597,4.3783 -4.3783,4.3783 -2.4179,0 -4.3776,-1.9597 -4.3776,-4.3783 z"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:8.6129px;line-height:1.25;font-family:'Geometric Sans Serif v1';-inkscape-font-specification:'Geometric Sans Serif v1';letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.04238"
+         id="path11597"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cssscccccccssscc" />
+      <text
+         inkscape:export-ydpi="150"
+         inkscape:export-xdpi="150"
+         transform="rotate(-23.191875)"
+         id="text11440-1-1-6-9"
+         y="1773.3237"
+         x="389.93906"
+         style="font-style:normal;font-weight:normal;font-size:10.5374px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.263435"
+         xml:space="preserve"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Jost*';-inkscape-font-specification:'Jost* Bold';fill:#ffffff;fill-opacity:1;stroke-width:0.263435"
+           y="1773.3237"
+           x="389.93906"
+           id="tspan11438-1-0-7-1"
+           sodipodi:role="line">Ateliers</tspan><tspan
+           id="tspan11442-3-0-2-1"
+           y="1786.4955"
+           x="389.93906"
+           sodipodi:role="line" /></text>
+    </g>
+  </g>
+</svg>

user/themes/ateliers-55/js/script.js

@@ -0,0 +1,103 @@
+function toggleMenu(el) {
+    let nav = document.querySelector('nav');
+    el.classList.toggle('open');
+    nav.classList.toggle('open');
+}
+
+function toggleAbout() {
+    let arrow = document.querySelector('#about-arrow');
+    let aboutContent = document.querySelector('#about-hidden');
+    aboutContent.classList.toggle('open');
+    arrow.classList.toggle('open');
+}
+
+$(document).ready(function() {
+    let body = document.querySelector('body');
+    if (document.querySelector('.swiper')) {
+        body.style.overflowY = "hidden";
+    } else {
+        body.style.overflowY = "auto";
+    }
+    let swiperEl = document.querySelector('.swiper');
+    if (swiperEl) {
+        swiperEl.style.opacity = 1;
+        resizeVerticalImages();
+    }
+    initSwiper();
+    barba.init({
+        transitions: [{
+            name: 'opacity-transition',
+            leave(data) {
+              return gsap.to(data.current.container, {
+                opacity: 0
+              })
+            },
+            enter(data) {
+              return gsap.from(data.next.container, {
+                opacity: 0
+              })
+            }
+          }]
+    });
+    barba.hooks.before((data) => {
+        if (swiperEl) {
+            swiperEl.style.opacity = 0;
+        }
+    });
+    barba.hooks.after((data) => {
+        swiperEl = document.querySelector('.swiper');
+        if (swiperEl) {
+            if (document.querySelector('.swiper') && !document.querySelector('.swiper-initialized')) {
+                initSwiper();
+                body.style.overflowY = "hidden";
+            }
+            swiperEl.style.opacity = 1;
+        } else {
+            body.style.overflowY = "auto";
+        }
+        resizeVerticalImages();
+    });
+})
+
+function initSwiper() {
+    let swiper = new Swiper('.swiper', {
+        loop: true,
+        navigation: {
+        nextEl: '.swiper-button-next',
+        prevEl: '.swiper-button-prev',
+        },
+    });
+}
+
+function resizeVerticalImages() {
+    let verticalImages = document.querySelectorAll('.swiper-slide > img');
+    let imagesIndex = 0;
+    for (let img of verticalImages) {
+        if(img.complete){
+            imagesIndex++;
+            if (img.clientHeight > img.clientWidth) {
+                img.style.width = "50%";
+            }
+            if (imagesIndex === verticalImages.length) {
+                swiperSlideEls = document.querySelectorAll('.swiper-slide');
+                for (let swiperSlideEl of swiperSlideEls) {
+                    swiperSlideEl.style.maxHeight = "unset";
+                }
+            }
+         } else {
+            img.onload = () => {
+                imagesIndex++;
+                if (img.clientHeight > img.clientWidth) {
+                    img.style.width = "50%";
+                }
+                if (imagesIndex === verticalImages.length) {
+                    swiperSlideEls = document.querySelectorAll('.swiper-slide');
+                    for (let swiperSlideEl of swiperSlideEls) {
+                        swiperSlideEl.style.maxHeight = "unset";
+                    }
+                }
+            }
+         }
+         
+    }
+}

user/themes/ateliers-55/sass/styles.scss

@@ -0,0 +1,449 @@
+@font-face {
+    font-family: "Jost";
+    src: url("../fonts/jost-400-book-webfont.woff") format("woff"),
+    url("../fonts/jost-400-book-webfont.woff2") format("woff2");
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Jost";
+    src: url("../fonts/jost-300-lightitalic-webfont.woff") format("woff"),
+    url("../fonts/jost-300-lightitalic-webfont.woff2") format("woff2");
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Jost";
+    src: url("../fonts/jost-500-medium-webfont.woff") format("woff"),
+    url("../fonts/jost-500-medium-webfont.woff2") format("woff2");
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Jost";
+    src: url("../fonts/jost-500-mediumitalic-webfont.woff") format("woff"),
+    url("../fonts/jost-500-mediumitalic-webfont.woff2") format("woff2");
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Jost";
+    src: url("../fonts/jost-700-bold-webfont.woff") format("woff"),
+    url("../fonts/jost-700-bold-webfont.woff2") format("woff2");
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Jost";
+    src: url("../fonts/jost-700-bolditalic-webfont.woff") format("woff"),
+    url("../fonts/jost-700-bolditalic-webfont.woff2") format("woff2");
+    font-weight: bold;
+    font-style: italic;
+}
+
+$mainColor: #000;
+$lightColor: #444;
+$accentColor: #0066ff;
+$bgColor: #fff;
+
+* {
+    font-family: "Jost", sans-serif;
+    a, a:hover, a:active, a:focus, a:visited {
+        color: $accentColor;
+    }
+    ul {
+        list-style: none;
+    }
+}
+
+body {
+    overflow-x: hidden;
+}
+
+header {
+    display: flex;
+    width: 100vw;
+    max-height: 10vh;
+    justify-content: space-between;
+    align-items: center;
+    border-bottom: solid 1px $lightColor;
+    #logo {
+        width: 7.5vh;
+        height: 7.5vh;
+        padding: 1vh;
+        img {
+            width: 100%;
+            transform: scale(1.2) translateY(0.8rem);
+        }
+    }
+    #main-title {
+        align-self: flex-end;
+        h1 {
+            font-size: 1.3rem;
+            font-weight: normal;
+            color: $mainColor;
+            text-transform: uppercase;
+        }
+    }
+    #hamburger {
+        padding: 1.5rem 1rem;
+        width: 7.5vh;
+        height: 7.5vh;
+        border-left: solid 1px $lightColor;
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        cursor: pointer;
+        outline: unset;
+        div {
+            outline: unset;
+            border-bottom: solid 1px $mainColor;
+            width: 100%;
+            background-color: $mainColor;
+            opacity: 1;
+            transition: opacity 0.2s ease-out, transform 0.4s ease-out;
+            transform: none;
+        }
+    }
+    #hamburger.open {
+        div:first-of-type {
+            transform: translate(0rem, calc(7.5vh / 2 - 1.5rem)) rotate(-45deg);
+        }
+        div:nth-of-type(2) {
+            opacity: 0;
+        }
+        div:last-of-type {
+            transform: translate(0rem, calc((7.5vh / 2 - 1.5rem) * -1)) rotate(45deg);
+        }
+    }
+}
+
+nav {
+    background-color: $accentColor;
+    max-height: 0vh;
+    height: auto;
+    transition: max-height 0.8s ease-out;
+    ul {
+        padding: 1rem 0 1rem 7.5vh;
+        margin: 0;
+        li {
+            a, a:hover, a:active, a:focus, a:visited  {
+                padding-left: 0;
+                transition: padding-left 0.3s ease-out;
+                color: $bgColor;
+                font-weight: bold;
+                font-size: 1.2rem;
+            }
+        }
+        li a:hover {
+            padding-left: 1rem;
+        }
+    }
+}
+nav.open {
+    max-height: 20vh;
+}
+
+#about {
+    color: $accentColor;
+    line-height: 1.4;
+    border-bottom: solid 1px $mainColor;
+    padding: 1rem 1.2rem 1rem 1.2rem;
+    font-weight: 500;
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: repeat(3, auto);
+    justify-items: center;
+    #about-hidden {
+        overflow: hidden;
+        height: auto;
+        max-height: 0vh;
+        transition: max-height 1s ease-out;
+        font-weight: normal;
+    }
+    #about-hidden.open {
+        max-height: 200vh;
+    }
+    #about-arrow {
+        width: 7.5vh;
+        height: 3.75vh;
+        display: flex;
+        justify-content: space-around;
+        margin-top: 1rem;
+        transform: rotate(0deg) scale(0.5);
+        transition: transform 0.5s ease-out;
+        cursor: pointer;
+        outline: unset;
+        div {
+            outline: unset;
+            width: 50%;
+            border-bottom: solid 1px $mainColor;
+        }
+        div:first-of-type {
+            transform: translateX(50%) translateY(-1rem) rotate(45deg);
+        }
+        div:last-of-type {
+            transform: translateX(-50%) translateY(-1rem) rotate(-45deg);
+        }
+    }
+    #about-arrow.open {
+        transform: rotate(180deg) scale(0.5);
+    }
+}
+main {
+    display: grid;
+    padding: 1.2rem;
+    .article-card {
+        cursor: pointer;
+        width: 100%;
+        margin: 2rem 0;
+        .img-cover {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            overflow: hidden;
+            max-height: 40vh;
+            position: relative;
+            .eye {
+                position: absolute;
+                opacity: 0;
+                background-color: rgba(255, 255, 255, 0.5);
+                transition: opacity 0.3s ease-out;
+                z-index: 1;
+                width: 100%;
+                height: 100%;
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                .eye-picto {
+                    width: 35%;
+                    height: 100%;
+                    -webkit-mask: url(../images/eye.svg) no-repeat center;
+                    mask: url(../images/eye.svg) no-repeat center; 
+                    mask-size: 100%;
+                    -webkit-mask-size: 100%;
+                    background-color: $accentColor;
+                }
+            }
+            > img {
+                z-index: 0;
+                width: 100%;
+                transform: scale(1);
+                transition: transform 0.3s ease-out;
+            }
+        }
+        .date {
+            margin-top: 0.8rem;
+            font-weight: 500;
+            color: $accentColor;
+        }
+        h3 {
+            font-weight: normal;
+            font-size: 1rem;
+            margin: 0;
+        }
+    }
+    .article-card:hover {
+        .img-cover {
+            .eye {
+                opacity: 1;
+            }
+            > img {
+                transform: scale(1.1);
+            }
+        }
+    }
+}
+article {
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    top: 0;
+    left: 0;
+    background-color: rgba(255, 255, 255, 0.5);
+    z-index: 3;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    #article-wrapper {
+        border: solid 1px $mainColor;
+        width: 95vw;
+        max-height: 90vh;
+        overflow-y: auto;
+        background-color: $bgColor;
+        padding-bottom: 1.5rem;
+        .article-header {
+            position: relative;
+            width: 100%;
+            height: 3rem;
+            margin-top: 2rem;
+            display: flex;
+            align-items: center;
+            margin-bottom: 1rem;
+            .article-siblings {
+                width: 100%;
+                padding: 0 7vw;
+                display: flex;
+                justify-content: space-between;
+                a {
+                    color: $mainColor;
+                    display: flex;
+                    align-items: center;
+                    i {
+                        font-size: 0.5rem;
+                        padding: 0.3rem;
+                    }
+                }
+            }
+            .close-article {
+                z-index: 11;
+                display: block;
+                padding-top: 0.75rem;
+                width: 1.5rem;
+                height: 1.5rem;
+                position: absolute;
+                right: 0.5rem;
+                top: -1.5rem;
+                cursor: pointer;
+                div {
+                    width: 100%;
+                    border-bottom: solid 1px $mainColor;
+                }
+                div:first-of-type {
+                    transform: rotate(45deg);
+                }
+                div:last-of-type {
+                    transform: rotate(-45deg);
+                }
+            }
+        }
+        .swiper {
+            overflow: hidden;
+            opacity: 0;
+            transition: opacity 0.3s ease-out;
+            .swiper-wrapper {
+                .swiper-slide {
+                    display: flex;
+                    justify-content: center;
+                    padding: 0 7vw;
+                    display: flex;
+                    height: auto;
+                    max-height: 40vh;
+                    align-items: center;
+                    img {
+                        box-sizing: content-box;
+                        width: 100%;
+                    }
+                    video {
+                        box-sizing: content-box;
+                        width: 100%;
+                    }
+                }
+            }
+            .swiper-button-prev, .swiper-button-next {
+                color: $mainColor;
+                transform: scale(0.5);
+            }
+            .swiper-button-prev {
+                left: 0;
+            }
+            .swiper-button-next {
+                right: 0;
+            }
+        }
+    }
+    .article-date {
+        padding: 0 7vw;
+        font-weight: 500;
+        color: $accentColor;
+        margin: 0;
+        margin-top: 1rem;
+    }
+    .article-titre {
+        padding: 0 7vw;
+        font-weight: bold;
+        margin: 0;
+    }
+    .article-content {
+        padding: 0 7vw        
+    }
+}
+
+@media screen and (min-width: 960px) {
+    header {
+        #logo {
+            width: 15vw;
+            img {
+                padding-left: 40%;
+                padding-right: 10%;
+            }
+        }
+        #main-title {
+            width: 100%;
+            h1 {
+                font-size: 2rem;
+                padding-left: 2.5vw;
+                margin-bottom: 0.5rem;
+            }
+        }
+    }
+    nav {
+        ul {
+            padding: 1rem 0 1rem 15vw;
+        }
+    }
+    #about {
+        grid-template-columns: repeat(2, auto);
+        grid-template-rows: repeat(2, auto);
+        padding: 1rem 0 1rem 15vw;
+        cursor: pointer;
+        #about-summary {
+            padding-right: calc(15vw - 7.5vh);
+        }
+        #about-hidden {
+            grid-row: 2;
+            grid-column: 1;
+            padding-right: calc(15vw - 7.5vh);
+        }
+        #about-arrow {
+            grid-row: 1 / 3;
+            grid-column: 2;
+            align-self: center;
+        }
+        #about-hidden.open {
+            max-height: 200vh;
+        }
+    }
+    main {
+        grid-template-columns: repeat(3, 1fr);
+        column-gap: 2rem;
+        .article-card {
+            .img-cover {
+                max-height: 20vh;
+            }
+        }
+    }
+    article {
+        #article-wrapper {
+            width: 60vw;
+            .swiper-button-prev {
+                left: 1rem !important;
+            }
+            .swiper-button-next {
+                right: 1rem !important;
+            }
+        }
+    }
+}
+
+@media screen and (min-width: 1280px) {
+    main {
+        margin: 2rem 15vw;
+        padding: 0;
+    }
+}

user/themes/ateliers-55/templates/default.html.twig

@@ -0,0 +1,51 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    {% if page.url == "/" %}
+    {% else %}
+        <article>
+            <div id="article-wrapper">
+                <div class="article-header">
+                    {% if page.parent.title == "Articles" %}
+                        <div class="article-siblings">
+                            {{ dump(page.parent.collection.prevSibling(page.path)) }}
+                            {% if not page.parent.collection.isFirst(page.path) %}
+                            <a href="{{ page.parent.collection.nextSibling(page.path).url }}"><i class="fa-solid fa-chevron-left"></i> Article suivant</a>
+                            {% else %}
+                                <div></div>
+                            {% endif %}
+                            {% if not page.parent.collection.isLast(page.path) %}
+                                <a href="{{ page.parent.collection.prevSibling(page.path).url }}">Article précédent <i class="fa-solid fa-chevron-right"></i></a>
+                            {% endif %}
+                        </div>
+                    {% endif %}
+                    <a href="{{ home_url }}" class="close-article">
+                        <div></div>
+                        <div></div>
+                    </a>
+                </div>
+                <div class="swiper">
+                    <div class="swiper-button-prev"></div>
+                    <div class="swiper-wrapper">
+                        {% for image in page.media.images %}
+                        <div class="swiper-slide">
+                            <img src="{{ image.url }}" alt="{{ page.title }}">
+                        </div>
+                        {% endfor %}
+                        {% for video in page.media.videos %}
+                        <div class="swiper-slide">
+                            <video controls src="{{ video.url }}">
+                        </div>
+                        {% endfor %}
+                    </div>
+                    <div class="swiper-button-next"></div>
+                </div>
+                {% if page.parent.title == "Articles" %}
+                    <p class="article-date">{{ page.date | date('d/m/Y') }}</p>
+                {% endif %}
+                <p class="article-titre">{{ page.title }}</p>
+                <div class="article-content">{{ page.content|raw }}</div>
+            </div>
+        </article>
+    {% endif %}
+{% endblock %}

user/themes/ateliers-55/templates/error.html.twig

@@ -0,0 +1,8 @@
+{% extends 'partials/base.html.twig' %}
+
+{% block content %}
+    <div class="lead text-center">
+        <h1>Error!</h1>
+        {{ page.content|raw }}
+    </div>
+{% endblock %}

user/themes/ateliers-55/templates/partials/about.html.twig

@@ -0,0 +1,12 @@
+<div id="about" onClick="toggleAbout()">
+    <div id="about-summary">
+        {{ page.find('/a-propos').summary|raw }}
+    </div>
+    <div id="about-hidden">
+        {{ page.find('/a-propos').content|slice(page.find('/a-propos').summary|length, page.find('/a-propos').content|length)|markdown(false) }}
+    </div>
+    <div id="about-arrow">
+        <div></div>
+        <div></div>
+    </div>
+</div>

user/themes/ateliers-55/templates/partials/articles-list.html.twig

@@ -0,0 +1,16 @@
+<main>
+    {% for article in page.find('/articles').collection %}
+    <div class="article-card">
+        <a href="{{ article.url }}" data-barba="link">
+            <div class="img-cover">
+                <div class="eye">
+                    <div class="eye-picto"></div>
+                </div>
+                <img src="{{ article.media.images|first.url }}" alt="{{ article.title }}" />
+            </div>
+            <div class="date">{{ article.date | date('d/m/Y') }}</div>
+            <h3>{{ article.title }}</h3>
+        </a>
+    </div>
+    {% endfor %}
+</main>

user/themes/ateliers-55/templates/partials/base.html.twig

@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html lang="{{ (grav.language.getActive ?: grav.config.site.default_lang)|e }}">
+<head>
+{% block head %}
+    <meta charset="utf-8" />
+    <title>{% if header.title %}{{ header.title|e }} | {% endif %}{{ site.title|e }}</title>
+
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    {% include 'partials/metadata.html.twig' %}
+
+    <link rel="icon" type="image/png" href="{{ url('theme://images/logo.png')|e }}" />
+    <link rel="canonical" href="{{ page.canonical(true)|e }}" />
+{% endblock head %}
+
+{% block stylesheets %}
+    {% do assets.addCss('theme://css/pure.min.css', 100) %}
+    {% do assets.addCss('theme://css/font-awesome.min.css', 99) %}
+    {% do assets.addCss('theme://css/custom.css', 98) %}
+    {% do assets.addCss('theme://css/swiper.bundle.css', 97) %}
+    {% do assets.addCss('theme://css/styles.css', 96) %}
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" rel="stylesheet">
+{% endblock %}
+
+{% block javascripts %}
+    {% do assets.addJs('theme://js/jquery.min.js', 100) %}
+    <script src="https://cdn.jsdelivr.net/npm/gsap@3.12.5/dist/gsap.min.js"></script>
+    <script src="https://unpkg.com/@barba/core@2.9.7/dist/barba.umd.js"></script>
+    {% do assets.addJs('theme://js/swiper-bundle.min.js', 98) %}
+    {% do assets.addJs('theme://js/script.js', 97) %}
+{% endblock %}
+
+{% block assets deferred %}
+    {{ assets.css()|raw }}
+    {{ assets.js()|raw }}
+{% endblock %}
+</head>
+<body id="top" class="{{ page.header.body_classes|e }}" data-barba="wrapper">
+
+{% block header %}
+    {% include 'partials/header.html.twig' %}
+    {% include 'partials/nav.html.twig' %}
+    {% include 'partials/about.html.twig' %}
+{% endblock %}
+
+{% block body %}
+        {% include 'partials/articles-list.html.twig' %}
+    <div data-barba="container">
+        {% block content %}{% endblock %}
+    </div>
+{% endblock %}
+
+{% block bottom %}
+    {{ assets.js('bottom')|raw }}
+{% endblock %}
+
+</body>
+</html>

user/themes/ateliers-55/templates/partials/header.html.twig

@@ -0,0 +1,13 @@
+<header>
+    <a id="logo" href="{{ home_url }}">
+        <img src="{{ url('theme://images/logo_ateliers55.svg') }}" alt="Logo Ateliers 55" />
+    </a>
+    <a id="main-title" href="{{ home_url }}">
+       <h1>{{ page.find('/').title|e }}</h1>
+    </a>
+    <div id="hamburger" onClick="toggleMenu(this)">
+        <div></div>
+        <div></div>
+        <div></div>
+    </div>
+</header>

user/themes/ateliers-55/templates/partials/nav.html.twig

@@ -0,0 +1,13 @@
+<nav>
+    <ul>
+        <li>
+            <a href="#" onClick="toggleAbout()">à propos</a>
+        </li>
+        <li>
+            <a href="{{ base_url }}/contact">contact</a>
+        </li>
+        <li>
+            <a href="{{ base_url }}/mentions-legales">mentions légales</a>
+        </li>
+    </ul>
+</nav>