epfl-elements 4.9.2 → 5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/README.md +1 -1
  2. package/dist/components/content-types/study-plan/study-plan.yml +0 -2
  3. package/dist/css/elements.css +903 -3141
  4. package/dist/css/elements.min.css +1 -1
  5. package/dist/css/elements.min.css.map +1 -1
  6. package/dist/css/reader.css +33 -128
  7. package/dist/css/reader.min.css +1 -1
  8. package/dist/css/reader.min.css.map +1 -1
  9. package/dist/docs/contribute/support-and-request.html +7 -8
  10. package/dist/icons/icons.svg +1 -1
  11. package/dist/js/elements.js +1 -251
  12. package/dist/js/elements.min.js +1 -1
  13. package/dist/js/elements.min.js.LICENSE.txt +0 -2
  14. package/dist/js/elements.min.js.map +1 -1
  15. package/dist/js/reader.js +225 -215
  16. package/dist/js/reader.min.js +1 -1
  17. package/dist/js/reader.min.js.map +1 -1
  18. package/dist/package.json +12 -12
  19. package/package.json +12 -12
package/dist/js/reader.js CHANGED
@@ -6215,21 +6215,6 @@ $({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {
6215
6215
  });
6216
6216
 
6217
6217
 
6218
- /***/ }),
6219
-
6220
- /***/ 68304:
6221
- /***/ (function(__unused_webpack_module, __unused_webpack_exports, __webpack_require__) {
6222
-
6223
- var $ = __webpack_require__(82109);
6224
- var setPrototypeOf = __webpack_require__(27674);
6225
-
6226
- // `Object.setPrototypeOf` method
6227
- // https://tc39.es/ecma262/#sec-object.setprototypeof
6228
- $({ target: 'Object', stat: true }, {
6229
- setPrototypeOf: setPrototypeOf
6230
- });
6231
-
6232
-
6233
6218
  /***/ }),
6234
6219
 
6235
6220
  /***/ 41539:
@@ -7447,14 +7432,14 @@ for (var COLLECTION_NAME in DOMIterables) {
7447
7432
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
7448
7433
 
7449
7434
  "use strict";
7450
- /* harmony import */ var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(94015);
7451
- /* harmony import */ var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);
7435
+ /* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(87537);
7436
+ /* harmony import */ var _css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
7452
7437
  /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(23645);
7453
7438
  /* harmony import */ var _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
7454
7439
  // Imports
7455
7440
 
7456
7441
 
7457
- var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));
7442
+ var ___CSS_LOADER_EXPORT___ = _css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
7458
7443
  // Module
7459
7444
  ___CSS_LOADER_EXPORT___.push([module.id, ".rc-tooltip.rc-tooltip-zoom-appear,\n.rc-tooltip.rc-tooltip-zoom-enter {\n opacity: 0;\n}\n.rc-tooltip.rc-tooltip-zoom-enter,\n.rc-tooltip.rc-tooltip-zoom-leave {\n display: block;\n}\n.rc-tooltip-zoom-enter,\n.rc-tooltip-zoom-appear {\n opacity: 0;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,\n.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {\n animation-name: rcToolTipZoomIn;\n animation-play-state: running;\n}\n.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {\n animation-name: rcToolTipZoomOut;\n animation-play-state: running;\n}\n@keyframes rcToolTipZoomIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n 100% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n}\n@keyframes rcToolTipZoomOut {\n 0% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n}\n.rc-tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n visibility: visible;\n font-size: 12px;\n line-height: 1.5;\n opacity: 0.9;\n}\n.rc-tooltip-hidden {\n display: none;\n}\n.rc-tooltip-placement-top,\n.rc-tooltip-placement-topLeft,\n.rc-tooltip-placement-topRight {\n padding: 5px 0 9px 0;\n}\n.rc-tooltip-placement-right,\n.rc-tooltip-placement-rightTop,\n.rc-tooltip-placement-rightBottom {\n padding: 0 5px 0 9px;\n}\n.rc-tooltip-placement-bottom,\n.rc-tooltip-placement-bottomLeft,\n.rc-tooltip-placement-bottomRight {\n padding: 9px 0 5px 0;\n}\n.rc-tooltip-placement-left,\n.rc-tooltip-placement-leftTop,\n.rc-tooltip-placement-leftBottom {\n padding: 0 9px 0 5px;\n}\n.rc-tooltip-inner {\n padding: 8px 10px;\n color: #fff;\n text-align: left;\n text-decoration: none;\n background-color: #373737;\n border-radius: 6px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n min-height: 34px;\n}\n.rc-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow,\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n bottom: 4px;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #373737;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n right: 15%;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow,\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow,\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n left: 4px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #373737;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow,\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow,\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n right: 4px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #373737;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n top: 4px;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #373737;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n right: 15%;\n}\n", "",{"version":3,"sources":["webpack://./node_modules/rc-tooltip/assets/bootstrap.css"],"names":[],"mappings":"AAAA;;EAEE,UAAU;AACZ;AACA;;EAEE,cAAc;AAChB;AACA;;EAEE,UAAU;EACV,wBAAwB;EACxB,yBAAyB;EACzB,+DAA+D;EAC/D,4BAA4B;AAC9B;AACA;EACE,wBAAwB;EACxB,yBAAyB;EACzB,8DAA8D;EAC9D,4BAA4B;AAC9B;AACA;;EAEE,+BAA+B;EAC/B,6BAA6B;AAC/B;AACA;EACE,gCAAgC;EAChC,6BAA6B;AAC/B;AACA;EACE;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;EACA;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;AACF;AACA;EACE;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;EACA;IACE,UAAU;IACV,yBAAyB;IACzB,sBAAsB;EACxB;AACF;AACA;EACE,kBAAkB;EAClB,aAAa;EACb,cAAc;EACd,mBAAmB;EACnB,eAAe;EACf,gBAAgB;EAChB,YAAY;AACd;AACA;EACE,aAAa;AACf;AACA;;;EAGE,oBAAoB;AACtB;AACA;;;EAGE,oBAAoB;AACtB;AACA;;;EAGE,oBAAoB;AACtB;AACA;;;EAGE,oBAAoB;AACtB;AACA;EACE,iBAAiB;EACjB,WAAW;EACX,gBAAgB;EAChB,qBAAqB;EACrB,yBAAyB;EACzB,kBAAkB;EAClB,uCAAuC;EACvC,gBAAgB;AAClB;AACA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,yBAAyB;EACzB,mBAAmB;AACrB;AACA;;;EAGE,WAAW;EACX,iBAAiB;EACjB,uBAAuB;EACvB,yBAAyB;AAC3B;AACA;EACE,SAAS;AACX;AACA;EACE,SAAS;AACX;AACA;EACE,UAAU;AACZ;AACA;;;EAGE,SAAS;EACT,gBAAgB;EAChB,2BAA2B;EAC3B,2BAA2B;AAC7B;AACA;EACE,QAAQ;AACV;AACA;EACE,QAAQ;EACR,aAAa;AACf;AACA;EACE,WAAW;AACb;AACA;;;EAGE,UAAU;EACV,gBAAgB;EAChB,2BAA2B;EAC3B,0BAA0B;AAC5B;AACA;EACE,QAAQ;AACV;AACA;EACE,QAAQ;EACR,aAAa;AACf;AACA;EACE,WAAW;AACb;AACA;;;EAGE,QAAQ;EACR,iBAAiB;EACjB,uBAAuB;EACvB,4BAA4B;AAC9B;AACA;EACE,SAAS;AACX;AACA;EACE,SAAS;AACX;AACA;EACE,UAAU;AACZ","sourcesContent":[".rc-tooltip.rc-tooltip-zoom-appear,\n.rc-tooltip.rc-tooltip-zoom-enter {\n opacity: 0;\n}\n.rc-tooltip.rc-tooltip-zoom-enter,\n.rc-tooltip.rc-tooltip-zoom-leave {\n display: block;\n}\n.rc-tooltip-zoom-enter,\n.rc-tooltip-zoom-appear {\n opacity: 0;\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1.28);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n animation-timing-function: cubic-bezier(0.6, -0.3, 0.74, 0.05);\n animation-play-state: paused;\n}\n.rc-tooltip-zoom-enter.rc-tooltip-zoom-enter-active,\n.rc-tooltip-zoom-appear.rc-tooltip-zoom-appear-active {\n animation-name: rcToolTipZoomIn;\n animation-play-state: running;\n}\n.rc-tooltip-zoom-leave.rc-tooltip-zoom-leave-active {\n animation-name: rcToolTipZoomOut;\n animation-play-state: running;\n}\n@keyframes rcToolTipZoomIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n 100% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n}\n@keyframes rcToolTipZoomOut {\n 0% {\n opacity: 1;\n transform-origin: 50% 50%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 50%;\n transform: scale(0, 0);\n }\n}\n.rc-tooltip {\n position: absolute;\n z-index: 1070;\n display: block;\n visibility: visible;\n font-size: 12px;\n line-height: 1.5;\n opacity: 0.9;\n}\n.rc-tooltip-hidden {\n display: none;\n}\n.rc-tooltip-placement-top,\n.rc-tooltip-placement-topLeft,\n.rc-tooltip-placement-topRight {\n padding: 5px 0 9px 0;\n}\n.rc-tooltip-placement-right,\n.rc-tooltip-placement-rightTop,\n.rc-tooltip-placement-rightBottom {\n padding: 0 5px 0 9px;\n}\n.rc-tooltip-placement-bottom,\n.rc-tooltip-placement-bottomLeft,\n.rc-tooltip-placement-bottomRight {\n padding: 9px 0 5px 0;\n}\n.rc-tooltip-placement-left,\n.rc-tooltip-placement-leftTop,\n.rc-tooltip-placement-leftBottom {\n padding: 0 9px 0 5px;\n}\n.rc-tooltip-inner {\n padding: 8px 10px;\n color: #fff;\n text-align: left;\n text-decoration: none;\n background-color: #373737;\n border-radius: 6px;\n box-shadow: 0 0 4px rgba(0, 0, 0, 0.17);\n min-height: 34px;\n}\n.rc-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow,\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n bottom: 4px;\n margin-left: -5px;\n border-width: 5px 5px 0;\n border-top-color: #373737;\n}\n.rc-tooltip-placement-top .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-topLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-topRight .rc-tooltip-arrow {\n right: 15%;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow,\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow,\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n left: 4px;\n margin-top: -5px;\n border-width: 5px 5px 5px 0;\n border-right-color: #373737;\n}\n.rc-tooltip-placement-right .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-rightTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-rightBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow,\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow,\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n right: 4px;\n margin-top: -5px;\n border-width: 5px 0 5px 5px;\n border-left-color: #373737;\n}\n.rc-tooltip-placement-left .rc-tooltip-arrow {\n top: 50%;\n}\n.rc-tooltip-placement-leftTop .rc-tooltip-arrow {\n top: 15%;\n margin-top: 0;\n}\n.rc-tooltip-placement-leftBottom .rc-tooltip-arrow {\n bottom: 15%;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow,\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n top: 4px;\n margin-left: -5px;\n border-width: 0 5px 5px;\n border-bottom-color: #373737;\n}\n.rc-tooltip-placement-bottom .rc-tooltip-arrow {\n left: 50%;\n}\n.rc-tooltip-placement-bottomLeft .rc-tooltip-arrow {\n left: 15%;\n}\n.rc-tooltip-placement-bottomRight .rc-tooltip-arrow {\n right: 15%;\n}\n"],"sourceRoot":""}]);
