@blockdia/scratch-blocks 0.1.0

package/i18n/xliff_to_json.py

@@ -0,0 +1,232 @@
+#!/usr/bin/python
+
+# Converts .xlf files into .json files for use at http://translatewiki.net.
+#
+# Copyright 2013 Google Inc.
+# https://developers.google.com/blockly/
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#   http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+
+import argparse
+import os
+import re
+import subprocess
+import sys
+from xml.dom import minidom
+from common import InputError
+from common import write_files
+
+# Global variables
+args = None  # Parsed command-line arguments.
+
+
+def _parse_trans_unit(trans_unit):
+    """Converts a trans-unit XML node into a more convenient dictionary format.
+
+    Args:
+        trans_unit: An XML representation of a .xlf translation unit.
+
+    Returns:
+        A dictionary with useful information about the translation unit.
+        The returned dictionary is guaranteed to have an entry for 'key' and
+        may have entries for 'source', 'target', 'description', and 'meaning'
+        if present in the argument.
+
+    Raises:
+        InputError: A required field was not present.
+    """
+
+    def get_value(tag_name):
+        elts = trans_unit.getElementsByTagName(tag_name)
+        if not elts:
+            return None
+        elif len(elts) == 1:
+            return ''.join([child.toxml() for child in elts[0].childNodes])
+        else:
+            raise InputError('', 'Unable to extract ' + tag_name)
+
+    result = {}
+    key = trans_unit.getAttribute('id')
+    if not key:
+        raise InputError('', 'id attribute not found')
+    result['key'] = key
+
+    # Get source and target, if present.
+    try:
+        result['source'] = get_value('source')
+        result['target'] = get_value('target')
+    except InputError as e:
+        raise InputError(key, e.msg)
+
+    # Get notes, using the from value as key and the data as value.
+    notes = trans_unit.getElementsByTagName('note')
+    for note in notes:
+        from_value = note.getAttribute('from')
+        if from_value and len(note.childNodes) == 1:
+            result[from_value] = note.childNodes[0].data
+        else:
+            raise InputError(key, 'Unable to extract ' + from_value)
+
+    return result
+
+
+def _process_file(filename):
+    """Builds list of translation units from input file.
+
+    Each translation unit in the input file includes:
+    - an id (opaquely generated by Soy)
+    - the Blockly name for the message
+    - the text in the source language (generally English)
+    - a description for the translator
+
+    The Soy and Blockly ids are joined with a hyphen and serve as the
+    keys in both output files.  The value is the corresponding text (in the
+    <lang>.json file) or the description (in the qqq.json file).
+
+    Args:
+        filename: The name of an .xlf file produced by Closure.
+
+    Raises:
+        IOError: An I/O error occurred with an input or output file.
+        InputError: The input file could not be parsed or lacked required
+            fields.
+
+    Returns:
+        A list of dictionaries produced by parse_trans_unit().
+    """
+    try:
+        results = []  # list of dictionaries (return value)
+        names = []    # list of names of encountered keys (local variable)
+        try:
+            parsed_xml = minidom.parse(filename)
+        except IOError:
+            # Don't get caught by below handler
+            raise
+        except Exception as e:
+            print()
+            raise InputError(filename, str(e))
+
+        # Make sure needed fields are present and non-empty.
+        for trans_unit in parsed_xml.getElementsByTagName('trans-unit'):
+            unit = _parse_trans_unit(trans_unit)
+            for key in ['description', 'meaning', 'source']:
+                if not key in unit or not unit[key]:
+                    raise InputError(filename + ':' + unit['key'],
+                                     key + ' not found')
+            if unit['description'].lower() == 'ibid':
+              if unit['meaning'] not in names:
+                # If the term has not already been described, the use of 'ibid'
+                # is an error.
+                raise InputError(
+                    filename,
+                    'First encountered definition of: ' + unit['meaning']
+                    + ' has definition: ' + unit['description']
+                    + '.  This error can occur if the definition was not'
+                    + ' provided on the first appearance of the message'
+                    + ' or if the source (English-language) messages differ.')
+              else:
+                # If term has already been described, 'ibid' was used correctly,
+                # and we output nothing.
+                pass
+            else:
+              if unit['meaning'] in names:
+                raise InputError(filename,
+                                 'Second definition of: ' + unit['meaning'])
+              names.append(unit['meaning'])
+              results.append(unit)
+
+        return results
+    except IOError as e:
+        print('Error with file {0}: {1}'.format(filename, e.strerror))
+        sys.exit(1)
+
+
+def sort_units(units, templates):
+    """Sorts the translation units by their definition order in the template.
+
+    Args:
+        units: A list of dictionaries produced by parse_trans_unit()
+            that have a non-empty value for the key 'meaning'.
+        templates: A string containing the Soy templates in which each of
+            the units' meanings is defined.
+
+    Returns:
+        A new list of translation units, sorted by the order in which
+        their meaning is defined in the templates.
+
+    Raises:
+        InputError: If a meaning definition cannot be found in the
+            templates.
+    """
+    def key_function(unit):
+        match = re.search(
+            '\\smeaning\\s*=\\s*"{0}"\\s'.format(unit['meaning']),
+            templates)
+        if match:
+            return match.start()
+        else:
+            raise InputError(args.templates,
+                             'msg definition for meaning not found: ' +
+                             unit['meaning'])
+    return sorted(units, key=key_function)
+
+
+def main():
+    """Parses arguments and processes the specified file.
+
+    Raises:
+        IOError: An I/O error occurred with an input or output file.
+        InputError: Input files lacked required fields.
+    """
+    # Set up argument parser.
+    parser = argparse.ArgumentParser(description='Create translation files.')
+    parser.add_argument(
+        '--author',
+        default='Ellen Spertus <ellen.spertus@gmail.com>',
+        help='name and email address of contact for translators')
+    parser.add_argument('--lang', default='en',
+                        help='ISO 639-1 source language code')
+    parser.add_argument('--output_dir', default='json',
+                        help='relative directory for output files')
+    parser.add_argument('--xlf', help='file containing xlf definitions')
+    parser.add_argument('--templates', default=['template.soy'], nargs='+',
+                        help='relative path to Soy templates, comma or space '
+                        'separated (used for ordering messages)')
+    global args
+    args = parser.parse_args()
+
+    # Make sure output_dir ends with slash.
+    if (not args.output_dir.endswith(os.path.sep)):
+      args.output_dir += os.path.sep
+
+    # Process the input file, and sort the entries.
+    units = _process_file(args.xlf)
+    files = []
+    for arg in args.templates:
+      for filename in arg.split(','):
+        filename = filename.strip();
+        if filename:
+          with open(filename) as myfile:
+            files.append(' '.join(line.strip() for line in myfile))
+    sorted_units = sort_units(units, ' '.join(files))
+
+    # Write the output files.
+    write_files(args.author, args.lang, args.output_dir, sorted_units, True)
+
+    # Delete the input .xlf file.
+    os.remove(args.xlf)
+    print('Removed ' + args.xlf)
+
+
+if __name__ == '__main__':
+    main()

