Merged feature/formDeflater.js into dev

css/container.scss

@@ -174,7 +174,7 @@
 		=========================================================*/
 		& .flag{
 			margin: 0 .8em;
-			padding: .2em .8em;
+			padding: .2em .5em;
 
 			border-radius: 5px;
 			border: 1px solid #b5b5b5;

css/container/compact.css.map

@@ -6,7 +6,7 @@
 		"../constants.scss"
 	],
 	"sourcesContent": [
-		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
+		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
 		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
 	],
 	"mappings": "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",

css/container/expanded.css.map

@@ -6,7 +6,7 @@
 		"../constants.scss"
 	],
 	"sourcesContent": [
-		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
+		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
 		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
 	],
 	"mappings": "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",

css/container/min.css.map

@@ -6,7 +6,7 @@
 		"../constants.scss"
 	],
 	"sourcesContent": [
-		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
+		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
 		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
 	],
 	"mappings": "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",

css/container/nested.css.map

@@ -6,7 +6,7 @@
 		"../constants.scss"
 	],
 	"sourcesContent": [
-		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .8em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
+		"@import 'constants.scss';\n\n#WRAPPER > #CONTAINER{\n\n\t/* [1] Section (contenu)\n\t=========================================================*/\n\t& > section{\n\t\tdisplay: none;\n\n\t\tmargin: 1em;\n\n\t\t// Gestion de l'activation des sous-parties\n\t\t&.active{ display: block; }\n\n\t\t// Gestion d'une section contenant des graphiques\n\t\t&.charts{\n\t\t\tdisplay: flex;\n\n\t\t\tflex-direction: row;\n\t\t\tflex-wrap: wrap;\n\t\t\tjustify-content: space-around;\n\t\t}\n\n\t\tposition: relative;\n\t\tflex-grow: 1;\n\n\t\tpadding: 1em;\n\n\t\tborder-radius: 3px;\n\n\t\tbackground-color: #fff;\n\n\t\tcolor: #000;\n\t\tfont-size: 1em;\n\n\t\tborder: 1px solid #ddd;\n\n\n\n\t\t/* [2] Titres\n\t\t=========================================================*/\n\t\t& h6{\n\t\t\tcolor: lighten($theme-fg, 20);\n\t\t\tfont-size: 1.2em;\n\t\t\ttext-transform: uppercase;\n\t\t\tfont-weight: 300;\n\t\t\tletter-spacing: .2em;\n\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\n\t\t\t&:before{content:'- ';}\n\t\t\t&:after{content:' -';}\n\n\t\t\t// quand centré\n\t\t\t&.center{\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\n\n\n\n\t\t/* [3][4] Boutons radio + Checkboxes\n\t\t=========================================================*/\n\t\t& input[type=\"radio\"],\n\t\t& input[type=\"checkbox\"]{\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t// Label\n\t\t& input[type=\"radio\"] + label[for],\n\t\t& input[type=\"checkbox\"] + label[for]{\n\t\t\tpadding-left: .8em;\n\n\t\t\t// Pas de selection\n\t\t\t-webkit-touch-callout: none; /* iOS Safari          */\n\t\t\t-webkit-user-select:   none; /* Chrome/Safari/Opera */\n\t\t\t-khtml-user-select:    none; /* Konqueror           */\n\t\t\t-moz-user-select:      none; /* Firefox             */\n\t\t\t-ms-user-select:       none; /* IE/Edge             */\n\t\t\tuser-select:           none; /* non-prefixed        */\n\n\n\t\t\t// Receptacle\n\t\t\t&:before{\n\t\t\t\tcontent: '';\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tposition: relative;\n\t\t\t\t\ttop: .1em;\n\t\t\t\t\tleft: -.8em;\n\t\t\t\t\twidth: calc( 1em - 2*.15em );\n\t\t\t\t\theight: calc( 1em - 2*.15em );\n\n\t\t\t\tborder-radius: 50% / 50%;\n\t\t\t\tborder: .15em solid $theme-fg-primary;\n\n\t\t\t\tbackground: #fff center center no-repeat;\n\t\t\t\tbackground-image: none;\n\t\t\t\tbackground-size: 70% auto;\n\n\t\t\t\ttransition: background .2s ease-in-out;\n\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\t// Quand actif\n\t\t& input[type=\"radio\"]:checked + label[for]:before,\n\t\t& input[type=\"checkbox\"]:checked + label[for]:before{\n\t\t\tbackground-color: $theme-fg-primary;\n\t\t\tbackground-image: url('/f/svg/checked/st/container');\n\t\t}\n\n\n\t\t// Specifique a checkbox\n\t\t& input[type=\"checkbox\"] + label[for]:before{\n\t\t\tborder-radius: 3px;\n\t\t}\n\n\n\n\n\n\t\t/* [5] Boutons de submit\n\t\t=========================================================*/\n\t\t& input[type=\"submit\"],\n\t\t& input[type=\"button\"]{\n\t\t\tmargin: .5em 0;\n\t\t\tpadding: .3em .5em;\n\n\t\t\tborder-radius: 3px;\n\t\t\tborder: 1px solid $theme-fg;\n\n\t\t\tcolor: $theme-fg;\n\n\t\t\tbackground-color: #fff;\n\n\t\t\ttransition: background .1s ease-in-out, color .1s ease-in-out;\n\n\t\t\t/* (1) Animation de @hover */\n\t\t\t&:hover{\n\t\t\t\tbackground-color: $theme-fg;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\n\n\t\t\t/* (2) Bouton primaire */\n\t\t\t&.primary{\n\t\t\t\tborder-color: $theme-fg-primary;\n\t\t\t\tcolor: $theme-fg-primary;\n\t\t\t\tbackground-color: #fff;\n\n\n\t\t\t\t/* (3) Animation de @hover pour bouton primaire */\n\t\t\t\t&:hover{\n\t\t\t\t\tbackground-color: $theme-fg-primary;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\t\t\t}\n\n\n\t\t}\n\n\t\t/* [6] Images inline\n\t\t=========================================================*/\n\t\t& img{\n\t\t\tmargin: 1em;\n\t\t\theight: 3em;\n\t\t}\n\n\t\t/* [7] Contour flags\n\t\t=========================================================*/\n\t\t& .flag{\n\t\t\tmargin: 0 .8em;\n\t\t\tpadding: .2em .5em;\n\n\t\t\tborder-radius: 5px;\n\t\t\tborder: 1px solid #b5b5b5;\n\n\t\t\tcolor: #555;\n\t\t\tfont-family: 'Inconsolata';\n\t\t}\n\n\n\t}\n\n}\n",
 		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
 	],
 	"mappings": "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",

css/font.scss

@@ -1,3 +1,5 @@
+/* [1] Proxima Nova
+=========================================================*/
 @font-face {
     font-family: 'Proxima Nova';
     font-style: normal;
@@ -19,3 +21,26 @@
             url(/css/fonts/proxima-nova/regular.woff)       format("woff"),
             url(/css/fonts/proxima-nova/regular.ttf)        format("truetype");
 }
+
+
+/* [2] Icomoon
+=========================================================*/
+@font-face {
+    font-family: 'icomoon';
+    font-style: normal;
+    font-weight: 100;
+
+    src: url("/css/fonts/icomoon/thin.eot");
+    src: url(/css/fonts/icomoon/thin.woff)       format("woff"),
+            url(/css/fonts/icomoon/thin.ttf)        format("truetype");
+}
+
+@font-face {
+    font-family: 'icomoon';
+    font-style: normal;
+    font-weight: normal;
+
+    src: url("/css/fonts/icomoon/regular.eot");
+    src: url(/css/fonts/icomoon/regular.woff)       format("woff"),
+            url(/css/fonts/icomoon/regular.ttf)        format("truetype");
+}

css/font/compact.css

