@iris.interactive/handcook 1.0.7 → 1.0.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iris.interactive/handcook",
-  "version": "1.0.7",
+  "version": "1.0.11",
   "description": "The web cooking by IRIS Interactive",
   "main": "./public/scripts/index.js",
   "scripts": {

package/public/scripts/index.js

@@ -1,4 +1,5 @@
 /******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
 /******/ 	var __webpack_modules__ = ({
 
 /***/ "./resources/assets/scripts/SmoothScroll.js":
@@ -7,7 +8,6 @@
   \**************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -60,7 +60,6 @@ var SmoothScroll = function SmoothScroll(triggerAttribute) {
   \****************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _package_script_SmoothScroll__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @package_script/SmoothScroll */ "./resources/assets/scripts/SmoothScroll.js");
 
@@ -72,9 +71,11 @@ exports.SmoothScroll = _package_script_SmoothScroll__WEBPACK_IMPORTED_MODULE_0__
 /*!******************************!*\
   !*** ./resources/style.scss ***!
   \******************************/
-/***/ (() => {
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+// extracted by mini-css-extract-plugin
 
-throw new Error("Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):\nModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):\nSassError: Can't find stylesheet to import.\n  ╷\n2 │ @use \"@package_style/_mixin-font\" as *;\n  │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n  ╵\n  resources/style.scss 2:1  root stylesheet\n    at processResult (/Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/webpack/lib/NormalModule.js:721:19)\n    at /Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/webpack/lib/NormalModule.js:827:5\n    at /Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/loader-runner/lib/LoaderRunner.js:399:11\n    at /Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/loader-runner/lib/LoaderRunner.js:251:18\n    at context.callback (/Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/loader-runner/lib/LoaderRunner.js:124:13)\n    at /Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/sass-loader/dist/index.js:54:7\n    at Function.call$2 (/Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/sass/sass.dart.js:95825:16)\n    at _render_closure1.call$2 (/Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/sass/sass.dart.js:83882:12)\n    at _RootZone.runBinary$3$3 (/Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/sass/sass.dart.js:28060:18)\n    at _FutureListener.handleError$1 (/Users/camille.charel/Documents/IRIS/Projects/handcook/node_modules/sass/sass.dart.js:26590:21)");
 
 /***/ })
 
@@ -104,7 +105,42 @@ throw new Error("Module build failed (from ./node_modules/mini-css-extract-plugi
 /******/ 		return module.exports;
 /******/ 	}
 /******/ 	
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = __webpack_modules__;
+/******/ 	
 /************************************************************************/
+/******/ 	/* webpack/runtime/chunk loaded */
+/******/ 	(() => {
+/******/ 		var deferred = [];
+/******/ 		__webpack_require__.O = (result, chunkIds, fn, priority) => {
+/******/ 			if(chunkIds) {
+/******/ 				priority = priority || 0;
+/******/ 				for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
+/******/ 				deferred[i] = [chunkIds, fn, priority];
+/******/ 				return;
+/******/ 			}
+/******/ 			var notFulfilled = Infinity;
+/******/ 			for (var i = 0; i < deferred.length; i++) {
+/******/ 				var [chunkIds, fn, priority] = deferred[i];
+/******/ 				var fulfilled = true;
+/******/ 				for (var j = 0; j < chunkIds.length; j++) {
+/******/ 					if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
+/******/ 						chunkIds.splice(j--, 1);
+/******/ 					} else {
+/******/ 						fulfilled = false;
+/******/ 						if(priority < notFulfilled) notFulfilled = priority;
+/******/ 					}
+/******/ 				}
+/******/ 				if(fulfilled) {
+/******/ 					deferred.splice(i--, 1)
+/******/ 					var r = fn();
+/******/ 					if (r !== undefined) result = r;
+/******/ 				}
+/******/ 			}
+/******/ 			return result;
+/******/ 		};
+/******/ 	})();
+/******/ 	
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
@@ -133,13 +169,68 @@ throw new Error("Module build failed (from ./node_modules/mini-css-extract-plugi
 /******/ 		};
 /******/ 	})();
 /******/ 	
