From: Benjamin Auder <benjamin.auder@somewhere> Date: Fri, 6 Mar 2020 16:49:38 +0000 (+0100) Subject: Improve style, implement 'next' for corr games. TODO: rematch logic X-Git-Url: https://git.auder.net/variants/Chakart/css/assets/current/doc/common.css?a=commitdiff_plain;h=feaf1bf73fa8c6054e353585dee0b8a4fdcfbc4e;p=vchess.git Improve style, implement 'next' for corr games. TODO: rematch logic --- diff --git a/TODO b/TODO index b5142264..49091c12 100644 --- a/TODO +++ b/TODO @@ -9,7 +9,6 @@ From MyGames page: send "mconnect" to all online players (me included: potential # Misc: Rematch button (change colors, re-apply randomness params (which should be saved somehow somewhere)) --> need a bit more duplicated logic: in Game page, listen for newgame, and add a "launchGame" function -Next button in corr game (only if accessed from "MyGames" tab, by giving list of gids) # New variants 8-pieces https://www.youtube.com/watch?v=XZ8K02Da7Ps&list=PLRyjH8DPuzTBiym6lA0r84P8N0HnTtZyN&index=6&t=0s diff --git a/client/public/images/icons/SOURCE b/client/public/images/icons/SOURCE index ee8510e7..b1c82815 100644 --- a/client/public/images/icons/SOURCE +++ b/client/public/images/icons/SOURCE @@ -2,7 +2,13 @@ https://www.onlinewebfonts.com/icon/519460 https://www.onlinewebfonts.com/icon/322704 https://www.flaticon.com/free-icon/play_254434?term=play&page=1&position=1 https://www.flaticon.com/free-icon/fast-forward_660276?term=fast%20forward&page=1&position=7 - -# Unused for now: +https://www.flaticon.com/free-icon/comment_1380338?term=chat&page=1&position=3 +https://www.flaticon.com/free-icon/flags_455582?term=flag&page=1&position=49 +https://www.flaticon.com/free-icon/microscope_482743?term=microscope&page=1&position=10 +https://www.flaticon.com/free-icon/hand_1612618?term=hand&page=1&position=34 +https://www.onlinewebfonts.com/icon/256756 +https://www.flaticon.com/free-icon/forward_2413353?term=forward&page=1&position=59 +https://www.flaticon.com/free-icon/right_565870?term=forward&page=1&position=31 +https://www.flaticon.com/free-icon/download_724933?term=download&page=1&position=3 https://www.flaticon.com/free-icon/resize_512182?term=resize&page=1&position=49 -https://www.flaticon.com/free-icon/undo_725004?term=undo&page=1&position=4 +https://www.flaticon.com/free-icon/clear_565313?term=delete&page=1&position=33 diff --git a/client/public/images/icons/abort.svg b/client/public/images/icons/abort.svg new file mode 100644 index 00000000..44b52a58 --- /dev/null +++ b/client/public/images/icons/abort.svg @@ -0,0 +1,41 @@ +<?xml version="1.0" encoding="iso-8859-1"?> +<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" + viewBox="0 0 298.667 298.667" style="enable-background:new 0 0 298.667 298.667;" xml:space="preserve"> +<g> + <g> + <polygon points="298.667,30.187 268.48,0 149.333,119.147 30.187,0 0,30.187 119.147,149.333 0,268.48 30.187,298.667 + 149.333,179.52 268.48,298.667 298.667,268.48 179.52,149.333 "/> + </g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +<g> +</g> +</svg> diff --git a/client/public/images/icons/analyse.svg b/client/public/images/icons/analyse.svg new file mode 100644 index 00000000..29804c40 --- /dev/null +++ b/client/public/images/icons/analyse.svg @@ -0,0 +1,115 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<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" + version="1.1" + id="Layer_1" + x="0px" + y="0px" + viewBox="0 0 512.001 512.001" + style="enable-background:new 0 0 512.001 512.001;" + xml:space="preserve" + sodipodi:docname="analyse.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata + id="metadata43"><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="defs41" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview39" + showgrid="false" + inkscape:zoom="1.3037256" + inkscape:cx="260.33948" + inkscape:cy="256.00049" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="Layer_1" /> +<g + id="g6" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> + <g + id="g4"> + <path + d="M 422.244,430.198 C 438.818,403.346 448,373.081 448,341.335 448,267.383 401.336,203.232 331.626,179.852 322.247,164.7 306.85,153.76 288.686,150.482 l 9.98,-19.96 c 2.635,-5.271 0.5,-11.677 -4.771,-14.312 l 9.542,-19.083 c 5.271,2.615 11.656,0.5 14.313,-4.771 l 22.458,-44.917 c 2.635,-5.271 0.5,-11.677 -4.771,-14.313 l -64,-32 c -5.281,-2.625 -11.667,-0.51 -14.313,4.771 l -22.458,44.917 c -2.635,5.271 -0.5,11.677 4.771,14.313 l -9.542,19.083 c -5.26,-2.615 -11.677,-0.5 -14.313,4.771 l -86.458,172.917 c -2.635,5.271 -0.5,11.677 4.771,14.313 l 64,32 c 1.531,0.76 3.156,1.125 4.76,1.125 3.917,0 7.677,-2.156 9.552,-5.896 l 21.694,-43.382 c 11.431,10.632 26.625,17.277 43.431,17.277 14.004,0 26.863,-4.65 37.411,-12.307 29.22,14.289 47.922,43.49 47.922,76.307 0,47.052 -38.281,85.333 -85.333,85.333 h -85.333 v -21.333 h 32 c 5.896,0 10.667,-4.771 10.667,-10.667 0,-5.896 -4.771,-10.667 -10.667,-10.667 h -42.667 -64 -42.665 c -5.896,0 -10.667,4.771 -10.667,10.667 0,5.896 4.771,10.667 10.667,10.667 h 32 v 21.333 C 83.136,426.668 64,445.803 64,469.335 v 32 c 0,5.896 4.771,10.667 10.667,10.667 h 362.667 c 5.896,0 10.667,-4.771 10.667,-10.667 v -32 c 0,-17.52 -10.625,-32.573 -25.757,-39.137 z m -144.91,-195.53 c -11.76,0 -21.333,-9.573 -21.333,-21.333 0,-11.76 9.573,-21.333 21.333,-21.333 11.76,0 21.333,9.573 21.333,21.333 0,11.76 -9.573,21.333 -21.333,21.333 z" + id="path2" + inkscape:connector-curvature="0" /> + </g> +</g> +<g + id="g8" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g10" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g12" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g14" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g16" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g18" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g20" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g22" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g24" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g26" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g28" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g30" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g32" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g34" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +<g + id="g36" + transform="matrix(1.3295834,0,0,1,-83.99001,0)"> +</g> +</svg> \ No newline at end of file diff --git a/client/public/images/icons/chat.svg b/client/public/images/icons/chat.svg new file mode 100644 index 00000000..63050012 --- /dev/null +++ b/client/public/images/icons/chat.svg @@ -0,0 +1,65 @@ +<?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" + height="682pt" + viewBox="-21 -47 682.66669 682" + width="682pt" + version="1.1" + id="svg10" + sodipodi:docname="chat.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"> + <metadata + id="metadata16"> + <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="defs14" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview12" + showgrid="false" + inkscape:zoom="0.25953079" + inkscape:cx="462.37288" + inkscape:cy="454.66667" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="svg10" /> + <path + d="M 569.58535,-44.721864 H 76.199968 c -51.58554,0 -93.555901,45.66896113 -93.555901,101.820584 v 328.61492 c 0,56.02505 41.78761,101.62169 93.223627,101.82058 V 636.65561 L 272.77743,487.53422 h 296.80792 c 51.58552,0 93.55589,-45.678 93.55589,-101.82058 V 57.09872 c 0,-56.15162287 -41.97037,-101.820584 -93.55589,-101.820584 z m 53.68301,430.435504 c 0,32.21192 -24.08155,58.42535 -53.68301,58.42535 H 260.26731 L 115.74057,553.59442 V 444.13899 H 76.199968 c -29.60146,0 -53.68302,-26.21343 -53.68302,-58.42535 V 57.09872 c 0,-32.22096 24.08156,-58.4253514 53.68302,-58.4253514 H 569.58535 c 29.60146,0 53.68301,26.2043914 53.68301,58.4253514 z m 0,0" + id="path2" + inkscape:connector-curvature="0" + style="stroke-width:1.1092478" /> + <path + d="m171.292969 131.171875h297.414062v37.5h-297.414062zm0 0" + id="path4" /> + <path + d="m171.292969 211.171875h297.414062v37.5h-297.414062zm0 0" + id="path6" /> + <path + d="m171.292969 291.171875h297.414062v37.5h-297.414062zm0 0" + id="path8" /> +</svg> diff --git a/client/public/images/icons/download.svg b/client/public/images/icons/download.svg new file mode 100644 index 00000000..834f6834 --- /dev/null +++ b/client/public/images/icons/download.svg @@ -0,0 +1,126 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<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" + version="1.1" + id="Capa_1" + x="0px" + y="0px" + viewBox="0 0 512 512" + style="enable-background:new 0 0 512 512;" + xml:space="preserve" + sodipodi:docname="download.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata + id="metadata49"><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="defs47" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview45" + showgrid="false" + inkscape:zoom="0.921875" + inkscape:cx="260.33898" + inkscape:cy="256" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="Capa_1" /> +<g + id="g6" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> + <g + id="g4"> + <path + d="M 382.56,233.376 C 379.968,227.648 374.272,224 368,224 H 304 V 16 C 304,7.168 296.832,0 288,0 h -64 c -8.832,0 -16,7.168 -16,16 v 208 h -64 c -6.272,0 -11.968,3.68 -14.56,9.376 -2.624,5.728 -1.6,12.416 2.528,17.152 l 112,128 c 3.04,3.488 7.424,5.472 12.032,5.472 4.608,0 8.992,-2.016 12.032,-5.472 l 112,-128 c 4.16,-4.704 5.12,-11.424 2.528,-17.152 z" + id="path2" + inkscape:connector-curvature="0" /> + </g> +</g> +<g + id="g12" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> + <g + id="g10"> + <path + d="m 432,352 v 96 H 80 V 352 H 16 v 128 c 0,17.696 14.336,32 32,32 h 416 c 17.696,0 32,-14.304 32,-32 V 352 Z" + id="path8" + inkscape:connector-curvature="0" /> + </g> +</g> +<g + id="g14" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g16" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g18" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g20" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g22" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g24" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g26" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g28" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g30" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g32" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g34" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g36" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g38" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g40" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +<g + id="g42" + transform="matrix(1.0632768,0,0,1,-15.114124,0)"> +</g> +</svg> \ No newline at end of file diff --git a/client/public/images/icons/draw.svg b/client/public/images/icons/draw.svg new file mode 100644 index 00000000..1a9f98ee --- /dev/null +++ b/client/public/images/icons/draw.svg @@ -0,0 +1,56 @@ +<?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" + height="486pt" + viewBox="-64 0 485 486" + width="486pt" + version="1.1" + id="svg4" + sodipodi:docname="draw.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"> + <metadata + id="metadata10"> + <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="defs8" /> + <sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview6" + showgrid="false" + inkscape:zoom="0.36419753" + inkscape:cx="329.49153" + inkscape:cy="324" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="svg4" /> + <path + d="M 421.74483,362.2606 V 229.7012 c 0,-44.58091 -18.97657,-85.70164 -49.67578,-107.31327 L 204.22139,4.1975341 c -3.33594,-2.350812 -7.43359,-1.2308744 -9.82813,2.6889078 l -7.4375,12.1502661 c -9.64453,14.030917 -14.5625,32.837422 -13.58984,51.945028 1.05859,19.509101 8.06641,37.544324 19.34375,49.789684 l 12.52734,13.91469 -182.511715,0.16905 c -22.22265664,0.0211 -40.300781,23.43945 -40.300781,51.90277 0,11.16769 2.785156,20.76111 7.507812,30.22775 h -14.054688 c -22.234374,0 -40.132812,22.65761 -40.132812,51.13148 v 0.95618 c 0,25.8748 14.847656,47.36491 34.261719,51.07339 -5.089844,8.70063 -7.871094,19.46684 -7.898438,30.56584 -0.0039,28.47388 18.042969,51.54882 40.2812504,51.54882 H 42.846388 c -4.734374,8.11428 -7.101562,19.00726 -7.101562,30.18022 v 0.90862 c 0,28.39993 17.835938,51.56995 40.011719,51.63862 57.515625,0.17963 158.941405,0.0687 249.679685,-0.0475 53.21485,-0.0687 96.3086,-55.10411 96.3086,-122.68072 z M 75.795607,463.35082 C 62.416701,463.30862 51.744826,449.84818 51.744826,433.35023 v -0.90862 c 0,-16.54022 10.492188,-30.18022 23.910156,-30.18022 H 180.8542 c 4.41797,0 8,-4.84425 8,-10.81901 0,-5.98005 -3.58203,-10.81902 -8,-10.81902 H 2.3893574 c -13.4140624,0 -24.3320314,-13.16457 -24.3320314,-29.79986 0,-16.54549 10.917969,-29.70475 24.3320314,-29.70475 H 180.86201 c 4.41797,0 8,-4.84426 8,-10.81902 0,-5.98006 -3.58203,-10.81903 -8,-10.81903 H -24.110643 c -13.417969,0 -24.144531,-13.86187 -24.144531,-30.40736 v -0.95618 c 0,-16.5402 10.816406,-30.00058 24.226562,-30.00058 H 21.58467 c 0.402344,0.0158 0.789062,0.0211 1.199218,0.0211 0.175782,0 0.339844,0 0.511719,-0.0211 20.273438,0 42.230469,0.0104 63.140625,0.0158 48.496098,0.0158 90.371098,0.0264 94.457028,0 4.41797,-0.0211 7.98829,-4.88123 7.97266,-10.856 -0.0156,-5.97475 -3.60937,-10.80317 -8.02734,-10.78203 -4.0586,0.0211 -45.92578,0.0104 -94.402348,0 -21.425781,0 -43.949218,-0.0104 -64.636718,-0.0158 -12.9726566,-0.62864 -23.3671876,-13.83545 -23.3671876,-29.99002 0,-16.52436 10.90625,-29.98476 24.3124996,-29.99532 l 204.828124,-0.19547 c 3.37891,-0.006 6.39063,-2.8738 7.52735,-7.17394 1.14062,-4.30014 0.15625,-9.10213 -2.45313,-12.00235 l -29.76953,-33.07514 c -7.86719,-8.489331 -12.76953,-21.009399 -13.53906,-34.58071 -0.64844,-13.275492 2.8125,-26.318537 9.55468,-36.00177 0.0937,-0.137352 0.1836,-0.274703 0.26954,-0.417336 l 3.44921,-5.626102 162.07032,114.159688 c 25.38672,17.87144 41.0625,51.63862 41.0625,88.12112 v 132.5594 c 0,55.65879 -35.92188,100.98457 -80.32422,101.04267 -90.72656,0.11618 -192.13672,0.22716 -249.625003,0.0475 z m 0,0" + id="path2" + inkscape:connector-curvature="0" + style="stroke-width:1.16291773" /> +</svg> diff --git a/client/public/images/icons/fast-forward.svg b/client/public/images/icons/fast-forward.svg index 411b157c..ee79c23b 100644 --- a/client/public/images/icons/fast-forward.svg +++ b/client/public/images/icons/fast-forward.svg @@ -1,44 +1,56 @@ -<?xml version="1.0" encoding="iso-8859-1"?> -<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> -<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> -<g> - <g> - <path d="M504.171,239.489l-234.667-192c-6.357-5.227-15.189-6.293-22.656-2.773c-7.424,3.541-12.181,11.051-12.181,19.285v146.987 - L34.837,47.489c-6.379-5.227-15.189-6.293-22.656-2.773C4.757,48.257,0,55.767,0,64.001v384c0,8.235,4.757,15.744,12.181,19.285 - c2.923,1.365,6.059,2.048,9.152,2.048c4.843,0,9.621-1.643,13.504-4.821l199.829-163.499v146.987 - c0,8.235,4.757,15.744,12.181,19.285c2.923,1.365,6.059,2.048,9.152,2.048c4.843,0,9.621-1.643,13.504-4.821l234.667-192 - c4.949-4.053,7.829-10.112,7.829-16.512S509.12,243.543,504.171,239.489z"/> - </g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -<g> -</g> -</svg> +<?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="Solid" + height="512" + viewBox="0 0 512 512" + width="512" + version="1.1" + sodipodi:docname="forward.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"> + <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" /> + <dc:title></dc:title> + </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="960" + inkscape:window-height="1180" + id="namedview5" + showgrid="false" + inkscape:zoom="0.921875" + inkscape:cx="260.33898" + inkscape:cy="256" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="Solid" /> + <path + d="m 255.99997,511.86435 a 26.468725,26.356511 0 0 1 -18.7167,-44.99387 L 447.9633,257.08474 237.28327,47.299003 A 26.469407,26.35719 0 0 1 274.71666,10.024308 L 504.11228,238.44739 a 26.468725,26.356511 0 0 1 0,37.2747 L 274.71666,504.14518 a 26.38932,26.27744 0 0 1 -18.71669,7.71917 z M 45.321042,504.14518 274.71666,275.72209 a 26.468725,26.356511 0 0 0 0,-37.2747 L 45.321042,10.024308 A 26.469408,26.35719 0 0 0 7.8876471,47.299003 L 218.56768,257.08474 7.8876471,466.87048 a 26.469411,26.357192 0 0 0 37.4333949,37.2747 z" + id="path2" + inkscape:connector-curvature="0" + style="stroke-width:1.10052323" /> +</svg> diff --git a/client/public/images/icons/fast-forward_rev.svg b/client/public/images/icons/fast-forward_rev.svg index 6d4728d1..41bc9f7f 100644 --- a/client/public/images/icons/fast-forward_rev.svg +++ b/client/public/images/icons/fast-forward_rev.svg @@ -1,6 +1,4 @@ <?xml version="1.0" encoding="UTF-8" standalone="no"?> -<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> - <svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" @@ -9,92 +7,50 @@ 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" - version="1.1" - id="Capa_1" - x="0px" - y="0px" + id="Solid" + height="512" viewBox="0 0 512 512" - style="enable-background:new 0 0 512 512;" - xml:space="preserve" + width="512" + version="1.1" sodipodi:docname="fast-forward_rev.svg" - inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata - id="metadata43"><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="defs41" /><sodipodi:namedview - pagecolor="#ffffff" - bordercolor="#666666" - borderopacity="1" - objecttolerance="10" - gridtolerance="10" - guidetolerance="10" - inkscape:pageopacity="0" - inkscape:pageshadow="2" - inkscape:window-width="960" - inkscape:window-height="1060" - id="namedview39" - showgrid="false" - inkscape:zoom="0.4609375" - inkscape:cx="260.33898" - inkscape:cy="256" - inkscape:window-x="0" - inkscape:window-y="20" - inkscape:window-maximized="0" - inkscape:current-layer="Capa_1" /> -<g - id="g6" - transform="matrix(-1,0,0,1,511.999,0)"> - <g - id="g4"> - <path - d="m 504.171,239.489 -234.667,-192 c -6.357,-5.227 -15.189,-6.293 -22.656,-2.773 -7.424,3.541 -12.181,11.051 -12.181,19.285 V 210.988 L 34.837,47.489 C 28.458,42.262 19.648,41.196 12.181,44.716 4.757,48.257 0,55.767 0,64.001 v 384 c 0,8.235 4.757,15.744 12.181,19.285 2.923,1.365 6.059,2.048 9.152,2.048 4.843,0 9.621,-1.643 13.504,-4.821 L 234.666,301.014 v 146.987 c 0,8.235 4.757,15.744 12.181,19.285 2.923,1.365 6.059,2.048 9.152,2.048 4.843,0 9.621,-1.643 13.504,-4.821 l 234.667,-192 c 4.949,-4.053 7.829,-10.112 7.829,-16.512 0,-6.4 -2.879,-12.458 -7.828,-16.512 z" - id="path2" - inkscape:connector-curvature="0" /> - </g> -</g> -<g - id="g8"> -</g> -<g - id="g10"> -</g> -<g - id="g12"> -</g> -<g - id="g14"> -</g> -<g - id="g16"> -</g> -<g - id="g18"> -</g> -<g - id="g20"> -</g> -<g - id="g22"> -</g> -<g - id="g24"> -</g> -<g - id="g26"> -</g> -<g - id="g28"> -</g> -<g - id="g30"> -</g> -<g - id="g32"> -</g> -<g - id="g34"> -</g> -<g - id="g36"> -</g> -</svg> \ No newline at end of file + inkscape:version="0.92.4 5da689c313, 2019-01-14"> + <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" /> + <dc:title></dc:title> + </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="960" + inkscape:window-height="1180" + id="namedview5" + showgrid="false" + inkscape:zoom="0.921875" + inkscape:cx="262.50847" + inkscape:cy="256" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="Solid" /> + <path + d="m 256.00392,511.86435 a 26.468725,26.356511 0 0 0 18.7167,-44.99387 L 64.040592,257.08474 274.72062,47.299003 A 26.469407,26.35719 0 0 0 237.28723,10.024308 L 7.8916122,238.44739 a 26.468725,26.356511 0 0 0 0,37.2747 L 237.28723,504.14518 a 26.38932,26.27744 0 0 0 18.71669,7.71917 z M 466.68285,504.14518 237.28723,275.72209 a 26.468725,26.356511 0 0 1 0,-37.2747 L 466.68285,10.024308 a 26.469408,26.35719 0 0 1 37.4334,37.274695 L 293.43621,257.08474 504.11625,466.87048 a 26.469411,26.357192 0 0 1 -37.4334,37.2747 z" + id="path2" + inkscape:connector-curvature="0" + style="stroke-width:1.10052323" /> +</svg> diff --git a/client/public/images/icons/flip.svg b/client/public/images/icons/flip.svg index be39895c..bea39cbb 100644 --- a/client/public/images/icons/flip.svg +++ b/client/public/images/icons/flip.svg @@ -1,7 +1,54 @@ -<?xml version="1.0" encoding="utf-8"?> -<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> -<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata> -<g><g transform="translate(0.000000,511.000000) scale(0.100000,-0.100000)"><path d="M1329.9,3511.5C58,2239.5,100.2,2289.4,100.2,2018.9c0-180.3,38.4-285.9,153.5-412.5c113.2-124.7,270.5-191.9,448.9-191.9c241.7,0,287.8,30.7,782.7,523.8l425.9,425.9V-776.4v-3140.6l40.3-111.3c49.9-130.5,176.5-264.8,314.6-331.9c145.8-69.1,364.5-67.1,512.2,5.8c130.4,65.2,266.7,207.2,316.6,335.7c32.6,86.3,34.5,232.1,40.3,3226.9l3.8,3134.8l418.2-414.4c253.2-251.3,450.8-431.7,502.6-458.5c72.9-38.4,115.1-46,268.6-46c213,0,310.8,36.5,439.3,165c126.6,126.6,165,228.3,165,429.7c0,149.6-7.7,186.1-51.8,268.6c-36.4,69.1-356.8,402.9-1179.9,1224C2717,4491.9,2565.4,4637.7,2515.6,4637.7S2314.1,4491.9,1329.9,3511.5z"/><path d="M7308,4610.8c-176.5-57.6-337.7-207.2-402.9-372.2c-32.6-86.3-34.5-243.7-40.3-3226.9l-3.8-3134.8l-418.2,414.4c-471.9,472-535.3,514.2-755.9,516.1c-157.3,1.9-253.2-24.9-366.4-99.7c-243.7-161.2-333.8-493.1-207.2-755.9c48-99.8,199.5-259,1185.6-1243.2c984.2-980.4,1135.8-1126.2,1185.6-1126.2s201.4,143.9,1181.8,1124.2c1272,1272,1233.6,1225.9,1233.6,1494.5c0,174.6-38.4,280.1-143.9,401c-122.8,140-266.7,205.3-456.6,205.3c-241.7,1.9-270.5-15.4-763.6-506.5l-447-443.2V998.3v3138.7l-40.3,111.3c-49.9,130.5-176.5,266.7-312.7,330C7618.8,4631.9,7419.2,4647.3,7308,4610.8z"/></g></g> +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --> + +<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" + version="1.1" + x="0px" + y="0px" + viewBox="0 0 1000 1000" + enable-background="new 0 0 1000 1000" + xml:space="preserve" + id="svg10" + sodipodi:docname="flip.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"><defs + id="defs14" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview12" + showgrid="false" + inkscape:zoom="0.6675088" + inkscape:cx="516.94916" + inkscape:cy="500" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="svg10" /> +<metadata + id="metadata2"> Svg Vector Icons : http://www.onlinewebfonts.com/icon <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 + id="g8" + transform="matrix(0.94008968,0.74255428,-0.68301514,1.0220383,372.20909,-381.55233)"><path + d="M 268.1,256.4 C 399.4,157.5 587,169.6 711.2,223.1 l -140.3,97.8 c -14,9.8 -17.4,29.1 -7.7,43.1 6.1,8.6 15.7,13.3 25.5,13.3 6.1,0 12.3,-1.8 17.7,-5.6 L 766.7,260 l 4.2,-3.5 c 15.2,-15.2 23.5,-35.4 23.5,-56.9 0,-21.5 -8.3,-41.7 -24.9,-58.2 L 630,17.8 C 617.2,6.5 597.6,7.6 586.2,20.4 574.9,33.2 576,52.8 588.9,64.1 L 682,146.6 C 544.7,104.6 363.6,106.8 230.8,206.9 131,282.1 49.1,451.1 91.2,659.2 c 3,14.7 15.9,24.8 30.3,24.8 2,0 4.1,-0.2 6.2,-0.6 16.8,-3.4 27.6,-19.8 24.2,-36.5 -36.5,-180.6 34.6,-329 116.2,-390.5 z" + id="path4" + inkscape:connector-curvature="0" /><path + d="M 908.8,340.8 C 905.4,324 889.1,313.2 872.3,316.6 855.5,320 844.6,336.3 848,353.1 884.6,533.8 813.4,682.2 731.9,743.6 600.6,842.5 413,830.4 288.9,776.9 l 140.3,-97.8 c 14,-9.8 17.5,-29.1 7.7,-43.1 -9.8,-14 -29.1,-17.5 -43.1,-7.7 l -160.5,111.8 -4.1,3.4 c -15.3,15.2 -23.6,35.3 -23.7,56.8 0,21.5 8.4,41.7 25,58.2 L 370,982.2 c 5.9,5.2 13.2,7.8 20.5,7.8 8.6,0 17.1,-3.5 23.2,-10.4 11.3,-12.8 10.2,-32.4 -2.7,-43.7 l -93.1,-82.5 c 52.8,16.2 112,25.9 172.5,25.9 96.9,0 197,-24.6 278.7,-86.1 100,-75.3 181.8,-244.3 139.7,-452.4 z" + id="path6" + inkscape:connector-curvature="0" /></g> </svg> \ No newline at end of file diff --git a/client/public/images/icons/play.svg b/client/public/images/icons/play.svg index d34a3680..0d72fcc2 100644 --- a/client/public/images/icons/play.svg +++ b/client/public/images/icons/play.svg @@ -1,10 +1,99 @@ -<?xml version="1.0" encoding="iso-8859-1"?> -<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> -<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 494.148 494.148" style="enable-background:new 0 0 494.148 494.148;" xml:space="preserve"> -<g> - <path d="M405.284,201.188L130.804,13.28C118.128,4.596,105.356,0,94.74,0C74.216,0,61.52,16.472,61.52,44.044v406.124 - c0,27.54,12.68,43.98,33.156,43.98c10.632,0,23.2-4.6,35.904-13.308l274.608-187.904c17.66-12.104,27.44-28.392,27.44-45.884 - C432.632,229.572,422.964,213.288,405.284,201.188z"/> -</g> -</svg> +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<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" + version="1.1" + id="Capa_1" + x="0px" + y="0px" + viewBox="0 0 256 256" + style="enable-background:new 0 0 256 256;" + xml:space="preserve" + sodipodi:docname="right.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata + id="metadata43"><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="defs41" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview39" + showgrid="false" + inkscape:zoom="0.921875" + inkscape:cx="130.16949" + inkscape:cy="128" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="Capa_1" /> +<g + id="g6" + transform="matrix(1.6034518,0,0,1,-77.241831,0)"> + <g + id="g4"> + <polygon + points="146.72,128 48.907,225.813 79.093,256 207.093,128 79.093,0 48.907,30.187 " + id="polygon2" /> + </g> +</g> +<g + id="g8"> +</g> +<g + id="g10"> +</g> +<g + id="g12"> +</g> +<g + id="g14"> +</g> +<g + id="g16"> +</g> +<g + id="g18"> +</g> +<g + id="g20"> +</g> +<g + id="g22"> +</g> +<g + id="g24"> +</g> +<g + id="g26"> +</g> +<g + id="g28"> +</g> +<g + id="g30"> +</g> +<g + id="g32"> +</g> +<g + id="g34"> +</g> +<g + id="g36"> +</g> +</svg> \ No newline at end of file diff --git a/client/public/images/icons/play_rev.svg b/client/public/images/icons/play_rev.svg index 8d562e90..50f2ef8c 100644 --- a/client/public/images/icons/play_rev.svg +++ b/client/public/images/icons/play_rev.svg @@ -10,18 +10,18 @@ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" - id="Layer_1" + id="Capa_1" x="0px" y="0px" - viewBox="0 0 494.148 494.148" - style="enable-background:new 0 0 494.148 494.148;" + viewBox="0 0 256 256" + style="enable-background:new 0 0 256 256;" xml:space="preserve" sodipodi:docname="play_rev.svg" inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata - id="metadata11"><rdf:RDF><cc:Work + id="metadata43"><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 + id="defs41" /><sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" @@ -31,22 +31,84 @@ inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="960" - inkscape:window-height="1060" - id="namedview7" + inkscape:window-height="1180" + id="namedview39" showgrid="false" - inkscape:zoom="0.4775897" - inkscape:cx="251.2617" - inkscape:cy="247.07401" + inkscape:zoom="0.921875" + inkscape:cx="132.33898" + inkscape:cy="128" inkscape:window-x="0" inkscape:window-y="20" inkscape:window-maximized="0" - inkscape:current-layer="Layer_1" /> -<g - id="g4" - transform="matrix(-1,0,0,1,494.148,0)"> - <path - d="M 405.284,201.188 130.804,13.28 C 118.128,4.596 105.356,0 94.74,0 74.216,0 61.52,16.472 61.52,44.044 v 406.124 c 0,27.54 12.68,43.98 33.156,43.98 10.632,0 23.2,-4.6 35.904,-13.308 L 405.188,292.936 c 17.66,-12.104 27.44,-28.392 27.44,-45.884 0.004,-17.48 -9.664,-33.764 -27.344,-45.864 z" - id="path2" - inkscape:connector-curvature="0" /> + inkscape:current-layer="Capa_1" /> +<g + id="g6" + transform="matrix(-1.6034518,0,0,1,333.24183,0)"> + <g + id="g4"> + <polygon + points="48.907,225.813 79.093,256 207.093,128 79.093,0 48.907,30.187 146.72,128 " + id="polygon2" /> + </g> +</g> +<g + id="g8" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g10" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g12" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g14" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g16" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g18" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g20" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g22" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g24" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g26" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g28" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g30" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g32" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g34" + transform="matrix(-1,0,0,1,256,0)"> +</g> +<g + id="g36" + transform="matrix(-1,0,0,1,256,0)"> </g> </svg> \ No newline at end of file diff --git a/client/public/images/icons/rematch.svg b/client/public/images/icons/rematch.svg new file mode 100644 index 00000000..37b2d8c6 --- /dev/null +++ b/client/public/images/icons/rematch.svg @@ -0,0 +1 @@ +<svg height="511pt" viewBox="0 0 511 511.99912" width="511pt" xmlns="http://www.w3.org/2000/svg"><path d="m447.738281 74.660156c-.648437 0-1.300781-.0625-1.949219-.191406-.640624-.128906-1.273437-.320312-1.871093-.570312-.601563-.25-1.191407-.558594-1.730469-.917969-.539062-.371094-1.058594-.78125-1.519531-1.25-1.859375-1.863281-2.929688-4.429688-2.929688-7.0625 0-.660157.070313-1.308594.199219-1.957031.128906-.640626.320312-1.273438.570312-1.871094.25-.601563.558594-1.191406.917969-1.730469.363281-.550781.78125-1.058594 1.242188-1.519531.460937-.460938.976562-.878906 1.519531-1.242188.539062-.359375 1.128906-.667968 1.730469-.917968.597656-.25 1.226562-.441407 1.871093-.570313 1.289063-.261719 2.617188-.261719 3.910157 0 .636719.128906 1.257812.320313 1.867187.570313.601563.25 1.179688.558593 1.722656.917968.546876.363282 1.058594.78125 1.519532 1.242188.457031.460937.878906.96875 1.25 1.519531.359375.539063.667968 1.128906.917968 1.730469.25.597656.441407 1.230468.570313 1.871094.128906.648437.191406 1.296874.191406 1.957031 0 2.632812-1.0625 5.199219-2.933593 7.0625-.457032.46875-.96875.878906-1.519532 1.25-.539062.359375-1.117187.667969-1.71875.917969-.601562.25-1.230468.441406-1.871094.570312-.648437.128906-1.296874.191406-1.957031.191406zm0 0"/><path d="m65.179688 74.660156c-.660157 0-1.3125-.0625-1.960938-.191406-.640625-.128906-1.269531-.320312-1.871094-.570312-.597656-.25-1.179687-.558594-1.71875-.917969-.550781-.371094-1.0625-.78125-1.519531-1.25-.472656-.460938-.882813-.972657-1.25-1.519531-.359375-.542969-.671875-1.121094-.921875-1.722657-.25-.597656-.4375-1.230469-.570312-1.871093-.128907-.648438-.1875-1.296876-.1875-1.957032 0-.652344.058593-1.300781.1875-1.949218.132812-.640626.320312-1.273438.570312-1.871094.25-.601563.5625-1.179688.921875-1.730469.367187-.539063.777344-1.050781 1.25-1.519531.457031-.460938.96875-.871094 1.519531-1.242188.539063-.359375 1.121094-.667968 1.71875-.917968.601563-.25 1.230469-.441407 1.871094-.570313 1.289062-.261719 2.621094-.261719 3.910156 0 .640625.128906 1.269532.320313 1.871094.570313.597656.25 1.179688.558593 1.726562.917968.542969.371094 1.0625.78125 1.523438 1.242188.457031.46875.878906.980468 1.238281 1.519531.359375.550781.671875 1.128906.921875 1.730469.25.597656.4375 1.230468.566406 1.871094.132813.648437.203126 1.296874.203126 1.949218 0 .660156-.070313 1.308594-.203126 1.957032-.128906.640624-.316406 1.273437-.566406 1.871093-.25.601563-.5625 1.179688-.921875 1.722657-.359375.546874-.78125 1.058593-1.238281 1.519531-.460938.46875-.980469.878906-1.523438 1.25-.546874.359375-1.128906.667969-1.726562.917969-.601562.25-1.230469.441406-1.871094.570312-.652344.128906-1.300781.191406-1.949218.191406zm0 0"/><path d="m504.210938 399.796875-9.238282-9.238281c-5.300781-5.304688-12.351562-8.226563-19.851562-8.226563-4.757813 0-9.332032 1.175781-13.394532 3.386719l-39.199218-39.203125 12.054687-12.054687c10.976563-10.980469 10.976563-28.847657 0-39.824219l-9.121093-9.125c-5.316407-5.320313-12.390626-8.25-19.910157-8.25-7.523437 0-14.59375 2.929687-19.910156 8.25l-8.316406 8.316406-30.679688-33.089844 162.476563-147.578125c2.136718-1.941406 3.332031-4.714844 3.273437-7.601562l-1.878906-93.882813c-.105469-5.363281-4.429687-9.691406-9.796875-9.796875l-93.863281-1.87499975c-2.929688-.07421875-5.664063 1.13671875-7.601563 3.27343775l-142.839844 157.320312-142.75-157.316406c-1.941406-2.140625-4.734374-3.3398438-7.605468-3.27734375l-93.863282 1.87499975c-5.367187.105469-9.691406 4.433594-9.796874 9.796875l-1.875 93.882813c-.058594 2.886718 1.136718 5.660156 3.277343 7.601562l162.089844 147.140625-30.375 33.449219-8.292969-8.292969c-5.300781-5.304687-12.351562-8.226562-19.855468-8.226562-7.5 0-14.550782 2.921875-19.855469 8.226562l-9.234375 9.234375c-10.945313 10.949219-10.945313 28.761719 0 39.707032l12.113281 12.113281-39.199219 39.207031c-4.0625-2.210938-8.636718-3.386719-13.390625-3.386719-7.503906 0-14.554687 2.921875-19.859375 8.226563l-9.234375 9.234375c-10.945312 10.949219-10.945312 28.761719 0 39.707031l64.261719 64.273438c5.304688 5.304687 12.355469 8.226562 19.855469 8.226562 7.503906 0 14.554687-2.921875 19.855469-8.226562l9.238281-9.238282c8.984375-8.984375 10.59375-22.597656 4.824219-33.242187l39.203124-39.210938 12.105469 12.109375c5.304688 5.304688 12.355469 8.226563 19.855469 8.226563 7.503906 0 14.554688-2.921875 19.855469-8.226563l9.238281-9.238281c10.941406-10.945313 10.941406-28.757813 0-39.703125l-8.300781-8.304688 37.273437-33.855468 38.164063 33.933594-8.160157 8.164062c-10.976562 10.980469-10.976562 28.847656 0 39.824219l9.121094 9.125c5.316406 5.320312 12.386719 8.25 19.910156 8.25 7.519532 0 14.59375-2.929688 19.910157-8.25l12.050781-12.054688 39.203125 39.210938c-5.769531 10.644531-4.160156 24.257812 4.828125 33.246093l9.230469 9.234376c5.304687 5.304687 12.355469 8.226562 19.859375 8.226562 7.5 0 14.550781-2.921875 19.855468-8.226562l64.261719-64.273438c10.949219-10.945312 10.949219-28.757812.003907-39.703125zm-141.039063-91.816406-20.292969 20.296875-33.597656-33.605469 22.558594-20.488281zm-342.5625-206.570313 1.59375-79.726562 79.707031-1.59375 140.996094 155.382812-25.128906 27.679688-117.125-117.144532c-3.902344-3.90625-10.234375-3.90625-14.140625 0-3.90625 3.902344-3.90625 10.234376 0 14.140626l117.804687 117.828124-24.980468 27.515626zm390.394531-81.320312 79.710938 1.59375 1.59375 79.726562-287.765625 261.378906-20.363281-20.367187 242.226562-242.273437c3.902344-3.90625 3.902344-10.238282 0-14.144532-3.90625-3.902344-10.238281-3.902344-14.144531.003906l-242.226563 242.269532-20.363281-20.367188zm-303.230468 460.304687-9.234376 9.238281c-1.527343 1.527344-3.554687 2.367188-5.714843 2.367188-2.15625 0-4.1875-.839844-5.710938-2.367188l-64.261719-64.273437c-3.148437-3.148437-3.148437-8.273437 0-11.425781l9.234376-9.234375c1.527343-1.527344 3.554687-2.367188 5.714843-2.367188 2.15625 0 4.183594.839844 5.710938 2.367188l1.414062 1.410156c0 .003906.003907.007813.007813.007813l61.414062 61.429687c.003906.003906.007813.003906.011719.007813l1.414063 1.417968c3.148437 3.148438 3.148437 8.273438 0 11.421875zm5.644531-34.0625-47.273438-47.28125 38.386719-38.394531 47.273438 47.285156zm99.4375-35.519531-9.234375 9.238281c-1.527344 1.523438-3.554688 2.367188-5.714844 2.367188-2.15625 0-4.1875-.839844-5.710938-2.367188l-99.777343-99.792969c-3.148438-3.148437-3.148438-8.273437 0-11.421874l9.238281-9.238282c1.523438-1.523437 3.554688-2.367187 5.710938-2.367187s4.1875.839843 5.714843 2.367187l99.773438 99.792969c3.148437 3.148437 3.148437 8.273437 0 11.421875zm58.007812-81.246094 23.59375-21.433594 34.28125 34.289063-20.433593 20.4375zm49.914063 90.429688c-1.542969 1.542968-3.589844 2.390625-5.769532 2.390625-2.175781 0-4.226562-.847657-5.765624-2.390625l-9.121094-9.121094c-3.183594-3.183594-3.183594-8.363281 0-11.542969l99.660156-99.679687c1.539062-1.542969 3.589844-2.390625 5.765625-2.390625 2.179687 0 4.230469.847656 5.769531 2.390625l9.121094 9.121094c3.183594 3.183593 3.183594 8.359374 0 11.542968zm87.609375-59.339844 38.386719 38.394531-47.277344 47.28125-38.382813-38.390625zm81.679687 64.703125-64.261718 64.273437c-1.527344 1.527344-3.554688 2.367188-5.714844 2.367188-2.15625 0-4.183594-.839844-5.710938-2.367188l-9.234375-9.234374c-3.148437-3.152344-3.148437-8.273438-.003906-11.425782l1.417969-1.414062c0-.003906.003906-.007813.007812-.011719l62.835938-62.847656c1.527344-1.523438 3.558594-2.367188 5.714844-2.367188s4.1875.839844 5.714843 2.367188l9.230469 9.238281c3.152344 3.148438 3.152344 8.273438.003906 11.421875zm0 0"/></svg> \ No newline at end of file diff --git a/client/public/images/icons/resign.svg b/client/public/images/icons/resign.svg new file mode 100644 index 00000000..fcee08dd --- /dev/null +++ b/client/public/images/icons/resign.svg @@ -0,0 +1,115 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> + +<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" + version="1.1" + id="Layer_1" + x="0px" + y="0px" + viewBox="0 0 512 512" + style="enable-background:new 0 0 512 512;" + xml:space="preserve" + sodipodi:docname="resign.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata + id="metadata43"><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="defs41" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview39" + showgrid="false" + inkscape:zoom="1.3037281" + inkscape:cx="260.33898" + inkscape:cy="256" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="Layer_1" /> +<g + id="g6" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> + <g + id="g4"> + <path + d="m 439.463,61.781 c -4.616,-2.685 -10.318,-2.685 -14.933,0 C 406.661,71.729 386.528,76.902 366.077,76.8 336.186,77.461 307.284,66.085 285.864,45.227 261.136,21.022 227.702,7.796 193.107,8.534 165.246,8.293 138.006,16.766 115.198,32.769 V 25.6 C 115.198,11.462 103.737,0 89.598,0 75.459,0 63.998,11.461 63.998,25.6 v 460.8 c 0,14.138 11.461,25.6 25.6,25.6 14.138,0 25.6,-11.461 25.6,-25.6 V 264.533 c 2.828,-0.265 5.522,-1.33 7.765,-3.072 20.302,-14.951 44.933,-22.861 70.144,-22.528 29.946,-0.688 58.911,10.689 80.384,31.573 24.681,24.17 58.049,37.394 92.587,36.693 26.469,0.308 52.431,-7.266 74.581,-21.76 4.74,-3.285 7.501,-8.742 7.339,-14.507 V 76.8 c 0.085,-6.182 -3.18,-11.928 -8.535,-15.019 z M 98.13,486.4 c 0,4.713 -3.82,8.533 -8.533,8.533 -4.713,0 -8.533,-3.82 -8.533,-8.533 V 25.6 c 0,-4.713 3.82,-8.533 8.533,-8.533 4.713,0 8.533,3.82 8.533,8.533 z m 332.8,-215.125 c -19.319,12.47 -41.86,19.025 -64.853,18.859 -29.891,0.661 -58.793,-10.715 -80.213,-31.573 -24.728,-24.205 -58.162,-37.431 -92.757,-36.693 -27.843,-0.297 -55.083,8.117 -77.909,24.064 V 54.784 C 136.51,35.5 164.371,25.064 193.107,25.6 c 29.946,-0.688 58.911,10.689 80.384,31.573 24.681,24.17 58.049,37.394 92.587,36.693 22.598,0.158 44.882,-5.296 64.853,-15.872 v 193.281 z" + id="path2" + inkscape:connector-curvature="0" /> + </g> +</g> +<g + id="g8" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g10" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g12" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g14" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g16" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g18" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g20" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g22" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g24" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g26" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g28" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g30" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g32" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g34" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +<g + id="g36" + transform="matrix(1.3286573,0,0,1,-83.576434,0)"> +</g> +</svg> \ No newline at end of file diff --git a/client/public/images/icons/settings.svg b/client/public/images/icons/settings.svg index d7839216..37a724cb 100644 --- a/client/public/images/icons/settings.svg +++ b/client/public/images/icons/settings.svg @@ -1,7 +1,51 @@ -<?xml version="1.0" encoding="utf-8"?> -<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --> -<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> -<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1000 1000" enable-background="new 0 0 1000 1000" xml:space="preserve"> -<metadata> Svg Vector Icons : http://www.onlinewebfonts.com/icon </metadata> -<g><path d="M987.5,633c1.4,8.4,1.1,18.6-1.1,30.5c-2.1,11.9-5.6,24-10.5,36.3C971,712,965,723,958,732.8c-7,9.8-14.7,16.8-23.1,21c-8.4,4.2-15.8,6.3-22.1,6.3c-6.3,0-13.3-1.4-21-4.2c-7-2.1-15.8-4-26.3-5.8c-10.5-1.8-21.2-2.1-32.1-1.1c-10.9,1.1-21.7,3.3-32.6,6.8c-10.9,3.5-20.1,9.5-27.9,17.9c-16.8,17.5-26.6,37.5-29.4,59.9c-2.8,22.4,0.4,43.8,9.5,64.1c7,14,6,28-3.2,42c-4.2,5.6-10.9,11.4-20,17.3c-9.1,6-19.1,11.4-30,16.3c-10.9,4.9-22.2,8.8-34.2,11.6c-11.9,2.8-22.4,4.2-31.5,4.2c-6.3,0-12.3-2.5-17.9-7.4c-5.6-4.9-9.5-10.2-11.6-15.8h-1.1c-7.7-21.7-20.8-40.5-39.4-56.2c-18.6-15.8-40.1-23.6-64.6-23.6c-23.8,0-45.4,7.9-64.6,23.6c-19.3,15.8-32.8,34.2-40.5,55.2c-3.5,8.4-8.8,14.5-15.8,18.4c-7,3.9-14.7,5.8-23.1,5.8c-9.8,0-20.8-1.8-33.1-5.3c-12.3-3.5-24.5-7.9-36.8-13.1c-12.3-5.3-23.3-11.4-33.1-18.4c-9.8-7-17.2-14-22.1-21c-3.5-4.9-5.4-10.7-5.8-17.3c-0.4-6.7,2.3-15.9,7.9-27.9c7.7-16.1,10.7-34.5,8.9-55.2c-1.8-20.7-10.7-39.8-26.8-57.3c-9.8-10.5-21.7-17.3-35.7-20.5c-14-3.1-27.3-4.4-39.9-3.7c-14.7,0.7-29.8,3.5-45.2,8.4c-9.8,2.8-19.6,2.1-29.4-2.1c-7.7-2.8-14.9-9.3-21.6-19.4c-6.7-10.2-12.6-21.4-17.9-33.6C20,690.6,16,678,13.2,665c-2.8-13-3.5-23.6-2.1-32.1c2.1-15.4,9.1-25.2,21-29.4c21-8.4,39.9-22.2,56.8-41.5c16.8-19.3,25.2-40.8,25.2-64.6c0-24.5-8.4-45.9-25.2-64.1C72,415,53.1,401.7,32.1,393.3c-6.3-2.1-11.6-7.2-15.8-15.2c-4.2-8.1-6.3-16.3-6.3-24.7c0-9.1,1.4-19.3,4.2-30.5c2.8-11.2,6.5-22.1,11-32.6c4.6-10.5,9.8-20.1,15.8-28.9c6-8.8,12.4-15.2,19.4-19.4c5.6-3.5,11-4.9,16.3-4.2c5.3,0.7,11,2.1,17.3,4.2c21,8.4,42.9,11,65.7,7.9c22.8-3.2,42.9-13.1,60.4-30c8.4-8.4,14.5-18.7,18.4-31c3.9-12.3,6.3-24.4,7.4-36.3c1-11.9,1-22.8,0-32.6c-1.1-9.8-1.9-16.8-2.6-21c-1.4-4.2-2.6-9.1-3.7-14.7c-1.1-5.6-0.5-10.5,1.6-14.7c4.2-9.8,11.7-18.4,22.6-25.8c10.9-7.4,22.6-13.5,35.2-18.4c12.6-4.9,24.9-8.6,36.8-11c11.9-2.5,21.4-3.7,28.4-3.7c9.1,0,16.3,3,21.5,8.9c5.3,6,8.9,12.1,11,18.4c7.7,18.9,20.3,35.6,37.8,49.9c17.5,14.4,38.2,21.5,62,21.5c24.5,0,46.2-6.8,65.2-20.5c18.9-13.7,32.2-31,39.9-52c2.8-5.6,7.2-11.4,13.1-17.3c6-6,12.1-8.9,18.4-8.9c9.8,0,20.5,1.4,32.1,4.2c11.6,2.8,22.9,6.7,34.2,11.6c11.2,4.9,21.5,11.2,31,18.9c9.5,7.7,17,16.1,22.6,25.2c3.5,5.6,4.6,11.7,3.2,18.4s-2.8,11.4-4.2,14.2c-9.1,20.3-11.9,41.7-8.4,64.1c3.5,22.4,13.7,42,30.5,58.9c16.8,16.8,37.5,26.1,62,27.8c24.5,1.8,47.3-2.3,68.3-12.1c5.6-3.5,12.4-4.9,20.5-4.2c8.1,0.7,14.9,3.9,20.5,9.5c10.5,9.8,19.8,24.7,27.9,44.7c8.1,20,13.5,40.1,16.3,60.4c1.4,11.9-0.5,21.2-5.8,27.9c-5.3,6.7-10.7,11-16.3,13.1c-21.7,7.7-40.3,21.2-55.7,40.5c-15.4,19.3-23.1,41.2-23.1,65.7c0,23.8,6.5,44.7,19.4,62.5c13,17.9,29.9,30.7,51,38.4c4.9,2.8,9.1,5.6,12.6,8.4C979.4,615.1,984.7,623.1,987.5,633L987.5,633z M498.7,727.6c31.5,0,61.3-6,89.3-17.9c28-11.9,52.4-28.4,73-49.4c20.7-21,37-45.4,48.9-73c11.9-27.7,17.9-57.3,17.9-88.8c0-31.5-6-61.1-17.9-88.8c-11.9-27.7-28.2-51.9-48.9-72.5c-20.7-20.7-45-37-73-48.9c-28-11.9-57.8-17.9-89.3-17.9c-31.5,0-61.1,6-88.8,17.9c-27.7,11.9-51.8,28.2-72.5,48.9c-20.7,20.7-37,44.9-48.9,72.5c-11.9,27.7-17.9,57.3-17.9,88.8c0,31.5,6,61.1,17.9,88.8c11.9,27.7,28.2,52,48.9,73c20.7,21,44.8,37.5,72.5,49.4C437.6,721.6,467.2,727.6,498.7,727.6L498.7,727.6z"/></g> +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --> + +<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" + version="1.1" + x="0px" + y="0px" + viewBox="0 0 1000 1000" + enable-background="new 0 0 1000 1000" + xml:space="preserve" + id="svg8" + sodipodi:docname="settings.svg" + inkscape:version="0.92.4 5da689c313, 2019-01-14"><defs + id="defs12" /><sodipodi:namedview + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1" + objecttolerance="10" + gridtolerance="10" + guidetolerance="10" + inkscape:pageopacity="0" + inkscape:pageshadow="2" + inkscape:window-width="960" + inkscape:window-height="1180" + id="namedview10" + showgrid="false" + inkscape:zoom="0.6675088" + inkscape:cx="508.47458" + inkscape:cy="500" + inkscape:window-x="0" + inkscape:window-y="20" + inkscape:window-maximized="0" + inkscape:current-layer="svg8" /> +<metadata + id="metadata2"> Svg Vector Icons : http://www.onlinewebfonts.com/icon <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 + id="g6" + transform="matrix(1.0152862,0,0,1.0183742,-7.6433991,-9.1852492)"><path + d="m 987.5,633 c 1.4,8.4 1.1,18.6 -1.1,30.5 -2.1,11.9 -5.6,24 -10.5,36.3 -4.9,12.2 -10.9,23.2 -17.9,33 -7,9.8 -14.7,16.8 -23.1,21 -8.4,4.2 -15.8,6.3 -22.1,6.3 -6.3,0 -13.3,-1.4 -21,-4.2 -7,-2.1 -15.8,-4 -26.3,-5.8 -10.5,-1.8 -21.2,-2.1 -32.1,-1.1 -10.9,1.1 -21.7,3.3 -32.6,6.8 -10.9,3.5 -20.1,9.5 -27.9,17.9 -16.8,17.5 -26.6,37.5 -29.4,59.9 -2.8,22.4 0.4,43.8 9.5,64.1 7,14 6,28 -3.2,42 -4.2,5.6 -10.9,11.4 -20,17.3 -9.1,6 -19.1,11.4 -30,16.3 -10.9,4.9 -22.2,8.8 -34.2,11.6 -11.9,2.8 -22.4,4.2 -31.5,4.2 -6.3,0 -12.3,-2.5 -17.9,-7.4 -5.6,-4.9 -9.5,-10.2 -11.6,-15.8 h -1.1 c -7.7,-21.7 -20.8,-40.5 -39.4,-56.2 -18.6,-15.8 -40.1,-23.6 -64.6,-23.6 -23.8,0 -45.4,7.9 -64.6,23.6 -19.3,15.8 -32.8,34.2 -40.5,55.2 -3.5,8.4 -8.8,14.5 -15.8,18.4 -7,3.9 -14.7,5.8 -23.1,5.8 -9.8,0 -20.8,-1.8 -33.1,-5.3 -12.3,-3.5 -24.5,-7.9 -36.8,-13.1 -12.3,-5.3 -23.3,-11.4 -33.1,-18.4 -9.8,-7 -17.2,-14 -22.1,-21 -3.5,-4.9 -5.4,-10.7 -5.8,-17.3 -0.4,-6.7 2.3,-15.9 7.9,-27.9 7.7,-16.1 10.7,-34.5 8.9,-55.2 -1.8,-20.7 -10.7,-39.8 -26.8,-57.3 -9.8,-10.5 -21.7,-17.3 -35.7,-20.5 -14,-3.1 -27.3,-4.4 -39.9,-3.7 -14.7,0.7 -29.8,3.5 -45.2,8.4 -9.8,2.8 -19.6,2.1 -29.4,-2.1 C 56.7,752.9 49.5,746.4 42.8,736.3 36.1,726.1 30.2,714.9 24.9,702.7 20,690.6 16,678 13.2,665 10.4,652 9.7,641.4 11.1,632.9 c 2.1,-15.4 9.1,-25.2 21,-29.4 21,-8.4 39.9,-22.2 56.8,-41.5 16.8,-19.3 25.2,-40.8 25.2,-64.6 0,-24.5 -8.4,-45.9 -25.2,-64.1 C 72,415 53.1,401.7 32.1,393.3 25.8,391.2 20.5,386.1 16.3,378.1 12.1,370 10,361.8 10,353.4 c 0,-9.1 1.4,-19.3 4.2,-30.5 2.8,-11.2 6.5,-22.1 11,-32.6 4.6,-10.5 9.8,-20.1 15.8,-28.9 6,-8.8 12.4,-15.2 19.4,-19.4 5.6,-3.5 11,-4.9 16.3,-4.2 5.3,0.7 11,2.1 17.3,4.2 21,8.4 42.9,11 65.7,7.9 22.8,-3.2 42.9,-13.1 60.4,-30 8.4,-8.4 14.5,-18.7 18.4,-31 3.9,-12.3 6.3,-24.4 7.4,-36.3 1,-11.9 1,-22.8 0,-32.6 -1.1,-9.8 -1.9,-16.8 -2.6,-21 -1.4,-4.2 -2.6,-9.1 -3.7,-14.7 -1.1,-5.6 -0.5,-10.5 1.6,-14.7 4.2,-9.8 11.7,-18.4 22.6,-25.8 10.9,-7.4 22.6,-13.5 35.2,-18.4 12.6,-4.9 24.9,-8.6 36.8,-11 11.9,-2.5 21.4,-3.7 28.4,-3.7 9.1,0 16.3,3 21.5,8.9 5.3,6 8.9,12.1 11,18.4 7.7,18.9 20.3,35.6 37.8,49.9 17.5,14.4 38.2,21.5 62,21.5 24.5,0 46.2,-6.8 65.2,-20.5 18.9,-13.7 32.2,-31 39.9,-52 2.8,-5.6 7.2,-11.4 13.1,-17.3 6,-6 12.1,-8.9 18.4,-8.9 9.8,0 20.5,1.4 32.1,4.2 11.6,2.8 22.9,6.7 34.2,11.6 11.2,4.9 21.5,11.2 31,18.9 9.5,7.7 17,16.1 22.6,25.2 3.5,5.6 4.6,11.7 3.2,18.4 -1.4,6.7 -2.8,11.4 -4.2,14.2 -9.1,20.3 -11.9,41.7 -8.4,64.1 3.5,22.4 13.7,42 30.5,58.9 16.8,16.8 37.5,26.1 62,27.8 24.5,1.8 47.3,-2.3 68.3,-12.1 5.6,-3.5 12.4,-4.9 20.5,-4.2 8.1,0.7 14.9,3.9 20.5,9.5 10.5,9.8 19.8,24.7 27.9,44.7 8.1,20 13.5,40.1 16.3,60.4 1.4,11.9 -0.5,21.2 -5.8,27.9 -5.3,6.7 -10.7,11 -16.3,13.1 -21.7,7.7 -40.3,21.2 -55.7,40.5 -15.4,19.3 -23.1,41.2 -23.1,65.7 0,23.8 6.5,44.7 19.4,62.5 13,17.9 29.9,30.7 51,38.4 4.9,2.8 9.1,5.6 12.6,8.4 7.7,6.3 13,14.3 15.8,24.2 z m -488.8,94.6 c 31.5,0 61.3,-6 89.3,-17.9 28,-11.9 52.4,-28.4 73,-49.4 20.7,-21 37,-45.4 48.9,-73 11.9,-27.7 17.9,-57.3 17.9,-88.8 0,-31.5 -6,-61.1 -17.9,-88.8 C 698,382 681.7,357.8 661,337.2 c -20.7,-20.7 -45,-37 -73,-48.9 -28,-11.9 -57.8,-17.9 -89.3,-17.9 -31.5,0 -61.1,6 -88.8,17.9 -27.7,11.9 -51.8,28.2 -72.5,48.9 -20.7,20.7 -37,44.9 -48.9,72.5 -11.9,27.7 -17.9,57.3 -17.9,88.8 0,31.5 6,61.1 17.9,88.8 11.9,27.7 28.2,52 48.9,73 20.7,21 44.8,37.5 72.5,49.4 27.7,11.9 57.3,17.9 88.8,17.9 z" + id="path4" + inkscape:connector-curvature="0" /></g> </svg> \ No newline at end of file diff --git a/client/public/images/icons/undo.svg b/client/public/images/icons/undo.svg deleted file mode 100644 index 3ab78b89..00000000 --- a/client/public/images/icons/undo.svg +++ /dev/null @@ -1,12 +0,0 @@ -<?xml version="1.0" encoding="iso-8859-1"?> -<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> -<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" - viewBox="0 0 512.011 512.011" style="enable-background:new 0 0 512.011 512.011;" xml:space="preserve"> -<g> - <path d="M511.136,286.255C502.08,194.863,419.84,128.015,328,128.015H192v-80c0-6.144-3.52-11.744-9.056-14.432 - c-5.568-2.656-12.128-1.952-16.928,1.92l-160,128C2.208,166.575,0,171.151,0,176.015s2.208,9.44,5.984,12.512l160,128 - c2.912,2.304,6.464,3.488,10.016,3.488c2.368,0,4.736-0.512,6.944-1.568c5.536-2.688,9.056-8.288,9.056-14.432v-80h139.392 - c41.856,0,80,30.08,84.192,71.712c4.832,47.872-32.704,88.288-79.584,88.288H208c-8.832,0-16,7.168-16,16v64 - c0,8.832,7.168,16,16,16h128C438.816,480.015,521.472,391.151,511.136,286.255z"/> -</g> -</svg> diff --git a/client/src/components/BaseGame.vue b/client/src/components/BaseGame.vue index 5c556563..ac8b3236 100644 --- a/client/src/components/BaseGame.vue +++ b/client/src/components/BaseGame.vue @@ -33,29 +33,19 @@ div#baseGame img.inline(src="/images/icons/play.svg") button(@click="gotoEnd()") img.inline(src="/images/icons/fast-forward.svg") - #belowControls - #downloadDiv(v-if="allowDownloadPGN") - a#download(href="#") - button(@click="download()") {{ st.tr["Download"] }} PGN - button( - v-if="canAnalyze" - @click="analyzePosition()" - ) - | {{ st.tr["Analyse"] }} - // NOTE: variants pages already have a "Rules" link on top - button( - v-if="!$route.path.match('/variants/')" - @click="showRules()" - ) - | {{ st.tr["Rules"] }} #movesList MoveList( :show="showMoves" + :canAnalyze="canAnalyze" + :canDownload="allowDownloadPGN" :score="game.score" :message="game.scoreMsg" :firstNum="firstMoveNumber" :moves="moves" :cursor="cursor" + @download="download" + @showrules="showRules" + @analyze="analyzePosition" @goto-move="gotoMove" ) .clearer @@ -535,29 +525,19 @@ export default { display: inline-block width: 20% margin: 0 - img.inline - height: 24px - padding-top: 5px - @media screen and (max-width: 767px) - img.inline - height: 18px + padding-top: 5px + padding-bottom: 5px + +img.inline + height: 24px + padding-top: 5px + @media screen and (max-width: 767px) + height: 18px #turnIndicator text-align: center font-weight: bold -#belowControls - border-top: 1px solid #2f4f4f - text-align: center - margin: 0 auto - & > #downloadDiv - margin: 0 - & > button - margin: 0 - & > button - border-left: 1px solid #2f4f4f - margin: 0 - #boardContainer float: left // TODO: later, maybe, allow movesList of variable width diff --git a/client/src/components/MoveList.vue b/client/src/components/MoveList.vue index c0a15dff..6f7b4dce 100644 --- a/client/src/components/MoveList.vue +++ b/client/src/components/MoveList.vue @@ -15,12 +15,34 @@ div value="50" @input="adjustBoard()" ) - div#boardSizeBtnContainer - button#boardSizeBtn(onClick="window.doClick('modalAdjust')") - | {{ st.tr["Set board size"] }} + #aboveMoves + // NOTE: variants pages already have a "Rules" link on top + span#rulesBtn( + v-if="!$route.path.match('/variants/')" + @click="$emit('showrules')" + ) + | {{ st.tr["Rules"] }} + button.tooltip( + onClick="window.doClick('modalAdjust')" + :aria-label="st.tr['Resize board']" + ) + img.inline(src="/images/icons/resize.svg") + #downloadDiv(v-if="canDownload") + a#download(href="#") + button.tooltip( + @click="$emit('download')" + :aria-label="st.tr['Download'] + ' PGN'" + ) + img.inline(src="/images/icons/download.svg") + button.tooltip( + v-if="canAnalyze" + @click="$emit('analyze')" + :aria-label="st.tr['Analyse']" + ) + img.inline(src="/images/icons/analyse.svg") #scoreInfo(v-if="score!='*'") - p {{ score }} - p {{ st.tr[message] }} + span.score {{ score }} + span.score-msg {{ st.tr[message] }} .moves-list(v-if="!['none','highlight'].includes(show)") .tr(v-for="moveIdx in evenNumbers") .td {{ firstNum + moveIdx / 2 + 1 }} @@ -43,7 +65,9 @@ import { getFullNotation } from "@/utils/notation"; import { processModalClick } from "@/utils/modalClick"; export default { name: "my-move-list", - props: ["moves", "show", "cursor", "score", "message", "firstNum"], + props: [ + "moves", "show", "canAnalyze", "canDownload", + "cursor", "score", "message", "firstNum"], data: function() { return { st: store.state @@ -156,9 +180,34 @@ export default { width: 100% text-align: center -button#boardSizeBtn - margin: 0 - [type="checkbox"]#modalAdjust+div .card padding: 5px + +img.inline + height: 24px + @media screen and (max-width: 767px) + height: 18px + +span.score + display: inline-block + margin-left: 10px + font-weight: bold + +span.score-msg + display: inline-block + margin-left: 10px + font-style: italic + +#downloadDiv + display: inline-block + margin: 0 + +span#rulesBtn + cursor: pointer + display: inline-block + margin: 0 10px + font-weight: bold + +button + margin: 0 </style> diff --git a/client/src/translations/en.js b/client/src/translations/en.js index e16a6a3a..6676ad89 100644 --- a/client/src/translations/en.js +++ b/client/src/translations/en.js @@ -70,7 +70,8 @@ export const translations = { "My problems": "My problems", "Name: alphanumerics, hyphen and underscore": "Name: alphanumerics, hyphen and underscore", "Name or Email": "Name or Email", - Next: "Next", + Next_p: "Next", + Next_g: "Next", "New connexion detected: tab now offline": "New connexion detected: tab now offline", "New correspondance game:": "New correspondance game:", "New game": "New game", @@ -102,15 +103,16 @@ export const translations = { Refuse: "Refuse", Register: "Register", "Registration complete! Please check your emails now": "Registration complete! Please check your emails now", + Rematch: "Rematch", "Remove game?": "Remove game?", Resign: "Resign", "Resign the game?": "Resign the game?", + "Resize board": "Resize board", Result: "Result", Rules: "Rules", Send: "Send", "Self-challenge is forbidden": "Self-challenge is forbidden", "Send challenge": "Send challenge", - "Set board size": "Set board size", Settings: "Settings", "Show possible moves?": "Show possible moves?", "Show solution": "Show solution", diff --git a/client/src/translations/es.js b/client/src/translations/es.js index 38d90227..c5ee0935 100644 --- a/client/src/translations/es.js +++ b/client/src/translations/es.js @@ -70,7 +70,8 @@ export const translations = { "My problems": "Mis problemas", "Name: alphanumerics, hyphen and underscore": "Nombre: alfanuméricos, guión y underscore", "Name or Email": "Nombre o Email", - Next: "Próximo", + Next_p: "Siguiente", + Next_g: "Siguiente", "New connexion detected: tab now offline": "Nueva conexión detectada: pestaña ahora desconectada", "New correspondance game:": "Nueva partida por correspondencia:", "New game": "Nueva partida", @@ -102,15 +103,16 @@ export const translations = { Refuse: "Rechazar", Register: "Registrarse", "Registration complete! Please check your emails now": "¡Registro completo! Revise sus correos electrónicos ahora", + Rematch: "Revancha", "Remove game?": "¿Eliminar la partida?", Resign: "Abandonar", "Resign the game?": "¿Abandonar la partida?", + "Resize board": "Redimensionar el tablero", Result: "Resultado", Rules: "Reglas", Send: "Enviar", "Self-challenge is forbidden": "Auto desafÃo está prohibido", "Send challenge": "Enviar desafÃo", - "Set board size": "Ajustar el tamaño del tablero", Settings: "Configuraciones", "Show possible moves?": "¿Mostrar posibles movimientos?", "Show solution": "Mostrar la solución", diff --git a/client/src/translations/fr.js b/client/src/translations/fr.js index 4460097b..270f604c 100644 --- a/client/src/translations/fr.js +++ b/client/src/translations/fr.js @@ -70,7 +70,8 @@ export const translations = { "My problems": "Mes problèmes", "Name: alphanumerics, hyphen and underscore": "Nom: alphanumériques, tiret et underscore", "Name or Email": "Nom ou Email", - Next: "Suivant", + Next_p: "Suivant", + Next_g: "Suivante", "New connexion detected: tab now offline": "Nouvelle connexion détectée : onglet désormais hors ligne", "New correspondance game:": "Nouvelle partie par corespondance :", "New game": "Nouvelle partie", @@ -102,15 +103,16 @@ export const translations = { Refuse: "Refuser", Register: "S'enregistrer", "Registration complete! Please check your emails now": "Enregistrement terminé ! Allez voir vos emails maintenant", + Rematch: "Rejouer", "Remove game?": "Supprimer la partie ?", Resign: "Abandonner", "Resign the game?": "Abandonner la partie ?", + "Resize board": "Redimensionner l'échiquier", Result: "Résultat", Rules: "Règles", Send: "Envoyer", "Self-challenge is forbidden": "Interdit de s'auto-défier", "Send challenge": "Envoyer défi", - "Set board size": "Régler la taille de l'échiquier", Settings: "Réglages", "Show possible moves?": "Montrer les coups possibles ?", "Show solution": "Montrer la solution", diff --git a/client/src/views/Game.vue b/client/src/views/Game.vue index 91e6b6af..5c4630b0 100644 --- a/client/src/views/Game.vue +++ b/client/src/views/Game.vue @@ -30,23 +30,41 @@ main #aboveBoard.col-sm-12.col-md-9.col-md-offset-3.col-lg-10.col-lg-offset-2 span.variant-cadence {{ game.cadence }} span.variant-name {{ game.vname }} - button#chatBtn(onClick="window.doClick('modalChat')") Chat + span#nextGame( + v-if="nextIds.length > 0" + @click="showNextGame()" + ) + | {{ st.tr["Next_g"] }} + button#chatBtn.tooltip( + onClick="window.doClick('modalChat')" + aria-label="Chat" + ) + img(src="/images/icons/chat.svg") #actions(v-if="game.score=='*'") - button( + button.tooltip( @click="clickDraw()" :class="{['draw-' + drawOffer]: true}" + :aria-label="st.tr['Draw']" ) - | {{ st.tr["Draw"] }} - button( + img(src="/images/icons/draw.svg") + button.tooltip( v-if="!!game.mycolor" @click="abortGame()" + :aria-label="st.tr['Abort']" ) - | {{ st.tr["Abort"] }} - button( + img(src="/images/icons/abort.svg") + button.tooltip( v-if="!!game.mycolor" @click="resign()" + :aria-label="st.tr['Resign']" ) - | {{ st.tr["Resign"] }} + img(src="/images/icons/resign.svg") + button.tooltip( + v-else-if="!!game.mycolor" + @click="rematch()" + :aria-label="st.tr['Rematch']" + ) + img(src="/images/icons/rematch.svg") #playersInfo p span.name(:class="{connected: isConnected(0)}") @@ -112,6 +130,7 @@ export default { chats: [], rendered: false }, + nextIds: [], virtualClocks: [[0,0], [0,0]], //initialized with true game.clocks vr: null, //"variant rules" object initialized from FEN drawOffer: "", @@ -149,7 +168,11 @@ export default { const my = this.st.user; this.$set(this.people, my.sid, { id: my.id, name: my.name }); this.gameRef.id = this.$route.params["id"]; - this.gameRef.rid = this.$route.query["rid"]; //may be undefined + // rid = remote ID to find an observed live game, + // next = next corr games IDs to navigate faster + // (Both might be undefined) + this.gameRef.rid = this.$route.query["rid"]; + this.nextIds = JSON.parse(this.$route.query["next"] || "[]"); // Initialize connection this.connexionString = params.socketUrl + @@ -254,6 +277,18 @@ export default { (color == "b" && movesCount % 2 == 1); this.send("turnchange", { target: sid, yourTurn: yourTurn }); }, + showNextGame: function() { + // Did I play in current game? If not, add it to nextIds list + if (this.game.score == "*" && this.vr.turn == this.game.mycolor) + this.nextIds.unshift(this.game.id); + const nextGid = this.nextIds.pop(); + this.$router.push( + "/game/" + nextGid + "/?next=" + JSON.stringify(this.nextIds)); + }, + rematch: function() { + alert("Unimplemented yet (soon :) )"); + // TODO: same logic as for draw, but re-click remove rematch offer (toggle) + }, askGameAgain: function() { this.gameIsLoading = true; const doAskGame = () => { @@ -602,10 +637,10 @@ export default { } // NOTE: clocks in seconds, initime in milliseconds game.moves.sort((m1, m2) => m1.idx - m2.idx); //in case of + game.clocks = [tc.mainTime, tc.mainTime]; const L = game.moves.length; if (game.score == "*") { // Set clocks + initime - game.clocks = [tc.mainTime, tc.mainTime]; game.initime = [0, 0]; if (L >= 1) { const gameLastupdate = game.moves[L-1].played; @@ -963,9 +998,16 @@ export default { #actions display: inline-block margin: 0 - button - display: inline-block - margin: 0 + +button + display: inline-block + margin: 0 + display: inline-flex + img + height: 24px + display: flex + @media screen and (max-width: 767px) + height: 18px @media screen and (max-width: 767px) #aboveBoard @@ -981,6 +1023,12 @@ export default { font-weight: bold padding-right: 10px +span#nextGame + background-color: #edda99 + cursor: pointer + display: inline-block + margin-right: 10px + span.name font-size: 1.5rem padding: 0 3px @@ -1014,9 +1062,6 @@ span.yourturn max-width: 767px border: none; -#chatBtn - margin: 0 10px 0 0 - .draw-sent, .draw-sent:hover background-color: lightyellow diff --git a/client/src/views/MyGames.vue b/client/src/views/MyGames.vue index c1430f89..d1f3e38a 100644 --- a/client/src/views/MyGames.vue +++ b/client/src/views/MyGames.vue @@ -87,8 +87,33 @@ export default { classifyObject: function(o) { return o.cadence.indexOf("d") === -1 ? "live" : "corr"; }, - showGame: function(g) { - this.$router.push("/game/" + g.id); + showGame: function(game) { + // TODO: "isMyTurn" is duplicated (see GameList component). myColor also + const isMyTurn = (g) => { + const myColor = + g.players[0].uid == this.st.user.id || + g.players[0].sid == this.st.user.sid + ? "w" + : "b"; + const rem = g.movesCount % 2; + return ( + (rem == 0 && myColor == "w") || + (rem == 1 && myColor == "b") + ); + }; + if (game.type == "live" || !isMyTurn(game)) + this.$router.push("/game/" + game.id); + // It's my turn in this game. Are there others? + let nextIds = ""; + let otherCorrGamesMyTurn = this.corrGames.filter( + g => g.id != game.id && isMyTurn(g)); + if (otherCorrGamesMyTurn.length > 0) { + nextIds += "/?next=["; + otherCorrGamesMyTurn.forEach(g => { nextIds += g.id + ","; }); + // Remove last comma and close array: + nextIds = nextIds.slice(0, -1) + "]"; + } + this.$router.push("/game/" + game.id + nextIds); }, socketMessageListener: function(msg) { const data = JSON.parse(msg.data); diff --git a/client/src/views/Problems.vue b/client/src/views/Problems.vue index 7621fe35..a1c3e83c 100644 --- a/client/src/views/Problems.vue +++ b/client/src/views/Problems.vue @@ -56,7 +56,7 @@ main button.nomargin(@click="gotoPrevNext($event,curproblem,1)") | {{ st.tr["Previous"] }} button.nomargin(@click="gotoPrevNext($event,curproblem,-1)") - | {{ st.tr["Next"] }} + | {{ st.tr["Next_p"] }} p.oneInstructions.clickable( v-html="parseHtml(curproblem.instruction)" @click="curproblem.showSolution=!curproblem.showSolution"