@@ -1,5 +1,13 @@
+/* [1] Proxima Nova
+=========================================================*/
 @font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: 100; src: url("/css/fonts/proxima-nova/thin.eot"); src: url(/css/fonts/proxima-nova/thin#iefix.eot) format("embedded-opentype"), url(/css/fonts/proxima-nova/thin.woff) format("woff"), url(/css/fonts/proxima-nova/thin.ttf) format("truetype"); }
 
 @font-face { font-family: 'Proxima Nova'; font-style: normal; font-weight: normal; src: url("/css/fonts/proxima-nova/regular.eot"); src: url(/css/fonts/proxima-nova/regular#iefix.eot) format("embedded-opentype"), url(/css/fonts/proxima-nova/regular.woff) format("woff"), url(/css/fonts/proxima-nova/regular.ttf) format("truetype"); }
 
-/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL2ZvbnQuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnUHJveGltYSBOb3ZhJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDEwMDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi5lb3RcIik7XG4gICAgc3JjOiAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbiNpZWZpeC5lb3QpICBmb3JtYXQoXCJlbWJlZGRlZC1vcGVudHlwZVwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi50dGYpICAgICAgICBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbn1cblxuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdQcm94aW1hIE5vdmEnO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLmVvdFwiKTtcbiAgICBzcmM6ICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyI2llZml4LmVvdCkgIGZvcm1hdChcImVtYmVkZGVkLW9wZW50eXBlXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQUFBLFVBQVUsR0FDTixXQUFXLEVBQUUsY0FBZSxFQUM1QixVQUFVLEVBQUUsTUFBTyxFQUNuQixXQUFXLEVBQUUsR0FBSSxFQUVqQixHQUFHLEVBQUUsdUNBQUcsRUFDUixHQUFHLEVBQStDLDJDQUFDLENBQUUsMkJBQU0sRUFDZCxzQ0FBQyxDQUFPLGNBQU0sRUFDZixxQ0FBQyxDQUFRLGtCQUFNOztBQUcvRCxVQUFVLEdBQ04sV0FBVyxFQUFFLGNBQWUsRUFDNUIsVUFBVSxFQUFFLE1BQU8sRUFDbkIsV0FBVyxFQUFFLE1BQU8sRUFFcEIsR0FBRyxFQUFFLDBDQUFHLEVBQ1IsR0FBRyxFQUFrRCw4Q0FBQyxDQUFFLDJCQUFNLEVBQ2QseUNBQUMsQ0FBTyxjQUFNLEVBQ2Ysd0NBQUMsQ0FBUSxrQkFBTSIsCgkibmFtZXMiOiBbXQp9 */
+/* [2] Icomoon
+=========================================================*/
+@font-face { font-family: 'icomoon'; font-style: normal; font-weight: 100; src: url("/css/fonts/icomoon/thin.eot"); src: url(/css/fonts/icomoon/thin.woff) format("woff"), url(/css/fonts/icomoon/thin.ttf) format("truetype"); }
+
+@font-face { font-family: 'icomoon'; font-style: normal; font-weight: normal; src: url("/css/fonts/icomoon/regular.eot"); src: url(/css/fonts/icomoon/regular.woff) format("woff"), url(/css/fonts/icomoon/regular.ttf) format("truetype"); }
+
+/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiY29tcGFjdC5jc3MiLAoJInNvdXJjZXMiOiBbCgkJIi4uL2ZvbnQuc2NzcyIKCV0sCgkic291cmNlc0NvbnRlbnQiOiBbCgkJIi8qIFsxXSBQcm94aW1hIE5vdmFcbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5AZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1Byb3hpbWEgTm92YSc7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiAxMDA7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4uZW90XCIpO1xuICAgIHNyYzogICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4jaWVmaXguZW90KSAgZm9ybWF0KFwiZW1iZWRkZWQtb3BlbnR5cGVcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4udHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG5cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnUHJveGltYSBOb3ZhJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhci5lb3RcIik7XG4gICAgc3JjOiAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhciNpZWZpeC5lb3QpICBmb3JtYXQoXCJlbWJlZGRlZC1vcGVudHlwZVwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhci50dGYpICAgICAgICBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbn1cblxuXG4vKiBbMl0gSWNvbW9vblxuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnaWNvbW9vbic7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiAxMDA7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvaWNvbW9vbi90aGluLmVvdFwiKTtcbiAgICBzcmM6IHVybCgvY3NzL2ZvbnRzL2ljb21vb24vdGhpbi53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvaWNvbW9vbi90aGluLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuXG5AZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ2ljb21vb24nO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL2ljb21vb24vcmVndWxhci5lb3RcIik7XG4gICAgc3JjOiB1cmwoL2Nzcy9mb250cy9pY29tb29uL3JlZ3VsYXIud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL2ljb21vb24vcmVndWxhci50dGYpICAgICAgICBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbn1cbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFBQTsyREFDMkQ7QUFDM0QsVUFBVSxHQUNOLFdBQVcsRUFBRSxjQUFlLEVBQzVCLFVBQVUsRUFBRSxNQUFPLEVBQ25CLFdBQVcsRUFBRSxHQUFJLEVBRWpCLEdBQUcsRUFBRSx1Q0FBRyxFQUNSLEdBQUcsRUFBK0MsMkNBQUMsQ0FBRSwyQkFBTSxFQUNkLHNDQUFDLENBQU8sY0FBTSxFQUNmLHFDQUFDLENBQVEsa0JBQU07O0FBRy9ELFVBQVUsR0FDTixXQUFXLEVBQUUsY0FBZSxFQUM1QixVQUFVLEVBQUUsTUFBTyxFQUNuQixXQUFXLEVBQUUsTUFBTyxFQUVwQixHQUFHLEVBQUUsMENBQUcsRUFDUixHQUFHLEVBQWtELDhDQUFDLENBQUUsMkJBQU0sRUFDZCx5Q0FBQyxDQUFPLGNBQU0sRUFDZix3Q0FBQyxDQUFRLGtCQUFNOztBQUlsRTsyREFDMkQ7QUFDM0QsVUFBVSxHQUNOLFdBQVcsRUFBRSxTQUFVLEVBQ3ZCLFVBQVUsRUFBRSxNQUFPLEVBQ25CLFdBQVcsRUFBRSxHQUFJLEVBRWpCLEdBQUcsRUFBRSxrQ0FBRyxFQUNSLEdBQUcsRUFBa0MsaUNBQUMsQ0FBTyxjQUFNLEVBQ1osZ0NBQUMsQ0FBUSxrQkFBTTs7QUFHMUQsVUFBVSxHQUNOLFdBQVcsRUFBRSxTQUFVLEVBQ3ZCLFVBQVUsRUFBRSxNQUFPLEVBQ25CLFdBQVcsRUFBRSxNQUFPLEVBRXBCLEdBQUcsRUFBRSxxQ0FBRyxFQUNSLEdBQUcsRUFBcUMsb0NBQUMsQ0FBTyxjQUFNLEVBQ1osbUNBQUMsQ0FBUSxrQkFBTSIsCgkibmFtZXMiOiBbXQp9 */

css/font/compact.css.map

@@ -5,8 +5,8 @@
 		"../font.scss"
 	],
 	"sourcesContent": [
-		"@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n"
+		"/* [1] Proxima Nova\n=========================================================*/\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n\n\n/* [2] Icomoon\n=========================================================*/\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/icomoon/thin.eot\");\n    src: url(/css/fonts/icomoon/thin.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/icomoon/regular.eot\");\n    src: url(/css/fonts/icomoon/regular.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/regular.ttf)        format(\"truetype\");\n}\n"
 	],
-	"mappings": "AAAA,UAAU,GACN,WAAW,EAAE,cAAe,EAC5B,UAAU,EAAE,MAAO,EACnB,WAAW,EAAE,GAAI,EAEjB,GAAG,EAAE,uCAAG,EACR,GAAG,EAA+C,2CAAC,CAAE,2BAAM,EACd,sCAAC,CAAO,cAAM,EACf,qCAAC,CAAQ,kBAAM;;AAG/D,UAAU,GACN,WAAW,EAAE,cAAe,EAC5B,UAAU,EAAE,MAAO,EACnB,WAAW,EAAE,MAAO,EAEpB,GAAG,EAAE,0CAAG,EACR,GAAG,EAAkD,8CAAC,CAAE,2BAAM,EACd,yCAAC,CAAO,cAAM,EACf,wCAAC,CAAQ,kBAAM",
+	"mappings": "AAAA;2DAC2D;AAC3D,UAAU,GACN,WAAW,EAAE,cAAe,EAC5B,UAAU,EAAE,MAAO,EACnB,WAAW,EAAE,GAAI,EAEjB,GAAG,EAAE,uCAAG,EACR,GAAG,EAA+C,2CAAC,CAAE,2BAAM,EACd,sCAAC,CAAO,cAAM,EACf,qCAAC,CAAQ,kBAAM;;AAG/D,UAAU,GACN,WAAW,EAAE,cAAe,EAC5B,UAAU,EAAE,MAAO,EACnB,WAAW,EAAE,MAAO,EAEpB,GAAG,EAAE,0CAAG,EACR,GAAG,EAAkD,8CAAC,CAAE,2BAAM,EACd,yCAAC,CAAO,cAAM,EACf,wCAAC,CAAQ,kBAAM;;AAIlE;2DAC2D;AAC3D,UAAU,GACN,WAAW,EAAE,SAAU,EACvB,UAAU,EAAE,MAAO,EACnB,WAAW,EAAE,GAAI,EAEjB,GAAG,EAAE,kCAAG,EACR,GAAG,EAAkC,iCAAC,CAAO,cAAM,EACZ,gCAAC,CAAQ,kBAAM;;AAG1D,UAAU,GACN,WAAW,EAAE,SAAU,EACvB,UAAU,EAAE,MAAO,EACnB,WAAW,EAAE,MAAO,EAEpB,GAAG,EAAE,qCAAG,EACR,GAAG,EAAqC,oCAAC,CAAO,cAAM,EACZ,mCAAC,CAAQ,kBAAM",
 	"names": []
 }

css/font/expanded.css

@@ -1,3 +1,5 @@
+/* [1] Proxima Nova
+=========================================================*/
 @font-face {
   font-family: 'Proxima Nova';
   font-style: normal;
@@ -14,4 +16,22 @@
   src: url(/css/fonts/proxima-nova/regular#iefix.eot) format("embedded-opentype"), url(/css/fonts/proxima-nova/regular.woff) format("woff"), url(/css/fonts/proxima-nova/regular.ttf) format("truetype");
 }
 
-/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9mb250LnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSJAZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1Byb3hpbWEgTm92YSc7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiAxMDA7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4uZW90XCIpO1xuICAgIHNyYzogICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4jaWVmaXguZW90KSAgZm9ybWF0KFwiZW1iZWRkZWQtb3BlbnR5cGVcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4udHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG5cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnUHJveGltYSBOb3ZhJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhci5lb3RcIik7XG4gICAgc3JjOiAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhciNpZWZpeC5lb3QpICBmb3JtYXQoXCJlbWJlZGRlZC1vcGVudHlwZVwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhci50dGYpICAgICAgICBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbn1cbiIKCV0sCgkibWFwcGluZ3MiOiAiQUFBQSxVQUFVO0VBQ04sV0FBVyxFQUFFLGNBQWU7RUFDNUIsVUFBVSxFQUFFLE1BQU87RUFDbkIsV0FBVyxFQUFFLEdBQUk7RUFFakIsR0FBRyxFQUFFLHVDQUFHO0VBQ1IsR0FBRyxFQUErQywyQ0FBQyxDQUFFLDJCQUFNLEVBQ2Qsc0NBQUMsQ0FBTyxjQUFNLEVBQ2YscUNBQUMsQ0FBUSxrQkFBTTs7O0FBRy9ELFVBQVU7RUFDTixXQUFXLEVBQUUsY0FBZTtFQUM1QixVQUFVLEVBQUUsTUFBTztFQUNuQixXQUFXLEVBQUUsTUFBTztFQUVwQixHQUFHLEVBQUUsMENBQUc7RUFDUixHQUFHLEVBQWtELDhDQUFDLENBQUUsMkJBQU0sRUFDZCx5Q0FBQyxDQUFPLGNBQU0sRUFDZix3Q0FBQyxDQUFRLGtCQUFNIiwKCSJuYW1lcyI6IFtdCn0= */
+/* [2] Icomoon
+=========================================================*/
+@font-face {
+  font-family: 'icomoon';
+  font-style: normal;
+  font-weight: 100;
+  src: url("/css/fonts/icomoon/thin.eot");
+  src: url(/css/fonts/icomoon/thin.woff) format("woff"), url(/css/fonts/icomoon/thin.ttf) format("truetype");
+}
+
+@font-face {
+  font-family: 'icomoon';
+  font-style: normal;
+  font-weight: normal;
+  src: url("/css/fonts/icomoon/regular.eot");
+  src: url(/css/fonts/icomoon/regular.woff) format("woff"), url(/css/fonts/icomoon/regular.ttf) format("truetype");
+}
+
+/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAiZXhwYW5kZWQuY3NzIiwKCSJzb3VyY2VzIjogWwoJCSIuLi9mb250LnNjc3MiCgldLAoJInNvdXJjZXNDb250ZW50IjogWwoJCSIvKiBbMV0gUHJveGltYSBOb3ZhXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdQcm94aW1hIE5vdmEnO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogMTAwO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLmVvdFwiKTtcbiAgICBzcmM6ICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluI2llZml4LmVvdCkgIGZvcm1hdChcImVtYmVkZGVkLW9wZW50eXBlXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4ud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuXG5AZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1Byb3hpbWEgTm92YSc7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIuZW90XCIpO1xuICAgIHNyYzogICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIjaWVmaXguZW90KSAgZm9ybWF0KFwiZW1iZWRkZWQtb3BlbnR5cGVcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhci53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIudHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG5cblxuLyogWzJdIEljb21vb25cbj09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PSovXG5AZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ2ljb21vb24nO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogMTAwO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL2ljb21vb24vdGhpbi5lb3RcIik7XG4gICAgc3JjOiB1cmwoL2Nzcy9mb250cy9pY29tb29uL3RoaW4ud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL2ljb21vb24vdGhpbi50dGYpICAgICAgICBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbn1cblxuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdpY29tb29uJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9pY29tb29uL3JlZ3VsYXIuZW90XCIpO1xuICAgIHNyYzogdXJsKC9jc3MvZm9udHMvaWNvbW9vbi9yZWd1bGFyLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9pY29tb29uL3JlZ3VsYXIudHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG4iCgldLAoJIm1hcHBpbmdzIjogIkFBQUE7MkRBQzJEO0FBQzNELFVBQVU7RUFDTixXQUFXLEVBQUUsY0FBZTtFQUM1QixVQUFVLEVBQUUsTUFBTztFQUNuQixXQUFXLEVBQUUsR0FBSTtFQUVqQixHQUFHLEVBQUUsdUNBQUc7RUFDUixHQUFHLEVBQStDLDJDQUFDLENBQUUsMkJBQU0sRUFDZCxzQ0FBQyxDQUFPLGNBQU0sRUFDZixxQ0FBQyxDQUFRLGtCQUFNOzs7QUFHL0QsVUFBVTtFQUNOLFdBQVcsRUFBRSxjQUFlO0VBQzVCLFVBQVUsRUFBRSxNQUFPO0VBQ25CLFdBQVcsRUFBRSxNQUFPO0VBRXBCLEdBQUcsRUFBRSwwQ0FBRztFQUNSLEdBQUcsRUFBa0QsOENBQUMsQ0FBRSwyQkFBTSxFQUNkLHlDQUFDLENBQU8sY0FBTSxFQUNmLHdDQUFDLENBQVEsa0JBQU07OztBQUlsRTsyREFDMkQ7QUFDM0QsVUFBVTtFQUNOLFdBQVcsRUFBRSxTQUFVO0VBQ3ZCLFVBQVUsRUFBRSxNQUFPO0VBQ25CLFdBQVcsRUFBRSxHQUFJO0VBRWpCLEdBQUcsRUFBRSxrQ0FBRztFQUNSLEdBQUcsRUFBa0MsaUNBQUMsQ0FBTyxjQUFNLEVBQ1osZ0NBQUMsQ0FBUSxrQkFBTTs7O0FBRzFELFVBQVU7RUFDTixXQUFXLEVBQUUsU0FBVTtFQUN2QixVQUFVLEVBQUUsTUFBTztFQUNuQixXQUFXLEVBQUUsTUFBTztFQUVwQixHQUFHLEVBQUUscUNBQUc7RUFDUixHQUFHLEVBQXFDLG9DQUFDLENBQU8sY0FBTSxFQUNaLG1DQUFDLENBQVEsa0JBQU0iLAoJIm5hbWVzIjogW10KfQ== */

css/font/expanded.css.map

@@ -5,8 +5,8 @@
 		"../font.scss"
 	],
 	"sourcesContent": [
-		"@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n"
+		"/* [1] Proxima Nova\n=========================================================*/\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n\n\n/* [2] Icomoon\n=========================================================*/\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/icomoon/thin.eot\");\n    src: url(/css/fonts/icomoon/thin.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/icomoon/regular.eot\");\n    src: url(/css/fonts/icomoon/regular.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/regular.ttf)        format(\"truetype\");\n}\n"
 	],
-	"mappings": "AAAA,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,GAAI;EAEjB,GAAG,EAAE,uCAAG;EACR,GAAG,EAA+C,2CAAC,CAAE,2BAAM,EACd,sCAAC,CAAO,cAAM,EACf,qCAAC,CAAQ,kBAAM;;;AAG/D,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,MAAO;EAEpB,GAAG,EAAE,0CAAG;EACR,GAAG,EAAkD,8CAAC,CAAE,2BAAM,EACd,yCAAC,CAAO,cAAM,EACf,wCAAC,CAAQ,kBAAM",
+	"mappings": "AAAA;2DAC2D;AAC3D,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,GAAI;EAEjB,GAAG,EAAE,uCAAG;EACR,GAAG,EAA+C,2CAAC,CAAE,2BAAM,EACd,sCAAC,CAAO,cAAM,EACf,qCAAC,CAAQ,kBAAM;;;AAG/D,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,MAAO;EAEpB,GAAG,EAAE,0CAAG;EACR,GAAG,EAAkD,8CAAC,CAAE,2BAAM,EACd,yCAAC,CAAO,cAAM,EACf,wCAAC,CAAQ,kBAAM;;;AAIlE;2DAC2D;AAC3D,UAAU;EACN,WAAW,EAAE,SAAU;EACvB,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,GAAI;EAEjB,GAAG,EAAE,kCAAG;EACR,GAAG,EAAkC,iCAAC,CAAO,cAAM,EACZ,gCAAC,CAAQ,kBAAM;;;AAG1D,UAAU;EACN,WAAW,EAAE,SAAU;EACvB,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,MAAO;EAEpB,GAAG,EAAE,qCAAG;EACR,GAAG,EAAqC,oCAAC,CAAO,cAAM,EACZ,mCAAC,CAAQ,kBAAM",
 	"names": []
 }