+/******/ 	/* webpack/runtime/jsonp chunk loading */
+/******/ 	(() => {
+/******/ 		// no baseURI
+/******/ 		
+/******/ 		// object to store loaded and loading chunks
+/******/ 		// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 		// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
+/******/ 		var installedChunks = {
+/******/ 			"/scripts/index": 0,
+/******/ 			"styles/style": 0
+/******/ 		};
+/******/ 		
+/******/ 		// no chunk on demand loading
+/******/ 		
+/******/ 		// no prefetching
+/******/ 		
+/******/ 		// no preloaded
+/******/ 		
+/******/ 		// no HMR
+/******/ 		
+/******/ 		// no HMR manifest
+/******/ 		
+/******/ 		__webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
+/******/ 		
+/******/ 		// install a JSONP callback for chunk loading
+/******/ 		var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+/******/ 			var [chunkIds, moreModules, runtime] = data;
+/******/ 			// add "moreModules" to the modules object,
+/******/ 			// then flag all "chunkIds" as loaded and fire callback
+/******/ 			var moduleId, chunkId, i = 0;
+/******/ 			if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
+/******/ 				for(moduleId in moreModules) {
+/******/ 					if(__webpack_require__.o(moreModules, moduleId)) {
+/******/ 						__webpack_require__.m[moduleId] = moreModules[moduleId];
+/******/ 					}
+/******/ 				}
+/******/ 				if(runtime) var result = runtime(__webpack_require__);
+/******/ 			}
+/******/ 			if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
+/******/ 			for(;i < chunkIds.length; i++) {
+/******/ 				chunkId = chunkIds[i];
+/******/ 				if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 					installedChunks[chunkId][0]();
+/******/ 				}
+/******/ 				installedChunks[chunkIds[i]] = 0;
+/******/ 			}
+/******/ 			return __webpack_require__.O(result);
+/******/ 		}
+/******/ 		
+/******/ 		var chunkLoadingGlobal = self["webpackChunk_iris_interactive_handcook"] = self["webpackChunk_iris_interactive_handcook"] || [];
+/******/ 		chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
+/******/ 		chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
+/******/ 	})();
+/******/ 	
 /************************************************************************/
 /******/ 	
 /******/ 	// startup
 /******/ 	// Load entry module and return exports
-/******/ 	__webpack_require__("./resources/index.js");
-/******/ 	// This entry module doesn't tell about it's top-level declarations so it can't be inlined
-/******/ 	var __webpack_exports__ = __webpack_require__("./resources/style.scss");
+/******/ 	// This entry module depends on other loaded chunks and execution need to be delayed
+/******/ 	__webpack_require__.O(undefined, ["styles/style"], () => (__webpack_require__("./resources/index.js")))
+/******/ 	var __webpack_exports__ = __webpack_require__.O(undefined, ["styles/style"], () => (__webpack_require__("./resources/style.scss")))
+/******/ 	__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 /******/ 	
 /******/ })()
 ;

package/public/styles/scss/_variables.scss

@@ -30,15 +30,15 @@ $section-margin-top-small: 40px;
 $section-margin-bottom-small: 40px;
 $text-margin-bottom: 20px;
 
-$title-margin-top: 60px;
-$title-margin-bottom: 40px;
-$title-margin-top-small: 40px;
+$title-margin-top: 80px;
+$title-margin-bottom: 20px;
+$title-margin-top-small: 60px;
 $title-margin-bottom-small: 20px;
 
-$block-margin-top: 60px;
+$block-margin-top: 80px;
 $block-margin-top-medium: 60px;
 $block-margin-top-small: 30px;
-$block-margin-bottom: 60px;
+$block-margin-bottom: 80px;
 $block-margin-bottom-medium: 60px;
 $block-margin-bottom-small: 30px;
 
@@ -110,7 +110,7 @@ $link-color: var(--iris--link--color);
 $link-color-hover: var(--iris--link--color-hover);
 $link-text-decoration: var(--iris--link--text-decoration, none);
 $link-box-shadow: var(--iris--link--box-shadow, none);
-$link-underline-offset: var(--iris--link--underline-offset, 0);
+$link-underline-offset: var(--iris--link--underline-offset, 2px);
 $link-font-weight: var(--iris--link--font-weight);
 
 
@@ -214,7 +214,7 @@ $blockquote-font-size: var(--iris--blockquote--font-size);
 $blockquote-font-size--rem: var(--iris--blockquote--font-size--rem);
 $blockquote-font-size-small: var(--iris--blockquote--font-size--small);
 $blockquote-font-size-small--rem: var(--iris--blockquote--font-size--small--rem);