package/local_build.sh

@@ -0,0 +1,70 @@
+#!/bin/bash
+
+# Locally build and compress the core Blockly files into a single JavaScript
+# file.
+#
+# Copyright 2018 Google Inc.
+# https://developers.google.com/blockly/
+#
+# Licensed under the Apache License, Version 2.0 (the "License");
+# you may not use this file except in compliance with the License.
+# You may obtain a copy of the License at
+#
+#   http://www.apache.org/licenses/LICENSE-2.0
+#
+# Unless required by applicable law or agreed to in writing, software
+# distributed under the License is distributed on an "AS IS" BASIS,
+# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+# See the License for the specific language governing permissions and
+# limitations under the License.
+#
+# Usage: local_build.sh.
+#
+# This script generates only local_blockly_compressed_vertical.js.  You may
+# modify it as needed to build other files.
+#
+# The compressed file is a concatenation of all of Scratch-Blocks's core files,
+# run through a local copy of Google's Closure Compiler with simple
+# optimizations turned on.
+
+# Future work:
+# - Trim down Google's Apache licenses, to match the output of build.py.
+# - Generate other compressed files generated by build.py normally.
+# - Add a good error message if multiple versions of the closure compiler were
+#   found.
+# - Add a flag for generating horizontal (still default to vertical).
+
+# Find the Closure Compiler.
+if [ -f "$(npm root)/google-closure-compiler/compiler.jar" ]; then
+  COMPILER="$(npm root)/google-closure-compiler/compiler.jar"
+elif [ -f closure-compiler*.jar ]; then
+  COMPILER="closure-compiler*.jar"
+  # TODO: Check whether multiple files were found.
+else
+  echo "ERROR: Closure Compiler not found."
+  echo "Download from this URL, and place jar file in current directory."
+  echo "https://dl.google.com/closure-compiler/compiler-latest.zip"
+  exit 1
+fi
+
+echo Using $COMPILER as the compiler.
+rm local_blockly_compressed_vertical.js 2> /dev/null
+echo Compiling Scratch-Blocks..
+java -jar $COMPILER \
+  --js='core/**.js' \
+  --js='!core/block_render_svg_horizontal.js' \
+  --js='../closure-library/closure/goog/**.js' \
+  --js='../closure-library/third_party/closure/goog/**.js' \
+  --generate_exports \
+  --warning_level='DEFAULT' \
+  --compilation_level SIMPLE_OPTIMIZATIONS \
+  --dependency_mode=STRICT \
+  --entry_point=Blockly \
+  --js_output_file local_blockly_compressed_vertical.js
+
+if [ -s local_blockly_compressed_vertical.js ]; then
+  echo Compilation OK.
+else
+  echo Compilation FAIL.
+  exit 1
+fi

package/media/comment-arrow-down.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="-4.5 -6 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>dropdown-caret-up</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="dropdown-caret-up" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M6,9 C5.72520708,9 5.45163006,8.89695045 5.24127973,8.68965311 L2.31461357,5.80666227 C1.89512881,5.39326583 1.89512881,4.72464202 2.31461357,4.31004733 C2.73288244,3.89665089 9.26711756,3.89665089 9.68538643,4.31004733 C10.1048712,4.72344377 10.1048712,5.39326583 9.68538643,5.80666227 L6.75993617,8.68965311 C6.54958583,8.89695045 6.27600882,9 6,9" id="dropdown-caret" fill="#575E75"></path>
+    </g>
+</svg>

package/media/comment-arrow-up.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="-4.5 -6 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>dropdown-caret-down</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="dropdown-caret-down" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M6,9 C5.72520708,9 5.45163006,8.89695045 5.24127973,8.68965311 L2.31461357,5.80666227 C1.89512881,5.39326583 1.89512881,4.72464202 2.31461357,4.31004733 C2.73288244,3.89665089 9.26711756,3.89665089 9.68538643,4.31004733 C10.1048712,4.72344377 10.1048712,5.39326583 9.68538643,5.80666227 L6.75993617,8.68965311 C6.54958583,8.89695045 6.27600882,9 6,9" id="dropdown-caret" fill="#575E75" transform="translate(6.000000, 6.500000) scale(1, -1) translate(-6.000000, -6.500000) "></path>
+    </g>
+</svg>

