Revert icon change for now

This commit is contained in:
Finn Böger 2020-04-26 09:56:41 +02:00
parent 851e234778
commit 34e354f00f
14 changed files with 6 additions and 326 deletions

View file

@ -131,10 +131,6 @@ html, body, svg {
background: linear-gradient(#96E1FF, #36A2FF);
}
#menu .tool > * {
vertical-align: middle;
}
#menu .tool-icon {
display: inline-block;
text-align:center;

View file

@ -35,9 +35,7 @@
<div id="menu">
<div id="menuItems">
<ul id="tools" class="tools">
<li class="tool">
<img class="tool-icon" width="60" height="60" src="" alt="icon" /><span class="tool-name"></span>
</li>
<li class="tool"><span class="tool-icon"></span><span class="tool-name"></span></li>
</ul>
<ul class="tools" id="settings">

View file

@ -1,19 +0,0 @@
<svg id="emoji" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
<g id="line">
<line x1="21.3803" x2="17.7729" y1="50.393" y2="22.0118" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="54.2631" x2="50.5056" y1="21.9835" y2="50.3779" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="40.5756" x2="48.7493" y1="22.0889" y2="32.1094" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="30.4171" x2="47.5692" y1="22.1297" y2="42.7723" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="22.3519" x2="44.2156" y1="24.2532" y2="50.4248" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="23.9019" x2="35.928" y1="36.996" y2="50.6301" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="25.3172" x2="26.68" y1="49.3963" y2="50.7533" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="23.228" x2="31.8134" y1="31.2338" y2="22.103" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="24.6095" x2="42.853" y1="41.882" y2="22.1297" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="26.8854" x2="49.3815" y1="50.6301" y2="26.7148" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="36.5741" x2="48.1171" y1="50.6301" y2="38.6841" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="44.2156" x2="46.3434" y1="50.7533" y2="48.96" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<rect x="14.9055" y="12.0285" width="42.045" height="5.9459" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<line x1="42.853" x2="50.1245" y1="54.4035" y2="54.4035" fill="none" stroke="#000000" stroke-miterlimit="10"/>
<polyline fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" points="50.1245,54.4035 49.4158,59.9663 22.4302,59.9663 21.7487,54.4035 50.1245,54.4035"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.7 KiB

View file

@ -46,13 +46,13 @@
Tools.add({ //The new tool
"name": "Hand",
"icon": "✋",
"shortcut": "h",
"listeners": {
"press": press,
"move": move,
"release": release
},
"icon": "tools/hand/icon.svg",
"mouseCursor": "move"
});

View file

@ -1,9 +0,0 @@
<svg id="emoji" x="0" y="0" viewBox="0 0 72 72" version="1.1" xmlns="http://www.w3.org/2000/svg">
<g id="line">
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.6575,19.2409 c-0.9683-1.6927-3.1256-2.2799-4.8183-1.3115c-1.6927,0.9684-2.2799,3.1256-1.3115,4.8183 c0.1552,0.2714,0.3458,0.5209,0.5667,0.742l11.5324,15.0998l2.6883,3.3878l-7.8906-10.3314 c-0.9683-1.6927-3.1256-2.2799-4.8183-1.3115s-2.2799,3.1256-1.3115,4.8183c0.1552,0.2714,0.3458,0.5209,0.5667,0.7421 L21.752,46.226l6.2707,7.899c5.467,6.2731,14.5147,5.9306,20.7863,0.465c3.6045-3.1684,5.9226-7.5482,6.5154-12.3105 c0.3858-4.2326,0.807-15.301,0.807-15.301c-0.1826-2.6008-3.1353-4.5234-3.5158-3.1802l-4.8939,9.7575l-3.3657-4.2224 l3.3657,4.2224l-3.3657-4.2224L30.8909,12.1248c-0.9683-1.6927-3.1256-2.2799-4.8183-1.3115s-2.2799,3.1256-1.3115,4.8183 c0.1552,0.2714,0.3458,0.5209,0.5667,0.742l4.2488,5.5631L36,30.4167L22.581,12.7366c-0.9683-1.6927-3.1256-2.2799-4.8183-1.3115 s-2.2799,3.1256-1.3116,4.8183c0.1552,0.2714,0.3458,0.5209,0.5667,0.7421L31.6894,36"/>
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M11.6726,42.8719c0,2.5663,1.747,4.6428,3.9059,4.6428"/>
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M7.0614,42.4369c0,5.5959,3.8094,10.1241,8.5171,10.1241"/>
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M45.2619,21.2377c0-2.5663-1.747-4.6428-3.9059-4.6428"/>
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M49.8731,21.6727c0-5.5959-3.8094-10.1241-8.5171-10.1241"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.8 KiB