7460
7445
  // Exports
@@ -7473,103 +7458,106 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".rc-tooltip.rc-tooltip-zoom-appear,\n.
7473
7458
  MIT License http://www.opensource.org/licenses/mit-license.php
7474
7459
  Author Tobias Koppers @sokra
7475
7460
  */
7476
- // css base code, injected by the css-loader
7477
- // eslint-disable-next-line func-names
7478
7461
  module.exports = function (cssWithMappingToString) {
7479
- var list = []; // return the list of modules as css string
7462
+ var list = [];
7480
7463
 
7464
+ // return the list of modules as css string
7481
7465
  list.toString = function toString() {
7482
7466
  return this.map(function (item) {
7483
- var content = cssWithMappingToString(item);
7484
-
7467
+ var content = "";
7468
+ var needLayer = typeof item[5] !== "undefined";
7469
+ if (item[4]) {
7470
+ content += "@supports (".concat(item[4], ") {");
7471
+ }
7485
7472
  if (item[2]) {
7486
- return "@media ".concat(item[2], " {").concat(content, "}");
7473
+ content += "@media ".concat(item[2], " {");
7474
+ }
7475
+ if (needLayer) {
7476
+ content += "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {");
7477
+ }
7478
+ content += cssWithMappingToString(item);
7479
+ if (needLayer) {
7480
+ content += "}";
7481
+ }
7482
+ if (item[2]) {
7483
+ content += "}";
7484
+ }
7485
+ if (item[4]) {
7486
+ content += "}";
7487
7487
  }
7488
-
7489
7488
  return content;
7490
7489
  }).join("");
7491
- }; // import a list of modules into the list
7492
- // eslint-disable-next-line func-names
7493
-
7490
+ };
7494
7491
 
7495
- list.i = function (modules, mediaQuery, dedupe) {
7492
+ // import a list of modules into the list
7493
+ list.i = function i(modules, media, dedupe, supports, layer) {
7496
7494
  if (typeof modules === "string") {
7497
- // eslint-disable-next-line no-param-reassign
7498
- modules = [[null, modules, ""]];
7495
+ modules = [[null, modules, undefined]];
7499
7496
  }
7500
-
7501
7497
  var alreadyImportedModules = {};
7502
-
7503
7498
  if (dedupe) {
7504
- for (var i = 0; i < this.length; i++) {
7505
- // eslint-disable-next-line prefer-destructuring
7506
- var id = this[i][0];
7507
-
7499
+ for (var k = 0; k < this.length; k++) {
7500
+ var id = this[k][0];
7508
7501
  if (id != null) {
7509
7502
  alreadyImportedModules[id] = true;
7510
7503
  }
7511
7504
  }
7512
7505
  }
7513
-
7514
- for (var _i = 0; _i < modules.length; _i++) {
7515
- var item = [].concat(modules[_i]);
7516
-
7506
+ for (var _k = 0; _k < modules.length; _k++) {
7507
+ var item = [].concat(modules[_k]);
7517
7508
  if (dedupe && alreadyImportedModules[item[0]]) {
7518
- // eslint-disable-next-line no-continue
7519
7509
  continue;
7520
7510
  }
7521
-
7522
- if (mediaQuery) {
7511
+ if (typeof layer !== "undefined") {
7512
+ if (typeof item[5] === "undefined") {
7513
+ item[5] = layer;
7514
+ } else {
7515
+ item[1] = "@layer".concat(item[5].length > 0 ? " ".concat(item[5]) : "", " {").concat(item[1], "}");
7516
+ item[5] = layer;
7517
+ }
7518
+ }
7519
+ if (media) {
7523
7520
  if (!item[2]) {
7524
- item[2] = mediaQuery;
7521
+ item[2] = media;
7525
7522
  } else {
7526
- item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
7523
+ item[1] = "@media ".concat(item[2], " {").concat(item[1], "}");
7524
+ item[2] = media;
7525
+ }
7526
+ }
7527
+ if (supports) {
7528
+ if (!item[4]) {
7529
+ item[4] = "".concat(supports);
7530
+ } else {
7531
+ item[1] = "@supports (".concat(item[4], ") {").concat(item[1], "}");
7532
+ item[4] = supports;
7527
7533
  }
7528
7534
  }
7529
-
7530
7535
  list.push(item);
7531
7536
  }
7532
7537
  };
7533
-
7534
7538
  return list;
7535
7539
  };
7536
7540
 
7537
7541
  /***/ }),
7538
7542
 
7539
- /***/ 94015:
7543
+ /***/ 87537:
7540
7544
  /***/ (function(module) {
7541
7545
 
7542
7546
  "use strict";
7543
7547
 
7544
7548
 
7545
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
7546
-
7547
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
7548
-
7549
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
7550
-
7551
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
7552
-
7553
- function _iterableToArrayLimit(arr, i) { var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]); if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
7554
-
7555
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
7556
-
7557
- module.exports = function cssWithMappingToString(item) {
7558
- var _item = _slicedToArray(item, 4),
7559
- content = _item[1],
7560
- cssMapping = _item[3];
7561
-
7549
+ module.exports = function (item) {
7550
+ var content = item[1];
7551
+ var cssMapping = item[3];
7552
+ if (!cssMapping) {
7553
+ return content;
7554
+ }
7562
7555
  if (typeof btoa === "function") {
7563
- // eslint-disable-next-line no-undef
7564
7556
  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));
7565
7557
  var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
7566
7558
  var sourceMapping = "/*# ".concat(data, " */");
7567
- var sourceURLs = cssMapping.sources.map(function (source) {
7568
- return "/*# sourceURL=".concat(cssMapping.sourceRoot || "").concat(source, " */");
7569
- });
7570
- return [content].concat(sourceURLs).concat([sourceMapping]).join("\n");
7559
+ return [content].concat([sourceMapping]).join("\n");
7571
7560
  }
7572
-
7573
7561
  return [content].join("\n");
7574
7562
  };
7575
7563
 
@@ -49631,40 +49619,6 @@ function stringify(values) {
49631
49619
  }
49632
49620
 
49633
49621
 
49634
- /***/ }),
49635
-
49636
- /***/ 20695:
49637
- /***/ (function(module) {
49638
-
49639
- "use strict";
49640
-
49641
-
49642
- var memo = {};
49643
- /* istanbul ignore next */
49644
-
49645
- function getTarget(target) {
49646
- if (typeof memo[target] === "undefined") {
49647
- var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
49648
-
49649
- if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
49650
- try {
49651
- // This will throw an exception if access to iframe is blocked
49652
- // due to cross-origin restrictions
49653
- styleTarget = styleTarget.contentDocument.head;
49654
- } catch (e) {
49655
- // istanbul ignore next
49656
- styleTarget = null;
49657
- }
49658
- }
49659
-
49660
- memo[target] = styleTarget;
49661
- }
49662
-
49663
- return memo[target];
49664
- }
49665
-
49666
- module.exports = getTarget;
49667
-
49668
49622
  /***/ }),