package/media/delete-x.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="32px" height="32px" viewBox="-14 -10 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
+    <title>delete-x</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="delete-x" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <path d="M10.8761123,10.87825 C10.2421123,11.52125 9.20511231,11.52125 8.56211231,10.87825 L5.92911231,8.24525 L3.29511231,10.87825 C2.65611231,11.51725 1.62011231,11.51725 0.981112306,10.87825 C0.662112306,10.55925 0.500112306,10.13725 0.500112306,9.72125 C0.500112306,9.30425 0.662112306,8.88325 0.981112306,8.56425 L3.61411231,5.93125 L0.977112306,3.29325 C0.657112306,2.97325 0.495112306,2.55225 0.500112306,2.13125 C0.500112306,1.71425 0.657112306,1.29825 0.977112306,0.97925 C1.61511231,0.34025 2.65111231,0.34025 3.29111231,0.97925 L5.92911231,3.61625 L8.56611231,0.97925 C9.20511231,0.34025 10.2421123,0.34025 10.8811123,0.97925 C11.5201123,1.61725 11.5201123,2.65425 10.8811123,3.29325 L8.24211231,5.93125 L10.8811123,8.56825 C11.5201123,9.20725 11.5201123,10.23425 10.8761123,10.87825" id="Fill-1" fill="#575E75"></path>
+    </g>
+</svg>

package/media/dropdown-arrow-dark.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="12.71" height="8.79" viewBox="0 0 12.71 8.79"><title>dropdown-arrow</title><g opacity="0.1"><path d="M12.71,2.44A2.41,2.41,0,0,1,12,4.16L8.08,8.08a2.45,2.45,0,0,1-3.45,0L0.72,4.16A2.42,2.42,0,0,1,0,2.44,2.48,2.48,0,0,1,.71.71C1,0.47,1.43,0,6.36,0S11.75,0.46,12,.71A2.44,2.44,0,0,1,12.71,2.44Z" fill="#231f20"/></g><path d="M6.36,7.79a1.43,1.43,0,0,1-1-.42L1.42,3.45a1.44,1.44,0,0,1,0-2c0.56-.56,9.31-0.56,9.87,0a1.44,1.44,0,0,1,0,2L7.37,7.37A1.43,1.43,0,0,1,6.36,7.79Z" fill="#575E75"/></svg>

package/media/dropdown-arrow.svg

@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="12.71" height="8.79" viewBox="0 0 12.71 8.79"><title>dropdown-arrow</title><g opacity="0.1"><path d="M12.71,2.44A2.41,2.41,0,0,1,12,4.16L8.08,8.08a2.45,2.45,0,0,1-3.45,0L0.72,4.16A2.42,2.42,0,0,1,0,2.44,2.48,2.48,0,0,1,.71.71C1,0.47,1.43,0,6.36,0S11.75,0.46,12,.71A2.44,2.44,0,0,1,12.71,2.44Z" fill="#231f20"/></g><path d="M6.36,7.79a1.43,1.43,0,0,1-1-.42L1.42,3.45a1.44,1.44,0,0,1,0-2c0.56-.56,9.31-0.56,9.87,0a1.44,1.44,0,0,1,0,2L7.37,7.37A1.43,1.43,0,0,1,6.36,7.79Z" fill="#fff"/></svg>

package/media/extensions/microbit-block-icon.svg