View file

@ -1,72 +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"
sodipodi:docname="icon.svg"
inkscape:version="1.0beta1 (32d4812, 2019-09-19)"
id="svg1569"
version="1.1"
viewBox="0 0 15.874999 15.874999"
height="60"
width="60">
<defs
id="defs1563" />
<sodipodi:namedview
inkscape:document-rotation="0"
units="px"
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="0"
inkscape:window-height="907"
inkscape:window-width="1600"
fit-margin-right="1.3877788e-16"
fit-margin-bottom="1.3877788e-16"
fit-margin-top="1.3877788e-16"
fit-margin-left="1.3877788e-16"
showgrid="false"
inkscape:current-layer="layer1"
inkscape:document-units="mm"
inkscape:cy="101.24307"
inkscape:cx="158.55282"
inkscape:zoom="1.7935879"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base">
<inkscape:grid
originy="-183.83659"
originx="-13.613125"
id="grid2114"
type="xygrid" />
</sodipodi:namedview>
<metadata
id="metadata1566">
<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
transform="translate(-13.61313,-97.28837)"
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Layer 1">
<path
inkscape:connector-curvature="0"
id="path2800"
d="m 26.640059,109.60312 -0.740833,-2.53999 -2.539999,0.74083 -0.740836,-2.54001 -2.539999,0.74084 -0.740833,-2.54 -2.54,0.74083 -0.592667,-2.032 -0.148166,-0.508"
style="fill:none;stroke:#000000;stroke-width:0.465;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.3 KiB

View file

@ -123,6 +123,7 @@
Tools.add({ //The new tool
"name": "Straight line",
"shortcut": "l",
"icon": "☇",
"listeners": {
"press": startLine,
"move": continueLine,
@ -130,7 +131,6 @@
},
"draw": draw,
"mouseCursor": "crosshair",
"icon": "tools/line/icon.svg",
"stylesheet": "tools/line/line.css"
});

View file

@ -1,114 +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"
inkscape:version="1.0beta1 (32d4812, 2019-09-19)"
sodipodi:docname="icon.svg"
id="svg30"
viewBox="0 0 15.408785 15.408786"
version="1.1"
height="58.23793"
width="58.237926">
<defs
id="defs34" />
<sodipodi:namedview
inkscape:document-rotation="0"
showguides="false"
inkscape:current-layer="svg30"
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="0"
inkscape:cy="14.272691"
inkscape:cx="26.326354"
inkscape:zoom="3.8473882"
showgrid="false"
id="namedview32"
inkscape:window-height="907"
inkscape:window-width="1600"
inkscape:pageshadow="2"
inkscape:pageopacity="0"
guidetolerance="10"
gridtolerance="10"
objecttolerance="10"
borderopacity="1"
bordercolor="#666666"
pagecolor="#ffffff">
<inkscape:grid
originy="-0.9369321"
originx="-0.70307161"
id="grid829"
type="xygrid" />
</sodipodi:namedview>
<metadata
id="metadata2">
<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="g28"
transform="rotate(-18.981066,-372.33524,309.92231)">
<g
id="g14">
<rect
style="fill:none;stroke:#000000;stroke-width:0.18520786;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4"
height="8.4577999"
width="4.4514999"
y="63.095001"
x="-158.42"
transform="matrix(-0.80275,-0.59632,-0.59632,0.80275,0,0)" />
<path
style="fill:#a4e1ff"
inkscape:connector-curvature="0"
id="path6"
d="m 90.381,145.84 -5.4745,6.1275" />
<path
sodipodi:nodetypes="cccc"
inkscape:connector-curvature="0"
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.18520834;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path8"
d="M 84.321667,152.00221 80.8921,149.45368 80.85814,153.0841 Z" />
<path
inkscape:connector-curvature="0"
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:0.18520834;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="path10"
d="m 87.035,141.04 c 1.2769,0.0406 3.1658,1.4438 3.5734,2.6545 0.24459,0.72644 -1.1063,1.4893 -1.1063,1.4893 l -3.5734,-2.6545 c 0,0 0.34022,-1.5137 1.1063,-1.4893 z" />
<path
sodipodi:nodetypes="cccc"
style="stroke-width:2.10213423"
inkscape:connector-curvature="0"
id="path12"
d="m 80.858119,153.0841 1.547946,-0.49493 -1.516935,-1.06536 -0.03099,1.56029" />
</g>
<path
style="fill:#0000ff;fill-opacity:0.68820968"
inkscape:connector-curvature="0"
id="path16"
d="m 91.024,146.53 -5.4628,6.1449" />
<g
style="fill:#aac0ff;fill-opacity:0.92775999"
id="g26" />
</g>
<path
inkscape:connector-curvature="0"
id="path826"
d="M 7.8720542,3.0918733 5.3961012,10.911325"
style="fill:none;stroke:#000000;stroke-width:0.18520834;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
<path
inkscape:connector-curvature="0"
id="path826-3"
d="M 9.3854964,3.5710897 6.9095435,11.390542"
style="fill:none;stroke:#000000;stroke-width:0.18520834;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
</svg>

