pause

assets/css/src/grid.css

@@ -25,7 +25,7 @@ body.full-width #main-content {
   margin-left: inherit;
 }
 
-@media screen and (max-width: 640px) {
+@media (max-width: 640px) {
   .grid .column:not(:last-child) {
     margin-bottom: calc(2 * var(--unit--vertical));
   }
@@ -35,7 +35,11 @@ body.full-width #main-content {
   [data-template="grid"] main #main-content {
     margin-left: calc(0px - calc(4 * var(--unit--horizontal)));
   }
-
+  [data-template="grid"] .grid {
+    column-gap: var(--unit--horizontal);
+  }
+}
+@media (min-width: 640px) {
   [data-template="grid"] .grid {
     display: grid;
     grid-template-columns: repeat(39, 1fr);
@@ -43,3 +47,17 @@ body.full-width #main-content {
     margin-bottom: calc(var(--unit--vertical) * 2);
   }
 }
+
+@media print{
+  .grid .column {
+    grid-column: span 1;
+  }
+  [data-template="grid"] .grid {
+    column-gap: 20px;
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .blocks, .column {
+    page-break-inside: auto; /* autoriser la coupe si nécessaire */
+  }
+}

assets/css/src/print.css

@@ -123,6 +123,7 @@
   }
   main {
     padding-left: 0;
+    padding-right: 0;
   }
   /* .url{
     position: absolute;

assets/css/src/texts.css

@@ -64,6 +64,7 @@ article h2 {
   box-sizing: border-box;
   font-weight: var(--font-weight-light);
   margin-bottom: var(--unit--vertical);
+  font-size: var(--font-size-xl);
 }
 
 .text__title {

assets/css/src/toggle-light-mode.css

@@ -18,10 +18,16 @@
     mask: var(--icon-theme-toggler) no-repeat center;
     -webkit-mask: var(--icon-theme-toggler) no-repeat center;
 }
+
+@media screen and (min-width: 641px) {
+    .theme-toggler-icon {
+        padding-bottom: calc(var(--unit--vertical) - (var(--unit--vertical) / 4));
+    }
+}
+
 @media screen and (max-width: 640px) {
     .theme-toggler-icon {
         width: 1.1rem;
         height: 1.1rem;
     }
-
 }

site/plugins/your-plugin/.editorconfig

@@ -1,20 +0,0 @@
-# This file is for unifying the coding style for different editors and IDEs
-# editorconfig.org
-
-[*]
-charset = utf-8
-indent_style = space
-indent_size = 2
-end_of_line = lf
-insert_final_newline = true
-trim_trailing_whitespace = true
-
-[*.php]
-indent_size = 4
-
-[*.md,*.txt]
-trim_trailing_whitespace = false
-insert_final_newline = false
-
-[composer.json]
-indent_size = 4

site/plugins/your-plugin/.gitattributes

@@ -1,11 +0,0 @@
-# Note: You need to uncomment the lines you want to use; the other lines can be deleted
-
-# Git
-# .gitattributes export-ignore
-# .gitignore export-ignore
-
-# Tests
-# /.coveralls.yml export-ignore
-# /.travis.yml export-ignore
-# /phpunit.xml.dist export-ignore
-# /tests/ export-ignore

site/plugins/your-plugin/.gitignore

@@ -1,14 +0,0 @@
-# OS files
-.DS_Store
-
-# npm modules
-/node_modules
-
-# Parcel cache folder
-.cache
-
-# Composer files
-/vendor
-
-# kirbyup temp development entry
-/index.dev.mjs

site/plugins/your-plugin/LICENSE.md

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) <Year> <Your Name>
-
-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.

site/plugins/your-plugin/README.md

@@ -1,117 +0,0 @@
-# Kirby Pluginkit: Example plugin for Kirby
-
-> Variant "Panel plugin setup"
-
-This is a boilerplate for a Kirby Panel plugin that can be installed via all three [supported installation methods](https://getkirby.com/docs/guide/plugins/plugin-setup-basic#the-three-plugin-installation-methods).
-
-You can find a list of Pluginkit variants on the [`master` branch](https://github.com/getkirby/pluginkit/tree/master).
-
-****
-
-## How to use the Pluginkit
-
-1. Fork this repository
-2. Change the plugin name and description in the `composer.json`
-3. Change the plugin name in the `index.php` and `src/index.js`
-4. Change the license if you don't want to publish under MIT
-5. Add your plugin code to the `index.php` and `src/index.js`
-6. Update this `README` with instructions for your plugin
-
-### Install the development and build setup
-
-We use [kirbyup](https://github.com/johannschopplich/kirbyup) for the development and build setup.
-
-You can start developing directly. kirbyup will be fetched remotely with your first `npm run` command, which may take a short amount of time.
-
-### Development
-
-You can start the dev process with:
-
-```bash
-npm run dev
-```
-
-This will automatically update the `index.js` and `index.css` of your plugin as soon as you make changes.
-Reload the Panel to see your code changes reflected.
-
-With kirbyup 2.0.0+ and Kirby 3.7.4+ you can alternatively use hot module reloading (HMR):
-
-```bash
-npm run serve
-```
-
-This will start a development server that updates the page as soon as you make changes. Some updates are instant, like CSS or Vue template changes, others require a reload of the page, which happens automatically.
-
-> [!NOTE]
-> The live reload functionality requires top level await, [which is only supported in modern browsers](https://caniuse.com/mdn-javascript_operators_await_top_level). If you're developing in older browsers, use `npm run dev` and reload the page manually to see changes.
-
-### Production
-
-As soon as you are happy with your plugin, you should build the final version with:
-
-```bash
-npm run build
-```
-
-This will automatically create a minified and optimized version of your `index.js` and `index.css`
-which you can ship with your plugin.
-
-We have a tutorial on how to build your own plugin based on the Pluginkit [in the Kirby documentation](https://getkirby.com/docs/guide/plugins/plugin-setup-basic).
-
-### Build reproducibility
-
-While kirbyup will stay backwards compatible, exact build reproducibility may be of importance to you. If so, we recommend to target a specific package version, rather than using npx:
-
-```json
-{
-  "scripts": {
-    "dev": "kirbyup src/index.js --watch",
-    "build": "kirbyup src/index.js"
-  },
-  "devDependencies": {
-    "kirbyup": "^3.1.0"
-  }
-}
-```
-
-What follows is an example README for your plugin.
-
-****
-
-## Installation
-
-### Download
-
-Download and copy this repository to `/site/plugins/{{ plugin-name }}`.
-
-### Git submodule
-
-```bash
-git submodule add https://github.com/{{ your-name }}/{{ plugin-name }}.git site/plugins/{{ plugin-name }}
-```
-
-### Composer
-
-```bash
-composer require {{ your-name }}/{{ plugin-name }}
-```
-
-## Setup
-
-*Additional instructions on how to configure the plugin (e.g. blueprint setup, config options, etc.)*
-
-## Options
-
-*Document the options and APIs that this plugin offers*
-
-## Development
-
-*Add instructions on how to help working on the plugin (e.g. npm setup, Composer dev dependencies, etc.)*
-
-## License
-
-MIT
-
-## Credits
-
-- [Your Name](https://github.com/ghost)

site/plugins/your-plugin/SECURITY.md

@@ -1,18 +0,0 @@
-# Security Policy
-
-## Supported Versions
-
-*Use this section to tell people about which versions of your project are currently being supported with security updates.*
-
-| Version | Supported          |
-| ------- | ------------------ |
-| 5.1.x   | :white_check_mark: |
-| 5.0.x   | :x:                |
-| 4.0.x   | :white_check_mark: |
-| < 4.0   | :x:                |
-
-## Reporting a Vulnerability
-
-*Use this section to tell people how to report a vulnerability.*
-
-*Tell them where to go, how often they can expect to get an update on a reported vulnerability, what to expect if the vulnerability is accepted or declined, etc.*

site/plugins/your-plugin/composer.json

@@ -1,21 +0,0 @@
-{
-	"name": "getkirby/pluginkit",
-	"description": "Kirby Example Plugin",
-	"license": "MIT",
-	"type": "kirby-plugin",
-	"version": "1.0.0",
-	"authors": [
-		{
-			"name": "Your Name",
-			"email": "you@example.com"
-		}
-	],
-	"require": {
-		"getkirby/composer-installer": "^1.1"
-	},
-	"config": {
-		"allow-plugins": {
-			"getkirby/composer-installer": true
-		}
-	}
-}

site/plugins/your-plugin/composer.lock

@@ -1,66 +0,0 @@
-{
-    "_readme": [
-        "This file locks the dependencies of your project to a known state",
-        "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
-        "This file is @generated automatically"
-    ],
-    "content-hash": "37a8e61308b9b6f49cb9835f477f0c64",
-    "packages": [
-        {
-            "name": "getkirby/composer-installer",
-            "version": "1.2.1",
-            "source": {
-                "type": "git",
-                "url": "https://github.com/getkirby/composer-installer.git",
-                "reference": "c98ece30bfba45be7ce457e1102d1b169d922f3d"
-            },
-            "dist": {
-                "type": "zip",
-                "url": "https://api.github.com/repos/getkirby/composer-installer/zipball/c98ece30bfba45be7ce457e1102d1b169d922f3d",
-                "reference": "c98ece30bfba45be7ce457e1102d1b169d922f3d",
-                "shasum": ""
-            },
-            "require": {
-                "composer-plugin-api": "^1.0 || ^2.0"
-            },
-            "require-dev": {
-                "composer/composer": "^1.8 || ^2.0"
-            },
-            "type": "composer-plugin",
-            "extra": {
-                "class": "Kirby\\ComposerInstaller\\Plugin"
-            },
-            "autoload": {
-                "psr-4": {
-                    "Kirby\\": "src/"
-                }
-            },
-            "notification-url": "https://packagist.org/downloads/",
-            "license": [
-                "MIT"
-            ],
-            "description": "Kirby's custom Composer installer for the Kirby CMS and for Kirby plugins",
-            "homepage": "https://getkirby.com",
-            "support": {
-                "issues": "https://github.com/getkirby/composer-installer/issues",
-                "source": "https://github.com/getkirby/composer-installer/tree/1.2.1"
-            },
-            "funding": [
-                {
-                    "url": "https://getkirby.com/buy",
-                    "type": "custom"
-                }
-            ],
-            "time": "2020-12-28T12:54:39+00:00"
-        }
-    ],
-    "packages-dev": [],
-    "aliases": [],
-    "minimum-stability": "stable",
-    "stability-flags": [],
-    "prefer-stable": false,
-    "prefer-lowest": false,
-    "platform": [],
-    "platform-dev": [],
-    "plugin-api-version": "2.6.0"
-}

site/plugins/your-plugin/index.js

@@ -1 +0,0 @@
-(function(){"use strict";function d(n,t,o,c,s,r,i,a){var e=typeof n=="function"?n.options:n;return t&&(e.render=t,e.staticRenderFns=o,e._compiled=!0),{exports:n,options:e}}const l={__name:"Web2PrintBtn",props:{htmlPageString:String},setup(n){const{htmlPageString:t}=n;async function o(){const r=await fetch("https://web2print.studio-variable.com",{method:"POST","Content-Type":"application/pdf","X-API-Key":"25377ab6e2153b159d1d5fa22501228810b6aec9d63346bd0614045dc167061c",body:{html:t}});if(r.ok){const i=await r.blob(),a=window.URL.createObjectURL(i),e=document.createElement("a");e.href=a,e.download="document.pdf",e.click()}else{const i=await r.json();console.error("Erreur:",i)}}return{__sfc:!0,getPdf:o}}};var u=function(){var t=this,o=t._self._c,c=t._self._setupProxy;return o("k-button",{attrs:{variant:"filled"},on:{click:function(s){return c.getPdf()}}},[t._v("Button")])},f=[],_=d(l,u,f);const p=_.exports;window.panel.plugin("studio-variable/web2print",{fields:{web2print:p}})})();

site/plugins/your-plugin/index.php

@@ -1,16 +0,0 @@
-<?php
-
-Kirby::plugin('studio-variable/web2print', [
-    'fields' => [
-        'web2print' => [
-            'props' => [
-                'options' => function ($options = []) {
-                    return $options;
-                },
-                'value' => function ($value = []) {
-                    return $value;
-                }
-            ],
-        ],
-    ],
-]);

site/plugins/your-plugin/package.json

@@ -1,12 +0,0 @@
-{
-	"name": "getkirby/pluginkit",
-	"description": "Kirby Example Plugin",
-	"license": "MIT",
-	"type": "kirby-plugin",
-	"version": "1.0.0",
-  "scripts": {
-    "dev": "npx -y kirbyup src/index.js --watch",
-    "serve": "npx -y kirbyup serve src/index.js",
-    "build": "npx -y kirbyup src/index.js"
-  }
-}

site/plugins/your-plugin/src/components/Web2printField.vue

@@ -1,61 +0,0 @@
-<template>
-  <k-field class="bg-red" v-bind="$props">
-    <k-form :fields="computedFields" v-model="localValue" @input="update" />
-  </k-field>
-</template>
-
-<script>
-export default {
-  props: {
-    value: Object,
-    options: Array,
-  },
-
-  data() {
-    return {
-      localValue: this.value || {}
-    };
-  },
-
-  computed: {
-    computedFields() {
-      const fields = {};
-
-      if (this.options.includes("summary")) {
-        fields.summary = {
-          label: "Inclure le sommaire",
-          type: "toggle"
-        };
-      }
-
-      if (this.options.includes("page-number")) {
-        fields.pageNumber = {
-          label: "Afficher la numérotation",
-          type: "toggle"
-        };
-      }
-
-      if (this.options.includes("cover")) {
-        fields.cover = {
-          label: "Inclure la couverture",
-          type: "toggle"
-        };
-      }
-
-      return fields;
-    }
-  },
-
-  methods: {
-    update() {
-      this.$emit("input", this.localValue);
-    }
-  }
-};
-</script>
-
-<style>
-.bg-red{
-  border: solid red 2px;
-}
-</style>

site/plugins/your-plugin/src/index.js

@@ -1,7 +0,0 @@
-import ToggleGroup from "./components/Web2printField.vue";
-
-window.panel.plugin("studio-variable/web2print", {
-	fields: {
-		web2print: ToggleGroup
-	}
-});

site/snippets/footer.php

@@ -1,24 +1,26 @@
 
-<?php if (!$page->is(page('lettre')) && !$page->is(page('a-propos'))): ?>
 <footer id="main-footer">
   <ul id="links">
     <li class="open-nav-wrapper hidden">
       <button class="plus open-nav" title="chercher parmi les textes">textes</button>
     </li>
+    <?php if (!$page->is(page('lettre'))): ?>
       <li>
         <a href="/lettre" id="subscribe-btn" class="plus">
           s'inscrire
         </a>
       </li>
+    <?php endif ?>
+    <?php if (!$page->is(page('a-propos'))): ?>
       <li>
         <a
           href="<?= $site->find('a-propos')->url() ?>">
           à propos
         </a>
       </li>
+    <?php endif ?>
   </ul>
 </footer>
-  <?php endif ?>
 </body>
 
 </html>

site/templates/author.php

@@ -4,7 +4,7 @@
   <article>
     <?php snippet('cover', slots: true) ?>
       <?php slot('title') ?>
-        <h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
+        <h1 class="main-title"><?= $page->title() ?></h1>
         <?= $page->presentation() ?>
       <?php endslot() ?>
     <?php endsnippet() ?>
@@ -33,3 +33,5 @@
     </div>
   </article>
 </main>
+
+<?php snippet('footer') ?>

site/templates/error.php

@@ -3,9 +3,7 @@
   <article>
     <?php snippet('cover', ['isOpen' => true], slots: true) ?>
     <?php slot('title') ?>
-    <h2
+      <h1 class="main-title"><?= $page->title() ?></h1>
-      class="main-title fs-xl">
-      <?= $page->title() ?></h2>
     <?php endslot() ?>
     <?php endsnippet() ?>
     <div id="main-content">

site/templates/grid.php

@@ -3,9 +3,7 @@
   <article>
     <?php snippet('cover', ['isOpen' => true], slots: true) ?>
     <?php slot('title') ?>
-    <h2
+    <h1 class="main-title"><?= $page->title() ?></h1>
-      class="main-title <?= setTitleFontSizeClass($page->title()) ?>">
-      <?= $page->title() ?></h2>
     <p>
       <span class="light">par</span>
       <a class="author"
@@ -17,6 +15,10 @@
       / <a
         href="/categories/<?= $page->category() ?>"><?= $page->category() ?></a>
     </p>
+    <p class="only-print">
+      <span class="light">imprimé le </span><span><?= \Kirby\Toolkit\Date::today()->format('d/m/Y'); ?></span><br>
+      <span class="light url"><?= $page->url() ?></span>
+    </p>
     <?php endslot() ?>
     <?php endsnippet() ?>
     

site/templates/home.php

@@ -9,8 +9,12 @@
         class="no-underline home-baseline" 
         title="lire l'éditorial"
       >
-        <h2 class="main-title <?= setTitleFontSizeClass($site->subtitle()) ?>"><?= $site->subtitle()->inline() ?></h2>
+        <h2 class="main-title"><?= $site->subtitle()->inline() ?></h2>
       </a>
+      <p class="only-print">
+        <span class="light">imprimé le </span><span><?= \Kirby\Toolkit\Date::today()->format('d/m/Y'); ?></span><br>
+        <span class="light url"><?= $page->url() ?></span>
+      </p>
       <a href="#main-edito" class="main-edito-btn | no-underline" title="lire l'éditorial">
         <p 
           class="oggle-btn toggle-btn--left"

site/templates/info.php

@@ -3,9 +3,7 @@
   <article>
     <?php snippet('cover', ['isOpen' => true], slots: true) ?>
     <?php slot('title') ?>
-    <h2
+      <h1 class="main-title"><?= $page->title() ?></h1>
-      class="main-title <?= setTitleFontSizeClass($page->title()) ?>">
-      <?= $page->title() ?></h2>
       <div id="main-content">
         <?= $page->body() ?>
       </div>

site/templates/newsletter.php

@@ -1,9 +1,10 @@
 <?php snippet('header') ?>
+<?php snippet('footer') ?>
 <main id="<?= $page->template() ?>">
   <article>
     <?php snippet('cover', array('isOpen' => true), slots: true) ?>
       <?php slot('title') ?>
-      <h2 class="main-title <?= setTitleFontSizeClass($page->title()) ?>"><?= $page->title() ?></h2>
+      <h1 class="main-title"><?= $page->title() ?></h1>
       <?= $page->body() ?>
       <form id="subscribe-form">
         <label for="email">
@@ -15,5 +16,3 @@
     <?php endsnippet() ?>
   </article>
 </main>
-
-<?php snippet('footer') ?>