@@ -0,0 +1,130 @@
+<?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"
+   width="32px"
+   height="32px"
+   viewBox="0 0 32 32"
+   version="1.1"
+   id="svg2"
+   inkscape:version="0.48.5 r10040"
+   sodipodi:docname="icon--add-wedo.svg">
+  <metadata
+     id="metadata35">
+    <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>wedo-add-button</dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#0300ff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1356"
+     inkscape:window-height="782"
+     id="namedview33"
+     showgrid="false"
+     inkscape:zoom="10.429825"
+     inkscape:cx="10.763285"
+     inkscape:cy="18.198471"
+     inkscape:window-x="76"
+     inkscape:window-y="13"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="svg2" />
+  <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+  <title
+     id="title4">wedo-add-button</title>
+  <desc
+     id="desc6">Created with Sketch.</desc>
+  <defs
+     id="defs8">
+    <path
+       d="M2,1.00752069 C2,0.451082376 2.45303631,0 2.99703014,0 L9.00296986,0 C9.5536144,0 10,0.442541372 10,1.00752069 L10,3.99267578 L2,3.99267578 L2,1.00752069 Z"
+       id="path-1" />
+    <path
+       d="M14,1.00752069 C14,0.451082376 14.4530363,0 14.9970301,0 L21.0029699,0 C21.5536144,0 22,0.442541372 22,1.00752069 L22,3.99267578 L14,3.99267578 L14,1.00752069 Z"
+       id="path-2" />
+    <rect
+       id="path-3"
+       x="0"
+       y="4"
+       width="24"
+       height="16"
+       rx="1" />
+  </defs>
+  <g
+     id="g3963"
+     transform="translate(0.17521071,29.898305)">
+    <rect
+       style="opacity:0.12000002;fill:none;stroke:#000000;stroke-width:3.74534345;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="rect3937"
+       width="25.859743"
+       height="14.334317"
+       x="2.8949177"
+       y="-21.065464"
+       rx="7.2730522" />
+    <rect
+       rx="6.5593219"
+       y="-20.067797"
+       x="4.1637712"
+       height="12.338983"
+       width="23.322035"
+       id="rect3935"
+       style="fill:none;stroke:#ffffff;stroke-width:3.29999995;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+    <path
+       sodipodi:type="arc"
+       style="opacity:0.12000002;fill:#000000;fill-opacity:1;stroke:none"
+       id="path3959"
+       sodipodi:cx="12.542373"
+       sodipodi:cy="-13.491526"
+       sodipodi:rx="1.559322"
+       sodipodi:ry="1.559322"
+       d="m 14.101695,-13.491526 c 0,0.86119 -0.698133,1.559322 -1.559322,1.559322 -0.86119,0 -1.559322,-0.698132 -1.559322,-1.559322 0,-0.861189 0.698132,-1.559322 1.559322,-1.559322 0.861189,0 1.559322,0.698133 1.559322,1.559322 z"
+       transform="matrix(1.4304128,0,0,1.4304128,-7.4264489,5.4001468)" />
+    <path
+       transform="translate(-2.0280507,-0.40677897)"
+       d="m 14.101695,-13.491526 c 0,0.86119 -0.698133,1.559322 -1.559322,1.559322 -0.86119,0 -1.559322,-0.698132 -1.559322,-1.559322 0,-0.861189 0.698132,-1.559322 1.559322,-1.559322 0.861189,0 1.559322,0.698133 1.559322,1.559322 z"
+       sodipodi:ry="1.559322"
+       sodipodi:rx="1.559322"
+       sodipodi:cy="-13.491526"
+       sodipodi:cx="12.542373"
+       id="path3945"
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       sodipodi:type="arc" />
+    <path
+       transform="matrix(1.4304128,0,0,1.4304128,3.1945515,5.4001464)"
+       d="m 14.101695,-13.491526 c 0,0.86119 -0.698133,1.559322 -1.559322,1.559322 -0.86119,0 -1.559322,-0.698132 -1.559322,-1.559322 0,-0.861189 0.698132,-1.559322 1.559322,-1.559322 0.861189,0 1.559322,0.698133 1.559322,1.559322 z"
+       sodipodi:ry="1.559322"
+       sodipodi:rx="1.559322"
+       sodipodi:cy="-13.491526"
+       sodipodi:cx="12.542373"
+       id="path3961"
+       style="opacity:0.12000002;fill:#000000;fill-opacity:1;stroke:none"
+       sodipodi:type="arc" />
+    <path
+       sodipodi:type="arc"
+       style="fill:#ffffff;fill-opacity:1;stroke:none"
+       id="path3947"
+       sodipodi:cx="12.542373"
+       sodipodi:cy="-13.491526"
+       sodipodi:rx="1.559322"
+       sodipodi:ry="1.559322"
+       d="m 14.101695,-13.491526 c 0,0.86119 -0.698133,1.559322 -1.559322,1.559322 -0.86119,0 -1.559322,-0.698132 -1.559322,-1.559322 0,-0.861189 0.698132,-1.559322 1.559322,-1.559322 0.861189,0 1.559322,0.698133 1.559322,1.559322 z"
+       transform="translate(8.5929493,-0.40677897)" />
+  </g>
+</svg>