css/font/min.css

@@ -1,3 +1,3 @@
-@font-face{font-family:'Proxima Nova';font-style:normal;font-weight:100;src:url("/css/fonts/proxima-nova/thin.eot");src:url(/css/fonts/proxima-nova/thin#iefix.eot) format("embedded-opentype"),url(/css/fonts/proxima-nova/thin.woff) format("woff"),url(/css/fonts/proxima-nova/thin.ttf) format("truetype")}@font-face{font-family:'Proxima Nova';font-style:normal;font-weight:normal;src:url("/css/fonts/proxima-nova/regular.eot");src:url(/css/fonts/proxima-nova/regular#iefix.eot) format("embedded-opentype"),url(/css/fonts/proxima-nova/regular.woff) format("woff"),url(/css/fonts/proxima-nova/regular.ttf) format("truetype")}
+@font-face{font-family:'Proxima Nova';font-style:normal;font-weight:100;src:url("/css/fonts/proxima-nova/thin.eot");src:url(/css/fonts/proxima-nova/thin#iefix.eot) format("embedded-opentype"),url(/css/fonts/proxima-nova/thin.woff) format("woff"),url(/css/fonts/proxima-nova/thin.ttf) format("truetype")}@font-face{font-family:'Proxima Nova';font-style:normal;font-weight:normal;src:url("/css/fonts/proxima-nova/regular.eot");src:url(/css/fonts/proxima-nova/regular#iefix.eot) format("embedded-opentype"),url(/css/fonts/proxima-nova/regular.woff) format("woff"),url(/css/fonts/proxima-nova/regular.ttf) format("truetype")}@font-face{font-family:'icomoon';font-style:normal;font-weight:100;src:url("/css/fonts/icomoon/thin.eot");src:url(/css/fonts/icomoon/thin.woff) format("woff"),url(/css/fonts/icomoon/thin.ttf) format("truetype")}@font-face{font-family:'icomoon';font-style:normal;font-weight:normal;src:url("/css/fonts/icomoon/regular.eot");src:url(/css/fonts/icomoon/regular.woff) format("woff"),url(/css/fonts/icomoon/regular.ttf) format("truetype")}
 
-/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vZm9udC5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdQcm94aW1hIE5vdmEnO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogMTAwO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLmVvdFwiKTtcbiAgICBzcmM6ICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluI2llZml4LmVvdCkgIGZvcm1hdChcImVtYmVkZGVkLW9wZW50eXBlXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4ud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuXG5AZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1Byb3hpbWEgTm92YSc7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIuZW90XCIpO1xuICAgIHNyYzogICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIjaWVmaXguZW90KSAgZm9ybWF0KFwiZW1iZWRkZWQtb3BlbnR5cGVcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhci53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIudHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG4iCgldLAoJIm1hcHBpbmdzIjogIkFBQUEsVUFBVSxDQUNOLFdBQVcsQ0FBRSxjQUFlLENBQzVCLFVBQVUsQ0FBRSxNQUFPLENBQ25CLFdBQVcsQ0FBRSxHQUFJLENBRWpCLEdBQUcsQ0FBRSx1Q0FBRyxDQUNSLEdBQUcsQ0FBK0MsMkNBQUMsQ0FBRSwyQkFBTSxDQUNkLHNDQUFDLENBQU8sY0FBTSxDQUNmLHFDQUFDLENBQVEsa0JBQU0sQ0FHL0QsVUFBVSxDQUNOLFdBQVcsQ0FBRSxjQUFlLENBQzVCLFVBQVUsQ0FBRSxNQUFPLENBQ25CLFdBQVcsQ0FBRSxNQUFPLENBRXBCLEdBQUcsQ0FBRSwwQ0FBRyxDQUNSLEdBQUcsQ0FBa0QsOENBQUMsQ0FBRSwyQkFBTSxDQUNkLHlDQUFDLENBQU8sY0FBTSxDQUNmLHdDQUFDLENBQVEsa0JBQU0iLAoJIm5hbWVzIjogW10KfQ== */
+/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibWluLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vZm9udC5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiLyogWzFdIFByb3hpbWEgTm92YVxuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnUHJveGltYSBOb3ZhJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDEwMDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi5lb3RcIik7XG4gICAgc3JjOiAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbiNpZWZpeC5lb3QpICBmb3JtYXQoXCJlbWJlZGRlZC1vcGVudHlwZVwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi50dGYpICAgICAgICBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbn1cblxuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdQcm94aW1hIE5vdmEnO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLmVvdFwiKTtcbiAgICBzcmM6ICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyI2llZml4LmVvdCkgIGZvcm1hdChcImVtYmVkZGVkLW9wZW50eXBlXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuXG5cbi8qIFsyXSBJY29tb29uXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdpY29tb29uJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDEwMDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9pY29tb29uL3RoaW4uZW90XCIpO1xuICAgIHNyYzogdXJsKC9jc3MvZm9udHMvaWNvbW9vbi90aGluLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9pY29tb29uL3RoaW4udHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG5cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnaWNvbW9vbic7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvaWNvbW9vbi9yZWd1bGFyLmVvdFwiKTtcbiAgICBzcmM6IHVybCgvY3NzL2ZvbnRzL2ljb21vb24vcmVndWxhci53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvaWNvbW9vbi9yZWd1bGFyLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQUVBLFVBQVUsQ0FDTixXQUFXLENBQUUsY0FBZSxDQUM1QixVQUFVLENBQUUsTUFBTyxDQUNuQixXQUFXLENBQUUsR0FBSSxDQUVqQixHQUFHLENBQUUsdUNBQUcsQ0FDUixHQUFHLENBQStDLDJDQUFDLENBQUUsMkJBQU0sQ0FDZCxzQ0FBQyxDQUFPLGNBQU0sQ0FDZixxQ0FBQyxDQUFRLGtCQUFNLENBRy9ELFVBQVUsQ0FDTixXQUFXLENBQUUsY0FBZSxDQUM1QixVQUFVLENBQUUsTUFBTyxDQUNuQixXQUFXLENBQUUsTUFBTyxDQUVwQixHQUFHLENBQUUsMENBQUcsQ0FDUixHQUFHLENBQWtELDhDQUFDLENBQUUsMkJBQU0sQ0FDZCx5Q0FBQyxDQUFPLGNBQU0sQ0FDZix3Q0FBQyxDQUFRLGtCQUFNLENBTWxFLFVBQVUsQ0FDTixXQUFXLENBQUUsU0FBVSxDQUN2QixVQUFVLENBQUUsTUFBTyxDQUNuQixXQUFXLENBQUUsR0FBSSxDQUVqQixHQUFHLENBQUUsa0NBQUcsQ0FDUixHQUFHLENBQWtDLGlDQUFDLENBQU8sY0FBTSxDQUNaLGdDQUFDLENBQVEsa0JBQU0sQ0FHMUQsVUFBVSxDQUNOLFdBQVcsQ0FBRSxTQUFVLENBQ3ZCLFVBQVUsQ0FBRSxNQUFPLENBQ25CLFdBQVcsQ0FBRSxNQUFPLENBRXBCLEdBQUcsQ0FBRSxxQ0FBRyxDQUNSLEdBQUcsQ0FBcUMsb0NBQUMsQ0FBTyxjQUFNLENBQ1osbUNBQUMsQ0FBUSxrQkFBTSIsCgkibmFtZXMiOiBbXQp9 */

css/font/min.css.map

@@ -5,8 +5,8 @@
 		"../font.scss"
 	],
 	"sourcesContent": [
-		"@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n"
+		"/* [1] Proxima Nova\n=========================================================*/\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n\n\n/* [2] Icomoon\n=========================================================*/\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/icomoon/thin.eot\");\n    src: url(/css/fonts/icomoon/thin.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/icomoon/regular.eot\");\n    src: url(/css/fonts/icomoon/regular.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/regular.ttf)        format(\"truetype\");\n}\n"
 	],
-	"mappings": "AAAA,UAAU,CACN,WAAW,CAAE,cAAe,CAC5B,UAAU,CAAE,MAAO,CACnB,WAAW,CAAE,GAAI,CAEjB,GAAG,CAAE,uCAAG,CACR,GAAG,CAA+C,2CAAC,CAAE,2BAAM,CACd,sCAAC,CAAO,cAAM,CACf,qCAAC,CAAQ,kBAAM,CAG/D,UAAU,CACN,WAAW,CAAE,cAAe,CAC5B,UAAU,CAAE,MAAO,CACnB,WAAW,CAAE,MAAO,CAEpB,GAAG,CAAE,0CAAG,CACR,GAAG,CAAkD,8CAAC,CAAE,2BAAM,CACd,yCAAC,CAAO,cAAM,CACf,wCAAC,CAAQ,kBAAM",
+	"mappings": "AAEA,UAAU,CACN,WAAW,CAAE,cAAe,CAC5B,UAAU,CAAE,MAAO,CACnB,WAAW,CAAE,GAAI,CAEjB,GAAG,CAAE,uCAAG,CACR,GAAG,CAA+C,2CAAC,CAAE,2BAAM,CACd,sCAAC,CAAO,cAAM,CACf,qCAAC,CAAQ,kBAAM,CAG/D,UAAU,CACN,WAAW,CAAE,cAAe,CAC5B,UAAU,CAAE,MAAO,CACnB,WAAW,CAAE,MAAO,CAEpB,GAAG,CAAE,0CAAG,CACR,GAAG,CAAkD,8CAAC,CAAE,2BAAM,CACd,yCAAC,CAAO,cAAM,CACf,wCAAC,CAAQ,kBAAM,CAMlE,UAAU,CACN,WAAW,CAAE,SAAU,CACvB,UAAU,CAAE,MAAO,CACnB,WAAW,CAAE,GAAI,CAEjB,GAAG,CAAE,kCAAG,CACR,GAAG,CAAkC,iCAAC,CAAO,cAAM,CACZ,gCAAC,CAAQ,kBAAM,CAG1D,UAAU,CACN,WAAW,CAAE,SAAU,CACvB,UAAU,CAAE,MAAO,CACnB,WAAW,CAAE,MAAO,CAEpB,GAAG,CAAE,qCAAG,CACR,GAAG,CAAqC,oCAAC,CAAO,cAAM,CACZ,mCAAC,CAAQ,kBAAM",
 	"names": []
 }

css/font/nested.css

@@ -1,3 +1,5 @@
+/* [1] Proxima Nova
+=========================================================*/
 @font-face {
   font-family: 'Proxima Nova';
   font-style: normal;
@@ -12,4 +14,20 @@
   src: url("/css/fonts/proxima-nova/regular.eot");
   src: url(/css/fonts/proxima-nova/regular#iefix.eot) format("embedded-opentype"), url(/css/fonts/proxima-nova/regular.woff) format("woff"), url(/css/fonts/proxima-nova/regular.ttf) format("truetype"); }
 
-/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibmVzdGVkLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vZm9udC5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdQcm94aW1hIE5vdmEnO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogMTAwO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLmVvdFwiKTtcbiAgICBzcmM6ICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluI2llZml4LmVvdCkgIGZvcm1hdChcImVtYmVkZGVkLW9wZW50eXBlXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3RoaW4ud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuXG5AZm9udC1mYWNlIHtcbiAgICBmb250LWZhbWlseTogJ1Byb3hpbWEgTm92YSc7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIuZW90XCIpO1xuICAgIHNyYzogICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIjaWVmaXguZW90KSAgZm9ybWF0KFwiZW1iZWRkZWQtb3BlbnR5cGVcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvcmVndWxhci53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIudHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG4iCgldLAoJIm1hcHBpbmdzIjogIkFBQUEsVUFBVTtFQUNOLFdBQVcsRUFBRSxjQUFlO0VBQzVCLFVBQVUsRUFBRSxNQUFPO0VBQ25CLFdBQVcsRUFBRSxHQUFJO0VBRWpCLEdBQUcsRUFBRSx1Q0FBRztFQUNSLEdBQUcsRUFBK0MsMkNBQUMsQ0FBRSwyQkFBTSxFQUNkLHNDQUFDLENBQU8sY0FBTSxFQUNmLHFDQUFDLENBQVEsa0JBQU07O0FBRy9ELFVBQVU7RUFDTixXQUFXLEVBQUUsY0FBZTtFQUM1QixVQUFVLEVBQUUsTUFBTztFQUNuQixXQUFXLEVBQUUsTUFBTztFQUVwQixHQUFHLEVBQUUsMENBQUc7RUFDUixHQUFHLEVBQWtELDhDQUFDLENBQUUsMkJBQU0sRUFDZCx5Q0FBQyxDQUFPLGNBQU0sRUFDZix3Q0FBQyxDQUFRLGtCQUFNIiwKCSJuYW1lcyI6IFtdCn0= */
+/* [2] Icomoon
+=========================================================*/
+@font-face {
+  font-family: 'icomoon';
+  font-style: normal;
+  font-weight: 100;
+  src: url("/css/fonts/icomoon/thin.eot");
+  src: url(/css/fonts/icomoon/thin.woff) format("woff"), url(/css/fonts/icomoon/thin.ttf) format("truetype"); }
+
+@font-face {
+  font-family: 'icomoon';
+  font-style: normal;
+  font-weight: normal;
+  src: url("/css/fonts/icomoon/regular.eot");
+  src: url(/css/fonts/icomoon/regular.woff) format("woff"), url(/css/fonts/icomoon/regular.ttf) format("truetype"); }
+
+/*# sourceMappingURL=data:application/json;base64,ewoJInZlcnNpb24iOiAzLAoJImZpbGUiOiAibmVzdGVkLmNzcyIsCgkic291cmNlcyI6IFsKCQkiLi4vZm9udC5zY3NzIgoJXSwKCSJzb3VyY2VzQ29udGVudCI6IFsKCQkiLyogWzFdIFByb3hpbWEgTm92YVxuPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09Ki9cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnUHJveGltYSBOb3ZhJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDEwMDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi5lb3RcIik7XG4gICAgc3JjOiAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbiNpZWZpeC5lb3QpICBmb3JtYXQoXCJlbWJlZGRlZC1vcGVudHlwZVwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS90aGluLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9wcm94aW1hLW5vdmEvdGhpbi50dGYpICAgICAgICBmb3JtYXQoXCJ0cnVldHlwZVwiKTtcbn1cblxuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdQcm94aW1hIE5vdmEnO1xuICAgIGZvbnQtc3R5bGU6IG5vcm1hbDtcbiAgICBmb250LXdlaWdodDogbm9ybWFsO1xuXG4gICAgc3JjOiB1cmwoXCIvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLmVvdFwiKTtcbiAgICBzcmM6ICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyI2llZml4LmVvdCkgIGZvcm1hdChcImVtYmVkZGVkLW9wZW50eXBlXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvcHJveGltYS1ub3ZhL3JlZ3VsYXIud29mZikgICAgICAgZm9ybWF0KFwid29mZlwiKSxcbiAgICAgICAgICAgIHVybCgvY3NzL2ZvbnRzL3Byb3hpbWEtbm92YS9yZWd1bGFyLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuXG5cbi8qIFsyXSBJY29tb29uXG49PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT0qL1xuQGZvbnQtZmFjZSB7XG4gICAgZm9udC1mYW1pbHk6ICdpY29tb29uJztcbiAgICBmb250LXN0eWxlOiBub3JtYWw7XG4gICAgZm9udC13ZWlnaHQ6IDEwMDtcblxuICAgIHNyYzogdXJsKFwiL2Nzcy9mb250cy9pY29tb29uL3RoaW4uZW90XCIpO1xuICAgIHNyYzogdXJsKC9jc3MvZm9udHMvaWNvbW9vbi90aGluLndvZmYpICAgICAgIGZvcm1hdChcIndvZmZcIiksXG4gICAgICAgICAgICB1cmwoL2Nzcy9mb250cy9pY29tb29uL3RoaW4udHRmKSAgICAgICAgZm9ybWF0KFwidHJ1ZXR5cGVcIik7XG59XG5cbkBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAnaWNvbW9vbic7XG4gICAgZm9udC1zdHlsZTogbm9ybWFsO1xuICAgIGZvbnQtd2VpZ2h0OiBub3JtYWw7XG5cbiAgICBzcmM6IHVybChcIi9jc3MvZm9udHMvaWNvbW9vbi9yZWd1bGFyLmVvdFwiKTtcbiAgICBzcmM6IHVybCgvY3NzL2ZvbnRzL2ljb21vb24vcmVndWxhci53b2ZmKSAgICAgICBmb3JtYXQoXCJ3b2ZmXCIpLFxuICAgICAgICAgICAgdXJsKC9jc3MvZm9udHMvaWNvbW9vbi9yZWd1bGFyLnR0ZikgICAgICAgIGZvcm1hdChcInRydWV0eXBlXCIpO1xufVxuIgoJXSwKCSJtYXBwaW5ncyI6ICJBQUFBOzJEQUMyRDtBQUMzRCxVQUFVO0VBQ04sV0FBVyxFQUFFLGNBQWU7RUFDNUIsVUFBVSxFQUFFLE1BQU87RUFDbkIsV0FBVyxFQUFFLEdBQUk7RUFFakIsR0FBRyxFQUFFLHVDQUFHO0VBQ1IsR0FBRyxFQUErQywyQ0FBQyxDQUFFLDJCQUFNLEVBQ2Qsc0NBQUMsQ0FBTyxjQUFNLEVBQ2YscUNBQUMsQ0FBUSxrQkFBTTs7QUFHL0QsVUFBVTtFQUNOLFdBQVcsRUFBRSxjQUFlO0VBQzVCLFVBQVUsRUFBRSxNQUFPO0VBQ25CLFdBQVcsRUFBRSxNQUFPO0VBRXBCLEdBQUcsRUFBRSwwQ0FBRztFQUNSLEdBQUcsRUFBa0QsOENBQUMsQ0FBRSwyQkFBTSxFQUNkLHlDQUFDLENBQU8sY0FBTSxFQUNmLHdDQUFDLENBQVEsa0JBQU07O0FBSWxFOzJEQUMyRDtBQUMzRCxVQUFVO0VBQ04sV0FBVyxFQUFFLFNBQVU7RUFDdkIsVUFBVSxFQUFFLE1BQU87RUFDbkIsV0FBVyxFQUFFLEdBQUk7RUFFakIsR0FBRyxFQUFFLGtDQUFHO0VBQ1IsR0FBRyxFQUFrQyxpQ0FBQyxDQUFPLGNBQU0sRUFDWixnQ0FBQyxDQUFRLGtCQUFNOztBQUcxRCxVQUFVO0VBQ04sV0FBVyxFQUFFLFNBQVU7RUFDdkIsVUFBVSxFQUFFLE1BQU87RUFDbkIsV0FBVyxFQUFFLE1BQU87RUFFcEIsR0FBRyxFQUFFLHFDQUFHO0VBQ1IsR0FBRyxFQUFxQyxvQ0FBQyxDQUFPLGNBQU0sRUFDWixtQ0FBQyxDQUFRLGtCQUFNIiwKCSJuYW1lcyI6IFtdCn0= */

css/font/nested.css.map

@@ -5,8 +5,8 @@
 		"../font.scss"
 	],
 	"sourcesContent": [
-		"@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n"
+		"/* [1] Proxima Nova\n=========================================================*/\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/proxima-nova/thin.eot\");\n    src:    url(/css/fonts/proxima-nova/thin#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/thin.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'Proxima Nova';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/proxima-nova/regular.eot\");\n    src:    url(/css/fonts/proxima-nova/regular#iefix.eot)  format(\"embedded-opentype\"),\n            url(/css/fonts/proxima-nova/regular.woff)       format(\"woff\"),\n            url(/css/fonts/proxima-nova/regular.ttf)        format(\"truetype\");\n}\n\n\n/* [2] Icomoon\n=========================================================*/\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: 100;\n\n    src: url(\"/css/fonts/icomoon/thin.eot\");\n    src: url(/css/fonts/icomoon/thin.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/thin.ttf)        format(\"truetype\");\n}\n\n@font-face {\n    font-family: 'icomoon';\n    font-style: normal;\n    font-weight: normal;\n\n    src: url(\"/css/fonts/icomoon/regular.eot\");\n    src: url(/css/fonts/icomoon/regular.woff)       format(\"woff\"),\n            url(/css/fonts/icomoon/regular.ttf)        format(\"truetype\");\n}\n"
 	],
-	"mappings": "AAAA,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,GAAI;EAEjB,GAAG,EAAE,uCAAG;EACR,GAAG,EAA+C,2CAAC,CAAE,2BAAM,EACd,sCAAC,CAAO,cAAM,EACf,qCAAC,CAAQ,kBAAM;;AAG/D,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,MAAO;EAEpB,GAAG,EAAE,0CAAG;EACR,GAAG,EAAkD,8CAAC,CAAE,2BAAM,EACd,yCAAC,CAAO,cAAM,EACf,wCAAC,CAAQ,kBAAM",
+	"mappings": "AAAA;2DAC2D;AAC3D,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,GAAI;EAEjB,GAAG,EAAE,uCAAG;EACR,GAAG,EAA+C,2CAAC,CAAE,2BAAM,EACd,sCAAC,CAAO,cAAM,EACf,qCAAC,CAAQ,kBAAM;;AAG/D,UAAU;EACN,WAAW,EAAE,cAAe;EAC5B,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,MAAO;EAEpB,GAAG,EAAE,0CAAG;EACR,GAAG,EAAkD,8CAAC,CAAE,2BAAM,EACd,yCAAC,CAAO,cAAM,EACf,wCAAC,CAAQ,kBAAM;;AAIlE;2DAC2D;AAC3D,UAAU;EACN,WAAW,EAAE,SAAU;EACvB,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,GAAI;EAEjB,GAAG,EAAE,kCAAG;EACR,GAAG,EAAkC,iCAAC,CAAO,cAAM,EACZ,gCAAC,CAAQ,kBAAM;;AAG1D,UAAU;EACN,WAAW,EAAE,SAAU;EACvB,UAAU,EAAE,MAAO;EACnB,WAAW,EAAE,MAAO;EAEpB,GAAG,EAAE,qCAAG;EACR,GAAG,EAAqC,oCAAC,CAAO,cAAM,EACZ,mCAAC,CAAQ,kBAAM",
 	"names": []
 }

css/global.scss

@@ -1,289 +1,250 @@
 @import 'constants';
 
-
+/* [1] Panel list (tokens, utilisateurs, etc)
-/* [1] Panneau d'ajout/suppression d'elements
 =========================================================*/
-#WRAPPER > #CONTAINER section[data-panel-list]{
+@import 'panel-list';
+
+/* [2] Formulaire de type 'timeline'
+=========================================================*/
+// @import 'timeline-form';
+
+/* [1] Formulaire de type timeline
+=========================================================*/
+#WRAPPER > #CONTAINER section[data-timeline]{
 	display: block;
 	position: relative;
 
-	border-radius: 3px;
-	border: 1px solid #ccc;
-
 	background-color: #fff;
 
 	font-size: .9em;
 	color: #000;
 
+	/* (1) On ajoute le liseré à droite pour TOUS les éléments */
+	& *:not(.no-line){
+		display: block;
 
-	/* (1) Header (titre + ajout) */
-	& > div[data-header]{
-		display: flex;
-		position: relative;
-
-		// flex properties
-		flex-direction: row;
-		flex-wrap: nowrap;
-		justify-content: space-between;
-		align-items: center;
-
-		padding: .5em .7em;
-
-		border-radius: 3px 3px 0 0;
-		border-bottom: 1px solid #ccc;
-
-		background-color: #f5f5f5;
-		box-shadow: inset 0 0 5px #eee;
-
-		// Libelle du panel
-		& > span,
-		& > button{
 		color: #333;
-			font-weight: bold;
+
-			line-height: 2em;
+		margin: 0 40px;
+		padding: 5px 60px;
+
+        border-left: 2px solid #399ced;
+
 	}
 
-		// Bouton ajouter
-		& > button{
-			padding: .1em .7em;
 
-			border-radius: 3px;
+	/* (2) Titres de sections */
-			border: 1px solid #777;
+	& h3:not(.no-line){
+		display: block;
+		padding: 20px 40px;
 
-			background: #ecf0f1;
+		font-size: 1.4em;
-
-			transition: all .1s ease-in-out;
-
-			color: #777;
-
-			// Animation de @hover
-			&:hover{
-				background: $theme-fg-primary;
-				border-color: darken($theme-fg-primary, 10);
 		color: #fff;
-			}
-		}
-
-	}
-
-
-	/* (2) Description (sous le header) */
-	& > div[data-description]{
-		display: block;
-		position: relative;
-
-		border-bottom: 1px solid #ccc;
-
-		padding: .7em .7em;
-
-		color: #555;
-	}
-
-
-
-	/* (3) Liste des elements */
-	& > ul[data-list]{
-		display: flex;
-		position: relative;
-
-		// flex properties
-		flex-direction: column;
-		justify-content: flex-start;
-		flex-wrap: nowrap;
-
-		margin: 0;
-		padding: 0;
-
-		list-style: none;
-
-
-		/* (4) Chaque element de la liste */
-		& > li[data-element]{
-			display: flex;
-
-			// flex properties
-			flex-direction: row;
-			justify-content: space-between;
-			align-items: center;
-			flex-wrap: nowrap;
-
-			padding: 1em;
-
-			// rebord en bas sauf dernier
-			&:not(:last-child){
-				border-bottom: 1px solid #ccc;
-			}
-
-			/* (4.1) Logo et type d'element */
-			& > div:nth-child(1){
-				display: flex;
-					width: 10em;
-					height: 6em;
-
-				// flex properties
-				flex-direction: column;
-				justify-content: flex-end;
-				align-items: center;
-
-				// Image pour token
-				&[data-token]{
-					background: url('/f/svg/token/st/container/666666') center 1em no-repeat;
-					// Si le token est actif
-					&.active{
-						background-image: url('/f/svg/token/st/container/399ced');
-					}
-				}
-
-
-				// Image pour utilisateur
-				&[data-user]{
-					background: url('/f/svg/user/st/container/666666') center 1em no-repeat;
-					// Si le token est actif
-					&.active{
-						background-image: url('/f/svg/user/st/container/399ced');
-					}
-				}
-
-
-				// Image pour utilisateur
-				&[data-number]{
-					background: url('/f/svg/phone_number/st/container/666666') center 1em no-repeat;
-					// Si le token est actif
-					&.active{
-						background-image: url('/f/svg/phone_number/st/container/399ced');
-					}
-				}
-
-				background-size: auto 50%;
-
-
-
-				// Texte pour le type d'element
-				& > span{
-					display: block;
-
-					padding: 0 .4em;
-
-					border-radius: 3px;
-					border: 1px solid #ddd;
-
-					font-size: .8em;
-					color: #555;
-					text-transform: uppercase;
 		font-weight: bold;
-				}
+
+        background-color: #399ced;
+
+		// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border
+		// FIXME: Corriger le liseré pour les autres navigateurs que FF
+
+		// Gestion du before (compteur css) //
+		&[data-n]:before{
+            content: attr(data-n);
+
+            display: inline-block;
+            position: absolute;
+            margin-top: .48em;
+            margin-left: -41px;
+            padding: 3px 12px;
+
+            border-radius: 50%;
+            // Contour blanc
+            box-shadow: 0 0 0 3px #fff;
+
+            background-color: #399ced;
+
+			font-size: 1.3em;
+			color: #fff;
+			font-weight: bold;
+
+            // On centre sur la ligne
+            transform: translateX(-50%) translateY(-50%);
 
 		}
+	}
 
-			/* (4.2) Donnees descriptives */
+	/* (3) Titres des sous-sections */
-			& > div:nth-child(n+2){
+	& h4:not(.no-line){
-				display: flex;
+		display: block;
-				position: relative;
 
-				flex: 10em;
+		padding: 20px 40px;
 
-				padding: 1em;
+		font-size: 1.2em;
+		color: darken(#399ced, 20);
+		font-weight: bold;
 
-				// flex properties
+		// Gestion du before (compteur css) //
-				flex-direction: column;
+		&[data-icon]:before{
-				justify-content: flex-start;
+			content: attr(data-icon);
-				align-items: flex-start;
+
+            display: inline-block;
+            position: absolute;
+            margin-top: .8em;
+            margin-left: -41px;
+            padding: 7px;
+
+            border-radius: 50%;
+            // Contour blanc
+            box-shadow: 0 0 0 2px #fff;
+
+            background-color: #399ced;
 
 			font-size: 1em;
-				color: #000;
+			font-family: 'icomoon';
+			color: #fff;
 			font-weight: bold;
 
-				// On prefixe chaque donnee
+            // On centre sur la ligne
-				& > span[data-prefix]:before{
+            transform: translateX(-50%) translateY(-50%);
-					content: attr(data-prefix) ": ";
+		}
+	}
+
+	/* (4) Titres genre text message */
+	& h5:not(.no-line){
+		display: block;
+
+		padding: 20px 40px;
+
+		font-size: 1.2em;
+		color: darken(#399ced, 20);
+		font-weight: bold;
+
+		// Gestion du before (compteur css) //
+		&:before{
+			content: '';
+
+            display: inline-block;
+            position: absolute;
+            margin-top: .7em;
+            margin-left: -41px;
+            padding: 7px;
+
+            border-radius: 50%;
+            // Contour blanc
+            box-shadow: 0 0 0 2px #fff;
+
+            background-color: #399ced;
+
+            // On centre sur la ligne
+            transform: translateX(-50%) translateY(-50%);
+		}
+
+        // Texte genre text message
+        &[data-text]:after{
+            content: attr(data-text);
+            padding: 6px 10px;
+
+            border-radius: 3px;
+
+            background: $theme-fg-primary;
+
+            color: #fff;
             font-weight: normal;
         }
 	}
 
-			/* (4.3) Bouton de suppression */
+	/* (5) 'Tags' -> textes sur le liseré gauche */
-			& > button{
+	& [data-tag]{
-				padding: .1em .7em;
-					height: 2em;
-
-				border-radius: 3px;
-				border: 1px solid #de2b08;
-
-				background: #fff;
-
-				color: #de2b08;
-				font-weight: bold;
-
-				transition: all .2s ease-in-out;
-
-				// Animation de @hover
-				&:hover{
-					background: #de2b08;
-					color: #fff;
-				}
-			}
-
-		}
-	}
-
-
-	/* (5) Formulaire d'ajout d'un nouvel element */
-	& > div[data-add]{
-		display: none;
-
-		// Affichage quand .active
-		&.active{
 		display: block;
-		}
 
-		position: relative;
+		padding: 40px 60px;
 
-		padding: 1em;
+        &:before{
+    		content: attr(data-tag);
 
-		border-bottom: 1px solid #ccc;
-
-		background-color: #ecf0f1;
-
-		// font-weight: bold;
-
-		/* (5.1) Description du champ de texte */
-		& > .label{
             display: inline-block;
-			width: 18em;
+            position: absolute;
-			padding-right: 2em;
+            margin-top: .5em;
-			text-align: right;
+            margin-left: -41px;
-			color: #3b494c;
+            padding: 2px;
-		}
-
-
-		/* (5.2) Champs de texte */
-		& > input[type='text'],
-		& > input[type='email'],
-		& > input[type='password']{
-			margin: 1em 0;
-			padding: .5em .7em;
-
-			border-radius: 3px;
-			border: 1px solid #ddd;
 
             background-color: #fff;
 
-			color: #000;
+            font-size: 1.2em;
+            color: #399ced;
+            font-weight: bold;
+
+            // On centre sur la ligne
+            transform: translateX(-50%) translateY(-50%);
+        }
+	}
+
+    /* (6) Input d'upload de fichier (css hack) */
+    & input[type='file']{
+        position: relative;
+        opacity: 0;
+
+        z-index: 10;
+
+        cursor: pointer;
+    }
+
+    // Contiendra l'input
+    & input[type='file'] + span.file-input{
+        display: inline-block;
+        position: absolute;
+            margin-top: -1px;
+            margin-left: -290px;
+            width: calc( 290px - 2*15px );
+            height: 30px;
+
+        padding: 0 15px;
+
+        border-radius: 3px;
+        background: #ddd;
+
+        color: #333;
+        line-height: 30px;
         font-weight: normal;
 
-			// Animation de @focus
+        z-index: 9;
-			&:focus{
+
-				border-color: $theme-fg-primary;
+        cursor: pointer;
-				box-shadow: inset 0 0 2px #ddd;
+
+        // Icone d'upload
+        &:before{
+            content: 'e ';
+
+            font-size: 1em;
+			font-family: 'icomoon';
+			color: #333;
+			font-weight: bold;
         }
     }
 
+	/* (7) Inputs de type text */
+	& input:not([type='file']){
+		display: inline;
+		width: auto;
 
-		/* (5.3) Bouton de creation animation de @hover*/
+		margin: unset;
-		& > input[type='submit']:hover{
+		padding: 5px 10px;
-			background: $theme-fg-primary;
+		margin-bottom: 5px;
-			border-color: darken($theme-fg-primary, 10);
+		margin-right: 15px;
-			color: #fff;
+
-		}
+		border-radius: 0;
+		border: 1.5px solid #aaa;
+
+		font-size: .8em;
+		font-weight: normal;
 	}
 
+	/* (8) Gestion des espacements */
+	& [data-space]{
+		padding-top: 30px;
+		padding-bottom: 30px;
+	}
+
+
+
 }

css/panel-list.scss

@@ -0,0 +1,288 @@
+@import 'constants';
+
+/* [1] Panneau d'ajout/suppression d'elements
+=========================================================*/
+#WRAPPER > #CONTAINER section[data-panel-list]{
+	display: block;
+	position: relative;
+
+	border-radius: 3px;
+	border: 1px solid #ccc;
+
+	background-color: #fff;
+
+	font-size: .9em;
+	color: #000;
+
+
+	/* (1) Header (titre + ajout) */
+	& > div[data-header]{
+		display: flex;
+		position: relative;
+
+		// flex properties
+		flex-direction: row;
+		flex-wrap: nowrap;
+		justify-content: space-between;
+		align-items: center;
+
+		padding: .5em .7em;
+
+		border-radius: 3px 3px 0 0;
+		border-bottom: 1px solid #ccc;
+
+		background-color: #f5f5f5;
+		box-shadow: inset 0 0 5px #eee;
+
+		// Libelle du panel
+		& > span,
+		& > button{
+			color: #333;
+			font-weight: bold;
+			line-height: 2em;
+		}
+
+		// Bouton ajouter
+		& > button{
+			padding: .1em .7em;
+
+			border-radius: 3px;
+			border: 1px solid #777;
+
+			background: #ecf0f1;
+
+			transition: all .1s ease-in-out;
+
+			color: #777;
+
+			// Animation de @hover
+			&:hover{
+				background: $theme-fg-primary;
+				border-color: darken($theme-fg-primary, 10);
+				color: #fff;
+			}
+		}
+
+	}
+
+
+	/* (2) Description (sous le header) */
+	& > div[data-description]{
+		display: block;
+		position: relative;
+
+		border-bottom: 1px solid #ccc;
+
+		padding: .7em .7em;
+
+		color: #555;
+	}
+
+
+
+	/* (3) Liste des elements */
+	& > ul[data-list]{
+		display: flex;
+		position: relative;
+
+		// flex properties
+		flex-direction: column;
+		justify-content: flex-start;
+		flex-wrap: nowrap;
+
+		margin: 0;
+		padding: 0;
+
+		list-style: none;
+
+
+		/* (4) Chaque element de la liste */
+		& > li[data-element]{
+			display: flex;
+
+			// flex properties
+			flex-direction: row;
+			justify-content: space-between;
+			align-items: center;
+			flex-wrap: nowrap;
+
+			padding: 1em;
+
+			// rebord en bas sauf dernier
+			&:not(:last-child){
+				border-bottom: 1px solid #ccc;
+			}
+
+			/* (4.1) Logo et type d'element */
+			& > div:nth-child(1){
+				display: flex;
+					width: 10em;
+					height: 6em;
+
+				// flex properties
+				flex-direction: column;
+				justify-content: flex-end;
+				align-items: center;
+
+				// Image pour token
+				&[data-token]{
+					background: url('/f/svg/token/st/container/666666') center 1em no-repeat;
+					// Si le token est actif
+					&.active{
+						background-image: url('/f/svg/token/st/container/399ced');
+					}
+				}
+
+
+				// Image pour utilisateur
+				&[data-user]{
+					background: url('/f/svg/user/st/container/666666') center 1em no-repeat;
+					// Si le token est actif
+					&.active{
+						background-image: url('/f/svg/user/st/container/399ced');
+					}
+				}
+
+
+				// Image pour utilisateur
+				&[data-number]{
+					background: url('/f/svg/phone_number/st/container/666666') center 1em no-repeat;
+					// Si le token est actif
+					&.active{
+						background-image: url('/f/svg/phone_number/st/container/399ced');
+					}
+				}
+
+				background-size: auto 50%;
+
+
+
+				// Texte pour le type d'element
+				& > span{
+					display: block;
+
+					padding: 0 .4em;
+
+					border-radius: 3px;
+					border: 1px solid #ddd;
+
+					font-size: .8em;
+					color: #555;
+					text-transform: uppercase;
+					font-weight: bold;
+				}
+
+			}
+
+			/* (4.2) Donnees descriptives */
+			& > div:nth-child(n+2){
+				display: flex;
+				position: relative;
+
+				flex: 10em;
+
+				padding: 1em;
+
+				// flex properties
+				flex-direction: column;
+				justify-content: flex-start;
+				align-items: flex-start;
+
+				font-size: 1em;
+				color: #000;
+				font-weight: bold;
+
+				// On prefixe chaque donnee
+				& > span[data-prefix]:before{
+					content: attr(data-prefix) ": ";
+					font-weight: normal;
+				}
+			}
+
+			/* (4.3) Bouton de suppression */
+			& > button{
+				padding: .1em .7em;
+					height: 2em;
+
+				border-radius: 3px;
+				border: 1px solid #de2b08;
+
+				background: #fff;
+
+				color: #de2b08;
+				font-weight: bold;
+
+				transition: all .2s ease-in-out;
+
+				// Animation de @hover
+				&:hover{
+					background: #de2b08;
+					color: #fff;
+				}
+			}
+
+		}
+	}
+
+
+	/* (5) Formulaire d'ajout d'un nouvel element */
+	& > div[data-add]{
+		display: none;
+
+		// Affichage quand .active
+		&.active{
+			display: block;
+		}
+
+		position: relative;
+
+		padding: 1em;
+
+		border-bottom: 1px solid #ccc;
+
+		background-color: #ecf0f1;
+
+		// font-weight: bold;
+
+		/* (5.1) Description du champ de texte */
+		& > .label{
+			display: inline-block;
+			width: 18em;
+			padding-right: 2em;
+			text-align: right;
+			color: #3b494c;
+		}
+
+
+		/* (5.2) Champs de texte */
+		& > input[type='text'],
+		& > input[type='email'],
+		& > input[type='password']{
+			margin: 1em 0;
+			padding: .5em .7em;
+
+			border-radius: 3px;
+			border: 1px solid #ddd;
+
+			background-color: #fff;
+
+			color: #000;
+			font-weight: normal;
+
+			// Animation de @focus
+			&:focus{
+				border-color: $theme-fg-primary;
+				box-shadow: inset 0 0 2px #ddd;
+			}
+		}
+
+
+		/* (5.3) Bouton de creation animation de @hover*/
+		& > input[type='submit']:hover{
+			background: $theme-fg-primary;
+			border-color: darken($theme-fg-primary, 10);
+			color: #fff;
+		}
+	}
+
+}

css/timeline-form.scss

@@ -0,0 +1,175 @@
+@import 'constants';
+
+/* [1] Formulaire de type timeline
+=========================================================*/
+#WRAPPER > #CONTAINER section[data-timeline]{
+	display: block;
+	position: relative;
+
+	background-color: #fff;
+
+	font-size: .9em;
+	color: #000;
+
+	/* (1) On ajoute le liseré à droite pour TOUS les éléments */
+	& *:not(.no-line){
+		display: block;
+
+		color: #333;
+
+		margin: 0 40px;
+		padding: 5px 60px;
+
+        border-left: 2px solid #399ced;
+
+	}
+
+
+	/* (2) Titres de sections */
+	& h3:not(.no-line){
+		display: block;
+		padding: 20px 40px;
+
+		font-size: 1.4em;
+		color: #333;
+		font-weight: bold;
+
+		// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border
+		// FIXME: Corriger le liseré pour les autres navigateurs que FF
+
+		// Gestion du before (compteur css) //
+		&[data-n]:before{
+            content: attr(data-n);
+
+            display: inline-block;
+            position: absolute;
+            margin-top: .5em;
+            margin-left: -41px;
+            padding: 3px 12px;
+
+            border-radius: 50%;
+            // Contour blanc
+            box-shadow: 0 0 0 2px #fff;
+
+            background-color: #399ced;
+
+			font-size: 1.3em;
+			color: #fff;
+			font-weight: bold;
+
+            // On centre sur la ligne
+            transform: translateX(-50%) translateY(-50%);
+
+		}
+	}
+
+	/* (3) Titres des sous-sections */
+	& h4:not(.no-line){
+		display: block;
+
+		padding: 20px 40px;
+
+		font-size: 1.2em;
+		color: darken(#399ced, 20);
+		font-weight: bold;
+
+		// Gestion du before (compteur css) //
+		&[data-icon]:before{
+			content: attr(data-icon);
+
+            display: inline-block;
+            position: absolute;
+            margin-top: .5em;
+            margin-left: -41px;
+            padding: 7px;
+
+            border-radius: 50%;
+            // Contour blanc
+            box-shadow: 0 0 0 2px #fff;
+
+            background-color: #399ced;
+
+			font-size: 1em;
+			font-family: 'icomoon';
+			color: #fff;
+			font-weight: bold;
+
+            // On centre sur la ligne
+            transform: translateX(-50%) translateY(-50%);
+		}
+	}
+
+	/* (4) Titres des sous-sous-sections */
+	& h5:not(.no-line){
+		display: block;
+
+		padding: 20px 40px;
+
+		font-size: 1.2em;
+		color: darken(#399ced, 20);
+		font-weight: bold;
+
+		// Gestion du before (compteur css) //
+		&:before{
+			content: '';
+
+            display: inline-block;
+            position: absolute;
+            margin-top: .7em;
+            margin-left: -41px;
+            padding: 7px;
+
+            border-radius: 50%;
+            // Contour blanc
+            box-shadow: 0 0 0 2px #fff;
+
+            background-color: #399ced;
+
+            // On centre sur la ligne
+            transform: translateX(-50%) translateY(-50%);
+		}
+
+        // Texte genre text message
+        &[data-text]:after{
+            content: attr(data-text);
+            padding: 6px 10px;
+
+            border-radius: 3px;
+
+            background: $theme-fg-primary;
+
+            color: #fff;
+            font-weight: normal;
+        }
+	}
+
+	/* (5) 'Tags' -> textes sur le liseré gauche */
+	& [data-tag]{
+		display: block;
+
+		padding: 40px 60px;
+
+        &:before{
+    		content: attr(data-tag);
+
+            display: inline-block;
+            position: absolute;
+            margin-top: .5em;
+            margin-left: -41px;
+            padding: 2px;
+
+            background-color: #fff;
+
+            font-size: 1.2em;
+            color: #399ced;
+            font-weight: bold;
+
+            // On centre sur la ligne
+            transform: translateX(-50%) translateY(-50%);
+        }
+	}
+
+
+
+
+}

css/timeline-form/compact.css.map

@@ -0,0 +1,14 @@
+{
+	"version": 3,
+	"file": "compact.css",
+	"sources": [
+		"../timeline-form.scss",
+		"../constants.scss"
+	],
+	"sourcesContent": [
+		"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n        border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n            content: attr(data-n);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 3px 12px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .7em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n        // Texte genre text message\n        &[data-text]:after{\n            content: attr(data-text);\n            padding: 6px 10px;\n\n            border-radius: 3px;\n\n            background: $theme-fg-primary;\n\n            color: #fff;\n            font-weight: normal;\n        }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n        &:before{\n    \t\tcontent: attr(data-tag);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 2px;\n\n            background-color: #fff;\n\n            font-size: 1.2em;\n            color: #399ced;\n            font-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n        }\n\t}\n\n\n\n\n}\n",
+		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
+	],
+	"mappings": "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",
+	"names": []
+}

css/timeline-form/expanded.css.map

@@ -0,0 +1,14 @@
+{
+	"version": 3,
+	"file": "expanded.css",
+	"sources": [
+		"../timeline-form.scss",
+		"../constants.scss"
+	],
+	"sourcesContent": [
+		"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n        border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n            content: attr(data-n);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 3px 12px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .7em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n        // Texte genre text message\n        &[data-text]:after{\n            content: attr(data-text);\n            padding: 6px 10px;\n\n            border-radius: 3px;\n\n            background: $theme-fg-primary;\n\n            color: #fff;\n            font-weight: normal;\n        }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n        &:before{\n    \t\tcontent: attr(data-tag);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 2px;\n\n            background-color: #fff;\n\n            font-size: 1.2em;\n            color: #399ced;\n            font-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n        }\n\t}\n\n\n\n\n}\n",
+		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
+	],
+	"mappings": "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",
+	"names": []
+}

css/timeline-form/min.css.map

@@ -0,0 +1,14 @@
+{
+	"version": 3,
+	"file": "min.css",
+	"sources": [
+		"../timeline-form.scss",
+		"../constants.scss"
+	],
+	"sourcesContent": [
+		"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n        border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n            content: attr(data-n);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 3px 12px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .7em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n        // Texte genre text message\n        &[data-text]:after{\n            content: attr(data-text);\n            padding: 6px 10px;\n\n            border-radius: 3px;\n\n            background: $theme-fg-primary;\n\n            color: #fff;\n            font-weight: normal;\n        }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n        &:before{\n    \t\tcontent: attr(data-tag);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 2px;\n\n            background-color: #fff;\n\n            font-size: 1.2em;\n            color: #399ced;\n            font-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n        }\n\t}\n\n\n\n\n}\n",
+		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
+	],
+	"mappings": "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",
+	"names": []
+}

css/timeline-form/nested.css.map

@@ -0,0 +1,14 @@
+{
+	"version": 3,
+	"file": "nested.css",
+	"sources": [
+		"../timeline-form.scss",
+		"../constants.scss"
+	],
+	"sourcesContent": [
+		"@import 'constants';\n\n/* [1] Formulaire de type timeline\n=========================================================*/\n#WRAPPER > #CONTAINER section[data-timeline]{\n\tdisplay: block;\n\tposition: relative;\n\n\tbackground-color: #fff;\n\n\tfont-size: .9em;\n\tcolor: #000;\n\n\t/* (1) On ajoute le liseré à droite pour TOUS les éléments */\n\t& *:not(.no-line){\n\t\tdisplay: block;\n\n\t\tcolor: #333;\n\n\t\tmargin: 0 40px;\n\t\tpadding: 5px 60px;\n\n        border-left: 2px solid #399ced;\n\n\t}\n\n\n\t/* (2) Titres de sections */\n\t& h3:not(.no-line){\n\t\tdisplay: block;\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.4em;\n\t\tcolor: #333;\n\t\tfont-weight: bold;\n\n\t\t// TODO: Transformer les background en ::before pour que ca soit juste un cercle avec bg et border\n\t\t// FIXME: Corriger le liseré pour les autres navigateurs que FF\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-n]:before{\n            content: attr(data-n);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 3px 12px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1.3em;\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\n\t\t}\n\t}\n\n\t/* (3) Titres des sous-sections */\n\t& h4:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&[data-icon]:before{\n\t\t\tcontent: attr(data-icon);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n\t\t\tfont-size: 1em;\n\t\t\tfont-family: 'icomoon';\n\t\t\tcolor: #fff;\n\t\t\tfont-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\t}\n\n\t/* (4) Titres des sous-sous-sections */\n\t& h5:not(.no-line){\n\t\tdisplay: block;\n\n\t\tpadding: 20px 40px;\n\n\t\tfont-size: 1.2em;\n\t\tcolor: darken(#399ced, 20);\n\t\tfont-weight: bold;\n\n\t\t// Gestion du before (compteur css) //\n\t\t&:before{\n\t\t\tcontent: '';\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .7em;\n            margin-left: -41px;\n            padding: 7px;\n\n            border-radius: 50%;\n            // Contour blanc\n            box-shadow: 0 0 0 2px #fff;\n\n            background-color: #399ced;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n\t\t}\n\n        // Texte genre text message\n        &[data-text]:after{\n            content: attr(data-text);\n            padding: 6px 10px;\n\n            border-radius: 3px;\n\n            background: $theme-fg-primary;\n\n            color: #fff;\n            font-weight: normal;\n        }\n\t}\n\n\t/* (5) 'Tags' -> textes sur le liseré gauche */\n\t& [data-tag]{\n\t\tdisplay: block;\n\n\t\tpadding: 40px 60px;\n\n        &:before{\n    \t\tcontent: attr(data-tag);\n\n            display: inline-block;\n            position: absolute;\n            margin-top: .5em;\n            margin-left: -41px;\n            padding: 2px;\n\n            background-color: #fff;\n\n            font-size: 1.2em;\n            color: #399ced;\n            font-weight: bold;\n\n            // On centre sur la ligne\n            transform: translateX(-50%) translateY(-50%);\n        }\n\t}\n\n\n\n\n}\n",
+		"/* [1] COULEURS\n=========================================================*/\n/* (1) COULEURS DU THEME $DEFAULT */\n$theme-bg:         #e8e8e8;\n$theme-bg-primary: #ffffff;\n$theme-fg:         #515151;\n$theme-fg-primary: #399ced;\n\n/* (2) COULEURS DE THEME $DARK */\n$dark-bg:         #313541;\n$dark-bg-primary: #29282e;\n$dark-fg:         #939393;\n$dark-fg-primary: #ffffff;\n\n\n/* [2] DIMENSIONS\n=========================================================*/\n/* (1) Layout de base */\n$menu-side-width: 15em;\n$header-height:   4em;\n"
+	],
+	"mappings": "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",
+	"names": []
+}

js/lib/form-deflater-min.js

@@ -0,0 +1,3 @@
+function FormDeflater(b,c,a){for(var d=0;d<c.length;d++)c[d]=c[d].toLowerCase();for(d=0;d<a.length;d++)a[d]=a[d].toLowerCase();this.container=b;this.tags=c;this.attr=a}
+FormDeflater.prototype={container:this.container,tags:this.tags,attr:this.attr,deflate:function(){for(var b=this.getChildren(this.container),b=this.filterElements(b),c={},a=0;a<b.length;a++)for(var d=0;d<this.attr.length;d++){var e=b[a].getAttribute(this.attr[d]);if(null!==e&&0<e.length){c.hasOwnProperty(e)?c[e]instanceof Array?c[e].push(b[a].value):c[e]=[c[e],b[a].value]:c[e]=b[a].value;break}}return c},getChildren:function(b){if(!(b instanceof Element))return[];for(var c=b=[].slice.call(b.children),
+a=0;a<b.length;a++)c=c.concat([].slice.call(this.getChildren(b[a])));return c},filterElements:function(b){for(var c=[],a=0;a<b.length;a++)-1<this.tags.indexOf(b[a].tagName.toLowerCase())&&c.push(b[a]);return c}};

js/lib/form-deflater.js

@@ -0,0 +1,184 @@
+// TODO: Form deflater qui renvoie un objet à partir d'un formulaire
+
+
+/* CONSTRUCTEUR D'UN DEFLATER DE formulaire
+*
+* @container<Element>                                   Formulaire ou autre élément contenant les champs
+* @tags<Array>                                          Tableau contenant les éléments à prendre en compte
+* @attr<Array>                                          Tableau contenant les attributs à prendre pour le nom (par ordre de priorité)
+*
+*/
+function FormDeflater(container, tags, attr){
+    /* [0] Vérification des INPUT
+    =========================================================*/
+    var correctParams =                  container instanceof Element;
+    correctParams     = correctParams && tags    instanceof Array;
+    correctParams     = correctParams && attr      instanceof Array;
+
+
+    /* [1] On formatte les données
+    =========================================================*/
+    // On met les tags en minuscule
+    for( var i = 0 ; i < tags.length ; i++ )
+        tags[i] = tags[i].toLowerCase();
+
+    // On met les attributs en minuscule
+    for( var i = 0 ; i < attr.length ; i++ )
+        attr[i] = attr[i].toLowerCase();
+
+    /* [2] On enregistre les attributs
+    =========================================================*/
+    this.container = container;
+    this.tags      = tags;
+    this.attr      = attr;
+}
+
+
+FormDeflater.prototype = {
+    container: this.container, // Contiendra le 'formulaire' (<form> ou autre)
+    tags:    this.tags,    // Contiendra les balises HTML à ne pas prendre en compte
+    attr:      this.attr,      // Contiendra la liste des attributs à prendre pour nom (par ordre de priorité)
+
+
+
+
+    /* RETOURNE UN OBJET CONTENANT LES DONNÉES DU FORMULAIRE
+    *
+    * @return form<Object>                         Objet correspondant aux données du formulaire
+    *
+    */
+    deflate: function(){
+        /* [1] On récupère tous les enfants
+        =========================================================*/
+        var children = this.getChildren( this.container );
+
+        /* [2] On filtre les éléments qui ont pas le bon tag
+        =========================================================*/
+        children     = this.filterElements( children );
+
+
+        /* [3] On essaie de trouver les attributs primants (non vides et en premier dans la liste @this.attr)
+        =========================================================*/
+        /* (0) On initialise l'objet de retour */
+        var object = {};
+
+        /* (1) Pour chacun des éléments */
+        for( var c = 0 ; c < children.length ; c++ ){
+
+            /* (2) Pour chacun des attributs par ordre de priorité */
+            for( var a = 0 ; a < this.attr.length ; a++ ){
+                // On récupère l'attribut
+                var attr = children[c].getAttribute(this.attr[a]);
+
+                /* (3) Si l'attribut n'est pas null ni vide */
+                if( attr !== null && attr.length > 0 ){
+
+                    /* (4) Si on a pas déja un champ de même nom */
+                    if( object.hasOwnProperty(attr) ){
+                        var existing = object[attr];
+
+                        // {1} Si l'existant est un tableau, on ajoute notre valeur //
+                        if( existing instanceof Array )
+                            object[attr].push(children[c].value);
+
+                        // {2} Sinon, si c'est une valeur seule, on crée un tableau //
+                        else
+                            object[attr] = [ object[attr], children[c].value ];
+
+                    /* (5) Si c'est le premier champ avec ce nom, on le crée */
+                }else{
+                    object[attr] = children[c].value;
+                }
+
+                    // On en a fini pour cet élément
+                    break;
+                }
+
+            }
+
+
+        }
+
+
+        return object;
+    },
+
+
+
+
+    /* RETOURNE LA LISTE DE TOUS LES ÉLÉMENTS QUEL QUE SOIT LE NIVEAU HIÉRARCHIQUE
+    *
+    * @parent<Element>                                      Parent duquel on veut les enfants
+    *
+    * @return children<Array>                               Tableau contenant tous les enfants
+    *
+    */
+    getChildren: function(parent){
+        // Si le parent n'est pas un élément, on retourne aucun enfant
+        if( !(parent instanceof Element) ) return [];
+
+        /* [1] Initialisation des variables
+        =========================================================*/
+        // Contient la liste des enfants directs
+        var children = [].slice.call(parent.children);
+
+        // Contiendra la liste des enfants directs et indirects
+        var allChildren = children;
+
+        /* [2] On parcourt tous les enfants
+        =========================================================*/
+        for( var i = 0 ; i < children.length ; i++ ){
+            // On relance la fonction récursivement sur tous les enfants
+            allChildren = allChildren.concat( [].slice.call(this.getChildren(children[i])) );
+        }
+
+        /* [3] On retourne le résultat
+        =========================================================*/
+        return allChildren;
+    },
+
+
+
+    /* FILTRE LES éléments en fonction de @this.tags et @this.attr
+    *
+    * @elements<Array>                                      Le tableau contenant les éléments à trier
+    *
+    * @return filtered<Array>                               Retourne le tableau des éléments filtrés
+    *
+    */
+    filterElements: function(elements){
+        // Contiendra les éléments correspondants aux critères
+        var filtered = [];
+
+        /* [1] On parcourt tous les éléments
+        =========================================================*/
+        for( var i = 0 ; i < elements.length ; i++ ){
+            /* (1) Si l'élément a le bon tag, on le garde */
+            if( this.tags.indexOf( elements[i].tagName.toLowerCase() ) > -1 )
+                filtered.push(elements[i]);
+        }
+
+        /* [3] On retourne les éléments filtržés
+        =========================================================*/
+        return filtered;
+    }
+
+};
+
+
+
+
+/************/
+/* USE CASE */
+/************/
+/* (1) Instanciation */
+/*HIDDEN*/// var instance = new FormDeflater(
+/*HIDDEN*///    document.getElementById('myform'),
+/*HIDDEN*///    ['br', 'li'],                       // éléments à prendre en compte (tagName)
+/*HIDDEN*///    ['id', 'name', 'data-elementname']  // Attributs par ordre de priorité
+/*HIDDEN*/// );
+/*HIDDEN*///
+/* (2) On récupère l'objet */
+/*HIDDEN*///
+/*HIDDEN*/// var object = instance.deflate();
+/*HIDDEN*///

js/lib/input-checker.js

@@ -112,7 +112,7 @@ formatChecker.prototype = {
 /*HIDDEN*///var instance = new formatChecker(
 /*HIDDEN*///	'te2t 1 2 1/23', // la chaîne à vérifier
 /*HIDDEN*///	'aava i i i/ii', // le schéma à respecter (cf. règles par défaut)
-/*HIDDEN*///	{'v': '[0-2]'}   // règles spécifiques. Ici, 'v' correspond à un chiffre compris entre 0 et 2
+/*HIDDEN*///	{'v': '[0-2]'}   // règles spécifiques. Ici, 'v' correspond à un chiffre compris entre 0 et 2 (basic regex)
 /*HIDDEN*///);
 
 /* [2] On récupère le résultat de la vérification

js/lib/reset-min.js

@@ -1,4 +1,4 @@
 function $(a){var b=document.querySelectorAll("#"+a);a=document.querySelectorAll("."+a);return 0<b.length?b[0]:a[0]}Element.prototype.getData=function(a){return"undefined"==typeof this.dataset?!1:this.dataset.hasOwnProperty(a)?this.dataset[a]:!1};Element.prototype.addClass=function(a){var b=this.className.split(" ");-1<b.indexOf(a)||(b.push(a),this.className=b.join(" ").trim())};
 Element.prototype.remClass=function(a){var b=this.className.split(" ");a=b.indexOf(a);-1!=a&&(b=b.slice(0,a).concat(b.slice(a+1)),this.className=b.join(" ").trim())};NodeList.prototype.indexOf=HTMLCollection.prototype.indexOf=function(a){for(var b=0;b<this.length;b++)if(this[b]==a)return b;return-1};Element.prototype.anim=function(a,b){var c=this;c.addClass(a);setTimeout(function(){c.remClass(a)},b)};var includes=[],includeTags=[];
 function include(a,b,c){a="string"===typeof a?a:null;b="function"===typeof b?b:function(){console.log("[x] "+a+" loaded")};if(null==a)return!1;if("boolean"===typeof c&&c){b=includes.indexOf(a);if(-1==b)return!1;document.head.removeChild(includeTags[b]);includes.splice(b,1);includeTags.splice(b,1)}else{if(-1<includes.indexOf(a))return b(),!0;c=document.createElement("script");c.type="text/javascript";c.src=a;document.head.appendChild(c);includes.push(a);includeTags.push(c);c.onload=b}return!0}
-var format_code=new formatChecker(null,"HH-HH-HH-HH",{H:"[0-9A-F]"});
+var format_number=new formatChecker(null,"0i ii ii ii ii");

js/lib/reset.js

@@ -164,4 +164,5 @@ function include(jsResource, callback, action){ // action=true -> EXCLUSION, SIN
 /* DEFINITION DES FORMATS UTILES POUR INPUT-CHECKER
 *
 */
-var format_code = new formatChecker(null, 'HH-HH-HH-HH', { 'H' : '[0-9A-F]'} )
+// Numéro de téléphone
+var format_number = new formatChecker(null, '0i ii ii ii ii' );

manager/module/upload.php

@@ -19,6 +19,10 @@
         *
         */
         private static function simpleFile($prefix, $extension, $file){
+
+			// Si on est pas connecté, on retourne une erreur -> impossible via token
+			if( !connected() ) return ManagerError::PermissionError;
+
             /* [0] On formatte les entrées
             =========================================================*/
             $prefix = htmlspecialchars($prefix);

phpunit/coverage/Database.php.html

@@ -645,7 +645,7 @@
      <span class="warning"><strong>Dead Code</strong></span>
     </p>
     <p>
-     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
+     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
     </p>
     <a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
    </footer>

phpunit/coverage/ManagerError.php.html

@@ -251,7 +251,7 @@
      <span class="warning"><strong>Dead Code</strong></span>
     </p>
     <p>
-     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
+     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
     </p>
     <a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
    </footer>

phpunit/coverage/ResourceDispatcher.php.html

@@ -517,7 +517,7 @@
      <span class="warning"><strong>Dead Code</strong></span>
     </p>
     <p>
-     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
+     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
     </p>
     <a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
    </footer>

phpunit/coverage/autoloader.php.html

@@ -214,7 +214,7 @@
      <span class="warning"><strong>Dead Code</strong></span>
     </p>
     <p>
-     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
+     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
     </p>
     <a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
    </footer>

phpunit/coverage/index.html

@@ -350,7 +350,7 @@
      <span class="success"><strong>High</strong>: 90% to 100%</span>
     </p>
     <p>
-     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
+     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
     </p>
    </footer>
   </div>

phpunit/coverage/sessionManager.php.html

@@ -315,7 +315,7 @@
      <span class="warning"><strong>Dead Code</strong></span>
     </p>
     <p>
-     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Wed Apr 20 13:45:11 UTC 2016.</small>
+     <small>Generated by <a href="http://github.com/sebastianbergmann/php-code-coverage" target="_top">PHP_CodeCoverage 2.1.7</a> using <a href="http://php.net/" target="_top">PHP 5.6.11-1ubuntu3.1</a> and <a href="http://phpunit.de/">PHPUnit 4.7.6</a> at Thu Apr 21 9:25:55 UTC 2016.</small>
     </p>
     <a title="Back to the top" id="toplink" href="#"><span class="glyphicon glyphicon-arrow-up"></span></a>
    </footer>

src/static/container/dot.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="1"
+   height="1"
+   viewBox="0 0 1 1"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="dot.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="179.2"
+     inkscape:cx="1.264621"
+     inkscape:cy="-1.5890645"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1"
+     showborder="true"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     units="px" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-154.28572,-539.93359)">
+    <rect
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.4000001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4.69999981;stroke-opacity:1"
+       id="stylisable"
+       width="1"
+       height="1"
+       x="154.28572"
+       y="539.93359" />
+  </g>
+</svg>

src/static/container/hole.svg

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="9.0311108mm"
+   height="9.0311108mm"
+   viewBox="0 0 31.999999 31.999999"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="hole.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="21.85093"
+     inkscape:cy="0.15517625"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-305.71484,-511.79102)">
+    <path
+       style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:6.4000001;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:4.69999981;stroke-opacity:1"
+       d="m 321.71484,511.79102 c -8.83656,0 -16,7.16344 -16,16 0,8.83656 7.16344,16 16,16 8.83656,0 16,-7.16344 16,-16 0,-8.83656 -7.16344,-16 -16,-16 z"
+       id="stylisable"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="sssss" />
+  </g>
+</svg>

src/static/container/left_arrow.svg

@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="32"
+   height="32"
+   viewBox="0 0 32.000001 32.000001"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="left_arrow.svg">
+  <defs
+     id="defs4" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="11.2"
+     inkscape:cx="4.9948796"
+     inkscape:cy="11.553488"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:object-paths="false"
+     units="px"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:snap-page="true"
+     inkscape:window-width="1920"
+     inkscape:window-height="1056"
+     inkscape:window-x="0"
+     inkscape:window-y="24"
+     inkscape:window-maximized="1" />
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Calque 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-122.07592,-363.16335)">
+    <path
+       style="fill:#000000;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="m 154.02225,363.16403 0,31.99933 c 0,0 -15.89883,-14.35892 -15.893,-16.10633 0.004,-1.31424 15.893,-15.893 15.893,-15.893 z"
+       id="stylisable"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccsc" />
+  </g>
+</svg>

view.php

@@ -26,6 +26,7 @@
 
 		<!-- Dépendences Javascript -->
 		<script type='text/javascript' src='/f/js/input-checker-min/js/lib'      ></script>  <!-- Gestion dynamique des saisies            -->
+		<script type='text/javascript' src='/f/js/form-deflater-min/js/lib'      ></script>  <!-- Gestion des formulaires js-friendly      -->
 		<script type='text/javascript' src='/f/js/reset-min/js/lib'              ></script>  <!-- Corrections Javascript natif (ajouts)    -->
 		<script type='text/javascript' src='/f/js/api-min/js/lib'                ></script>  <!-- Gestion des transactions avec le serveur -->
 		<script type='text/javascript' src='/f/js/page-manager-min/js/lib'       ></script>  <!-- Gestion réseau/chargement/liens/URL      -->

view/analytics.php

@@ -19,7 +19,26 @@ $pers = $request->answer();
 
 
 
-<section>
+<section data-sublink='export'>
-	<h6>RECHERCHE DE PERSONNE PAR ID</h6>
+
-	<?php var_dump($pers) ?>
+	<form id='myform'>
+		<input type='text'     name='text1'   value='value_text1'>
+
+		<input type='password' name='pass1'   value='value_pass1'>
+		<input type='number'   name='number1' value='value_number1'>
+
+		<div>
+			<span>
+				<input type='test' values='valuetestHier'>
+				<p>Some text</p>
+			</span>
+		</div>
+
+		<input type='text'     name='text2'   value='value_text2'>
+
+		<input type='text'     name='text2'   value='value_text2bis'>
+
+		<input type='submit'   name='submit-form' value='valider'>
+	</form>
+
 </section>

view/input.php

@@ -32,54 +32,31 @@
 =========================================================*/
 ?><section data-sublink='phone'> <!-- IMPORT ou SAISIE -->
 
-	<h6 class='center'>Importer un journal d'appel</h6><br>
+	<section data-timeline>
-	<br>
+		<h3 data-n='1'>Importer un journal d'appel</h3>
-	<input type='file' value='test'>
+			<span data-space></span>
-
+			<h4 data-icon='u'>
-
+				<input class='no-line' type='file' id='call_log-import' value='test'>
-	<h6 class='center'>Saisie manuelle</h6><br>
+				<span class='no-line file-input'>Importer un journal d'appels</span>
-
+			</h4>
-		<!-- [1] Panel d'ajout/suppression de numero -->
+			<span data-space></span>
-		<section data-panel-list>
+			<!-- <span data-tag='OU'></span> -->
-			<!-- Header -->
+		<h3 data-n='1'>Saisir manuellement des contacts</h3>
-			<div data-header>
+			<span data-space></span>
-				<span>Numeros les plus utilises</span>
+			<h5 data-text="Renseigner au moins un des nominatifs pour chaque contact. (pseudo, prénom et/ou nom)"></h5>
-				<button id='add-number'>Ajouter un numero</button>
+			<h4 data-icon='p' class='new-contact'>
-			</div>
+				<input type='text' class='no-line number' placeholder='Numéro de téléphone'>
-
+				<input type='text' class='no-line username' placeholder='Pseudo'>
-			<!-- Description des numbers actifs -->
+				<input type='text' class='no-line firstname' placeholder='Prénom'>
-			<div data-description>Liste des numeros les plus utilises.</div>
+				<input type='text' class='no-line lastname' placeholder='Nom'>
-			<!-- Creation d'un nouvel element (cache) -->
+				<input type='submit' class='primary no-line sub-number' value='Valider'>
-			<div data-add>
+			</h4>
-				<span class='label'>Numero</span><input type='text' placeholder='number' id='add-name'><br>
+			<h4 data-icon='+' class='add-contact'>Ajouter un contact</h4>
-				<span class='label'>Pseudo</span><input type='text' value='10' id='add-duration'><br>
+			<!-- <span data-tag='ET'></span> -->
-				<span class='label'>Prenom</span><input type='text' value='10' id='add-duration'><br>
+			<span data-space></span>
-				<span class='label'>Nom</span><input type='text' value='10' id='add-duration'><br>
+		<h3 data-n='3'>Remplir les fiches relations des contacts</h3>
-				<input type='submit' value='Ajouter le numero' id='add-number-submit'>
-			</div>
-
-			<!-- Conteneur de la liste des elements -->
-			<ul data-list>
-
-				<!-- Elements de la liste -->
-				<li data-element>
-					<div data-number><span>Expiré</span></div>
-
-					<div>
-					 	<span class='flag'>06 06 06 06 06</span>
-					</div><div>
-					 	<span data-prefix='Pseudo'>Blabla</span>
-					 	<span data-prefix='Prenom'>Blabla</span>
-					 	<span data-prefix='Nom'>Blabla</span>
-					</div>
-
-					<button class='remove-number'>Supprimer</button>
-				</li>
-
-
-			</ul>
-
 	</section>
+
 </section>
 
 

view/js/analytics-min.js

@@ -0,0 +1 @@
+var instance=new FormDeflater(document.getElementById("myform"),["input"],["name","data-name"]);console.log(instance.deflate());

view/js/analytics.js

@@ -0,0 +1,8 @@
+var instance = new FormDeflater(
+    document.getElementById('myform'),
+    ['input'],                       // éléments à éviter (tagName)
+    ['name', 'data-name']  // Attributs par ordre de priorité
+);
+
+/* (2) On récupère l'objet */
+console.log( instance.deflate() );

view/js/input-min.js

@@ -1 +1,3 @@
-var fileInput=document.querySelector("input[type=file]");fileInput.addEventListener("change",function(b){api.send({path:"upload/call_log",file:fileInput.files[0]},function(a){console.log(a)})},!1);
+var newContact="<h4 data-icon='p' class='new-contact'>",newContact=newContact+"<input type='text' class='no-line number' placeholder='Num\u00e9ro de t\u00e9l\u00e9phone'>",newContact=newContact+"<input type='text' class='no-line username' placeholder='Pseudo'>",newContact=newContact+"<input type='text' class='no-line firstname' placeholder='Pr\u00e9nom'>",newContact=newContact+"<input type='text' class='no-line lastname' placeholder='Nom'>",newContact=newContact+"<input type='submit' class='primary no-line sub-number' value='Valider'>",
+newContact=newContact+"</h4>",ficheRelation="",ic=new inputChecker,importCallLog=document.querySelector('input#call_log-import[type="file"]');function contactForms(){return document.querySelectorAll("h4.new-contact")}var addContact=document.querySelector("h4.add-contact");function relationForms(){return document.querySelectorAll()}importCallLog.addEventListener("change",function(a){api.send({path:"upload/call_log",file:importCallLog.files[0]},function(a){console.log(a)})},!1);var number=document.querySelector('input.number[type="text"]');
+ic.append(number,format_number,"06 06 06 06 06");number.addEventListener("keyup",function(a){ic.correct(number,!1)},!1);

view/js/input.js

@@ -1,17 +1,67 @@
-var fileInput = document.querySelector('input[type=file]');
+/* [0] Gestion des constantes et HTML
+=========================================================*/
+/* (1) Contiendra le formulaire d'ajout de contact (numéro, pseudo, prénom, nom, submit) */
+var newContact = "<h4 data-icon='p' class='new-contact'>";
+        newContact += "<input type='text' class='no-line number' placeholder='Numéro de téléphone'>";
+        newContact += "<input type='text' class='no-line username' placeholder='Pseudo'>";
+        newContact += "<input type='text' class='no-line firstname' placeholder='Prénom'>";
+        newContact += "<input type='text' class='no-line lastname' placeholder='Nom'>";
+        newContact += "<input type='submit' class='primary no-line sub-number' value='Valider'>";
+    newContact += "</h4>";
+
+/* (2) TODO: Contiendra la fiche relation complète */
+var ficheRelation = "";
+
+
+/* [1] Initialisation de l'inputChecker
+=========================================================*/
+// Instanciation
+var ic = new inputChecker();
 
 
 
-fileInput.addEventListener('change', function(e){
+/* [2] Indexation des inputs
+=========================================================*/
+/* (1) Input de type fichier pour l'import */
+var importCallLog = document.querySelector('input#call_log-import[type="file"]');
+
+/* (2) Contiendra les formulaires des contacts ajoutés */
+function contactForms(){ return document.querySelectorAll('h4.new-contact'); }
+
+/* (3) Bouton d'ajout de contact */
+var addContact = document.querySelector('h4.add-contact');
+
+/* (4) Contiendra les formulaires de fiche relation */
+function relationForms(){ return document.querySelectorAll(); }
+
+
+/* [3] Gestion de l'import du fichier
+=========================================================*/
+importCallLog.addEventListener('change', function(e){
     /* (1) On rédige la requête */
     var uploadRequest = {
         path: 'upload/call_log',
-        file: fileInput.files[0]
+        file: importCallLog.files[0]
     };
 
     /* (2) On effectue l'upload (import) */
     api.send(uploadRequest, function(response){
         console.log( response );
+        // TODO: Gestion de l'ajout des fiches relation
     });
 
 }, false);
+
+
+
+
+
+
+
+var number = document.querySelector('input.number[type="text"]');
+ic.append(number, format_number, '06 06 06 06 06');
+// format_number -> format pour les numéros de téléphones
+
+number.addEventListener('keyup', function(e){
+    ic.correct(number, false);
+}, false);