Before

Width:  |  Height:  |  Size: 4 KiB

View file

@ -186,6 +186,7 @@
Tools.add({
"name": "Pencil",
"icon": "✏",
"shortcut": "p",
"listeners": {
"press": startLine,
@ -194,7 +195,6 @@
},
"draw": draw,
"mouseCursor": "crosshair",
"icon": "tools/pencil/icon.svg",
"stylesheet": "tools/pencil/pencil.css"
});

View file

@ -1,4 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<svg width="60" height="60" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg">
<rect x="15" width="30" y="20" height="20" fill="none" stroke="black" stroke-width="1"></rect>
</svg>

Before

Width:  |  Height:  |  Size: 264 B

View file

@ -128,6 +128,7 @@
Tools.add({ //The new tool
"name": "Rectangle",
"icon": "▢",
"shortcut": "r",
"listeners": {
"press": start,
@ -136,7 +137,6 @@
},
"draw": draw,
"mouseCursor": "crosshair",
"icon": "tools/rect/icon.svg",
"stylesheet": "tools/rect/rect.css"
});

View file

@ -1,89 +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"
sodipodi:docname="icon.svg"
inkscape:version="1.0beta1 (32d4812, 2019-09-19)"
id="svg1569"
version="1.1"
viewBox="0 0 15.874999 15.874999"
height="60"
width="60">
<defs
id="defs1563" />
<sodipodi:namedview
inkscape:document-rotation="0"
units="px"
inkscape:window-maximized="0"
inkscape:window-y="23"
inkscape:window-x="0"
inkscape:window-height="907"
inkscape:window-width="1600"
fit-margin-right="1.3877788e-16"
fit-margin-bottom="1.3877788e-16"
fit-margin-top="1.3877788e-16"
fit-margin-left="1.3877788e-16"
showgrid="false"
inkscape:current-layer="text865"
inkscape:document-units="mm"
inkscape:cy="26.075532"
inkscape:cx="42.73752"
inkscape:zoom="4.99691"
inkscape:pageshadow="2"
inkscape:pageopacity="0.0"
borderopacity="1.0"
bordercolor="#666666"
pagecolor="#ffffff"
id="base">
<inkscape:grid
originy="-183.83659"
originx="-13.613125"
id="grid2114"
type="xygrid" />
</sodipodi:namedview>
<metadata
id="metadata1566">
<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
transform="translate(-13.61313,-97.28837)"
id="layer1"
inkscape:groupmode="layer"
inkscape:label="Layer 1">
<g
style="font-style:normal;font-weight:normal;font-size:5.69071px;line-height:1.25;font-family:sans-serif;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.142268"
id="text865"
aria-label="Abc">
<path
id="path869"
style="stroke-width:0.142268"
d="m 20.612782,106.08749 h -0.586299 l -0.405685,-1.15315 h -1.789462 l -0.405685,1.15315 h -0.558512 l 1.506037,-4.13744 h 0.733568 z m -1.161483,-1.62552 -0.725232,-2.03121 -0.728011,2.03121 z" />
<path
id="path871"
style="stroke-width:0.142268"
d="m 23.93051,104.51198 q 0,0.38902 -0.111146,0.70023 -0.108368,0.31121 -0.294539,0.52239 -0.197286,0.21951 -0.433472,0.33066 -0.236187,0.10836 -0.519611,0.10836 -0.263973,0 -0.461259,-0.0639 -0.197285,-0.0611 -0.389013,-0.16672 l -0.03334,0.14449 h -0.489045 v -4.32361 h 0.522389 v 1.54494 q 0.219515,-0.18061 0.466816,-0.29454 0.247301,-0.1167 0.555733,-0.1167 0.550176,0 0.866945,0.42235 0.319546,0.42236 0.319546,1.19205 z m -0.539061,0.0139 q 0,-0.55574 -0.183392,-0.84194 -0.183392,-0.28898 -0.591856,-0.28898 -0.227851,0 -0.461259,0.10003 -0.233408,0.0973 -0.433472,0.25286 v 1.77835 q 0.222293,0.10003 0.380677,0.13893 0.161163,0.0389 0.364006,0.0389 0.433472,0 0.677994,-0.28342 0.247302,-0.28621 0.247302,-0.89473 z" />
<path
id="path873"
style="stroke-width:0.142268"
d="m 27.039838,105.89298 q -0.261194,0.12504 -0.497381,0.19451 -0.233408,0.0695 -0.497381,0.0695 -0.336219,0 -0.616864,-0.0972 -0.280646,-0.10003 -0.48071,-0.3001 -0.202843,-0.20006 -0.313989,-0.50571 -0.111147,-0.30566 -0.111147,-0.71412 0,-0.76136 0.4168,-1.19483 0.419579,-0.43347 1.10591,-0.43347 0.266752,0 0.522389,0.075 0.258416,0.075 0.472373,0.1834 v 0.58074 h -0.02779 q -0.238966,-0.18617 -0.494603,-0.28621 -0.252859,-0.10003 -0.494603,-0.10003 -0.444586,0 -0.703002,0.3001 -0.255638,0.29732 -0.255638,0.87528 0,0.56129 0.25008,0.86416 0.252859,0.3001 0.70856,0.3001 0.158384,0 0.322326,-0.0417 0.163941,-0.0417 0.294538,-0.10837 0.113926,-0.0583 0.213958,-0.12226 0.100032,-0.0667 0.158384,-0.11392 h 0.02779 z" />
</g>
<path
inkscape:connector-curvature="0"
id="path867"
d="M 16.979572,107.4234 H 26.92399"
style="fill:none;stroke:#000000;stroke-width:0.221836px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 4.2 KiB

View file

@ -161,13 +161,13 @@
Tools.add({ //The new tool
"name": "Text",
"icon": "T",
"shortcut": "t",
"listeners": {
"press": clickHandler,
},
"draw": draw,
"stylesheet": "tools/text/text.css",
"icon": "tools/text/icon.svg",
"mouseCursor": "text"
});

View file

@ -1,7 +0,0 @@
<svg id="emoji" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
<g id="line">
<ellipse cx="43.9712" cy="25.4757" rx="14.6372" ry="14.6372" transform="matrix(0.5379 -0.843 0.843 0.5379 -1.1578 48.8391)" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<ellipse cx="43.9713" cy="25.4757" rx="11.1657" ry="11.1656" transform="matrix(0.5379 -0.843 0.843 0.5379 -1.1578 48.8391)" fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"/>
<path fill="none" stroke="#000000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M31.3102,39.9657l4.4057,2.811L25.22,59.2267c-0.7499,1.1753-2.344,1.4986-3.5606,0.7224l0,0 c-1.2166-0.7763-1.595-2.3582-0.8451-3.5335L31.3102,39.9657z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 876 B