package/media/extensions/music-block-icon.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
+    <title>music-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <path d="M32.179206,25.8739208 C32.6367303,28.1567449 30.5131455,29.9998773 27.4339971,29.9998773 C24.3647303,29.9998773 21.5108854,28.1567449 21.0622546,25.8739208 C20.6037421,23.5891115 22.7273269,21.7380389 25.8054872,21.7380389 C26.4517526,21.7380389 27.0881363,21.8224042 27.695863,21.9722765 C28.0328302,22.0576343 28.3322467,22.1519249 28.6326515,22.2740063 C29.5022441,22.2541557 28.5288932,19.9802643 26.7976133,10.0450167 C24.6641469,-2.25841293 29.8579865,8.17508593 35.5656764,7.29173224 C41.2743545,6.40738602 35.6417658,12.1124613 31.9163518,11.1358096 C28.1919261,10.1492325 27.2660076,3.98262977 32.179206,25.8739208 Z M15.1819287,31.8640908 C15.6303634,34.1479226 13.5067189,36 10.4387935,36 C7.37086801,36 4.51827022,34.1479226 4.05995811,31.8640908 C3.61152342,29.580259 5.73418015,27.7291742 8.81099529,27.7291742 C9.81256529,27.7291742 10.784503,27.9256968 11.6645808,28.2730854 C12.4873696,28.2175032 11.5154318,25.895955 9.80268788,16.0450074 C7.67015372,3.74248891 12.8617237,14.1740717 18.5669193,13.2917047 C24.2731026,12.3984198 18.6429754,18.1134582 14.9191895,17.1258821 C11.1963913,16.1392986 10.2708774,9.97364751 15.1819287,31.8640908 Z" id="path-1"></path>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="music-block-icon">
+            <g id="music">
+                <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
+                <path stroke-opacity="0.1" stroke="#000000" stroke-width="1" d="M28.4556415,21.6745421 C28.4474055,21.3634794 28.369363,20.8496307 28.1995784,19.9728414 C28.1037431,19.4779354 27.5879591,16.9509031 27.4466594,16.2422025 C27.0518671,14.2620888 26.6870914,12.323342 26.3049652,10.1304439 C25.5725555,5.90673049 25.6122037,4.07922905 26.648684,3.60349339 C27.1506216,3.37310831 27.7097758,3.52166387 28.4906566,3.95241253 C28.9041424,4.18049917 30.6720146,5.31826586 30.5601951,5.24852558 C32.5537086,6.49185204 34.0240028,7.02437753 35.4891331,6.79762586 C37.0155215,6.56116905 37.9944288,6.73774774 38.3662137,7.41639935 C38.7139096,8.0510791 38.381158,8.83164591 37.6373333,9.59688636 C36.1644488,11.1121773 33.6607258,12.1100097 31.7883207,11.6191397 C30.9659276,11.4012929 30.5502283,11.1552429 29.4079363,10.3531635 C29.3743484,10.3295792 29.3427713,10.3076886 29.3131966,10.2874416 C29.3597256,10.8802721 29.5768269,12.0269787 30.0299858,14.0896776 C30.3236231,15.4262624 32.1088669,23.2772929 32.6670697,25.7644265 L32.6694567,25.7756646 C33.1980454,28.4130656 30.7966941,30.4998773 27.4339971,30.4998773 C24.1430884,30.4998773 21.0712009,28.5123215 20.5720284,25.9722987 C20.0422841,23.3325351 22.4445945,21.2380389 25.8054872,21.2380389 C26.4765406,21.2380389 27.152289,21.323245 27.818641,21.4875853 C28.0470648,21.5454478 28.2557264,21.6064234 28.4556415,21.6745421 Z M11.4603834,27.6660525 C11.449493,27.3473764 11.3687107,26.8265433 11.1936814,25.9278972 C11.1041405,25.4681708 10.5986562,22.9911462 10.4414905,22.2012718 C10.0512987,20.2402689 9.68884553,18.3091587 9.31003453,16.1304045 C8.57791398,11.9068255 8.61757452,10.0794272 9.65375704,9.60365326 C10.1556415,9.37320778 10.7146942,9.52176496 11.4953768,9.95251918 C11.9087466,10.1806026 13.6762672,11.3184675 13.5642028,11.2485539 C15.5566657,12.4915907 17.0261524,13.0240555 18.4895877,12.7977211 C20.0154534,12.5588516 20.994354,12.7339691 21.366342,13.41244 C21.7140891,14.0466977 21.3813991,14.827334 20.6379048,15.592574 C19.1643383,17.1092393 16.6614771,18.1052349 14.7911052,17.6091982 C13.9690525,17.3913449 13.5538673,17.1455182 12.4116989,16.3433357 C12.3782724,16.3198592 12.3468384,16.2980617 12.3173888,16.2778937 C12.3638944,16.8707911 12.5809055,18.0175387 13.0338708,20.0802326 C13.3275254,21.4174647 15.1123026,29.2696498 15.6698018,31.754638 L15.6725603,31.7677544 C16.1904939,34.4055374 13.7886493,36.5 10.4387935,36.5 C7.15343223,36.5 4.08027866,34.5065931 3.56932659,31.9604272 C3.05115654,29.3214405 5.4536949,27.2291742 8.81099529,27.2291742 C9.71504274,27.2291742 10.6128764,27.3796016 11.4603834,27.6660525 Z"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/media/extensions/pen-block-icon.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+    <title>pen-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="pen-icon" stroke="#575E75">
+            <g transform="translate(4.000000, 4.000000)">
+                <path d="M4.7529,30.6025 L0.5019,32.3805 L2.2859,28.1445 C3.5039,25.2535 5.1929,22.7225 7.3159,20.6075 L27.0669,0.9295 C27.9119,0.0875 29.7169,0.5205 31.0979,1.8965 C32.4789,3.2725 32.9139,5.0705 32.0679,5.9125 L12.3179,25.5905 C10.1949,27.7055 7.6539,29.3885 4.7529,30.6025" id="Fill-1" fill="#FFFFFF"></path>
+                <path d="M25.4092,2.1113 C25.4092,2.1113 20.9602,-0.2677 17.2082,7.8823 C15.4742,11.6483 12.8582,9.4283 12.8582,9.4283" id="Stroke-5"></path>
+                <path d="M32.4209,4.8251 C32.4209,5.2881 32.2799,5.6981 31.9879,5.9891 L22.6529,15.2901 C22.9349,14.9991 23.0639,14.6221 23.0639,14.1691 C23.0639,13.2961 22.5559,12.2071 21.6569,11.3021 C20.2949,9.9441 18.5099,9.5021 17.6549,10.3111 L26.9899,1.0101 C27.8339,0.1691 29.6409,0.6001 31.0249,1.9691 C31.9229,2.8741 32.4209,3.9521 32.4209,4.8251" id="Fill-7" fill="#4C97FF"></path>
+                <path d="M6.5146,29.7739 C5.9416,30.0759 5.3576,30.3449 4.7506,30.6039 L0.4996,32.3819 L2.2856,28.1469 C2.5436,27.5429 2.8146,26.9609 3.1186,26.3899 C3.8096,26.5729 4.5676,27.0149 5.2276,27.6719 C5.8866,28.3299 6.3296,29.0839 6.5146,29.7739" id="Fill-11" fill="#4C97FF"></path>
+                <path d="M32.498,4.7485 C32.498,5.2115 32.357,5.6215 32.065,5.9125 L12.323,25.5925 C10.192,27.7045 7.65,29.3855 4.751,30.6035 L0.5,32.3815 L1.474,30.0645 L3.399,29.2565 C6.298,28.0385 8.84,26.3575 10.971,24.2455 L30.713,4.5655 C31.005,4.2745 31.145,3.8645 31.145,3.4015 C31.145,2.7545 30.875,2.0005 30.366,1.2785 C30.615,1.4505 30.864,1.6555 31.102,1.8925 C32,2.7975 32.498,3.8755 32.498,4.7485" id="Fill-15" fill="#575E75" opacity="0.15"></path>
+                <path d="M14.4502,8.831 C14.4502,9.33 14.0462,9.735 13.5462,9.735 C13.0472,9.735 12.6412,9.33 12.6412,8.831 C12.6412,8.331 13.0472,7.927 13.5462,7.927 C14.0462,7.927 14.4502,8.331 14.4502,8.831 Z" id="Stroke-22" fill="#575E75"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/media/extensions/wedo2-block-icon.svg

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="40px" height="40px" viewBox="0 0 40 40" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+    <title>wedo2-block-icon</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="wedo2-block-icon">
+            <g transform="translate(1.000000, 8.000000)">
+                <path d="M34.3129805,2.46697115 L31.0885415,2.46697115 L31.0885415,0.864527244 C31.0885415,0.641530449 31.2711268,0.460921474 31.4954195,0.460921474 L33.9070293,0.460921474 C34.131322,0.460921474 34.3129805,0.641530449 34.3129805,0.864527244 L34.3129805,2.46697115 Z" id="Stroke-3" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M29.4774341,2.46697115 L26.2529951,2.46697115 L26.2529951,0.864527244 C26.2529951,0.641530449 26.4355805,0.460921474 26.6598732,0.460921474 L29.0714829,0.460921474 C29.2957756,0.460921474 29.4774341,0.641530449 29.4774341,0.864527244 L29.4774341,2.46697115 Z" id="Stroke-7" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M24.6414244,2.46697115 L21.4179122,2.46697115 L21.4179122,0.864527244 C21.4179122,0.641530449 21.5995707,0.460921474 21.8238634,0.460921474 L24.2354732,0.460921474 C24.4597659,0.460921474 24.6414244,0.641530449 24.6414244,0.864527244 L24.6414244,2.46697115 Z" id="Stroke-11" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M19.805878,2.46697115 L16.5823659,2.46697115 L16.5823659,0.864527244 C16.5823659,0.641530449 16.7640244,0.460921474 16.9883171,0.460921474 L19.3999268,0.460921474 C19.6242195,0.460921474 19.805878,0.641530449 19.805878,0.864527244 L19.805878,2.46697115 Z" id="Stroke-15" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M14.9703317,2.46697115 L11.7458927,2.46697115 L11.7458927,0.864527244 C11.7458927,0.641530449 11.928478,0.460921474 12.1527707,0.460921474 L14.5643805,0.460921474 C14.7886732,0.460921474 14.9703317,0.641530449 14.9703317,0.864527244 L14.9703317,2.46697115 Z" id="Stroke-19" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M10.1347854,2.46697115 L6.91034634,2.46697115 L6.91034634,0.864527244 C6.91034634,0.641530449 7.09293171,0.460921474 7.31722439,0.460921474 L9.72883415,0.460921474 C9.95312683,0.460921474 10.1347854,0.641530449 10.1347854,0.864527244 L10.1347854,2.46697115 Z" id="Stroke-23" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M36.7304293,2.46697115 L5.29886829,2.46697115 C2.62867317,2.46697115 0.4636,4.61953526 0.4636,7.27522436 L0.4636,10.4801122 L37.5367707,10.4801122 L37.5367707,3.26865385 C37.5367707,2.82634615 37.1753073,2.46697115 36.7304293,2.46697115 Z" id="Stroke-27" stroke="#6F7893" fill="#FFFFFF" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M37.1336927,22.9801883 L0.866863415,22.9801883 C0.643497561,22.9801883 0.463692683,22.8005008 0.463692683,22.579347 L0.463692683,8.23659856 L33.1733512,8.23659856 C33.9027659,8.23659856 34.602522,8.52409856 35.1187659,9.03828125 C35.6350098,9.55062099 36.3347659,9.83904247 37.0641805,9.83904247 L37.5368634,9.83904247 L37.5368634,22.579347 C37.5368634,22.8005008 37.3561317,22.9801883 37.1336927,22.9801883 Z" id="Stroke-31" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <polyline id="Stroke-33" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round" points="33.8291756 8.23659856 34.3129805 5.67213542 37.5364927 5.67213542"></polyline>
+                <path d="M37.5364927,3.2683774 L37.5364927,22.5797155 C37.5364927,22.8008694 37.3566878,22.9805569 37.133322,22.9805569 L0.866492683,22.9805569 C0.644980488,22.9805569 0.463321951,22.7999479 0.463321951,22.5797155 L0.463321951,21.3771915 L34.7448829,21.3771915 C35.3964439,21.3771915 35.9247366,20.8528726 35.9247366,20.2041546 L35.9247366,2.46669471 L36.7301512,2.46669471 C37.1759561,2.46669471 37.5364927,2.82606971 37.5364927,3.2683774 Z" id="Stroke-37" stroke="#6F7893" fill="#6F7893" opacity="0.15" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M10.5375854,8.27889423 L30.6859268,8.27889423 C30.9083659,8.27889423 31.0890976,8.45858173 31.0890976,8.67973558 L31.0890976,15.2074599 C31.0890976,15.4286138 30.9083659,15.6083013 30.6859268,15.6083013 L10.5375854,15.6083013 C10.3151463,15.6083013 10.1344146,15.4286138 10.1344146,15.2074599 L10.1344146,8.67973558 C10.1344146,8.45858173 10.3151463,8.27889423 10.5375854,8.27889423" id="Fill-40" fill="#E6E7E8"></path>
+                <path d="M10.5375854,8.27889423 L30.6859268,8.27889423 C30.9083659,8.27889423 31.0890976,8.45858173 31.0890976,8.67973558 L31.0890976,15.2074599 C31.0890976,15.4286138 30.9083659,15.6083013 30.6859268,15.6083013 L10.5375854,15.6083013 C10.3151463,15.6083013 10.1344146,15.4286138 10.1344146,15.2074599 L10.1344146,8.67973558 C10.1344146,8.45858173 10.3151463,8.27889423 10.5375854,8.27889423 Z" id="Stroke-42" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M31.0889122,8.27889423 L31.0889122,15.2074599 C31.0889122,15.4286138 30.9091073,15.6083013 30.6857415,15.6083013 L10.5374,15.6083013 C10.3158878,15.6083013 10.1351561,15.4276923 10.1351561,15.2074599 L10.1351561,14.0058574 L28.2973024,14.0058574 C28.9488634,14.0058574 29.4771561,13.480617 29.4771561,12.8328205 L29.4771561,8.27889423 L31.0889122,8.27889423 Z" id="Stroke-46" stroke="#6F7893" fill="#6E7792" opacity="0.15" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M29.4774341,8.27889423 L26.2529951,8.27889423 L26.2529951,6.67552885 C26.2529951,6.45253205 26.4355805,6.27192308 26.6598732,6.27192308 L29.0714829,6.27192308 C29.2957756,6.27192308 29.4774341,6.45253205 29.4774341,6.67552885 L29.4774341,8.27889423 Z" id="Stroke-51" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M14.9703317,8.27889423 L11.7458927,8.27889423 L11.7458927,6.67552885 C11.7458927,6.45253205 11.928478,6.27192308 12.1527707,6.27192308 L14.5643805,6.27192308 C14.7886732,6.27192308 14.9703317,6.45253205 14.9703317,6.67552885 L14.9703317,8.27889423 Z" id="Stroke-55" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M24.6414244,8.27889423 L21.4179122,8.27889423 L21.4179122,6.67552885 C21.4179122,6.45253205 21.5995707,6.27192308 21.8238634,6.27192308 L24.2354732,6.27192308 C24.4597659,6.27192308 24.6414244,6.45253205 24.6414244,6.67552885 L24.6414244,8.27889423 Z" id="Stroke-59" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M19.805878,8.27889423 L16.5823659,8.27889423 L16.5823659,6.67552885 C16.5823659,6.45253205 16.7640244,6.27192308 16.9883171,6.27192308 L19.3999268,6.27192308 C19.6242195,6.27192308 19.805878,6.45253205 19.805878,6.67552885 L19.805878,8.27889423 Z" id="Stroke-63" stroke="#6F7893" fill="#E6E7E8" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M17.5566488,11.9094111 C17.5566488,12.935012 16.719722,13.7671034 15.688161,13.7671034 C14.6566,13.7671034 13.8196732,12.935012 13.8196732,11.9094111 C13.8196732,10.8828886 14.6566,10.0517187 15.688161,10.0517187 C16.719722,10.0517187 17.5566488,10.8828886 17.5566488,11.9094111 Z" id="Stroke-65" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M22.4804293,11.9094111 C22.4804293,12.935012 21.6435024,13.7671034 20.6119415,13.7671034 C19.5803805,13.7671034 18.7434537,12.935012 18.7434537,11.9094111 C18.7434537,10.8828886 19.5803805,10.0517187 20.6119415,10.0517187 C21.6435024,10.0517187 22.4804293,10.8828886 22.4804293,11.9094111 Z" id="Stroke-67" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M27.4042098,11.9094111 C27.4042098,12.935012 26.5672829,13.7671034 25.535722,13.7671034 C24.504161,13.7671034 23.6672341,12.935012 23.6672341,11.9094111 C23.6672341,10.8828886 24.504161,10.0517187 25.535722,10.0517187 C26.5672829,10.0517187 27.4042098,10.8828886 27.4042098,11.9094111 Z" id="Stroke-69" stroke="#6F7893" stroke-linecap="round" stroke-linejoin="round"></path>
+                <path d="M17.5566488,11.922496 C17.5566488,12.948097 16.719722,13.7801883 15.688161,13.7801883 C14.6566,13.7801883 13.8196732,12.948097 13.8196732,11.922496 C13.8196732,10.896895 14.6566,10.0648037 15.688161,10.0648037 C16.719722,10.0648037 17.5566488,10.896895 17.5566488,11.922496" id="Fill-71" fill="#6F7893" opacity="0.5"></path>
+                <path d="M22.4804293,11.922496 C22.4804293,12.948097 21.6435024,13.7801883 20.6119415,13.7801883 C19.5803805,13.7801883 18.7434537,12.948097 18.7434537,11.922496 C18.7434537,10.896895 19.5803805,10.0648037 20.6119415,10.0648037 C21.6435024,10.0648037 22.4804293,10.896895 22.4804293,11.922496" id="Fill-73" fill="#6F7893" opacity="0.5"></path>
+                <path d="M27.4042098,11.922496 C27.4042098,12.948097 26.5672829,13.7801883 25.535722,13.7801883 C24.504161,13.7801883 23.6672341,12.948097 23.6672341,11.922496 C23.6672341,10.896895 24.504161,10.0648037 25.535722,10.0648037 C26.5672829,10.0648037 27.4042098,10.896895 27.4042098,11.922496" id="Fill-75" fill="#6F7893" opacity="0.5"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/media/eyedropper.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="24px" height="24px" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 43.2 (39069) - http://www.bohemiancoding.com/sketch -->
+    <title>Artboard</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Artboard">
+            <g id="Eye-Dropper---Inactive" transform="translate(5.000000, 1.000000)">
+                <g id="stage" transform="translate(0.000000, 9.800000)" stroke="#575E75" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M11.2266846,0 L12.6666667,0 C13.4,0 14,0.66442953 14,1.47651007 L14,9.52348993 C14,10.3355705 13.4,11 12.6666667,11 L1.33333333,11 C0.6,11 0,10.3355705 0,9.52348993 L0,1.47651007 C0,0.66442953 0.6,0 1.33333333,0 L6.2845459,0" id="Shape"></path>
+                    <path d="M13.9336493,7.6602179 L11.1469194,4.91112699 C10.7488152,4.51839972 10.0853081,4.45294517 9.62085308,4.84567245 L6.17061611,7.52930881 C5.63981043,7.92203608 4.90995261,7.85658154 4.51184834,7.33294517 L4.18009479,6.9402179 C3.78199052,6.41658154 2.98578199,6.35112699 2.52132701,6.74385426 L0,8.77294517 L0,9.36203608 C0,10.0165815 0.530805687,10.5402179 1.1943128,10.5402179 L12.8056872,10.5402179 C13.4691943,10.5402179 14,10.0165815 14,9.36203608 L14,7.6602179 L13.9336493,7.6602179 Z" id="Shape" fill="#575E75"></path>
+                </g>
+                <g id="eye-dropper" transform="translate(5.000000, 0.000000)">
+                    <path d="M1.04929697,12.6007661 L0.732569697,12.2840388 C0.557660606,12.1107055 0.543478788,11.8050085 0.693175758,11.4835539 L1.46372121,9.83531152 C1.63390303,9.46658424 1.9916,9.14985697 2.35717576,9.03797818 C2.80941818,8.90246303 3.23014545,8.46125091 3.3325697,8.01373576 L3.36408485,7.87979636 C3.41608485,7.65288727 3.55317576,7.41652364 3.7485697,7.22270545 L8.05038788,2.91931152 C8.46481212,2.50646303 9.01632727,2.38670545 9.2826303,2.65458424 L10.6803273,4.05228121 C10.9466303,4.31858424 10.8284485,4.86852364 10.4140242,5.28137212 L6.11220606,9.58476606 C5.91681212,9.78016 5.68044848,9.91882667 5.45353939,9.97082667 L5.3196,10.0023418 C4.87366061,10.1047661 4.43087273,10.5254933 4.29693333,10.97616 C4.18505455,11.3433115 3.86832727,11.6994327 3.4996,11.8711903 L1.85135758,12.64016 C1.52990303,12.789857 1.2226303,12.7756752 1.04929697,12.6007661 Z" id="Stroke-6" stroke="#575E75" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"></path>
+                    <path d="M10.1021818,6.29994182 L7.03418182,3.23194182 C6.71587879,2.91363879 6.71587879,2.39521455 7.03418182,2.07691152 L7.63454545,1.47654788 C7.95442424,1.15824485 8.46969697,1.15824485 8.78957576,1.47654788 L11.8575758,4.54454788 C12.1758788,4.86285091 12.1758788,5.38127515 11.8575758,5.69957818 L11.2556364,6.29994182 C10.9373333,6.61982061 10.4204848,6.61982061 10.1021818,6.29994182" id="Fill-1" fill="#575E75"></path>
+                    <path d="M8.66036364,2.91757818 L10.8207273,0.757214545 C11.3060606,0.271881212 12.0923636,0.271881212 12.5761212,0.757214545 C13.0614545,1.24254788 13.0614545,2.02885091 12.5761212,2.51260848 L10.4157576,4.67297212 C9.932,5.1567297 9.14569697,5.1567297 8.66036364,4.67297212 C8.1750303,4.18763879 8.1750303,3.40291152 8.66036364,2.91757818" id="Fill-3" fill="#575E75"></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/media/green-flag.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="greenflag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 24 24" style="enable-background:new 0 0 24 24;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#45993D;}
+	.st1{fill:#4CBF56;}
+</style>
+<title>greenflag</title>
+<path class="st0" d="M20.8,3.7c-0.4-0.2-0.9-0.1-1.2,0.2c-2,1.6-4.8,1.6-6.8,0c-2.3-1.9-5.6-2.3-8.3-1V2.5c0-0.6-0.5-1-1-1
+	s-1,0.4-1,1v18.8c0,0.5,0.5,1,1,1h0.1c0.5,0,1-0.5,1-1v-6.4c1-0.7,2.1-1.2,3.4-1.3c1.2,0,2.4,0.4,3.4,1.2c2.9,2.3,7,2.3,9.8,0
+	c0.3-0.2,0.4-0.5,0.4-0.9V4.7C21.6,4.2,21.3,3.8,20.8,3.7z M20.5,13.9C20.5,13.9,20.5,13.9,20.5,13.9C18,16,14.4,16,11.9,14
+	c-1.1-0.9-2.5-1.4-4-1.4c-1.2,0.1-2.3,0.5-3.4,1.1V4C7,2.6,10,2.9,12.2,4.6c2.4,1.9,5.7,1.9,8.1,0c0.1,0,0.1,0,0.2,0
+	c0,0,0.1,0.1,0.1,0.1L20.5,13.9z"/>
+<path class="st1" d="M20.6,4.8l-0.1,9.1c0,0,0,0.1,0,0.1c-2.5,2-6.1,2-8.6,0c-1.1-0.9-2.5-1.4-4-1.4c-1.2,0.1-2.3,0.5-3.4,1.1V4
+	C7,2.6,10,2.9,12.2,4.6c2.4,1.9,5.7,1.9,8.1,0c0.1,0,0.1,0,0.2,0C20.5,4.7,20.6,4.7,20.6,4.8z"/>
+</svg>