49669
49623
 
49670
49624
  /***/ 93379:
@@ -49673,104 +49627,132 @@ module.exports = getTarget;
49673
49627
  "use strict";
49674
49628
 
49675
49629
 
49676
- var stylesInDom = [];
49677
-
49630
+ var stylesInDOM = [];
49678
49631
  function getIndexByIdentifier(identifier) {
49679
49632
  var result = -1;
49680
-
49681
- for (var i = 0; i < stylesInDom.length; i++) {
49682
- if (stylesInDom[i].identifier === identifier) {
49633
+ for (var i = 0; i < stylesInDOM.length; i++) {
49634
+ if (stylesInDOM[i].identifier === identifier) {
49683
49635
  result = i;
49684
49636
  break;
49685
49637
  }
49686
49638
  }
49687
-
49688
49639
  return result;
49689
49640
  }
49690
-
49691
49641
  function modulesToDom(list, options) {
49692
49642
  var idCountMap = {};
49693
49643
  var identifiers = [];
49694
-
49695
49644
  for (var i = 0; i < list.length; i++) {
49696
49645
  var item = list[i];
49697
49646
  var id = options.base ? item[0] + options.base : item[0];
49698
49647
  var count = idCountMap[id] || 0;
49699
49648
  var identifier = "".concat(id, " ").concat(count);
49700
49649
  idCountMap[id] = count + 1;
49701
- var index = getIndexByIdentifier(identifier);
49650
+ var indexByIdentifier = getIndexByIdentifier(identifier);
49702
49651
  var obj = {
49703
49652
  css: item[1],
49704
49653
  media: item[2],
49705
- sourceMap: item[3]
49654
+ sourceMap: item[3],
49655
+ supports: item[4],
49656
+ layer: item[5]
49706
49657
  };
49707
-
49708
- if (index !== -1) {
49709
- stylesInDom[index].references++;
49710
- stylesInDom[index].updater(obj);
49658
+ if (indexByIdentifier !== -1) {
49659
+ stylesInDOM[indexByIdentifier].references++;
49660
+ stylesInDOM[indexByIdentifier].updater(obj);
49711
49661
  } else {
49712
- stylesInDom.push({
49662
+ var updater = addElementStyle(obj, options);
49663
+ options.byIndex = i;
49664
+ stylesInDOM.splice(i, 0, {
49713
49665
  identifier: identifier,
49714
- updater: addStyle(obj, options),
49666
+ updater: updater,
49715
49667
  references: 1
49716
49668
  });
49717
49669
  }
49718
-
49719
49670
  identifiers.push(identifier);
49720
49671
  }
49721
-
49722
49672
  return identifiers;
49723
49673
  }
49724
-
49725
- function addStyle(obj, options) {
49674
+ function addElementStyle(obj, options) {
49726
49675
  var api = options.domAPI(options);
49727
49676
  api.update(obj);
49728
- return function updateStyle(newObj) {
49677
+ var updater = function updater(newObj) {
49729
49678
  if (newObj) {
49730
- if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
49679
+ if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {
49731
49680
  return;
49732
49681
  }
49733
-
49734
49682
  api.update(obj = newObj);
49735
49683
  } else {
49736
49684
  api.remove();
49737
49685
  }
49738
49686
  };
49687
+ return updater;
49739
49688
  }
49740
-
49741
49689
  module.exports = function (list, options) {
49742
49690
  options = options || {};
49743
49691
  list = list || [];
49744
49692
  var lastIdentifiers = modulesToDom(list, options);
49745
49693
  return function update(newList) {
49746
49694
  newList = newList || [];
49747
-
49748
49695
  for (var i = 0; i < lastIdentifiers.length; i++) {
49749
49696
  var identifier = lastIdentifiers[i];
49750
49697
  var index = getIndexByIdentifier(identifier);
49751
- stylesInDom[index].references--;
49698
+ stylesInDOM[index].references--;
49752
49699
  }
49753
-
49754
49700
  var newLastIdentifiers = modulesToDom(newList, options);
49755
-
49756
49701
  for (var _i = 0; _i < lastIdentifiers.length; _i++) {
49757
49702
  var _identifier = lastIdentifiers[_i];
49758
-
49759
49703
  var _index = getIndexByIdentifier(_identifier);
49760
-
49761
- if (stylesInDom[_index].references === 0) {
49762
- stylesInDom[_index].updater();
49763
-
49764
- stylesInDom.splice(_index, 1);
49704
+ if (stylesInDOM[_index].references === 0) {
49705
+ stylesInDOM[_index].updater();
49706
+ stylesInDOM.splice(_index, 1);
49765
49707
  }
49766
49708
  }
49767
-
49768
49709
  lastIdentifiers = newLastIdentifiers;
49769
49710
  };
49770
49711
  };
49771
49712
 
49772
49713
  /***/ }),
49773
49714
 
49715
+ /***/ 90569:
49716
+ /***/ (function(module) {
49717
+
49718
+ "use strict";
49719
+
49720
+
49721
+ var memo = {};
49722
+
49723
+ /* istanbul ignore next */
49724
+ function getTarget(target) {
49725
+ if (typeof memo[target] === "undefined") {
49726
+ var styleTarget = document.querySelector(target);
49727
+
49728
+ // Special case to return head of iframe instead of iframe itself
49729
+ if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
49730
+ try {
49731
+ // This will throw an exception if access to iframe is blocked
49732
+ // due to cross-origin restrictions
49733
+ styleTarget = styleTarget.contentDocument.head;
49734
+ } catch (e) {
49735
+ // istanbul ignore next
49736
+ styleTarget = null;
49737
+ }
49738
+ }
49739
+ memo[target] = styleTarget;
49740
+ }
49741
+ return memo[target];
49742
+ }
49743
+
49744
+ /* istanbul ignore next */
49745
+ function insertBySelector(insert, style) {
49746
+ var target = getTarget(insert);
49747
+ if (!target) {
49748
+ throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
49749
+ }
49750
+ target.appendChild(style);
49751
+ }
49752
+ module.exports = insertBySelector;
49753
+
49754
+ /***/ }),
49755
+
49774
49756
  /***/ 19216:
49775
49757
  /***/ (function(module) {
49776
49758
 
@@ -49779,16 +49761,32 @@ module.exports = function (list, options) {
49779
49761
 
49780
49762
  /* istanbul ignore next */
49781
49763
  function insertStyleElement(options) {
49782
- var style = document.createElement("style");
49783
- options.setAttributes(style, options.attributes);
49784
- options.insert(style);
49785
- return style;
49764
+ var element = document.createElement("style");
49765
+ options.setAttributes(element, options.attributes);
49766
+ options.insert(element, options.options);
49767
+ return element;
49786
49768
  }
49787
-
49788
49769
  module.exports = insertStyleElement;
49789
49770
 
49790
49771
  /***/ }),
49791
49772
 
49773
+ /***/ 3565:
49774
+ /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
49775
+
49776
+ "use strict";
49777
+
49778
+
49779
+ /* istanbul ignore next */
49780
+ function setAttributesWithoutAttributes(styleElement) {
49781
+ var nonce = true ? __webpack_require__.nc : 0;
49782
+ if (nonce) {
49783
+ styleElement.setAttribute("nonce", nonce);
49784
+ }
49785
+ }
49786
+ module.exports = setAttributesWithoutAttributes;
49787
+
49788
+ /***/ }),
49789
+
49792
49790
  /***/ 7795:
49793
49791
  /***/ (function(module) {
49794
49792
 
@@ -49796,54 +49794,88 @@ module.exports = insertStyleElement;
49796
49794
 
49797
49795
 
49798
49796
  /* istanbul ignore next */
49799
- function apply(style, options, obj) {
49800
- var css = obj.css;
49801
- var media = obj.media;
49802
- var sourceMap = obj.sourceMap;
49803
-
49804
- if (media) {
49805
- style.setAttribute("media", media);
49806
- } else {
49807
- style.removeAttribute("media");
49797
+ function apply(styleElement, options, obj) {
49798
+ var css = "";
49799
+ if (obj.supports) {
49800
+ css += "@supports (".concat(obj.supports, ") {");
49808
49801
  }
49809
-
49802
+ if (obj.media) {
49803
+ css += "@media ".concat(obj.media, " {");
49804
+ }
49805
+ var needLayer = typeof obj.layer !== "undefined";
49806
+ if (needLayer) {
49807
+ css += "@layer".concat(obj.layer.length > 0 ? " ".concat(obj.layer) : "", " {");
49808
+ }
49809
+ css += obj.css;
49810
+ if (needLayer) {
49811
+ css += "}";
49812
+ }
49813
+ if (obj.media) {
49814
+ css += "}";
49815
+ }
49816
+ if (obj.supports) {
49817
+ css += "}";
49818
+ }
49819
+ var sourceMap = obj.sourceMap;
49810
49820
  if (sourceMap && typeof btoa !== "undefined") {
49811
49821
  css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
49812
- } // For old IE
49822
+ }
49813
49823
 
49824
+ // For old IE
49814
49825
  /* istanbul ignore if */
49815
-
49816
-
49817
- options.styleTagTransform(css, style);
49826
+ options.styleTagTransform(css, styleElement, options.options);
49818
49827
  }
49819
-
49820
- function removeStyleElement(style) {
49828
+ function removeStyleElement(styleElement) {
49821
49829
  // istanbul ignore if
49822
- if (style.parentNode === null) {
49830
+ if (styleElement.parentNode === null) {
49823
49831
  return false;
49824
49832
  }
49825
-
49826
- style.parentNode.removeChild(style);
49833
+ styleElement.parentNode.removeChild(styleElement);
49827
49834
  }
49828
- /* istanbul ignore next */
49829
-
49830
49835
 
49836
+ /* istanbul ignore next */
49831
49837
  function domAPI(options) {
49832
- var style = options.insertStyleElement(options);
49838
+ if (typeof document === "undefined") {
49839
+ return {
49840
+ update: function update() {},
49841
+ remove: function remove() {}
49842
+ };
49843
+ }
49844
+ var styleElement = options.insertStyleElement(options);
49833
49845
  return {
49834
49846
  update: function update(obj) {
49835
- apply(style, options, obj);
49847
+ apply(styleElement, options, obj);
49836
49848
  },
49837
49849
  remove: function remove() {
49838
- removeStyleElement(style);
49850
+ removeStyleElement(styleElement);
49839
49851
  }
49840
49852
  };
49841
49853
  }
49842
-
49843
49854
  module.exports = domAPI;
49844
49855
 
49845
49856
  /***/ }),
49846
49857
 
49858
+ /***/ 44589:
49859
+ /***/ (function(module) {
49860
+
49861
+ "use strict";
49862
+
49863
+
49864
+ /* istanbul ignore next */
49865
+ function styleTagTransform(css, styleElement) {
49866
+ if (styleElement.styleSheet) {
49867
+ styleElement.styleSheet.cssText = css;
49868
+ } else {
49869
+ while (styleElement.firstChild) {
49870
+ styleElement.removeChild(styleElement.firstChild);
49871
+ }
49872
+ styleElement.appendChild(document.createTextNode(css));
49873
+ }
49874
+ }
49875
+ module.exports = styleTagTransform;
49876
+
49877
+ /***/ }),
49878
+
49847
49879
  /***/ 57848:
49848
49880
  /***/ (function(module, __unused_webpack_exports, __webpack_require__) {
49849
49881
 
@@ -51737,7 +51769,7 @@ module.exports = "# Contribute to Elements\n\n## How to install\nRefer to our re
51737
51769
  /***/ (function(module) {
51738
51770
 
51739
51771
  "use strict";
51740
- module.exports = "<div class=\"container-grid\">\n\n <h1 class=\"mt-3\">Support & request</h1>\n\n <p class=\"mt-3\">\n The EPFL’s styleguide team is committed to maintaining quality documentation of its design system. We are welcoming any feedback given on bugs, designs issues or new ideas. You can find all the <a href=\"#/doc/contribute--index.md\" alt=\"Link to learn about contributing to this styleguide\">information about contribution</a> in the dedicated page.\n <br>\n <br>\n Elements is maintained by <a href=\"https://mediacom.epfl.ch/\"><b>Mediacom</b></a>. All requests are sent there, then dispatched to the appropriate people.\n </p>\n\n <div class=\"mt-3\">\n <div class=\"introduction bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-10 offset-md-1 text-center\">\n <h2>Requests</h2>\n <p>\n You have questions about Elements?\n <br/>Please contact <strong><a href=\"https://support.epfl.ch/epfl\" alt=\"Link to send an email to the support team\">Support</a></strong> or <strong><a href=\"https://github.com/epfl-si/elements/issues/new\" alt=\"Link to GitHub for opening an issue\">open an issue</a></strong> in GitHub.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h1 class=\"mt-5\">FAQ</h1>\n <p>\n We regrouped here the most common questions we get about Elements. If you have some more, please reach out!\n </p>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n >\n How can I contribute or suggest new components/ideas?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>\n First of all, <b>thank you very much</b> for reading these lines. We really appreciate your interest into contributing to elements!\n </p>\n <p>\n For all specific informations concerning contributions, please visit the <a href=\"#/doc/contribute--index.md\">dedicated page</a> we built about this topic, just for you.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Which browser versions are supported?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>\n Elements is supporting the following browsers and versions:\n <ul>\n <li>Chrome 63, 64+</li>\n <li>Chrome for Android 64+</li>\n <li>Firefox 57, 58+</li>\n <li>Safari 10.1, 11+</li>\n <li>Safari iOS 10.3, 11+</li>\n <li>Internet Explorer 11</li>\n <li>Edge 15, 16+</li>\n <li>Opera 49, 50+</li>\n </ul>\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Why hasn't my bug been fixed yet?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>\n If you have a pressing bug, it is best to make a Pull Request (PR) on <a href=\"https://github.com/epfl-si/elements\">the github repository</a> containing your suggestion of resolution for this bug. Our team will try to address your bug as soon as possible. Issues that are out of scope will be commented and closed until it becomes a higher priority. Thank you for your understanding.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-4\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-4\"\n >\n Why is it only HTML/CSS/JS?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-4\">\n <p>\n The styleguide is Web first. We provide a CMS-agnostic or technology-agnostic design documentation. That's why you will only find components that match web standards. That doesn't mean you can't document your own project. We'll be happy to reference your work from other platforms here! Reach out to us.</p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-5\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-5\"\n >\n What is the meaning of 42?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-5\">\n <p>\n The number 42 is, in The Hitchhiker's Guide to the Galaxy by Douglas Adams, the \"Answer to the Ultimate Question of Life, the Universe, and Everything\", calculated by an enormous supercomputer named Deep Thought over a period of 7.5 million years. Unfortunately, no one knows what the question is.\n <br>\n <strong>More information on <a href=\"https://en.wikipedia.org/wiki/42_(number)#The_Hitchhiker's_Guide_to_the_Galaxy\" target=\"_blank\">Wikipedia</a></strong></p>\n </div>\n\n <hr>\n\n <figcaption>© EPFL 2018-2022 — Mediacom</figcaption>\n\n</div>\n";
51772
+ module.exports = "<div class=\"container-grid\">\n\n <h1 class=\"mt-3\">Support & request</h1>\n\n <p class=\"mt-3\">\n The EPFL’s styleguide team is committed to maintaining quality documentation of its design system. We are welcoming any feedback given on bugs, designs issues or new ideas. You can find all the <a href=\"#/doc/contribute--index.md\" alt=\"Link to learn about contributing to this styleguide\">information about contribution</a> in the dedicated page.\n <br>\n <br>\n Elements is maintained by <a href=\"https://mediacom.epfl.ch/\"><b>Mediacom</b></a>. All requests are sent there, then dispatched to the appropriate people.\n </p>\n\n <div class=\"mt-3\">\n <div class=\"introduction bg-gray-100\">\n <div class=\"container\">\n <div class=\"row\">\n <div class=\"col-md-10 offset-md-1 text-center\">\n <h2>Requests</h2>\n <p>\n You have questions about Elements?\n <br/>Please contact <strong><a href=\"https://support.epfl.ch/epfl\" alt=\"Link to send an email to the support team\">Support</a></strong> or <strong><a href=\"https://github.com/epfl-si/elements/issues/new\" alt=\"Link to GitHub for opening an issue\">open an issue</a></strong> in GitHub.\n </p>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <h1 class=\"mt-5\">FAQ</h1>\n <p>\n We regrouped here the most common questions we get about Elements. If you have some more, please reach out!\n </p>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-1\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-1\"\n >\n How can I contribute or suggest new components/ideas?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-1\">\n <p>\n First of all, <b>thank you very much</b> for reading these lines. We really appreciate your interest into contributing to elements!\n </p>\n <p>\n For all specific informations concerning contributions, please visit the <a href=\"#/doc/contribute--index.md\">dedicated page</a> we built about this topic, just for you.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-2\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-2\"\n >\n Which browser versions are supported?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-2\">\n <p>\n Elements is supporting the following browsers and versions:\n <ul>\n <li>Chrome 123, 124+</li>\n <li>Chrome for Android 123, 124+</li>\n <li>Firefox 125, 126+</li>\n <li>Safari 17.4, 17.5+</li>\n <li>Safari iOS 16.6, 16.7+</li>\n <li>Edge 124, 125+</li>\n <li>Opera 109, 110+</li>\n </ul>\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-3\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-3\"\n >\n Why hasn't my bug been fixed yet?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-3\">\n <p>\n If you have a pressing bug, it is best to make a Pull Request (PR) on <a href=\"https://github.com/epfl-si/elements\">the github repository</a> containing your suggestion of resolution for this bug. Our team will try to address your bug as soon as possible. Issues that are out of scope will be commented and closed until it becomes a higher priority. Thank you for your understanding.\n </p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-4\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-4\"\n >\n Why is it only HTML/CSS/JS?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-4\">\n <p>\n The styleguide is Web first. We provide a CMS-agnostic or technology-agnostic design documentation. That's why you will only find components that match web standards. That doesn't mean you can't document your own project. We'll be happy to reference your work from other platforms here! Reach out to us.</p>\n </div>\n <button\n class=\"collapse-title collapse-title-desktop collapsed\"\n type=\"button\"\n data-toggle=\"collapse\"\n data-target=\"#collapse-5\"\n aria-expanded=\"false\"\n aria-controls=\"collapse-5\"\n >\n What is the meaning of 42?\n </button>\n <div class=\"collapse collapse-item collapse-item-desktop\" id=\"collapse-5\">\n <p>\n The number 42 is, in The Hitchhiker's Guide to the Galaxy by Douglas Adams, the \"Answer to the Ultimate Question of Life, the Universe, and Everything\", calculated by an enormous supercomputer named Deep Thought over a period of 7.5 million years. Unfortunately, no one knows what the question is.\n <br>\n <strong>More information on <a href=\"https://en.wikipedia.org/wiki/42_(number)#The_Hitchhiker's_Guide_to_the_Galaxy\" target=\"_blank\">Wikipedia</a></strong></p>\n </div>\n\n <hr>\n\n <figcaption>© EPFL 2018-2022 — Mediacom</figcaption>\n\n</div>\n";
51741
51773
 
51742
51774
  /***/ }),
51743
51775
 
@@ -51985,7 +52017,7 @@ module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <t
51985
52017
  /***/ (function(module) {
51986
52018
 
51987
52019
  "use strict";
51988
- module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-accessibility\"></use></svg>\n</td>\n <td><code>#icon-accessibility</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n</td>\n <td><code>#icon-arrow-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n</td>\n <td><code>#icon-arrow-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-browse\"></use></svg>\n</td>\n <td><code>#icon-browse</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-elements\"></use></svg>\n</td>\n <td><code>#icon-elements</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-alumni\"></use></svg>\n</td>\n <td><code>#icon-epfl-alumni</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-anti-gaspillage\"></use></svg>\n</td>\n <td><code>#icon-epfl-anti-gaspillage</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-apprendre\"></use></svg>\n</td>\n <td><code>#icon-epfl-apprendre</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-artlab\"></use></svg>\n</td>\n <td><code>#icon-epfl-artlab</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-bancomat\"></use></svg>\n</td>\n <td><code>#icon-epfl-bancomat</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-cafe\"></use></svg>\n</td>\n <td><code>#icon-epfl-cafe</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-cdh\"></use></svg>\n</td>\n <td><code>#icon-epfl-cdh</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-cdm\"></use></svg>\n</td>\n <td><code>#icon-epfl-cdm</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-centre-medical\"></use></svg>\n</td>\n <td><code>#icon-epfl-centre-medical</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-chercheur\"></use></svg>\n</td>\n <td><code>#icon-epfl-chercheur</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-coiffeur\"></use></svg>\n</td>\n <td><code>#icon-epfl-coiffeur</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-collaboration\"></use></svg>\n</td>\n <td><code>#icon-epfl-collaboration</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-community\"></use></svg>\n</td>\n <td><code>#icon-epfl-community</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-distance\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-distance</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-lavermain\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-lavermain</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-maison\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-maison</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-masque\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-masque</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-poignee\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-poignee</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona-tousser\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona-tousser</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corona\"></use></svg>\n</td>\n <td><code>#icon-epfl-corona</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture1\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture2\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-desaison\"></use></svg>\n</td>\n <td><code>#icon-epfl-desaison</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-digital-trust\"></use></svg>\n</td>\n <td><code>#icon-epfl-digital-trust</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-durabilite\"></use></svg>\n</td>\n <td><code>#icon-epfl-durabilite</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-egalitechance-rouge\"></use></svg>\n</td>\n <td><code>#icon-epfl-egalitechance-rouge</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-einstein\"></use></svg>\n</td>\n <td><code>#icon-epfl-einstein</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-enac\"></use></svg>\n</td>\n <td><code>#icon-epfl-enac</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-graph-search\"></use></svg>\n</td>\n <td><code>#icon-epfl-graph-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-grants\"></use></svg>\n</td>\n <td><code>#icon-epfl-grants</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-hotel\"></use></svg>\n</td>\n <td><code>#icon-epfl-hotel</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-ic\"></use></svg>\n</td>\n <td><code>#icon-epfl-ic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-innovation-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-innovation-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-innovation-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-innovation-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-innovation-park\"></use></svg>\n</td>\n <td><code>#icon-epfl-innovation-park</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-laboratoire-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-laboratoire-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-laboratoire-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-laboratoire-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-local\"></use></svg>\n</td>\n <td><code>#icon-epfl-local</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-metro\"></use></svg>\n</td>\n <td><code>#icon-epfl-metro</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-offre-vegetarienne\"></use></svg>\n</td>\n <td><code>#icon-epfl-offre-vegetarienne</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-parking\"></use></svg>\n</td>\n <td><code>#icon-epfl-parking</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-pharmacie\"></use></svg>\n</td>\n <td><code>#icon-epfl-pharmacie</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-recherche\"></use></svg>\n</td>\n <td><code>#icon-epfl-recherche</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-responsable-nutrition\"></use></svg>\n</td>\n <td><code>#icon-epfl-responsable-nutrition</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-rlc\"></use></svg>\n</td>\n <td><code>#icon-epfl-rlc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sain\"></use></svg>\n</td>\n <td><code>#icon-epfl-sain</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-automne\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-automne</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-ete\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-ete</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-hiver\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-hiver</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-saison-printemps\"></use></svg>\n</td>\n <td><code>#icon-epfl-saison-printemps</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-satellite-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-satellite-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-satellite-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-satellite-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sb\"></use></svg>\n</td>\n <td><code>#icon-epfl-sb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-securite-sante\"></use></svg>\n</td>\n <td><code>#icon-epfl-securite-sante</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-self-service\"></use></svg>\n</td>\n <td><code>#icon-epfl-self-service</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-services\"></use></svg>\n</td>\n <td><code>#icon-epfl-services</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-shopping\"></use></svg>\n</td>\n <td><code>#icon-epfl-shopping</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-startup\"></use></svg>\n</td>\n <td><code>#icon-epfl-startup</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-stcc\"></use></svg>\n</td>\n <td><code>#icon-epfl-stcc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sti\"></use></svg>\n</td>\n <td><code>#icon-epfl-sti</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-supermarche\"></use></svg>\n</td>\n <td><code>#icon-epfl-supermarche</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-sv\"></use></svg>\n</td>\n <td><code>#icon-epfl-sv</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-teletravail\"></use></svg>\n</td>\n <td><code>#icon-epfl-teletravail</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-train\"></use></svg>\n</td>\n <td><code>#icon-epfl-train</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-venture-capital-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-venture-capital-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-venture-capital-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-venture-capital-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n</td>\n <td><code>#icon-facebook</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-googleplus\"></use></svg>\n</td>\n <td><code>#icon-googleplus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n</td>\n <td><code>#icon-home</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n</td>\n <td><code>#icon-info</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n</td>\n <td><code>#icon-instagram</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n</td>\n <td><code>#icon-linkedin</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</td>\n <td><code>#icon-lock</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mail-plane\"></use></svg>\n</td>\n <td><code>#icon-mail-plane</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n</td>\n <td><code>#icon-mastodon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</td>\n <td><code>#icon-triangle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n</td>\n <td><code>#icon-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search-bold\"></use></svg>\n</td>\n <td><code>#icon-search-bold</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n</td>\n <td><code>#icon-twitter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-upload\"></use></svg>\n</td>\n <td><code>#icon-upload</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-whatsapp\"></use></svg>\n</td>\n <td><code>#icon-whatsapp</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n</td>\n <td><code>#icon-planet</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-tiktok\"></use></svg>\n</td>\n <td><code>#icon-tiktok</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n</td>\n <td><code>#icon-youtube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n</td>\n <td><code>#icon-x</code></td>\n </tr>\n </tbody>\n</table>\n";
52020
+ module.exports = "<table class=\"table\">\n <tbody>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-accessibility\"></use></svg>\n</td>\n <td><code>#icon-accessibility</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-left\"></use></svg>\n</td>\n <td><code>#icon-arrow-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-arrow-right\"></use></svg>\n</td>\n <td><code>#icon-arrow-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-browse\"></use></svg>\n</td>\n <td><code>#icon-browse</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-last-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-last-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-left\"></use></svg>\n</td>\n <td><code>#icon-chevron-left</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n</td>\n <td><code>#icon-chevron-right</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-elements\"></use></svg>\n</td>\n <td><code>#icon-elements</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-chicken-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-chicken-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-cow-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-cow-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-fish-water\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-fish-water</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-pig-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-pig-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-animals-sheep-farm-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-animals-sheep-farm-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-innovation-park\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-innovation-park</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-pavillon\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-pavillon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-building-campus-stcc\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-building-campus-stcc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-architecture-stone-rolex\"></use></svg>\n</td>\n <td><code>#icon-epfl-architecture-stone-rolex</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-aggrieved-unhappy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-aggrieved-unhappy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-amazed-surprised\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-amazed-surprised</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-angry-disappointed\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-angry-disappointed</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-double\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-double</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-bored-emotion\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-bored-emotion</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-dialog\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-dialog</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-group\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-group</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-management\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-management</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-relationship\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-relationship</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-person-scientist\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-person-scientist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-smiley-happy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-smiley-happy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-not\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-not</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-character-uncomfortable-uneasy\"></use></svg>\n</td>\n <td><code>#icon-epfl-character-uncomfortable-uneasy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdh\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdh</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-cdm\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-cdm</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-enac\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-enac</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-ic\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-ic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-logo\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-logo</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sb\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sti\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sti</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-corporate-sv\"></use></svg>\n</td>\n <td><code>#icon-epfl-corporate-sv</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-basketball-ball-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-basketball-ball-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-photo-painting-satellite\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-photo-painting-satellite</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-culture-theater-mask-drama\"></use></svg>\n</td>\n <td><code>#icon-epfl-culture-theater-mask-drama</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-coins\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-coins</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-bill\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-bill</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-card\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-card</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-medal\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-medal</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-finance-money-pay\"></use></svg>\n</td>\n <td><code>#icon-epfl-finance-money-pay</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-beer-tankard\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-beer-tankard</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-coffee-drink\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-coffee-drink</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-compost-recycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-compost-recycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-dishes-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-dishes-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-drink-undrinkable\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-drink-undrinkable</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-menu-restaurant\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-menu-restaurant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-party-beer-apero\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-party-beer-apero</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-menu\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-menu</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-food-vegetarian-vegan\"></use></svg>\n</td>\n <td><code>#icon-epfl-food-vegetarian-vegan</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-bacteria\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-bacteria</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-elbow\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-elbow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-covid-mask\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-covid-mask</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-equality\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-equality</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-girl-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-girl-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-gender-woman-power\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-gender-woman-power</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-apple\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-apple</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-eye\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-eye</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-heart-love\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-heart-love</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-hopital-red-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-hopital-red-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-medical-center\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-medical-center</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-pharmacy\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-pharmacy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-health-transgender-lgbt\"></use></svg>\n</td>\n <td><code>#icon-epfl-health-transgender-lgbt</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-bed-house\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-bed-house</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-cut-scissor\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-cut-scissor</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-glasses-eyes\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-glasses-eyes</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-bag\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-bag</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-home-shopping-stores-cart\"></use></svg>\n</td>\n <td><code>#icon-epfl-home-shopping-stores-cart</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-balloon-instruction\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-balloon-instruction</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-collaboration\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-collaboration</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-isea-square\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-isea-square</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-money-save\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-money-save</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-search-zoom\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-search-zoom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-management-settings-volume\"></use></svg>\n</td>\n <td><code>#icon-epfl-management-settings-volume</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-cold-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-cold-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-flower-natural\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-flower-natural</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-planet-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-planet-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-growing\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-growing</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-plant-label\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-plant-label</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-seasons\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-seasons</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-star-snow\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-star-snow</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-sunny\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-sunny</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-sun-winter\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-sun-winter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-nature-wind-leaf\"></use></svg>\n</td>\n <td><code>#icon-epfl-nature-wind-leaf</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist-feminism\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist-feminism</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-fight-fist\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-fight-fist</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-flag-emblem\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-flag-emblem</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-clap\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-clap</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-hand-handshake\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-hand-handshake</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-politics-student-school\"></use></svg>\n</td>\n <td><code>#icon-epfl-politics-student-school</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-agriculture-nutrition\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-agriculture-nutrition</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-animals-mouse-rat\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-animals-mouse-rat</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-atom-neutron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-atom-neutron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-axes-physics\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-axes-physics</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-Bertarelli-foundation\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-Bertarelli-foundation</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bio-bioinformatic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bio-bioinformatic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-bioengineering-technology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-bioengineering-technology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-electron\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-electron</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biological-optic\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biological-optic</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-biomolecular-screening\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-biomolecular-screening</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-think\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-think</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-brain-tought\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-brain-tought</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-cell-virus\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-cell-virus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-einstein-invent\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-einstein-invent</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-biology\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-biology</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-buoy\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-buoy</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-experiment-choc\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-experiment-choc</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-explosion-experiment\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-explosion-experiment</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-flow-cytometry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-flow-cytometry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-gene-expression\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-gene-expression</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-genome-helix\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-genome-helix</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-glasses-corbusier\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-glasses-corbusier</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-graph-search\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-graph-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-histology-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-histology-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-idea-learn\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-idea-learn</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-chemistry\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-chemistry</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-laboratory-researcher\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-laboratory-researcher</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-light-bulb\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-light-bulb</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-mathematics-cube\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-mathematics-cube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-microscope-research\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-microscope-research</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-pollution-power-plant\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-pollution-power-plant</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-protein-production\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-protein-production</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-proteomics-core\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-proteomics-core</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-read-education\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-read-education</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-research-atom\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-research-atom</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space-2\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space-2</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-rocket-space\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-rocket-space</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-technology-solar-panels\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-technology-solar-panels</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-science-toxic-pollution-radiate\"></use></svg>\n</td>\n <td><code>#icon-epfl-science-toxic-pollution-radiate</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-computer-laptop\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-computer-laptop</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-dislike-unlike\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-dislike-unlike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-drone-fly\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-drone-fly</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-home-wifi\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-home-wifi</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-like-social\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-like-social</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-phone-smartphone\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-phone-smartphone</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-button\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-button</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-light\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-light</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-on\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-on</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-technology-power-shutdown\"></use></svg>\n</td>\n <td><code>#icon-epfl-technology-power-shutdown</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-archeology-P-pottery-alphabet-parking\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-archeology-P-pottery-alphabet-parking</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-bicycle\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-bicycle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-bike-pump\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-bike-pump</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-foodtruck-food\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-foodtruck-food</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-metro\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-metro</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-pump-bike\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-pump-bike</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport-1\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport-1</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-race-sport\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-race-sport</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-epfl-transport-train\"></use></svg>\n</td>\n <td><code>#icon-epfl-transport-train</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n</td>\n <td><code>#icon-facebook</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-googleplus\"></use></svg>\n</td>\n <td><code>#icon-googleplus</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n</td>\n <td><code>#icon-home</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-info\"></use></svg>\n</td>\n <td><code>#icon-info</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n</td>\n <td><code>#icon-instagram</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n</td>\n <td><code>#icon-linkedin</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-lock\"></use></svg>\n</td>\n <td><code>#icon-lock</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mail-plane\"></use></svg>\n</td>\n <td><code>#icon-mail-plane</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-mastodon\"></use></svg>\n</td>\n <td><code>#icon-mastodon</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-triangle\"></use></svg>\n</td>\n <td><code>#icon-triangle</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search\"></use></svg>\n</td>\n <td><code>#icon-search</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-search-bold\"></use></svg>\n</td>\n <td><code>#icon-search-bold</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-twitter\"></use></svg>\n</td>\n <td><code>#icon-twitter</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-upload\"></use></svg>\n</td>\n <td><code>#icon-upload</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-whatsapp\"></use></svg>\n</td>\n <td><code>#icon-whatsapp</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-planet\"></use></svg>\n</td>\n <td><code>#icon-planet</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-tiktok\"></use></svg>\n</td>\n <td><code>#icon-tiktok</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n</td>\n <td><code>#icon-youtube</code></td>\n </tr>\n <tr>\n <td><svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n</td>\n <td><code>#icon-x</code></td>\n </tr>\n </tbody>\n</table>\n";
51989
52021
 
51990
52022
  /***/ }),
51991
52023
 
@@ -53169,7 +53201,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
53169
53201
  /***/ (function(module) {
53170
53202
 
53171
53203
  "use strict";
53172
- module.exports = "<div class=\"gallery-container\">\n\n <div id=\"my-gallery-1\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-1\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n";
53204
+ module.exports = "<div class=\"gallery-container\">\n\n <div id=\"my-gallery-carouselNews\" class=\"gallery gallery-main\">\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_01.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_02.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_03.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_04.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_05.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_06.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_07.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n <figure class=\"gallery-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <div class=\"gallery-item-inner\">\n <div class=\"img-wrapper\">\n <img src=\"./images/styleguide/gallery/gallery_08.jpg\" alt=\"Picture of an amazing science topic\" class=\"img-fluid\">\n </div>\n </div>\n <figcaption>\n <span>Picture of an amazing science topic</span>\n </figcaption>\n </figure>\n </div>\n\n <div class=\"gallery-nav\" data-gallery=\"my-gallery-carouselNews\" aria-hidden=\"true\">\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_01.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_02.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_03.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_04.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_05.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_06.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_07.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n <figure class=\"gallery-nav-item\" itemprop=\"associatedMedia\" itemscope itemtype=\"http://schema.org/ImageObject\">\n <img src=\"./images/styleguide/gallery/thumb_08.jpg\" alt=\"Thumbnail of an amazing science topic\" class=\"img-fluid\">\n <figcaption>Picture of an amazing science topic</figcaption>\n </figure>\n </div>\n\n</div>\n";
53173
53205
 
53174
53206
  /***/ }),
53175
53207
 
@@ -53633,7 +53665,7 @@ module.exports = "<div class=\"form-group\">\n <label for=\"awesome-input\">Inp
53633
53665
  /***/ (function(module) {
53634
53666
 
53635
53667
  "use strict";
53636
- module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53668
+ module.exports = "\n<div class=\"fullwidth-teaser fullwidth-teaser-horizontal\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n \n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n <ul class=\"list-inline mt-2\">\n <li class=\"list-inline-item\">Actualités</li>\n <li class=\"list-inline-item\">Biologie</li>\n </ul>\n </div>\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary triangle-outer-top-right d-none d-xl-block\">\n Lire l'article\n <span class=\"sr-only\">sur Tech Transfer.</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"Link to read more of that page\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53637
53669
 
53638
53670
  /***/ }),
53639
53671
 
@@ -53657,7 +53689,7 @@ module.exports = "<div class=\"fullwidth-teaser\">\n\n <figure class=\"cover\">
53657
53689
  /***/ (function(module) {
53658
53690
 
53659
53691
  "use strict";
53660
- module.exports = "<div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Contact information\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53692
+ module.exports = "<div class=\"fullwidth-teaser\">\n\n <picture>\n <source\n media=\"(min-width: 1920px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1920x1080.jpg 1x, ./images/styleguide/teaser/news-teaser-2240x1260.jpg 2x\">\n <source\n media=\"(min-width: 1366px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1440x810.jpg 1x, ./images/styleguide/teaser/news-teaser-1920x1080.jpg 2x\">\n <source\n media=\"(min-width: 1200px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-1294x728.jpg 1x, ./images/styleguide/teaser/news-teaser-1600x900.jpg 2x\">\n <source\n media=\"(min-width: 576px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-768x432.jpg 1x, ./images/styleguide/teaser/news-teaser-1440x810.jpg 2x\">\n <source\n media=\"(max-width: 575px)\"\n srcset=\"./images/styleguide/teaser/news-teaser-576x324.jpg 1x, ./images/styleguide/teaser/news-teaser-1140x641.jpg 2x\">\n <img src=\"./images/styleguide/teaser/news-teaser-1440x810.jpg\" class=\"img-fluid\" alt=\"image description\">\n</picture>\n\n <div class=\"fullwidth-teaser-text\">\n\n <div class=\"fullwidth-teaser-header\">\n <div class=\"fullwidth-teaser-title\">\n <h3>\n Contact information\n </h3>\n </div>\n <a href=\"#\" aria-label=\"En savoir plus sur Contact information\" class=\"btn btn-primary triangle-outer-bottom-right d-none d-xl-block\">\n En savoir plus\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-right\"></use></svg>\n </a>\n </div>\n\n <div class=\"fullwidth-teaser-content\">\n <p>\n Le nouveau Space Sustainability Rating accueilli par eSpace, le centre spatial de l’EPFL, encourage le secteur de l’espace à concevoir et à mettre en œuvre des missions spatiales durables et responsables — montrant ainsi la voie pour assurer à long terme une approche durable de l’environnement spatial.\n </p>\n </div>\n\n <div class=\"fullwidth-teaser-footer\">\n <a href=\"#\" aria-label=\"En savoir plus sur Tech Transfer\" class=\"btn btn-primary btn-block d-xl-none\">En savoir plus</a>\n </div>\n </div>\n</div>\n";
53661
53693
 
53662
53694
  /***/ }),
53663
53695
 
@@ -53969,7 +54001,7 @@ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"R
53969
54001
  /***/ (function(module) {
53970
54002
 
53971
54003
  "use strict";
53972
- module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item\">Maintenance</li>\n </ol>\n </nav>\n </div>\n\n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container\">\n\n <h1 class=\"my-5\">Maintenance</h1>\n <p>\n The site is currently under maintenance. Please come back a little later.\n </p>\n <p>\n Le site est actuellement en maintenance. Merci de revenir un peu plus tard.\n </p>\n \n </main>\n\n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n <a href=\"https://go.epfl.ch/charte\">Charte</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
54004
+ module.exports = "<div class=\"site\">\n<nav class=\"access-nav\" aria-label=\"Raccourcis de navigation\">\n <ul>\n <li>\n <a class=\"btn btn-primary\" href=\"/\" title=\"[ALT + 1]\" accesskey=\"1\">Page d'accueil du site</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main\" title=\"[ALT + 2]\" accesskey=\"2\">Accéder au contenu</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#main-navigation\" title=\"[ALT + 3]\" accesskey=\"3\">Accéder à la navigation principale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#nav-aside\" title=\"[ALT + 4]\" accesskey=\"4\">Accéder à la navigation latérale</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"#search\" title=\"[ALT + 5]\" accesskey=\"5\">Accéder à la recherche</a>\n </li>\n <li>\n <a class=\"btn btn-primary\" href=\"mailto:email@example.com\" title=\"[ALT + 6]\" accesskey=\"6\">Nous contacter</a>\n </li>\n </ul>\n</nav>\n\n\n <header role=\"banner\" class=\"header\">\n <a class=\"logo\" href=\"https://www.epfl.ch\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </header>\n\n<div class=\"main-container\">\n <div class=\"breadcrumb-container\">\n <nav aria-label=\"breadcrumb\" class=\"breadcrumb-wrapper\">\n <ol class=\"breadcrumb\">\n <li class=\"breadcrumb-item\">\n <a href=\"#\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-home\"></use></svg>\n </a>\n </li>\n <li class=\"breadcrumb-item\">Maintenance</li>\n </ol>\n </nav>\n </div>\n\n <div class=\"nav-toggle-layout\">\n\n <div class=\"nav-container\">\n <nav class=\"nav-main nav-main-mobile\" id=\"main-navigation\" role=\"navigation\">\n <div class=\"nav-wrapper\">\n <div class=\"nav-container current-menu-parent\">\n <ul id=\"menu-main\" class=\"nav-menu\">\n <li class=\"\"><a href=\"#\">About</a></li>\n <li><a href=\"#\">Education</a></li>\n <li><a href=\"#\">Research</a></li>\n <li><a href=\"#\">Innovation</a></li>\n <li class=\"current-menu-item\"><a href=\"#\">Schools</a></li>\n <li><a href=\"#\">Campus</a></li>\n </ul>\n </div>\n </div>\n </nav>\n <!-- Add side navigation here in order to display it in the mobile menu -->\n </div>\n \n <div class=\"w-100 pb-5\">\n\n <main id=\"main\" role=\"main\" class=\"content container\">\n\n <h1 class=\"my-5\">Maintenance</h1>\n <p>\n The site is currently under maintenance. Please come back a little later.\n </p>\n <p>\n Le site est actuellement en maintenance. Merci de revenir un peu plus tard.\n </p>\n \n </main>\n\n </div>\n </div>\n\n <div class=\"bg-gray-100 pt-5\">\n <div class=\"container\">\n \n<footer class=\"footer-light\" role=\"contentinfo\">\n <div class=\"row\">\n <div class=\"col-6 mx-auto mx-md-0 mb-4 col-md-3 col-lg-2\">\n <a href=\"#\">\n <img src=\"svg/epfl-logo.svg\" alt=\"Logo EPFL, École polytechnique fédérale de Lausanne\" class=\"img-fluid\">\n </a>\n </div>\n <div class=\"col-md-9 col-lg-10 mb-4\">\n <div class=\"ml-md-2 ml-lg-5\">\n <ul class=\"list-inline list-unstyled\">\n <li class=\"list-inline-item\">Contact</li>\n <li class=\"list-inline-item text-muted pl-3\"><small>EPFL CH-1015 Lausanne</small></li>\n <li class=\"list-inline-item text-muted pl-3\"><small>+41 21 693 11 11</small></li>\n </ul>\n <div class=\"footer-light-socials\">\n <p class=\"footer-title footer-title-no-underline\">Suivez l'EPFL sur les réseaux sociaux</p>\n \n<ul class=\"social-icon-list list-inline\">\n <li>\n <a href=\"https://www.facebook.com/epflcampus\" class=\"social-icon social-icon-facebook social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-facebook\"></use></svg>\n <span class=\"sr-only\">Follow us on Facebook</span>\n</a>\n </li>\n <li>\n <a href=\"http://instagram.com/epflcampus\" class=\"social-icon social-icon-instagram social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-instagram\"></use></svg>\n <span class=\"sr-only\">Follow us on Instagram</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.linkedin.com/school/epfl/\" class=\"social-icon social-icon-linkedin social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-linkedin\"></use></svg>\n <span class=\"sr-only\">Follow us on LinkedIn</span>\n</a>\n </li>\n <li>\n <a href=\"https://x.com/epfl_en\" class=\"social-icon social-icon-x social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-x\"></use></svg>\n <span class=\"sr-only\">Follow us on X</span>\n</a>\n </li>\n <li>\n <a href=\"https://www.youtube.com/user/epflnews\" class=\"social-icon social-icon-youtube social-icon-negative\" target=\"_blank\" rel=\"nofollow noopener\">\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-youtube\"></use></svg>\n <span class=\"sr-only\">Follow us on Youtube</span>\n</a>\n </li>\n</ul>\n </div>\n \n<div class=\"footer-legal\">\n <div class=\"footer-legal-links\">\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Accessibilité</a>\n <a href=\"https://www.epfl.ch/about/overview/fr/reglements-et-directives/mentions-legales/\">Mentions légales</a>\n <a href=\"https://go.epfl.ch/protection-des-donnees/\">Protection des données</a>\n </div>\n <div>\n <p>&copy; 2024 EPFL, tous droits réservés</p>\n </div>\n</div>\n </div>\n </div>\n </div>\n</footer>\n\n<button id=\"back-to-top\" class=\"btn btn-primary btn-back-to-top\">\n <span class=\"sr-only\">Back to top</span>\n <svg class=\"icon\" aria-hidden=\"true\"><use xlink:href=\"#icon-chevron-top\"></use></svg>\n</button>\n </div>\n </div>\n </div>\n</div>\n</div>\n";
53973
54005
 
53974
54006
  /***/ }),
53975
54007
 
@@ -54631,7 +54663,7 @@ module.exports = JSON.parse('{"title":"Section","name":"section","wrapper":"col-
54631
54663
  /***/ (function(module) {
54632
54664
 
54633
54665
  "use strict";
54634
- module.exports = JSON.parse('{"title":"Study plan","name":"study-plan","notes":"The study plan is a special case of table. The markup cannot be changed and we put in place a CSS Grid layout to display the content.\\n\\nPlease override the columns width (if they do not fit your needs) by using a CSS variable: `<div class=\\"study-plan table-like\\" style=\\"--table-columns: 1fr minmax(200px, 3fr) minmax(auto, 1fr) minmax(200px, 3fr) 3fr 1fr\\">`.\\n\\nThe default behaviour is kept on IE, the content stays readable (the table might be a bit wonky when some columns are missing though).\\n\\nOn mobile, the tables are scrollable horizontally.\\n"}');
54666
+ module.exports = JSON.parse('{"title":"Study plan","name":"study-plan","notes":"The study plan is a special case of table. The markup cannot be changed and we put in place a CSS Grid layout to display the content.\\n\\nPlease override the columns width (if they do not fit your needs) by using a CSS variable: `<div class=\\"study-plan table-like\\" style=\\"--table-columns: 1fr minmax(200px, 3fr) minmax(auto, 1fr) minmax(200px, 3fr) 3fr 1fr\\">`.\\n\\nOn mobile, the tables are scrollable horizontally.\\n"}');
54635
54667
 
54636
54668
  /***/ }),
54637
54669
 
@@ -60341,8 +60373,6 @@ ColorSwatch.propTypes = {
60341
60373
  var es_array_find = __webpack_require__(69826);
60342
60374
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
60343
60375
  var es_array_concat = __webpack_require__(92222);
60344
- // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.set-prototype-of.js
60345
- var es_object_set_prototype_of = __webpack_require__(68304);
60346
60376
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.get-prototype-of.js
60347
60377
  var es_object_get_prototype_of = __webpack_require__(30489);
60348
60378
  // EXTERNAL MODULE: ./node_modules/core-js/modules/es.reflect.construct.js
@@ -66011,12 +66041,18 @@ var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(inject
66011
66041
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleDomAPI.js
66012
66042
  var styleDomAPI = __webpack_require__(7795);
66013
66043
  var styleDomAPI_default = /*#__PURE__*/__webpack_require__.n(styleDomAPI);
66014
- // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/getTarget.js
66015
- var getTarget = __webpack_require__(20695);
66016
- var getTarget_default = /*#__PURE__*/__webpack_require__.n(getTarget);
66044
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertBySelector.js
66045
+ var insertBySelector = __webpack_require__(90569);
66046
+ var insertBySelector_default = /*#__PURE__*/__webpack_require__.n(insertBySelector);
66047
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js
66048
+ var setAttributesWithoutAttributes = __webpack_require__(3565);
66049
+ var setAttributesWithoutAttributes_default = /*#__PURE__*/__webpack_require__.n(setAttributesWithoutAttributes);
66017
66050
  // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/insertStyleElement.js
66018
66051
  var insertStyleElement = __webpack_require__(19216);
66019
66052
  var insertStyleElement_default = /*#__PURE__*/__webpack_require__.n(insertStyleElement);
66053
+ // EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/styleTagTransform.js
66054
+ var styleTagTransform = __webpack_require__(44589);
66055
+ var styleTagTransform_default = /*#__PURE__*/__webpack_require__.n(styleTagTransform);
66020
66056
  // EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/rc-tooltip/assets/bootstrap.css
66021
66057
  var bootstrap = __webpack_require__(30467);
66022
66058
  ;// CONCATENATED MODULE: ./node_modules/rc-tooltip/assets/bootstrap.css
@@ -66028,39 +66064,14 @@ var bootstrap = __webpack_require__(30467);
66028
66064
 
66029
66065
 
66030
66066
 
66067
+
66068
+
66031
66069
 
66032
66070
  var options = {};
66033
66071
 
66034
- options.styleTagTransform = function(css, style){
66035
- if (style.styleSheet) {
66036
- style.styleSheet.cssText = css;
66037
- } else {
66038
- while (style.firstChild) {
66039
- style.removeChild(style.firstChild);
66040
- }
66041
-
66042
- style.appendChild(document.createTextNode(css));
66043
- }
66044
- };
66045
- options.setAttributes = function(style) {
66046
- var nonce =
66047
- true ? __webpack_require__.nc : 0;
66048
-
66049
- if (nonce) {
66050
- style.setAttribute("nonce", nonce);
66051
- }
66052
- };
66053
- options.insert = function(style){
66054
- var target = getTarget_default()("head");
66055
-
66056
- if (!target) {
66057
- throw new Error(
66058
- "Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid."
66059
- );
66060
- }
66061
-
66062
- target.appendChild(style);
66063
- };
66072
+ options.styleTagTransform = (styleTagTransform_default());
66073
+ options.setAttributes = (setAttributesWithoutAttributes_default());
66074
+ options.insert = insertBySelector_default().bind(null, "head");
66064
66075
  options.domAPI = (styleDomAPI_default());
66065
66076
  options.insertStyleElement = (insertStyleElement_default());
66066
66077
 
@@ -66091,7 +66102,6 @@ function ColorTable_typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol =
66091
66102
 
66092
66103
 
66093
66104
 
66094
-
66095
66105
  function ColorTable_classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
66096
66106
 
66097
66107
  function ColorTable_defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -66621,7 +66631,7 @@ function SidebarDocs() {
66621
66631
  })));
66622
66632
  }
66623
66633
  ;// CONCATENATED MODULE: ./package.json
66624
- var package_namespaceObject = {"i8":"4.9.1"};
66634
+ var package_namespaceObject = {"i8":"4.9.2"};
66625
66635
  ;// CONCATENATED MODULE: ./reader/components/Sidebar/Sidebar.jsx
66626
66636
 
66627
66637