diff --git a/8/ecolyo.7350ff71d0fdf6a621af.js b/8/ecolyo.4361375a27725145e0b5.js
similarity index 89%
rename from 8/ecolyo.7350ff71d0fdf6a621af.js
rename to 8/ecolyo.4361375a27725145e0b5.js
index 4d3495781afd8616323a5e12d3028ff5087c406d..70b6bd7431abeaa800587cb105bb803f15eb065c 100644
--- a/8/ecolyo.7350ff71d0fdf6a621af.js
+++ b/8/ecolyo.4361375a27725145e0b5.js
@@ -237,7 +237,9 @@ var SingleEcogestureView = function SingleEcogestureView() {
}), /*#__PURE__*/_react2.default.createElement(_Header.default, {
desktopTitleKey: "common.title_ecogesture",
displayBackArrow: true
- }), /*#__PURE__*/_react2.default.createElement(_Content.default, null, isLoading && /*#__PURE__*/_react2.default.createElement("div", {
+ }), /*#__PURE__*/_react2.default.createElement(_Content.default, null, /*#__PURE__*/_react2.default.createElement("div", {
+ className: "content-wrapper"
+ }, isLoading && /*#__PURE__*/_react2.default.createElement("div", {
className: "loaderContainer"
}, /*#__PURE__*/_react2.default.createElement(_Loader.default, null)), !isLoading && !ecogesture && /*#__PURE__*/_react2.default.createElement(_EcogestureNotFound.default, {
text: t('error_page.no_ecogesture'),
@@ -275,7 +277,8 @@ var SingleEcogestureView = function SingleEcogestureView() {
});
}
}, t("ecogesture_modal.show_".concat(showDetails ? 'less' : 'more'))), /*#__PURE__*/_react2.default.createElement(_core.Collapse, {
- in: showDetails
+ in: showDetails,
+ timeout: 300
}, /*#__PURE__*/_react2.default.createElement("div", {
className: "longDescription text-16-normal-150"
}, ecogesture.longDescription))), /*#__PURE__*/_react2.default.createElement("div", {
@@ -302,7 +305,7 @@ var SingleEcogestureView = function SingleEcogestureView() {
className: "status-icon",
icon: isDoing ? _doingEnabled.default : _doingDisabled.default,
size: 40
- }), /*#__PURE__*/_react2.default.createElement("span", null, t('ecogesture.doing')))))));
+ }), /*#__PURE__*/_react2.default.createElement("span", null, t('ecogesture.doing'))))))));
};
var _default = SingleEcogestureView;
exports.default = _default;
@@ -414,7 +417,7 @@ var result = _node_modules_svg_sprite_loader_runtime_browser_sprite_build_js__WE
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.single-ecogesture {\n color: #e0e0e0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1rem 1.2rem;\n}\n.single-ecogesture .icon-container {\n margin: auto;\n max-width: 180px;\n width: 100%;\n display: flex;\n}\n.single-ecogesture .icon-container .icon-big {\n margin: auto;\n}\n.single-ecogesture .details {\n flex-direction: column;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.single-ecogesture .details .title {\n color: #a0a0a0;\n}\n.single-ecogesture .details .efficiency {\n display: flex;\n gap: 0.5rem;\n}\n.single-ecogesture .styled-container {\n line-height: 150%;\n padding: 1rem;\n margin: 1.5rem 0 1rem;\n max-width: 500px;\n display: flex;\n flex-direction: column;\n}\n.single-ecogesture .styled-container .long-name {\n text-align: center;\n color: white;\n}\n.single-ecogesture .styled-container .showMore {\n margin: auto;\n text-align: center;\n text-decoration: underline;\n margin-top: 1.5rem;\n}\n.single-ecogesture .styled-container .showMore span {\n text-transform: none;\n}\n.single-ecogesture .styled-container .longDescription {\n margin: 1em 0.5rem;\n text-align: left;\n}\n.single-ecogesture .buttons-selection {\n width: 100%;\n display: flex;\n gap: 0.5rem;\n justify-content: center;\n}\n.single-ecogesture .buttons-selection button.btnSecondary {\n height: 45px;\n max-width: 160px;\n width: 100%;\n border-radius: 4px;\n}\n.single-ecogesture .buttons-selection .objective-btn span {\n color: #e0e0e0;\n}\n.single-ecogesture .buttons-selection .objective-btn.active {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(12, 44, 91, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #4470b3;\n border-color: transparent;\n}\n.single-ecogesture .buttons-selection .objective-btn.active span {\n color: white;\n}\n.single-ecogesture .buttons-selection .doing-btn span {\n color: #e0e0e0;\n}\n.single-ecogesture .buttons-selection .doing-btn.active {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(41, 87, 33, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #21a90b;\n border-color: transparent;\n}\n.single-ecogesture .buttons-selection .doing-btn.active span {\n color: white;\n}\n.single-ecogesture .buttons-selection .MuiIconButton-label {\n justify-content: flex-start;\n color: white;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.content-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n height: 100%;\n}\n.content-wrapper .single-ecogesture {\n color: #e0e0e0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 1rem 1.2rem;\n}\n.content-wrapper .single-ecogesture .icon-container {\n margin: auto;\n max-width: 180px;\n width: 100%;\n display: flex;\n}\n.content-wrapper .single-ecogesture .icon-container .icon-big {\n margin: auto;\n}\n.content-wrapper .single-ecogesture .details {\n flex-direction: column;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.content-wrapper .single-ecogesture .details .title {\n color: #a0a0a0;\n}\n.content-wrapper .single-ecogesture .details .efficiency {\n display: flex;\n gap: 0.5rem;\n}\n.content-wrapper .single-ecogesture .styled-container {\n line-height: 150%;\n padding: 1rem;\n margin: 1.5rem 0 1rem;\n max-width: 500px;\n display: flex;\n flex-direction: column;\n}\n.content-wrapper .single-ecogesture .styled-container .long-name {\n text-align: center;\n color: white;\n}\n.content-wrapper .single-ecogesture .styled-container .showMore {\n margin: auto;\n text-align: center;\n text-decoration: underline;\n margin-top: 1.5rem;\n}\n.content-wrapper .single-ecogesture .styled-container .showMore span {\n text-transform: none;\n}\n.content-wrapper .single-ecogesture .styled-container .longDescription {\n margin: 1em 0.5rem;\n text-align: left;\n}\n.content-wrapper .single-ecogesture .buttons-selection {\n width: 100%;\n display: flex;\n gap: 0.5rem;\n justify-content: center;\n}\n.content-wrapper .single-ecogesture .buttons-selection button.btnSecondary {\n height: 45px;\n max-width: 160px;\n width: 100%;\n border-radius: 4px;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn span {\n color: #e0e0e0;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(12, 44, 91, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #4470b3;\n border-color: transparent;\n}\n.content-wrapper .single-ecogesture .buttons-selection .objective-btn.active span {\n color: white;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn span {\n color: #e0e0e0;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active {\n background: radial-gradient(105.25% 64.58% at 49.68% 70.83%, rgba(41, 87, 33, 0.5) 0%, rgba(255, 255, 255, 0) 100%), #21a90b;\n border-color: transparent;\n}\n.content-wrapper .single-ecogesture .buttons-selection .doing-btn.active span {\n color: white;\n}\n.content-wrapper .single-ecogesture .buttons-selection .MuiIconButton-label {\n justify-content: flex-start;\n color: white;\n}", ""]);
diff --git a/app/ecolyo.1d4835133bb66e8050f0.js b/app/ecolyo.286d0e133d37df92cf0e.js
similarity index 99%
rename from app/ecolyo.1d4835133bb66e8050f0.js
rename to app/ecolyo.286d0e133d37df92cf0e.js
index 9185712f7e2e7f319dc60733adce413e3750972b..2f0cac0ed5a7419acf2a9f630f92cdd8c1daf4fd 100644
--- a/app/ecolyo.1d4835133bb66e8050f0.js
+++ b/app/ecolyo.286d0e133d37df92cf0e.js
@@ -64,7 +64,7 @@
/******/
/******/ // script path function
/******/ function jsonpScriptSrc(chunkId) {
-/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"71728b615a33fda7f19a","4":"99b4574d799ae4772f6e","5":"d6973bef36480ddc925b","6":"2ee34eefa2ad7b22a46e","7":"d61472e75eb196504d3e","8":"7350ff71d0fdf6a621af","9":"73a97eac0086801c9dc9","10":"26edbface76655274ad8","11":"3baf0b358c1c353001a4"}[chunkId] + ".js"
+/******/ return __webpack_require__.p + "" + ({}[chunkId]||chunkId) + "/ecolyo." + {"3":"71728b615a33fda7f19a","4":"99b4574d799ae4772f6e","5":"d6973bef36480ddc925b","6":"2ee34eefa2ad7b22a46e","7":"d61472e75eb196504d3e","8":"4361375a27725145e0b5","9":"73a97eac0086801c9dc9","10":"26edbface76655274ad8","11":"3baf0b358c1c353001a4"}[chunkId] + ".js"
/******/ }
/******/
/******/ // The require function
@@ -1284,7 +1284,6 @@ var _modal = __webpack_require__("IvDH");
__webpack_require__("/Zod");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-/** Header for desktop view */
var Header = function Header(_ref) {
var desktopTitleKey = _ref.desktopTitleKey,
displayBackArrow = _ref.displayBackArrow,
@@ -1323,19 +1322,19 @@ var Header = function Header(_ref) {
}, /*#__PURE__*/_react.default.createElement("div", {
className: "header-content"
}, /*#__PURE__*/_react.default.createElement("div", {
- className: !desktopTitleKey ? 'header-content-top header-content-top-right' : 'header-content-top'
- }, desktopTitleKey && /*#__PURE__*/_react.default.createElement("div", {
- className: "header-text-desktop ".concat(screenType === _enums.ScreenType.MOBILE ? 'text-14-normal-uppercase' : 'text-22-bold')
- }, displayBackArrow && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+ className: "header-content-top"
+ }, screenType !== _enums.ScreenType.MOBILE && displayBackArrow && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
"aria-label": t('header.accessibility.button_back'),
className: "header-back-button",
onClick: handleClickBack
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
icon: _backArrow.default,
size: 16
- })), /*#__PURE__*/_react.default.createElement("span", null, t(desktopTitleKey))), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+ })), desktopTitleKey && /*#__PURE__*/_react.default.createElement("div", {
+ className: "".concat(displayBackArrow && desktopTitleKey ? 'header-text-selection' : 'header-text-desktop', " ").concat(screenType === _enums.ScreenType.MOBILE ? 'text-14-normal-uppercase' : 'text-22-bold')
+ }, /*#__PURE__*/_react.default.createElement("span", null, t(desktopTitleKey))), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
"aria-label": t('header.accessibility.button_open_feedbacks'),
- className: !desktopTitleKey ? 'header-feedbacks-button right' : 'header-feedbacks-button',
+ className: "header-feedbacks-button",
onClick: handleClickFeedbacks
}, /*#__PURE__*/_react.default.createElement(_Icon.default, {
icon: _feedback.default,
@@ -11390,7 +11389,7 @@ exports.ENEDIS_DAY_DOCTYPE = ENEDIS_DAY_DOCTYPE;
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nheader {\n display: flex;\n align-items: center;\n flex-direction: column;\n overflow: hidden;\n width: 85%;\n z-index: 18;\n position: fixed;\n top: 48px;\n}\n@media only screen and (max-width : 1023px) {\n header {\n width: 100%;\n }\n}\n@media only screen and (max-width : 768px) {\n header {\n top: 0;\n }\n}\nheader .header-top {\n background: radial-gradient(51.85% 47.89% at 50% 13.32%, #343641 0%, #1b1c22 100%);\n width: 100%;\n}\nheader .header-top .header-text {\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0;\n}\nheader .header-content {\n display: flex;\n flex-direction: column;\n}\n@media only screen and (max-width : 1023px) {\n header .header-content {\n margin: 0;\n }\n}\n@media only screen and (max-width : 768px) {\n header .header-content {\n margin: 60px 0 0 0;\n }\n}\nheader .header-content .header-content-top {\n display: flex;\n flex-direction: row;\n}\nheader .header-content .header-content-top.header-content-top-right {\n justify-content: flex-end;\n}\nheader .header-content .header-content-top .header-text {\n padding: 2rem 1rem;\n flex: 1;\n}\nheader .header-content .header-content-top .header-text-desktop {\n display: flex;\n flex: 1;\n padding: 2rem 1.25rem;\n color: #e0e0e0;\n}\nheader .header-content .header-content-top .header-back-button {\n padding: 0 0.75rem;\n}\n@media only screen and (max-width : 768px) {\n header .header-content .header-content-top .header-text {\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0;\n }\n header .header-content .header-content-top .header-text-desktop {\n display: none;\n }\n header .header-content .header-content-top .header-feedbacks-button {\n display: none;\n }\n}\n\n.building-title {\n text-align: center;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\nheader {\n display: flex;\n align-items: center;\n flex-direction: column;\n overflow: hidden;\n width: 85%;\n z-index: 18;\n position: fixed;\n top: 48px;\n}\n@media only screen and (max-width : 1023px) {\n header {\n width: 100%;\n }\n}\n@media only screen and (max-width : 768px) {\n header {\n top: 0;\n }\n}\nheader .header-top {\n background: radial-gradient(51.85% 47.89% at 50% 13.32%, #343641 0%, #1b1c22 100%);\n width: 100%;\n}\nheader .header-top .header-text {\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0;\n}\nheader .header-content {\n display: flex;\n flex-direction: column;\n}\n@media only screen and (max-width : 1023px) {\n header .header-content {\n margin: 0;\n }\n}\n@media only screen and (max-width : 768px) {\n header .header-content {\n margin: 60px 0 0 0;\n }\n}\nheader .header-content .header-content-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\nheader .header-content .header-content-top .header-text {\n flex: 1;\n padding: 0 1rem 1rem 1rem;\n color: #e0e0e0;\n text-align: center;\n}\nheader .header-content .header-content-top .header-text-desktop {\n display: flex;\n flex: 1;\n padding: 2rem 1.25rem;\n color: #e0e0e0;\n justify-content: center;\n text-align: center;\n margin-left: 64px;\n}\nheader .header-content .header-content-top .header-text-selection {\n display: flex;\n flex: 1;\n padding: 2rem 1.25rem;\n color: #e0e0e0;\n justify-content: center;\n text-align: center;\n margin-left: 24px;\n}\n@media only screen and (max-width : 768px) {\n header .header-content .header-content-top .header-text-selection {\n display: none;\n }\n}\nheader .header-content .header-content-top .header-back-button,\nheader .header-content .header-content-top .header-feedbacks-button {\n padding: 0 0.75rem;\n}\n@media only screen and (max-width : 768px) {\n header .header-content .header-content-top .header-text-desktop {\n display: none;\n }\n header .header-content .header-content-top .header-feedbacks-button {\n display: none;\n }\n}\n\n.building-title {\n text-align: center;\n}", ""]);
@@ -22662,7 +22661,7 @@ exports.default = ExplorationService;
exports = module.exports = __webpack_require__("DjJv")(false);
// Module
-exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-detail-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n color: #e0e0e0;\n padding: 0 1.5rem;\n flex: 1;\n max-height: calc(100vh - 60px - 72px - 0px);\n}\n.eg-selection-detail-container .content {\n display: flex;\n gap: 0.5rem;\n flex-direction: column;\n flex: 1;\n justify-content: flex-start;\n align-items: center;\n overflow-y: auto;\n}\n.eg-selection-detail-container .content .title {\n color: #a0a0a0;\n font-weight: 700;\n}\n.eg-selection-detail-container .content .iconContainer {\n height: 240px;\n}\n.eg-selection-detail-container .content .showMore {\n text-align: center;\n text-decoration: underline;\n margin-top: 1rem;\n cursor: pointer;\n}\n.eg-selection-detail-container .content .longDescription {\n margin: 1rem 0.5rem;\n text-align: left;\n}\n.eg-selection-detail-container .buttons {\n margin: 1rem 0;\n display: flex;\n gap: 0.5rem;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n}\n.eg-selection-detail-container .buttons button.btnSecondary {\n padding: 0.75rem 0.25rem;\n height: 7.375rem;\n border-radius: 4px;\n}\n.eg-selection-detail-container .buttons button.btnSecondary span {\n flex-direction: column;\n}", ""]);
+exports.push([module.i, "/** BLACK **/\n/** RED **/\n/** YELLOW **/\n/** ORANGE **/\n/** BLUE **/\n/** GREEN **/\n/** WHITE **/\n/** GREY **/\n/** App colors **/\n/** TABS GRADIENT **/\n/** SCROLLBAR **/\n.eg-selection-detail-container {\n display: flex;\n flex-direction: column;\n text-align: center;\n color: #e0e0e0;\n padding: 0 1.5rem;\n flex: 1;\n max-height: calc(100vh - 60px - 72px - 0px);\n}\n.eg-selection-detail-container .content {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n justify-content: center;\n align-items: center;\n overflow-y: auto;\n flex: 1;\n}\n.eg-selection-detail-container .content .title {\n color: #a0a0a0;\n font-weight: 700;\n}\n.eg-selection-detail-container .content .iconContainer {\n height: 240px;\n}\n.eg-selection-detail-container .content .showMore {\n text-align: center;\n text-decoration: underline;\n margin-top: 1rem;\n cursor: pointer;\n flex-shrink: 0;\n}\n.eg-selection-detail-container .content .longDescription {\n margin: 1rem 0.5rem;\n text-align: left;\n display: none;\n transition: height 0.3s ease-in-out;\n}\n.eg-selection-detail-container .content .longDescription.expanded {\n display: block;\n}\n.eg-selection-detail-container .buttons {\n margin: 1rem 0;\n display: flex;\n gap: 0.5rem;\n flex-direction: row;\n justify-content: center;\n width: 100%;\n}\n.eg-selection-detail-container .buttons button.btnSecondary {\n padding: 0.75rem 0.25rem;\n height: 7.375rem;\n border-radius: 4px;\n}\n.eg-selection-detail-container .buttons button.btnSecondary span {\n flex-direction: column;\n}", ""]);
@@ -31086,9 +31085,10 @@ var EcogestureSelectionDetail = function EcogestureSelectionDetail(_ref) {
}
}, t("ecogesture_modal.show_".concat(showDetails ? 'less' : 'more'))), /*#__PURE__*/_react.default.createElement(_core.Collapse, {
in: showDetails,
- exit: false
+ exit: false,
+ timeout: 300
}, /*#__PURE__*/_react.default.createElement("div", {
- className: "longDescription text-16-normal-150"
+ className: "longDescription text-16-normal-150 ".concat(showDetails ? 'expanded' : '')
}, ecogesture.longDescription))), /*#__PURE__*/_react.default.createElement("div", {
className: "buttons"
}, /*#__PURE__*/_react.default.createElement(_core.Button, {
diff --git a/index.html b/index.html
index fe478d868634af78bef9c06325c64da13c0fba88..338a3c8ed50d8d1b5b2292b4feee2a94d3bfdb76 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.e8036ce80af3e4d9351b.js"></script><script src="app/ecolyo.1d4835133bb66e8050f0.js"></script></div></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="{{.Locale}}"><head><meta charset="utf-8"><title>Ecolyo</title><link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"><link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"><!-- PWA Manifest --><link rel="manifest" href="/manifest.json" crossorigin="use-credentials"><link rel="mask-icon" href="/safari-pinned-tab.svg" color="#297EF2"><meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,viewport-fit=cover"><!-- PWA Chrome --><link rel="icon" sizes="192x192" href="/android-chrome-192x192.png"><link rel="icon" sizes="512x512" href="/android-chrome-512x512.png"><!-- PWA iOS --><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="apple-touch-startup-image" href="/apple-touch-icon.png"><meta name="apple-mobile-web-app-title" content="Ecolyo"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><!-- PWA Colors --><meta name="theme-color" content="#343641"><meta name="background-color" content="#121212">{{.ThemeCSS}} {{.CozyBar}}<script src="//{{.Domain}}/assets/js/piwik.js"></script></head><body><div role="application" class="application" data-cozy="{{.CozyData}}"><script src="vendors/ecolyo.e8036ce80af3e4d9351b.js"></script><script src="app/ecolyo.286d0e133d37df92cf0e.js"></script></div></body></html>
\ No newline at end of file