From 72e140d5c5656444584369786dd31ec0ef722ada Mon Sep 17 00:00:00 2001 From: xdrm-brackets Date: Wed, 28 Feb 2018 13:00:51 +0100 Subject: [PATCH] Updated menu items --- public_html/asset/svg/fiche.svg | 69 ++++++++++-------------------- public_html/asset/svg/manage.svg | 45 ------------------- public_html/asset/svg/settings.svg | 42 ++++++++++++++++++ public_html/asset/svg/teacher.svg | 42 ++++++++++++++++++ public_html/asset/svg/ue.svg | 45 +++++++++++++++++++ webpack/data/common.js | 16 +++++-- webpack/scss/constants.scss | 8 ++++ webpack/scss/container.scss | 15 +++++++ webpack/scss/layout.scss | 4 +- webpack/scss/menu.scss | 40 ++++++++++------- 10 files changed, 213 insertions(+), 113 deletions(-) delete mode 100644 public_html/asset/svg/manage.svg create mode 100644 public_html/asset/svg/settings.svg create mode 100644 public_html/asset/svg/teacher.svg create mode 100644 public_html/asset/svg/ue.svg diff --git a/public_html/asset/svg/fiche.svg b/public_html/asset/svg/fiche.svg index 9b07e59..35119b2 100644 --- a/public_html/asset/svg/fiche.svg +++ b/public_html/asset/svg/fiche.svg @@ -7,25 +7,19 @@ 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" - height="32px" + enable-background="new 0 0 30 30" + height="30px" + id="Layer_1" version="1.1" - viewBox="0 0 32 32" - width="32px" - id="svg11" + viewBox="0 0 30 30" + width="30px" + xml:space="preserve" sodipodi:docname="fiche.svg" - inkscape:version="0.92.2 5c3e80d, 2017-08-06"> - - - - image/svg+xml - - - - - image/svg+xml - - <desc - id="desc4" /> - <defs - id="defs6" /> - <g - id="Page-1" - transform="matrix(1.1004394,0,0,1.1004394,-1.6572505,-1.6572505)" - style="fill:none;fill-rule:evenodd;stroke:none;stroke-width:1"> - <g - id="icon-55-document-text" - style="fill:#157efb"> - <path - d="M 19,3 H 9.00853 C 7.89925,3 7,3.8983383 7,5.0073299 V 27.99267 C 7,29.101288 7.890925,30 8.997422,30 H 24.002578 C 25.105724,30 26,29.109075 26,28.002578 V 11 H 21.005919 C 19.898081,11 19,10.113294 19,9.0018986 Z m 1,0 V 8.9970707 C 20,9.5509732 20.450975,10 20.990778,10 H 26 Z m -10,7 v 1 h 7 v -1 z m 0,-3 v 1 h 7 V 7 Z m 0,6 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z m 0,3 v 1 h 13 v -1 z" - id="fill-edit" - inkscape:connector-curvature="0" /> - </g> - </g> -</svg> + inkscape:window-y="0" + inkscape:window-maximized="0" + inkscape:current-layer="Layer_1" /><path + inkscape:connector-curvature="0" + id="fill-edit" + d="M 0,0 V 28.667969 H 30.015625 V 0 Z M 2.8847656,2.8867188 H 27.128906 V 25.783203 H 2.8847656 Z M 14.693359,3.3671875 c -0.126825,0.00587 -0.212904,0.024811 -0.216797,0.025391 -0.02922,0.00346 -0.254494,0.02147 -0.501953,0.1132813 -0.254285,0.093345 -0.638411,0.2902809 -0.919921,0.7089844 -0.275431,0.4105138 -0.373082,0.8624201 -0.44336,1.3867187 -0.07145,0.5199936 -0.10449,1.1622768 -0.03516,1.8886719 0.06961,0.7270467 0.23849,1.4961703 0.453125,2.2578125 0.116225,0.4135577 0.360097,0.9067637 0.539062,1.3593747 -0.124674,0.387256 -0.100594,0.614105 -0.248047,1.001953 -0.811007,2.133537 -2.00986,4.172291 -3.09375,5.833984 C 9.6076126,18.178918 8.9767686,18.349 8.4238281,18.617188 a 0.78507853,0.78507853 0 0 0 0,0.002 c -1.300128,0.633746 -2.2463357,1.311179 -2.8652343,1.914062 a 0.78507853,0.78507853 0 0 0 -0.00195,0.002 c -0.6150377,0.601268 -0.9099617,1.185535 -1.0195312,1.671875 -0.1131555,0.488823 -0.1123117,0.936293 0.1191406,1.367188 0.1160628,0.216074 0.3805554,0.464839 0.6640625,0.552734 0.2835071,0.08789 0.5249406,0.06426 0.7617187,0.02344 0.4698185,-0.08052 1.178971,-0.338041 2.0390626,-1.066407 a 0.78507853,0.78507853 0 0 0 0,-0.002 c 0.8555498,-0.728269 1.90404,-1.916204 3.117187,-3.71289 0.02965,-0.04389 0.05609,-0.119449 0.08594,-0.164063 0.619009,-0.221835 1.214261,-0.497822 1.777343,-0.662109 a 0.78507853,0.78507853 0 0 0 0.002,0 c 1.265958,-0.371309 2.241194,-0.568723 3.115234,-0.726563 0.69415,-0.125854 1.259949,-0.195883 1.830078,-0.257812 0.280443,0.299404 0.577624,0.678166 0.833984,0.933594 0.847119,0.844028 1.521046,1.404319 2.158204,1.853515 0.639412,0.45379 1.260701,0.816016 1.892578,1.003906 0.632499,0.188075 1.236796,0.152309 1.728515,-0.0059 h 0.002 c 0.492648,-0.156837 1.028923,-0.480429 1.306641,-1.068359 0.27926,-0.590135 0.254806,-1.263258 -0.02539,-1.884766 v -0.002 c -0.277429,-0.621438 -0.76698,-1.082945 -1.310546,-1.423828 -0.545569,-0.343597 -1.140709,-0.544023 -1.783204,-0.701172 a 0.78507853,0.78507853 0 0 0 -0.0039,0 c -0.641765,-0.153512 -1.373079,-0.276321 -2.128906,-0.337891 -0.662834,-0.05576 -1.341913,-0.04182 -2.027344,0 -0.458509,-0.510303 -0.908866,-0.959651 -1.328125,-1.490234 l -0.002,-0.002 C 16.533137,13.38291 15.857131,12.360517 15.412167,11.525305 l -0.002,-0.002 C 15.30273,11.320658 15.286009,11.175405 15.201172,10.990234 15.728256,9.2036124 16.257,7.3109218 16.369141,6.2539062 v -0.00195 C 16.437195,5.6152818 16.507219,5.2447694 16.488281,4.8339844 16.478799,4.6283109 16.434973,4.3732314 16.279297,4.140625 16.12631,3.9120375 15.904494,3.7749474 15.724609,3.6953125 15.596242,3.6171662 15.446816,3.504955 15.154297,3.4179688 c 0,0 -0.002,0 -0.002,0 -0.16459,-0.04944 -0.33216,-0.056649 -0.458985,-0.050781 z m 0.04297,1.5722656 c 0.007,0.00843 0.08535,0.049224 0.171875,0.09375 -0.0054,0.1485996 -0.03637,0.4604185 -0.09961,1.0527344 a 0.78507853,0.78507853 0 0 0 0,0.00195 C 14.762766,6.5198864 14.427443,7.4892563 14.300781,8.140625 14.251121,7.875652 14.161416,7.5793427 14.138672,7.3417969 14.082081,6.7489429 14.109623,6.2222248 14.166016,5.8125 a 0.78507853,0.78507853 0 0 0 0.002,-0.00195 c 0.05572,-0.4157015 0.150883,-0.6632171 0.189453,-0.7207031 0.03449,-0.051297 0.09649,-0.088673 0.158203,-0.1113282 a 0.78507853,0.78507853 0 0 0 0.0078,-0.00195 c 0.05934,-0.022535 0.01189,-0.00636 0.177734,-0.029297 a 0.78507853,0.78507853 0 0 0 0.0078,-0.00195 c 0.03223,-0.0048 0.01382,-0.00327 0.02734,-0.00586 z m -0.166016,8.1367189 c 0.45422,0.749165 0.907843,1.504827 1.558594,2.330078 a 0.78507853,0.78507853 0 0 0 0.002,0.002 c 0.212041,0.268402 0.439315,0.478063 0.664063,0.744141 -0.289041,0.04582 -0.543783,0.06263 -0.855469,0.11914 -0.897959,0.16216 -1.947255,0.372981 -3.279297,0.763672 -0.07324,0.02137 -0.157644,0.06549 -0.232422,0.08789 0.761585,-1.29696 1.538661,-2.547287 2.142578,-4.046875 z m 5.546876,4.414062 c 0.155146,0.007 0.319437,-0.01291 0.472656,0 a 0.78507853,0.78507853 0 0 0 0.002,0 c 0.668173,0.05443 1.32839,0.166294 1.890625,0.300782 0.558006,0.136662 0.976583,0.287933 1.316406,0.501953 a 0.78507853,0.78507853 0 0 0 0.002,0.002 c 0.339545,0.212792 0.610464,0.510926 0.710938,0.736328 a 0.78507853,0.78507853 0 0 0 0.002,0.0039 c 0.102983,0.227958 0.07751,0.487105 0.03906,0.56836 a 0.78507853,0.78507853 0 0 0 -0.002,0.002 c -0.03798,0.08076 -0.1337,0.170789 -0.365234,0.24414 a 0.78507853,0.78507853 0 0 0 -0.0039,0 c -0.233981,0.07542 -0.451996,0.09789 -0.800782,-0.0059 -0.349344,-0.103878 -0.871888,-0.381873 -1.43164,-0.779297 a 0.78507853,0.78507853 0 0 0 -0.002,-0.002 c -0.526291,-0.371035 -1.10733,-0.864339 -1.830078,-1.572266 z m -12.0332036,3.21875 c -0.3048861,0.330032 -0.7412086,0.97407 -0.9804688,1.177735 -0.5050917,0.427165 -0.7097885,0.450846 -0.9414062,0.523437 0.057454,-0.191804 0.1098768,-0.378201 0.4921875,-0.751953 0.2695888,-0.262612 0.9183916,-0.618869 1.4296875,-0.949219 z" /></svg> \ No newline at end of file diff --git a/public_html/asset/svg/manage.svg b/public_html/asset/svg/manage.svg deleted file mode 100644 index 84d9d52..0000000 --- a/public_html/asset/svg/manage.svg +++ /dev/null @@ -1,45 +0,0 @@ -<?xml version="1.0" encoding="UTF-8" standalone="no"?> -<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" - enable-background="new 0 0 500 500" - height="500px" - id="Layer_1" - version="1.1" - viewBox="0 0 500 500" - width="500px" - xml:space="preserve" - sodipodi:docname="manage.svg" - inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata - id="metadata9"><rdf:RDF><cc:Work - rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type - rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs - id="defs7" /><sodipodi:namedview - pagecolor="#ffffff" - bordercolor="#666666" - borderopacity="1" - objecttolerance="10" - gridtolerance="10" - guidetolerance="10" - inkscape:pageopacity="0" - inkscape:pageshadow="2" - inkscape:window-width="1920" - inkscape:window-height="1015" - id="namedview5" - showgrid="false" - inkscape:zoom="0.472" - inkscape:cx="-167.37288" - inkscape:cy="250" - inkscape:window-x="0" - inkscape:window-y="29" - inkscape:window-maximized="1" - inkscape:current-layer="Layer_1" /><path - d="m 31.949,403.452 c 0,35.164 28.435,63.599 63.599,63.599 17.529,0 33.891,-6.637 45.426,-18.172 l 115.93,-116.018 31.072,31.071 c -4.182,15.265 -0.181,32.345 11.905,44.518 l 45.063,45.063 c 17.985,17.901 46.782,18.08 64.504,0.362 17.719,-17.721 17.539,-46.511 -0.366,-64.504 L 364.019,344.308 C 351.845,332.223 334.765,328.23 319.505,332.41 l -31.072,-30.991 19.983,-19.983 c 42.516,10.722 89.397,-0.459 122.563,-32.888 22.803,-22.35 35.352,-50.698 37.07,-80.04 v -1.543 c 0,-9.91 -8.181,-17.905 -18.26,-17.905 -5.001,0 -9.544,2.006 -12.907,5.181 l -5.353,5.271 -18.356,17.985 c -11.543,11.268 -27.984,17.896 -45.701,17.896 -17.622,0 -33.165,-7.718 -44.701,-19.076 -11.355,-11.533 -19.166,-27.167 -19.166,-44.788 0,-17.717 6.63,-34.159 17.897,-45.702 l 17.985,-18.358 5.269,-5.351 c 3.18,-3.363 5.181,-7.906 5.181,-12.91 0,-10.079 -7.992,-18.26 -17.904,-18.26 h -1.544 c -29.34,1.721 -57.687,14.268 -80.038,37.071 -32.43,33.165 -43.52,80.047 -32.802,122.477 L 197.58,210.565 113.717,126.622 V 103.634 L 59.205,76.376 31.949,103.632 59.205,158.145 h 22.891 l 83.951,83.863 -115.928,116.018 c -11.533,11.535 -18.17,27.897 -18.17,45.426 z m 45.426,-4.543 c 0,-12.536 10.177,-22.711 22.714,-22.711 12.538,0 22.713,10.175 22.713,22.711 0,12.536 -10.175,22.716 -22.713,22.716 -12.536,0 -22.714,-10.18 -22.714,-22.716 z" - id="fill-edit" - style="clip-rule:evenodd;fill:#f2f2f2;fill-rule:evenodd" - inkscape:connector-curvature="0" /></svg> \ No newline at end of file diff --git a/public_html/asset/svg/settings.svg b/public_html/asset/svg/settings.svg new file mode 100644 index 0000000..9b8c370 --- /dev/null +++ b/public_html/asset/svg/settings.svg @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + id="Layer_1" + style="enable-background:new 0 0 24 24;" + version="1.1" + viewBox="0 0 24 24" + xml:space="preserve" + sodipodi:docname="manage.svg" + inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata + id="metadata11"><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><defs + id="defs9" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="812" + inkscape:window-height="480" + id="namedview7" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="12" + inkscape:cy="12" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="0" + inkscape:current-layer="Layer_1" /><path + d="m 11.953125,0.5 c -0.95,0 -1.739938,0.46220312 -1.835937,1.4082031 L 9.9277344,3.65625 c -0.355,0.119 -0.7086406,0.203 -1.0566406,0.375 L 7.4121094,2.8105469 c -0.736,-0.601 -1.7987032,-0.563625 -2.4707032,0.109375 L 3.9042969,3.9492188 c -0.672,0.6719999 -0.726,1.73175 -0.125,2.46875 L 4.96875,7.8730469 c -0.167,0.335 -0.3135,0.6876875 -0.4375,1.0546875 L 2.4082031,9.1171875 C 1.4632031,9.2131875 0.5,10.003125 0.5,10.953125 v 1.46875 c 0,0.95 0.9622031,1.739937 1.9082031,1.835937 L 4.40625,14.447266 c 0.12,0.355 0.328,0.70864 0.5,1.05664 l -1.1582031,1.458985 c -0.601,0.737 -0.531375,1.798703 0.140625,2.470703 l 1.046875,1.037109 c 0.672,0.672 1.7376094,0.726 2.4746093,0.125 L 8.8691406,19.40625 c 0.335,0.166 0.6896406,0.3125 1.0566406,0.4375 l 0.1914068,1.935547 c 0.096,0.945 0.885937,1.720703 1.835937,1.720703 h 1.46875 c 0.95,0 1.739938,-0.775703 1.835937,-1.720703 l 0.189454,-1.902344 c 0.355,-0.12 0.70864,-0.281125 1.05664,-0.453125 l 1.458985,1.179688 c 0.736,0.6 1.798703,0.544093 2.470703,-0.128907 l 1.037109,-1.039062 c 0.672,-0.672 0.726,-1.735656 0.125,-2.472656 L 20.40625,15.503906 c 0.166,-0.335 0.3125,-0.687687 0.4375,-1.054687 l 1.435547,-0.191407 C 23.224297,14.161812 23.5,13.371875 23.5,12.421875 v -1.46875 c 0,-0.951 -0.275703,-1.7399375 -1.220703,-1.8359375 L 20.626953,8.9277344 c -0.12,-0.355 -0.156125,-0.7086407 -0.328125,-1.0566406 l 1.244141,-1.4589844 c 0.601,-0.737 0.57239,-1.7987031 -0.09961,-2.4707032 L 20.419922,2.9042969 c -0.672,-0.673 -1.728844,-0.727 -2.464844,-0.125 L 16.5,3.96875 c -0.335,-0.166 -0.685734,-0.3125 -1.052734,-0.4375 L 15.257812,1.9082031 C 15.160813,0.96320312 14.371875,0.5 13.421875,0.5 Z m 0,1 h 1.46875 c 0.317,0 0.579328,0.1029688 0.611328,0.4179688 l 0.232422,2.2109374 c 0.019,0.1900001 0.127062,0.3257813 0.289063,0.4257813 0.056,0.035 0.114734,0.041641 0.177734,0.056641 0.554,0.162 1.072016,0.3697656 1.541016,0.6347657 0.219999,0.125 0.494406,0.0975 0.691406,-0.0625 l 1.77539,-1.4492188 c 0.246,-0.2 0.600219,-0.1829844 0.824219,0.041016 L 20.601562,4.8125 c 0.224001,0.224 0.242969,0.5782188 0.04297,0.8242188 l -1.447265,1.7734374 c -0.125,0.153 -0.169188,0.3587813 -0.117188,0.5507813 0.015,0.057 0.04031,0.1101563 0.07031,0.1601563 0.277,0.506 0.488812,1.0249687 0.632812,1.5429687 0.068,0.244 0.27925,0.4212655 0.53125,0.4472655 l 1.955078,0.232422 c 0.315,0.032 0.230469,0.294328 0.230469,0.611328 v 1.466797 c 0,0.317 0.08453,0.579328 -0.230469,0.611328 l -2.115234,0.232422 c -0.19,0.019 -0.279859,0.127063 -0.380859,0.289063 -0.035,0.056 -0.0182,0.116687 -0.0332,0.179687 -0.162,0.554 -0.358046,1.072016 -0.623046,1.541016 -0.125,0.22 -0.08969,0.495406 0.07031,0.691406 l 1.451172,1.773437 c 0.2,0.246 0.184937,0.600219 -0.03906,0.824219 L 19.5625,19.603516 c -0.224,0.224 -0.577266,0.241015 -0.822266,0.04102 l -1.773437,-1.447265 c -0.153,-0.126 -0.357828,-0.166235 -0.548828,-0.115235 -0.057,0.015 -0.11211,0.03836 -0.16211,0.06836 -0.506,0.277 -1.023015,0.490765 -1.541015,0.634765 -0.244,0.068 -0.421266,0.277297 -0.447266,0.529297 l -0.232422,2.455078 c -0.032,0.315 -0.294328,0.732422 -0.611328,0.732422 h -1.46875 c -0.317,0 -0.579328,-0.415469 -0.611328,-0.730469 l -0.232422,-2.367187 c -0.019,-0.19 -0.127062,-0.402906 -0.289062,-0.503906 -0.056,-0.035 -0.116688,-0.08266 -0.179688,-0.09766 -0.554,-0.162 -1.0720155,-0.388343 -1.5410155,-0.652343 -0.22,-0.125 -0.4954063,-0.107266 -0.6914063,0.05273 L 6.6367188,19.646484 C 6.3907187,19.847484 6.0365,19.827516 5.8125,19.603516 L 4.7734375,18.564453 c -0.224,-0.224 -0.2410156,-0.579219 -0.041016,-0.824219 l 1.4472656,-1.773437 c 0.125,-0.153 0.1672344,-0.358781 0.1152344,-0.550781 -0.015,-0.057 -0.038359,-0.110157 -0.068359,-0.160157 -0.277,-0.506 -0.4907656,-1.024968 -0.6347656,-1.542968 C 5.5237969,13.468891 5.3145,13.291625 5.0625,13.265625 L 2.4199219,13.033203 C 2.1029219,13.001203 1.5,12.737875 1.5,12.421875 v -1.46875 c 0,-0.317 0.6029687,-0.579328 0.9179688,-0.611328 l 2.4609374,-0.232422 c 0.1900001,-0.019 0.4497813,-0.1261094 0.5507813,-0.2871094 0.038,-0.061 0.111,-0.1243593 0.125,-0.1933594 0.161,-0.548 0.3981563,-1.0623437 0.6601563,-1.5273437 0.125,-0.22 0.1131249,-0.4954062 -0.046875,-0.6914063 L 4.7265625,5.6367188 C 4.5265625,5.3907188 4.5474844,5.0365 4.7714844,4.8125 L 5.8105469,3.7734375 c 0.224,-0.224 0.5782187,-0.2410156 0.8242187,-0.041016 l 1.7753906,1.4472656 c 0.154,0.126 0.3597813,0.1672344 0.5507813,0.1152344 0.057,-0.015 0.1101563,-0.038359 0.1601563,-0.068359 0.506,-0.277 1.0230152,-0.4907656 1.5410152,-0.6347656 0.244,-0.068 0.421266,-0.2772969 0.447266,-0.5292969 L 11.341797,1.9199219 C 11.372797,1.6029219 11.637125,1.5 11.953125,1.5 Z M 12.6875,7.3828125 c -2.374,0 -4.3046875,1.9306875 -4.3046875,4.3046875 0,2.374 1.9306875,4.306641 4.3046875,4.306641 2.374,0 4.306641,-1.932641 4.306641,-4.306641 0,-2.374 -1.932641,-4.3046875 -4.306641,-4.3046875 z m 0,1.2285156 c 1.696,0 3.076172,1.3801719 3.076172,3.0761719 0,1.696 -1.381172,3.076172 -3.076172,3.076172 -1.696,0 -3.0761719,-1.380172 -3.0761719,-3.076172 0,-1.696 1.3801719,-3.0761719 3.0761719,-3.0761719 z" + id="fill-edit" + inkscape:connector-curvature="0" /></svg> \ No newline at end of file diff --git a/public_html/asset/svg/teacher.svg b/public_html/asset/svg/teacher.svg new file mode 100644 index 0000000..710d8f4 --- /dev/null +++ b/public_html/asset/svg/teacher.svg @@ -0,0 +1,42 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + enable-background="new 0 0 24 24" + id="Layer_1" + version="1.0" + viewBox="0 0 24 24" + xml:space="preserve" + sodipodi:docname="teacher.svg" + inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata + id="metadata13"><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><defs + id="defs11" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1044" + id="namedview9" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="12" + inkscape:cy="12" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="Layer_1" /><path + d="M 12,3 1,9 12,15 21,10.091797 V 17 h 2 V 9 Z m -7,9.800781 v 4.398438 L 12,21 19,17.199219 V 12.800781 L 12,17 Z" + id="fill-edit" + inkscape:connector-curvature="0" /></svg> \ No newline at end of file diff --git a/public_html/asset/svg/ue.svg b/public_html/asset/svg/ue.svg new file mode 100644 index 0000000..17600fd --- /dev/null +++ b/public_html/asset/svg/ue.svg @@ -0,0 +1,45 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<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" + enable-background="new 0 0 24 24" + height="24px" + id="Layer_1" + version="1.1" + viewBox="0 0 24 24" + width="24px" + xml:space="preserve" + sodipodi:docname="ue.svg" + inkscape:version="0.92.2 5c3e80d, 2017-08-06"><metadata + id="metadata9"><rdf:RDF><cc:Work + rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type + rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs + id="defs7" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="1920" + inkscape:window-height="1044" + id="namedview5" + showgrid="false" + inkscape:zoom="9.8333333" + inkscape:cx="12" + inkscape:cy="12" + inkscape:window-x="0" + inkscape:window-y="0" + inkscape:window-maximized="1" + inkscape:current-layer="Layer_1" /><path + d="M 20.898304,1.4237288 H 3.2711866 c -0.5288136,0 -0.881356,0.3525424 -0.881356,0.8813559 V 21.694915 c 0,0.528814 0.3525424,0.881356 0.881356,0.881356 H 20.898304 c 0.528814,0 0.881356,-0.352542 0.881356,-0.881356 V 2.3050847 c 0,-0.5288135 -0.352542,-0.8813559 -0.881356,-0.8813559 z M 10.322033,2.3050847 V 13.938983 L 8.5593222,12.616949 6.7966103,13.938983 V 2.3050847 Z M 20.016948,20.813559 H 4.1525425 V 19.050847 H 20.016948 Z m 0,-2.644067 H 4.1525425 V 3.1864407 H 5.9152544 V 15.525424 l 2.6440678,-1.762712 2.6440668,1.762712 V 3.1864407 h 8.813559 z" + id="fill-edit" + inkscape:connector-curvature="0" + style="stroke-width:0.88135594" /></svg> \ No newline at end of file diff --git a/webpack/data/common.js b/webpack/data/common.js index a83c0af..be6eb9d 100644 --- a/webpack/data/common.js +++ b/webpack/data/common.js @@ -32,14 +32,22 @@ gstore.add('menu_item', { label: 'Accueil', url: 'home', icon: 'home' - }, manage: { - label: 'Administration', - url: 'manage', - icon: 'manage' + }, teacher: { + label: 'Enseignants', + url: 'teacher', + icon: 'teacher' + }, ue: { + label: 'Gestion UE', + url: 'ue', + icon: 'ue' }, fiche: { label: 'Fiches', url: 'fiche', icon: 'fiche' + }, settings: { + label: 'Administration', + url: 'settings', + icon: 'settings' } }); diff --git a/webpack/scss/constants.scss b/webpack/scss/constants.scss index 9cdc397..3e272f3 100644 --- a/webpack/scss/constants.scss +++ b/webpack/scss/constants.scss @@ -1,3 +1,6 @@ +// BACKGROUND COLOR +$bg-color: #eee; + /* COULEUR DES ERREURS */ $error-color: #cc5857; @@ -18,5 +21,10 @@ $rd-form-neutral-color: '2193e6'; $rd-form-search-color: '5630ed'; $rd-form-invalid-color: 'd52918'; +// Menu +$menu-bg: #303030; +$menu-width: 3em; +$menu-outer-width: #{$menu-width + 1em}; + $c404-bubble-width: 40vh; \ No newline at end of file diff --git a/webpack/scss/container.scss b/webpack/scss/container.scss index e69de29..61885e0 100644 --- a/webpack/scss/container.scss +++ b/webpack/scss/container.scss @@ -0,0 +1,15 @@ +@import 'constants'; + + +#CONTAINER{ + + display: block; + position: absolute; + top: 0; + left: $menu-outer-width; + height: 100%; + width: calc( 100% - #{$menu-outer-width} ); + + background-color: $bg-color; + +} \ No newline at end of file diff --git a/webpack/scss/layout.scss b/webpack/scss/layout.scss index b264c63..11fae28 100644 --- a/webpack/scss/layout.scss +++ b/webpack/scss/layout.scss @@ -13,7 +13,7 @@ body{ width: 100%; height: 100%; - background: #eeeeee; + background: $bg-color; font-size: 16px; font-family: 'Open Sans'; @@ -31,7 +31,7 @@ body{ width: 100%; height: 100%; - background: #eee; + background: $bg-color; &.login{ diff --git a/webpack/scss/menu.scss b/webpack/scss/menu.scss index 4ec3cba..935d6c0 100644 --- a/webpack/scss/menu.scss +++ b/webpack/scss/menu.scss @@ -1,6 +1,4 @@ -$menu-bg: #303030; -$menu-width: 3em; -$menu-outer-width: #{$menu-width + 1em}; +@import 'constants'; @keyframes menu-label{ @@ -33,15 +31,17 @@ $menu-outer-width: #{$menu-width + 1em}; .item{ display: block; position: relative; - width: $menu-width; - height: $menu-width; + width: $menu-width; + height: $menu-width; + + margin-top: .5em; border-radius: 3px / 3px; box-shadow: inset 0 0 0 transparent; background: $menu-bg center center no-repeat; - background-size: 50%; + background-size: auto 50%; border: 1px solid lighten($menu-bg, 5%); @@ -52,11 +52,13 @@ $menu-outer-width: #{$menu-width + 1em}; z-index: 1; /* (1) Set icons */ - &[data-icon='home']{ background-image: url('/asset/svg/home.svg@7992a3'); } - &[data-icon='manage']{ background-image: url('/asset/svg/manage.svg@7992a3'); } - &[data-icon='fiche']{ background-image: url('/asset/svg/fiche.svg@7992a3'); } - &[data-icon='login']{ background-image: url('/asset/svg/login.svg@7992a3'); } - &[data-icon='logout']{ background-image: url('/asset/svg/logout.svg@7992a3'); } + &[data-icon='home']{ background-image: url('/asset/svg/home.svg@7992a3'); } + &[data-icon='teacher']{ background-image: url('/asset/svg/teacher.svg@7992a3'); } + &[data-icon='ue']{ background-image: url('/asset/svg/ue.svg@7992a3'); } + &[data-icon='settings']{ background-image: url('/asset/svg/settings.svg@7992a3'); } + &[data-icon='fiche']{ background-image: url('/asset/svg/fiche.svg@7992a3'); } + &[data-icon='login']{ background-image: url('/asset/svg/login.svg@7992a3'); } + &[data-icon='logout']{ background-image: url('/asset/svg/logout.svg@7992a3'); } /* (2) On hover */ &:hover, &.active{ @@ -67,11 +69,13 @@ $menu-outer-width: #{$menu-width + 1em}; color: #4a71dd; - &[data-icon='home']:hover, &[data-icon='home'].active{ background-image: url('/asset/svg/home.svg@10d197'); } - &[data-icon='manage']:hover, &[data-icon='manage'].active{ background-image: url('/asset/svg/manage.svg@da5645'); } - &[data-icon='fiche']:hover, &[data-icon='fiche'].active{ background-image: url('/asset/svg/fiche.svg@4a71dd'); } - &[data-icon='login']:hover, &[data-icon='login'].active{ background-image: url('/asset/svg/login.svg@dab245'); } - &[data-icon='logout']:hover, &[data-icon='logout'].active{ background-image: url('/asset/svg/logout.svg@dab245'); } + &[data-icon='home']:hover, &[data-icon='home'].active{ background-image: url('/asset/svg/home.svg@10d197'); } + &[data-icon='teacher']:hover, &[data-icon='teacher'].active{ background-image: url('/asset/svg/teacher.svg@edb910'); } + &[data-icon='ue']:hover, &[data-icon='ue'].active{ background-image: url('/asset/svg/ue.svg@1fc9ef'); } + &[data-icon='settings']:hover, &[data-icon='settings'].active{ background-image: url('/asset/svg/settings.svg@b7b7b7'); } + &[data-icon='fiche']:hover, &[data-icon='fiche'].active{ background-image: url('/asset/svg/fiche.svg@ea4C3a'); } + &[data-icon='login']:hover, &[data-icon='login'].active{ background-image: url('/asset/svg/login.svg@dab245'); } + &[data-icon='logout']:hover, &[data-icon='logout'].active{ background-image: url('/asset/svg/logout.svg@dab245'); } /* (3) Label */ &:after{ @@ -94,6 +98,10 @@ $menu-outer-width: #{$menu-width + 1em}; transform: translateX(-100%) translateY(-50%); + // 1 line only + white-space: nowrap; + overflow: hidden; + z-index: -1; }