Add images to buttons on main page

diff --git a/generate.sh b/generate.sh
index 170bbf4..7233e82 100755 (executable)
--- a/generate.sh
+++ b/generate.sh
@@ -33,3 +33,6 @@ function generate {
 # Generate titles
 generate 303 86 "pedalo-title"
 
+# Generate buttons
+generate 246 200 "button-journey-add button-journey-start button-journey-finish button-list button-stats"
+

diff --git a/inputs/button-journey-add.svg b/inputs/button-journey-add.svg
new file mode 100644 (file)
index 0000000..cc9ac9c
--- /dev/null
+++ b/inputs/button-journey-add.svg
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="246"
+   height="200"
+   viewBox="0 0 246.00001 199.99999"
+   id="svg17957"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button-journey-add.svg">
+  <defs
+     id="defs17959" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1f1f1f"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="-168.43626"
+     inkscape:cy="95.712823"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="3200"
+     inkscape:window-height="1773"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata17962">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-156.01831,-390.87735)">
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#999999;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path9726-6"
+       cx="522.48328"
+       cy="164.45674"
+       r="89.322327"
+       transform="matrix(0.7069833,0.70723024,-0.7069833,0.70723024,0,0)" />
+    <path
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.1500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 312.47319,421.89406 4.55405,4.55563 -54.85092,63.57639 -13.45972,-13.46441 z"
+       id="rect9751-06"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.1500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 189.153,545.25734 4.55403,4.55563 63.5542,-54.87008 -13.45973,-13.46442 z"
+       id="rect9751-0-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.3000021;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path9726-5-6"
+       cx="522.48334"
+       cy="164.45677"
+       r="17.254667"
+       transform="matrix(0.7069833,0.70723024,-0.7069833,0.70723024,0,0)" />
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect9730-1"
+       width="72.132668"
+       height="20.616352"
+       x="227.03088"
+       y="444.30988"
+       inkscape:transform-center-x="1.7770771"
+       inkscape:transform-center-y="20.526364"
+       transform="matrix(0.99383778,-0.11084432,0.11076788,0.9938463,0,0)"
+       rx="8"
+       ry="8" />
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect9730-2-8"
+       width="72.132668"
+       height="20.616352"
+       x="99.895142"
+       y="553.61591"
+       inkscape:transform-center-x="1.7770771"
+       inkscape:transform-center-y="20.526364"
+       transform="matrix(0.99383778,-0.11084432,0.11076788,0.9938463,0,0)"
+       rx="8"
+       ry="8" />
+    <g
+       id="g8530"
+       transform="translate(-539.80574,100.17256)">
+      <circle
+         id="circle8275"
+         r="44"
+         cy="441.22095"
+         cx="867.216"
+         style="opacity:1;fill:#4d4d4d" />
+      <rect
+         height="96"
+         width="96"
+         style="opacity:0;fill:#ffffff"
+         id="icon-l-add_1_"
+         x="819.216"
+         y="393.21991" />
+      <path
+         sodipodi:nodetypes="sssscsssscsssscsssscs"
+         id="path8347"
+         d="m 848.46919,435.71819 c -2.5429,0 -4.6121,2.06926 -4.6121,4.61213 l 0,1.674 c 0,2.54287 2.0692,4.61031 4.6121,4.61031 l 13.3009,0 0,13.29906 c 0,2.54287 2.0693,4.61214 4.6103,4.61214 l 1.674,0 c 2.5429,0 4.6121,-2.06927 4.6121,-4.61214 l 0,-13.29906 13.2973,0 c 2.5429,0 4.6121,-2.06926 4.6121,-4.61031 l 0,-1.674 c 0,-2.54287 -2.0692,-4.61213 -4.6121,-4.61213 l -13.2973,0 0,-13.29906 c 0,-2.54287 -2.0692,-4.61214 -4.6121,-4.61214 l -1.674,0 c -2.5429,0 -4.6103,2.06927 -4.6103,4.61214 l 0,13.29906 z"
+         style="fill:#ffffff"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>

diff --git a/inputs/button-journey-finish.svg b/inputs/button-journey-finish.svg
new file mode 100644 (file)
index 0000000..7048fa6
--- /dev/null
+++ b/inputs/button-journey-finish.svg
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="246"
+   height="200"
+   viewBox="0 0 246 199.99999"
+   id="svg27094"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button-journey-finish.svg">
+  <defs
+     id="defs27096" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1f1f1f"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="-622.9231"
+     inkscape:cy="100.15171"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="3200"
+     inkscape:window-height="1773"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata27099">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-164.58974,-322.30591)">
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#999999;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path9726"
+       cx="480.06641"
+       cy="109.91589"
+       r="89.322327"
+       transform="matrix(0.7069833,0.70723024,-0.7069833,0.70723024,0,0)" />
+    <path
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.1500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 321.04462,353.32262 4.55405,4.55563 -54.85092,63.57639 -13.45972,-13.46441 z"
+       id="rect9751"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.1500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 197.72443,476.6859 4.55403,4.55563 63.5542,-54.87008 -13.45973,-13.46442 z"
+       id="rect9751-0"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.3000021;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path9726-5"
+       cx="480.06647"
+       cy="109.91592"
+       r="17.254667"
+       transform="matrix(0.7069833,0.70723024,-0.7069833,0.70723024,0,0)" />
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect9730"
+       width="72.132668"
+       height="20.616352"
+       x="243.14508"
+       y="377.11108"
+       inkscape:transform-center-x="1.7770771"
+       inkscape:transform-center-y="20.526364"
+       transform="matrix(0.99383778,-0.11084432,0.11076788,0.9938463,0,0)"
+       rx="8"
+       ry="8" />
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect9730-2"
+       width="72.132668"
+       height="20.616352"
+       x="116.00934"
+       y="486.41714"
+       inkscape:transform-center-x="1.7770771"
+       inkscape:transform-center-y="20.526364"
+       transform="matrix(0.99383778,-0.11084432,0.11076788,0.9938463,0,0)"
+       rx="8"
+       ry="8" />
+    <g
+       id="g8540"
+       transform="translate(-522.14288,256.36006)">
+      <circle
+         style="opacity:1;fill:#4d4d4d"
+         cx="858.12457"
+         cy="216.46198"
+         r="44"
+         id="circle8303" />
+      <path
+         sodipodi:nodetypes="sssssssss"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff"
+         d="m 873.52259,235.50797 -30.797,0 c -1.986,0 -3.602,-1.616 -3.602,-3.603 l 0,-30.796 c 0,-1.986 1.616,-3.602 3.602,-3.602 l 30.797,0 c 1.986,0 3.602,1.616 3.602,3.602 l 0,30.796 c 0,1.987 -1.616,3.603 -3.602,3.603 z"
+         id="path8305" />
+      <rect
+         height="96"
+         width="96"
+         style="opacity:0;fill:#ffffff"
+         id="icon-l-pause_3_"
+         x="810.12457"
+         y="168.46097" />
+    </g>
+  </g>
+</svg>

diff --git a/inputs/button-journey-start.svg b/inputs/button-journey-start.svg
new file mode 100644 (file)
index 0000000..d27deba
--- /dev/null
+++ b/inputs/button-journey-start.svg
@@ -0,0 +1,135 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="246"
+   height="200"
+   viewBox="0 0 246 199.99999"
+   id="svg22517"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button-journey-start.svg">
+  <defs
+     id="defs22519" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1f1f1f"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.4"
+     inkscape:cx="-337.17429"
+     inkscape:cy="14.633883"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="3200"
+     inkscape:window-height="1773"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata22522">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-164.58974,-273.73448)">
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#999999;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path9726-9"
+       cx="445.7272"
+       cy="75.576706"
+       r="89.322327"
+       transform="matrix(0.7069833,0.70723024,-0.7069833,0.70723024,0,0)" />
+    <path
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.1500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 321.04462,304.75119 4.55405,4.55563 -54.85092,63.57639 -13.45972,-13.46441 z"
+       id="rect9751-2"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <path
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.5;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:none;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:4.1500001;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       d="m 197.72443,428.11447 4.55403,4.55563 63.5542,-54.87008 -13.45973,-13.46442 z"
+       id="rect9751-0-0"
+       inkscape:connector-curvature="0"
+       sodipodi:nodetypes="ccccc" />
+    <circle
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.3000021;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="path9726-5-2"
+       cx="445.72726"
+       cy="75.576736"
+       r="17.254667"
+       transform="matrix(0.7069833,0.70723024,-0.7069833,0.70723024,0,0)" />
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect9730-3"
+       width="72.132668"
+       height="20.616352"
+       x="248.52524"
+       y="328.83896"
+       inkscape:transform-center-x="1.7770771"
+       inkscape:transform-center-y="20.526364"
+       transform="matrix(0.99383778,-0.11084432,0.11076788,0.9938463,0,0)"
+       rx="8"
+       ry="8" />
+    <rect
+       style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+       id="rect9730-2-7"
+       width="72.132668"
+       height="20.616352"
+       x="121.38949"
+       y="438.14502"
+       inkscape:transform-center-x="1.7770771"
+       inkscape:transform-center-y="20.526364"
+       transform="matrix(0.99383778,-0.11084432,0.11076788,0.9938463,0,0)"
+       rx="8"
+       ry="8" />
+    <g
+       id="g8535"
+       transform="translate(-644.67627,211.33708)">
+      <rect
+         height="96"
+         width="96"
+         style="opacity:0;fill:#ffffff"
+         id="icon-l-play_3_"
+         x="932.65796"
+         y="164.91252" />
+      <circle
+         style="opacity:1;fill:#4d4d4d"
+         cx="980.65796"
+         cy="212.9135"
+         r="44"
+         id="circle8327" />
+      <path
+         sodipodi:nodetypes="ssssccsccs"
+         inkscape:connector-curvature="0"
+         style="fill:#ffffff"
+         d="m 972.86903,231.4735 c -1.193,0 -2.585,-0.857 -2.585,-3.273 l 0,-30.575 c 0,-2.416 1.393,-3.273 2.585,-3.273 0.72,0 1.469,0.284 2.228,0.843 l 19.709,14.539 c 1.103,0.813 1.734,1.972 1.734,3.18 0,1.207 -0.633,2.366 -1.734,3.179 l -19.71,14.537 c -0.758,0.559 -1.508,0.843 -2.227,0.843 z"
+         id="path8329" />
+    </g>
+  </g>
+</svg>

diff --git a/inputs/button-list.svg b/inputs/button-list.svg
new file mode 100644 (file)
index 0000000..821c379
--- /dev/null
+++ b/inputs/button-list.svg
@@ -0,0 +1,269 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="246"
+   height="200"
+   viewBox="0 0 246.00001 200.00001"
+   id="svg8798"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button-list.svg">
+  <defs
+     id="defs8800">
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9714"
+       id="linearGradient9720"
+       x1="781.78571"
+       y1="911.64795"
+       x2="780.71429"
+       y2="774.50507"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient9714">
+      <stop
+         style="stop-color:#000000;stop-opacity:0.5"
+         offset="0"
+         id="stop9716" />
+      <stop
+         style="stop-color:#000000;stop-opacity:0"
+         offset="1"
+         id="stop9718" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9660"
+       id="linearGradient9666"
+       x1="748.57141"
+       y1="880.21936"
+       x2="748.57141"
+       y2="915.21936"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient9660">
+      <stop
+         style="stop-color:#4d4d4d;stop-opacity:1"
+         offset="0"
+         id="stop9662" />
+      <stop
+         style="stop-color:#999999;stop-opacity:1"
+         offset="1"
+         id="stop9664" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient9714"
+       id="linearGradient9697"
+       x1="833.92859"
+       y1="873.79077"
+       x2="833.92859"
+       y2="958.79077"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1f1f1f"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="3.959798"
+     inkscape:cx="-70.55208"
+     inkscape:cy="97.360991"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="3200"
+     inkscape:window-height="1773"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata8803">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-197.90099,-352.4547)">
+    <g
+       transform="translate(-485.07129,-414.47347)"
+       id="g8708">
+      <g
+         style="opacity:0.60799997"
+         id="g8510">
+        <path
+           style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 834.80859,772.54995 -150.93532,0 c 0,42.11239 19.26254,144.45181 35.5787,144.45181 l 161.11933,0 c -35.76307,0 -45.76271,-97.53212 -45.76271,-144.45181 z"
+           id="path9366"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419"
+           width="125.8918"
+           height="9.3439102"
+           x="698.26801"
+           y="785.40906" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-8"
+           width="126.42751"
+           height="9.3439102"
+           x="700.54077"
+           y="803.44446" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-7"
+           width="126.60609"
+           height="9.3439102"
+           x="702.81366"
+           y="821.47992" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-9"
+           width="125.35609"
+           height="9.3439102"
+           x="703.97913"
+           y="839.51538" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-9-2"
+           width="127.1418"
+           height="9.3439102"
+           x="708.54285"
+           y="857.55078" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-9-0"
+           width="128.03465"
+           height="9.3439102"
+           x="712.3869"
+           y="875.58624" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-9-23"
+           width="131.60608"
+           height="9.3439102"
+           x="719.24872"
+           y="893.6217" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 827.69958,782.03321 -131.30533,0 c 0,36.58303 16.75733,125.48529 30.95149,125.48529 l 140.16486,0 c -31.11188,0 -39.81102,-84.72615 -39.81102,-125.48529 z"
+           id="path9366-7"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 736.39425,782.03321 c 0,36.58303 16.75733,125.48529 30.95149,125.48529"
+           id="path9366-7-5"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 782.39425,782.03321 c 0,36.58303 16.75733,125.48529 30.95149,125.48529"
+           id="path9366-7-5-2"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:url(#linearGradient9720);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 834.80859,772.54995 -150.93532,0 c 0,42.11239 19.26254,144.45181 35.5787,144.45181 l 161.11933,0 c -35.76307,0 -45.76271,-97.53212 -45.76271,-144.45181 z"
+           id="path9366-4"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="ccccc" />
+      </g>
+      <path
+         sodipodi:nodetypes="ccccc"
+         inkscape:connector-curvature="0"
+         id="path9366-2"
+         d="m 749.13598,871.73521 148.93532,0 c -11.78571,0 -6.04825,45.367 -25.5787,45.367 l -151.11933,0 c 19.51307,0 11.33414,-45.367 27.76271,-45.367 z"
+         style="opacity:1;fill:url(#linearGradient9666);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1" />
+      <g
+         id="g8488">
+        <path
+           style="fill:#ffffff;fill-rule:evenodd;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 898.30859,871.73521 -148.93532,0 c 16.60714,0 10.54825,89.5712 27.5787,89.5712 l 151.11933,0 c -16.12021,0 -10.477,-89.5712 -29.76271,-89.5712 z"
+           id="path9366-2-1"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="scccs" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-1"
+           width="125.8918"
+           height="9.3439102"
+           x="771.01019"
+           y="883.87061" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-8-2"
+           width="126.42751"
+           height="9.3439102"
+           x="773.28296"
+           y="901.90601" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-7-9"
+           width="126.60609"
+           height="9.3439102"
+           x="775.55585"
+           y="919.94147" />
+        <rect
+           style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+           id="rect9419-9-3"
+           width="125.35609"
+           height="9.3439102"
+           x="776.72131"
+           y="937.97693" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 888.15258,879.37697 -123.54748,0 c 13.77625,0 8.75017,74.28768 22.87758,74.28768 l 125.35919,0 c -13.37232,0 -8.69106,-74.28768 -24.68929,-74.28768 z"
+           id="path9366-2-1-9"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="scccs" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 800.6051,879.37697 c 13.77625,0 8.75017,74.28768 22.87758,74.28768"
+           id="path9366-2-1-9-4"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8.30000019;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           d="m 848.6051,879.37697 c 13.77625,0 8.75017,74.28768 22.87758,74.28768"
+           id="path9366-2-1-9-4-7"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="cc" />
+        <path
+           style="opacity:1;fill:url(#linearGradient9697);fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:0.99999994px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+           d="m 898.30859,871.73521 -148.93532,0 c 16.60714,0 10.54825,89.5712 27.5787,89.5712 l 151.11933,0 c -16.12021,0 -10.477,-89.5712 -29.76271,-89.5712 z"
+           id="path9366-2-1-8"
+           inkscape:connector-curvature="0"
+           sodipodi:nodetypes="scccs" />
+      </g>
+    </g>
+  </g>
+</svg>

diff --git a/inputs/button-stats.svg b/inputs/button-stats.svg
new file mode 100644 (file)
index 0000000..1865042
--- /dev/null
+++ b/inputs/button-stats.svg
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="246"
+   height="200"
+   viewBox="0 0 246 200"
+   id="svg13401"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="button-stats.svg">
+  <defs
+     id="defs13403" />
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#1f1f1f"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.979899"
+     inkscape:cx="-207.24526"
+     inkscape:cy="81.60604"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:window-width="3200"
+     inkscape:window-height="1773"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     units="px" />
+  <metadata
+     id="metadata13406">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(-220.20845,-330.07651)">
+    <g
+       transform="translate(-460.22011,-203.28569)"
+       id="g13372">
+      <rect
+         y="604.79077"
+         x="694.85718"
+         height="121.42857"
+         width="20.714285"
+         id="rect9190-9"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         y="560.50507"
+         x="722.85718"
+         height="165.71428"
+         width="20.714285"
+         id="rect9190-3-1"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         y="656.21936"
+         x="750.85718"
+         height="69.999992"
+         width="20.714285"
+         id="rect9190-3-5-2"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         y="636.93365"
+         x="778.85718"
+         height="89.285706"
+         width="20.714285"
+         id="rect9190-3-5-3-7"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         y="614.79077"
+         x="806.85718"
+         height="111.42857"
+         width="20.714285"
+         id="rect9190-3-5-3-5-0"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         y="631.93365"
+         x="834.85718"
+         height="94.285706"
+         width="20.714285"
+         id="rect9190-3-5-3-5-6-9"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <rect
+         y="591.21936"
+         x="862.85718"
+         height="135"
+         width="20.714285"
+         id="rect9190-3-5-3-5-6-2-3"
+         style="color:#000000;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:0.75;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;fill:#999999;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:4;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;marker:none;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" />
+      <path
+         sodipodi:nodetypes="ccc"
+         inkscape:connector-curvature="0"
+         id="path8098-6"
+         d="m 684.429,538.50506 -4.3e-4,185.71428 209.28543,0"
+         style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+      <path
+         sodipodi:nodetypes="csssszsc"
+         inkscape:connector-curvature="0"
+         id="path9303-0"
+         d="m 684.429,649.09679 c 0,0 9.44298,-22.73459 16.85672,-22.73459 6.83402,0 14.77853,33.57142 24.92822,33.57142 12.2339,0 19.53196,-52.59715 32.40899,-52.59715 7.94343,0 19.47216,9.02573 26.9485,9.02573 11.74688,0 9.5534,-29.28571 17.85714,-29.28571 8.30374,0 19.04471,82.14285 52.33104,82.14285 11.73449,0 37.95439,-44.21391 37.95439,-44.21391"
+         style="fill:none;fill-rule:evenodd;stroke:#ffffff;stroke-width:8;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
+    </g>
+  </g>
+</svg>

diff --git a/qml/components/BarButton.qml b/qml/components/BarButton.qml
index 052f2e2..ddf2cf0 100644 (file)
--- a/qml/components/BarButton.qml
+++ b/qml/components/BarButton.qml
@@ -28,6 +28,7 @@ MouseArea {
     Label {
         id: label
         text: ""
+        color: Theme.highlightColor
         font.pixelSize: Theme.fontSizeLarge
         anchors.right: parent.right
         anchors.top: parent.top
@@ -42,6 +43,7 @@ MouseArea {
         id: image
         source: ""
         anchors.left: parent.left
+        anchors.leftMargin: Theme.paddingLarge
         fillMode: Image.PreserveAspectFit
         width: parent.height
         height: parent.height
@@ -50,7 +52,7 @@ MouseArea {
     OpacityRampEffect {
         id: verticalBackgroundEffect
         slope: 0.5
-        offset: -1.0
+        offset: -1.5
         direction: OpacityRamp.TopToBottom
         sourceItem: verticalback
     }
@@ -65,8 +67,8 @@ MouseArea {
 
     OpacityRampEffect {
         id: imageeffect
-        slope: 1.0
-        offset: 0.0
+        slope: 0.5
+        offset: -0.8
         direction: OpacityRamp.TopToBottom
         sourceItem: image
     }

diff --git a/qml/pages/MainPage.qml b/qml/pages/MainPage.qml
index 4e7293c..8190afc 100644 (file)
--- a/qml/pages/MainPage.qml
+++ b/qml/pages/MainPage.qml
@@ -33,7 +33,7 @@ Page {
             spacing: 0
 
             BarButton {
-                source: "image://theme/icon-launcher-component-gallery"
+                source: (currentStatus.cycling ? "image://pedalo/button-journey-finish?" : "image://pedalo/button-journey-start?") + (pressed ? Theme.primaryColor : Theme.highlightColor)
                 text: currentStatus.cycling ? qsTr("Finish your journey") : qsTr("Start a journey")
                 onClicked: {
                     if (currentStatus.cycling) {
@@ -50,7 +50,7 @@ Page {
             }
 
             BarButton {
-                source: "image://theme/icon-launcher-component-gallery"
+                source: "image://pedalo/button-journey-add?" + (pressed ? Theme.primaryColor : Theme.highlightColor)
                 text: "Add a journey"
                 onClicked: pageStack.push(Qt.resolvedUrl("JourneyEdit.qml"))
             }
@@ -66,13 +66,13 @@ Page {
             x: isPortrait ? 0 : page.width / 2.0
 
             BarButton {
-                source: "image://theme/icon-launcher-component-gallery"
+                source: "image://pedalo/button-stats?" + (pressed ? Theme.primaryColor : Theme.highlightColor)
                 text: "View latest stats"
                 onClicked: pageStack.push(Qt.resolvedUrl("Stats.qml"))
             }
 
             BarButton {
-                source: "image://theme/icon-launcher-component-gallery"
+                source: "image://pedalo/button-list?" + (pressed ? Theme.primaryColor : Theme.highlightColor)
                 text: "Previous journeys"
                 onClicked: pageStack.push(Qt.resolvedUrl("JourneyList.qml"))
             }

diff --git a/src/imageprovider.cpp b/src/imageprovider.cpp
index 431fd23..452fa97 100644 (file)
--- a/src/imageprovider.cpp
+++ b/src/imageprovider.cpp
@@ -15,6 +15,7 @@ QPixmap ImageProvider::requestPixmap(const QString &id, QSize *size, const QSize
     QPixmap image;
     QStringList parts = id.split('?');
     QPixmap sourcePixmap(imageDir + parts.at(0) + ".png");
+    QPixmap alphaMask(sourcePixmap);
 
     if (size) {
         *size = sourcePixmap.size();
@@ -22,8 +23,11 @@ QPixmap ImageProvider::requestPixmap(const QString &id, QSize *size, const QSize
     if (parts.length() > 1) {
         if (QColor::isValidColor(parts.at(1))) {
             QPainter painter(&sourcePixmap);
-            painter.setCompositionMode(QPainter::CompositionMode_SourceIn);
+            painter.setCompositionMode(QPainter::CompositionMode_SoftLight);
             painter.fillRect(sourcePixmap.rect(), parts.at(1));
+
+            painter.setCompositionMode(QPainter::CompositionMode_DestinationIn);
+            painter.drawPixmap(sourcePixmap.rect(), alphaMask);
             painter.end();
         }
     }