-$blockquote-padding-left: calc(#{$blockquote-font-size} * 1px + 10px);
+$blockquote-padding-left: calc(#{$blockquote-font-size} * 1px + 20px);
 $blockquote-text-align: var(--iris--blockquote--text-align);
 
 

package/public/styles/scss/lib/_etourisme-font.scss

@@ -37,6 +37,7 @@ $allicons: map-merge($allicons, $etourisme-icons);
 
 .ei:before,
 .ei:after {
+    color: $icon-color;
     display: inline-block;
     vertical-align: middle;
     font-family: 'etourisme-font', sans-serif;

package/public/styles/scss/lib/_theme-font.scss

@@ -117,6 +117,7 @@ $allicons: map-merge($allicons, $theme-icons);
 
 .fi:before,
 .fi:after {
+    color: $icon-color;
     display: inline-block;
     vertical-align: middle;
     font-family: 'theme-font', sans-serif;

package/public/styles/style.css

@@ -2,10 +2,377 @@
   * Created by IRIS Interactive
   * User : IRIS Interactive
 */
+/* Layout
+/ ================================================== */
+/* Gutter
+/ ================================================== */
+/* Margin
+/ ================================================== */
+/* Margin
+/ ================================================== */
+/* Breakpoint
+/ ================================================== */
+/* Global
+/ ================================================== */
+/* Notifications
+/ ================================================== */
+/* Difficulty
+/ ================================================== */
+/*
+  * Created by IRIS Interactive
+  * User : IRIS Interactive
+*/
 /* Import
 /* ============================================= */
 /* Fonticon
 /* ============================================= */
+/*
+  * Created by IRIS Interactive
+  * User : IRIS Interactive
+*/
+/* Main gutter
+/ ================================================== */
+/* display flex
+/* ============================================= */
+/* Font size
+/* ============================================= */
+/* Hover - TODO
+/* ============================================= */
+/* Touch
+/* ============================================= */
+/* Clear
+/* ============================================= */
+/*
+  * Created by IRIS Interactive
+  * User : IRIS Interactive
+*/
+/* Transition
+/* ============================================= */
+/* Hover
+/* ============================================= */
+/* Ellipsis
+/* ============================================= */
+/*  Adaptive height block
+/* ============================================= */
+/* Line clamp
+/* ============================================= */
+/* Object fit
+/* ============================================= */
+/* Linear Gradient
+/* ============================================= */
+/* fit-content
+/* ============================================= */
+/* stretched-link
+/* ============================================= */
+/* sr-only
+/* ============================================= */
+/*
+  * Created by IRIS Interactive
+  * User : IRIS Interactive
+*/
+*,
+*:after,
+*:before {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  background: var(--iris--global--background-color);
+  color: var(--iris--global--color);
+  font-family: var(--iris--global--font-family);
+  line-height: 1.75;
+  font-weight: var(--iris--global--font-weight);
+  font-size: var(--iris--global--font-size-regular--rem);
+}
+
+/*
+  * Created by IRIS Interactive
+  * User : IRIS Interactive
+*/
+body.fullscreen .header {
+  height: 120px;
+}
+@media screen and (max-width: 1000px) {
+  body.fullscreen .header {
+    height: 80px;
+  }
+}
+body.fullscreen .alignheight {
+  height: calc(100vh - 120px);
+}
+@media screen and (max-width: 1000px) {
+  body.fullscreen .alignheight {
+    height: calc(100vh - 80px);
+  }
+}
+body.fullscreen .header .banner,
+body.fullscreen .footer,
+body.fullscreen .prefooter {
+  display: none;
+}
+
+/* Margin section
+/ ================================================== */
+.section {
+  position: relative;
+  margin-top: 100px;
+  margin-bottom: 60px;
+}
+@media screen and (max-width: 1000px) {
+  .section {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+}
+.fullscreen .section {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+.section-tools {
+  position: absolute;
+  z-index: 1;
+  top: 0;
+  left: 0;
+  margin-left: 30px;
+}
+@media screen and (max-width: 1452.380952381px) {
+  .section-tools {
+    display: none;
+  }
+}
+
+.section-tools__item {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  margin-bottom: 20px;
+}
+@media screen and (max-width: 1452.380952381px) {
+  .section-tools__item {
+    font-size: var(--iris--global--font-size-small);
+  }
+}
+@media screen and (max-width: 1000px) {
+  .section-tools__item {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: row;
+  }
+  .section-tools__item > * {
+    margin: 0 3px;
+  }
+  .section-tools__item > *:first-child {
+    margin-left: 0;
+  }
+}
+@media screen and (max-width: 650px) {
+  .section-tools__item {
+    margin: 0 20px;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-direction: row;
+    width: calc(100% - 20px * 2);
+  }
+}
+@media screen and (max-width: 370px) {
+  .section-tools__item {
+    margin: 0 20px;
+    width: calc(100% - 20px * 2);
+  }
+}
+
+/* Width element
+/ ================================================== */
+.article > *:not(.alignwide):not(.alignfull) {
+  max-width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+}
+@media screen and (max-width: 1452.380952381px) {
+  .article > *:not(.alignfull) {
+    width: calc(100% - 8% * 2);
+  }
+}
+@media screen and (max-width: 1000px) {
+  .article > *:not(.alignfull) {
+    width: calc(100% - 60px * 2);
+  }
+}
+@media screen and (max-width: 650px) {
+  .article > *:not(.alignfull) {
+    width: calc(100% - 20px * 2);
+  }
+}
+@media screen and (max-width: 370px) {
+  .article > *:not(.alignfull) {
+    width: calc(100% - 20px * 2);
+  }
+}
+
+.alignwide {
+  max-width: 1220px;
+  margin: 0 auto;
+}
+
+.alignheight {
+  height: 100vh;
+}
+
+.full-width {
+  margin-left: calc(50% - 50vw);
+  margin-right: calc(50% - 50vw);
+}
+
+/* Margin element
+/ ================================================== */
+.hentry > h1,
+.hentry > h2,
+.hentry > h3,
+.hentry > h4,
+.hentry > h5,
+.hentry > h6 {
+  margin-top: 80px;
+  margin-bottom: 20px;
+}
+@media screen and (max-width: 650px) {
+  .hentry > h1,
+.hentry > h2,
+.hentry > h3,
+.hentry > h4,
+.hentry > h5,
+.hentry > h6 {
+    margin-top: 60px;
+    margin-bottom: 20px;
+  }
+}
+.hentry ul:not(.not-list-style),
+.hentry ol:not(.not-list-style),
+.hentry p {
+  margin-bottom: 20px;
+}
+.hentry > *[class] {
+  margin-top: 80px;
+  margin-bottom: 80px;
+}
+@media screen and (max-width: 650px) {
+  .hentry > *[class] {
+    margin-top: 30px;
+    margin-bottom: 30px;
+  }
+}
+
+/* TODO
+/ ================================================== */
+/*
+  * Created by IRIS Interactive
+  * User : IRIS Interactive
+*/
+/* Utils classes
+/* ============================================= */
+.stretched-link:before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  pointer-events: auto;
+  content: "";
+  background-color: rgba(0, 0, 0, 0);
+}
+
+/* ============================================= */
+.list-flex {
+  display: flex;
+  flex-wrap: wrap;
+  margin-bottom: 0;
+}
+.list-flex > * {
+  list-style-type: none;
+  margin: 0 10px 10px 0;
+}
+.list-flex > *:last-child {
+  margin-right: 0;
+}
+
+/* Animations
+/* ============================================= */
+@-webkit-keyframes loader {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes loader {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+/* Sr-only
+/* ============================================= */
+.sr-only {
+  clip: rect(0, 0, 0, 0);
+  border-width: 0;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+/* Text with icon before
+/* ============================================= */
+.text-icon {
+  display: inline-flex;
+  align-items: center;
+}
+.text-icon:before {
+  margin-right: 5px;
+}
+.text-icon:after {
+  margin-left: 5px;
+}
+
+/* Block with img animated on hover
+/* ============================================= */
+.hover-item img {
+  transition: 0.2s ease;
+  will-change: transform;
+}
+.hover-item:hover img {
+  transform: scale(1.02);
+}
+
+/* Masquer un element
+/* ============================================= */
+.hide {
+  display: none;
+}
+
+/* Opening
+/* ============================================= */
+.is-opened {
+  color: #009e55;
+}
+
+.soon-closed {
+  color: #ff890e;
+}
+
+.is-closed {
+  color: #f33;
+}
+
 @font-face {
   font-family: "etourisme-font";
   font-weight: normal;
@@ -15,6 +382,7 @@
 }
 .ei:before,
 .ei:after {
+  color: var(--iris--icon--color);
   display: inline-block;
   vertical-align: middle;
   font-family: "etourisme-font", sans-serif;
@@ -234,6 +602,7 @@
 }
 .fi:before,
 .fi:after {
+  color: var(--iris--icon--color);
   display: inline-block;
   vertical-align: middle;
   font-family: "theme-font", sans-serif;