No notes defined.
<section class='c-figures c-figures--columns c-figures--columns-3'>
<h1 class='c-heading c-heading--columns c-heading--columns-3'>
Key Figures
</h1>
<div class='c-lead c-lead--columns c-lead--columns-3'>
<p>Main take-aways from our 2019 Discovery phase.</p>
</div>
<ul class='c-figures__items d-flex u-list--unstyled'>
<li class='c-figures__items__item'>
<figure class='c-stat c-stat--highlight c-stat--with-icon '>
<span class='c-icon c-icon--double c-stat__icon c-icon--noun_discussion_1430519-svg'>
<svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 100" x="0px" y="0px">
<path d="M88.5,73.78a11.8,11.8,0,1,0-14.33,0,11.73,11.73,0,0,0-8.5,4.48,11.73,11.73,0,0,0-8.5-4.48,11.8,11.8,0,1,0-14.33,0,11.73,11.73,0,0,0-8.5,4.48,11.73,11.73,0,0,0-8.5-4.48,11.8,11.8,0,1,0-14.33,0A11.76,11.76,0,0,0,.5,85.49V92.4A2.5,2.5,0,0,0,3,94.9H97a2.5,2.5,0,0,0,2.5-2.5V85.49A11.76,11.76,0,0,0,88.5,73.78ZM31.83,89.9H5.5V85.49a6.75,6.75,0,0,1,6.74-6.74A4.75,4.75,0,0,0,14.88,70a6.79,6.79,0,0,1-.94-10.51,6.71,6.71,0,0,1,4.94-1.92,6.93,6.93,0,0,1,6.59,6.81,6.79,6.79,0,0,1-3,5.62,4.75,4.75,0,0,0,2.62,8.71,6.75,6.75,0,0,1,6.74,6.74Zm31.33,0H36.83V85.49a6.75,6.75,0,0,1,6.74-6.74A4.75,4.75,0,0,0,46.21,70a6.79,6.79,0,0,1,4-12.43,6.93,6.93,0,0,1,6.59,6.81,6.79,6.79,0,0,1-3,5.62,4.75,4.75,0,0,0,2.62,8.72,6.75,6.75,0,0,1,6.74,6.74Zm31.33,0H68.17V85.49a6.75,6.75,0,0,1,6.74-6.74A4.75,4.75,0,0,0,77.54,70a6.79,6.79,0,0,1,4-12.43,6.93,6.93,0,0,1,6.59,6.81,6.79,6.79,0,0,1-3,5.62,4.75,4.75,0,0,0,2.62,8.71,6.75,6.75,0,0,1,6.74,6.74Z"></path>
<path d="M32.8,53.15a2.49,2.49,0,0,0,2.72-.54L45.92,42.22h8.17L64.47,52.61a2.5,2.5,0,0,0,4.27-1.77V42.22h6.75a8.36,8.36,0,0,0,8.35-8.35V13.44A8.36,8.36,0,0,0,75.49,5.1h-51a8.36,8.36,0,0,0-8.35,8.35V33.87a8.36,8.36,0,0,0,8.35,8.35h6.75v8.62A2.5,2.5,0,0,0,32.8,53.15ZM24.51,37.22a3.35,3.35,0,0,1-3.35-3.35V13.44a3.35,3.35,0,0,1,3.35-3.35h51a3.35,3.35,0,0,1,3.35,3.35V33.87a3.35,3.35,0,0,1-3.35,3.35H66.24a2.5,2.5,0,0,0-2.5,2.5V44.8l-6.85-6.85a2.5,2.5,0,0,0-1.77-.73H44.88a2.5,2.5,0,0,0-1.77.73L36.26,44.8V39.72a2.5,2.5,0,0,0-2.5-2.5Z"></path>
<path d="M37,24.66a2.52,2.52,0,0,0,.23.43,2.79,2.79,0,0,0,.31.38,2.32,2.32,0,0,0,.38.31,2.24,2.24,0,0,0,.43.23,2.57,2.57,0,0,0,.47.14,2.63,2.63,0,0,0,.49,0,2.83,2.83,0,0,0,.49,0,2.71,2.71,0,0,0,.46-.14,2.21,2.21,0,0,0,.43-.23,2.33,2.33,0,0,0,.38-.31,2.78,2.78,0,0,0,.31-.38,2,2,0,0,0,.23-.43,2.13,2.13,0,0,0,.15-.47,2.44,2.44,0,0,0,0-1,2.71,2.71,0,0,0-.38-.9,2.27,2.27,0,0,0-.31-.38,2.35,2.35,0,0,0-.38-.31,2.21,2.21,0,0,0-.43-.23,2.66,2.66,0,0,0-.46-.14,2.3,2.3,0,0,0-1,0,2.53,2.53,0,0,0-.47.14,2.24,2.24,0,0,0-.43.23,2.34,2.34,0,0,0-.38.31,2.28,2.28,0,0,0-.31.38,2.51,2.51,0,0,0-.23.43,3.59,3.59,0,0,0-.15.47,3,3,0,0,0,0,1A4.15,4.15,0,0,0,37,24.66Z"></path>
<circle cx="50" cy="23.7" r="2.5"></circle>
<path d="M58.42,24.66a3.6,3.6,0,0,0,.23.43,3.88,3.88,0,0,0,.32.38,2.51,2.51,0,0,0,1.76.73,2.65,2.65,0,0,0,.49,0,2.54,2.54,0,0,0,.47-.14,2.58,2.58,0,0,0,.43-.23,2.88,2.88,0,0,0,.38-.31,3.76,3.76,0,0,0,.31-.38,2.41,2.41,0,0,0,.37-.9,2,2,0,0,0,0-.49,2.51,2.51,0,0,0-.73-1.77,2.92,2.92,0,0,0-.38-.31,2.58,2.58,0,0,0-.43-.23,2.51,2.51,0,0,0-3.46,2.31,2.69,2.69,0,0,0,.05.49A2.45,2.45,0,0,0,58.42,24.66Z"></path>
</svg>
</span> <span class='c-stat__text'>
<span class='c-stat__figure'><span class='c-stat__number'>201</span> </span>
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>Workshops & Events</strong>
</figcaption>
</span>
</figure>
</li>
<li class='c-figures__items__item'>
<figure class='c-stat c-stat--highlight c-stat--with-icon '>
<span class='c-icon c-icon--double c-stat__icon c-icon--noun_social-network_1429555-svg'>
<svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 100" x="0px" y="0px">
<title>Artboard 5</title>
<path d="M87.82,66.08a12.19,12.19,0,0,0-4.67-21.8V22.63A10.23,10.23,0,0,0,72.93,12.41H62A12.3,12.3,0,0,0,50.37,2.29,12.18,12.18,0,0,0,38,12.41H27.07A10.23,10.23,0,0,0,16.85,22.63V44.28A12.17,12.17,0,0,0,7.15,56.21a12.18,12.18,0,0,0,5,9.87A12.16,12.16,0,0,0,.5,78.22v3A2.5,2.5,0,0,0,3,83.75H16.85v4.52a9.45,9.45,0,0,0,9.44,9.44H73.71a9.45,9.45,0,0,0,9.44-9.44V83.75H97a2.5,2.5,0,0,0,2.5-2.5v-3A12.16,12.16,0,0,0,87.82,66.08ZM45,9.32a7.15,7.15,0,0,1,5.24-2,7.34,7.34,0,0,1,7,7.21,7.2,7.2,0,0,1-3.18,6,4.85,4.85,0,0,0,2.68,8.89,7.15,7.15,0,0,1,7.15,7.15V37H36.15V36.5a7.15,7.15,0,0,1,7.15-7.15A4.85,4.85,0,0,0,46,20.46,7.2,7.2,0,0,1,45,9.32ZM5.5,78.22a7.15,7.15,0,0,1,7.15-7.15,4.85,4.85,0,0,0,2.69-8.89A7.2,7.2,0,0,1,19.58,49a7.34,7.34,0,0,1,7,7.21,7.2,7.2,0,0,1-3.18,6,4.85,4.85,0,0,0,2.68,8.89,7.15,7.15,0,0,1,7.15,7.15v.53H5.5ZM78.15,88.27a4.45,4.45,0,0,1-4.44,4.44H26.29a4.45,4.45,0,0,1-4.44-4.44V83.75H35.7a2.5,2.5,0,0,0,2.5-2.5v-3A12.16,12.16,0,0,0,26.52,66.08a12.19,12.19,0,0,0-4.67-21.8V22.63a5.23,5.23,0,0,1,5.22-5.22H38.15a12.19,12.19,0,0,0,4.68,7A12.16,12.16,0,0,0,31.15,36.5v3a2.5,2.5,0,0,0,2.5,2.5h32.7a2.5,2.5,0,0,0,2.5-2.5v-3A12.16,12.16,0,0,0,57.17,24.36a12.2,12.2,0,0,0,4.68-7H72.93a5.23,5.23,0,0,1,5.22,5.22V44.28a12.17,12.17,0,0,0-9.71,11.93,12.18,12.18,0,0,0,5,9.87A12.16,12.16,0,0,0,61.8,78.22v3a2.5,2.5,0,0,0,2.5,2.5H78.15ZM94.5,78.75H66.8v-.53a7.15,7.15,0,0,1,7.15-7.15,4.85,4.85,0,0,0,2.69-8.89A7.2,7.2,0,0,1,80.87,49a7.34,7.34,0,0,1,7,7.21,7.2,7.2,0,0,1-3.18,6,4.85,4.85,0,0,0,2.68,8.89,7.15,7.15,0,0,1,7.15,7.15Z"></path>
<circle cx="50" cy="63.88" r="2.5"></circle>
<circle cx="50" cy="53.77" r="2.5"></circle>
<circle cx="50" cy="74.02" r="2.5"></circle>
</svg>
</span> <span class='c-stat__text'>
<span class='c-stat__figure'><span class='c-stat__number'>615000</span> </span>
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>Participants</strong>
</figcaption>
</span>
</figure>
</li>
<li class='c-figures__items__item'>
<figure class='c-stat c-stat--highlight c-stat--with-icon '>
<span class='c-icon c-icon--double c-stat__icon c-icon--noun_skyscraper_1183864-svg'>
<svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 100 100" x="0px" y="0px">
<title>Artboard 3</title>
<path d="M6.38,99H93.62a2.5,2.5,0,0,0,0-5H87.23V31.74a5.13,5.13,0,0,0-5.12-5.12H79.38v-10a5.14,5.14,0,0,0-5.14-5.14H67.66v-8a2.5,2.5,0,0,0-5,0v8H56.07a5.14,5.14,0,0,0-5.14,5.14v10H48.21a5.13,5.13,0,0,0-5.12,5.12v19.6H17.89a5.13,5.13,0,0,0-5.12,5.12V94H6.38a2.5,2.5,0,0,0,0,5ZM55.93,16.61a.14.14,0,0,1,.14-.14H74.25a.14.14,0,0,1,.14.14v10H55.93Zm-7.73,15h33.9a.12.12,0,0,1,.12.12V94H48.09V31.74A.12.12,0,0,1,48.21,31.62ZM17.77,56.46a.12.12,0,0,1,.12-.12h25.2V94H17.77Z"></path>
<path d="M55.74,87.45H74.58a2.5,2.5,0,0,0,0-5H55.74a2.5,2.5,0,1,0,0,5Z"></path>
<path d="M55.74,76.29H74.58a2.5,2.5,0,0,0,0-5H55.74a2.5,2.5,0,1,0,0,5Z"></path>
<path d="M55.74,65.13H74.58a2.5,2.5,0,1,0,0-5H55.74a2.5,2.5,0,1,0,0,5Z"></path>
<path d="M55.74,54H74.58a2.5,2.5,0,0,0,0-5H55.74a2.5,2.5,0,1,0,0,5Z"></path>
<path d="M55.74,42.83H74.58a2.5,2.5,0,0,0,0-5H55.74a2.5,2.5,0,1,0,0,5Z"></path>
</svg>
</span> <span class='c-stat__text'>
<span class='c-stat__figure'><span class='c-stat__number'>71</span> </span>
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>Cities</strong>
</figcaption>
</span>
</figure>
</li>
<li class='c-figures__items__item'>
<figure class='c-stat c-stat--highlight c-stat--with-icon '>
<span class='c-icon c-icon--double c-stat__icon c-icon--noun_earth_1603639-svg'>
<svg height='100px' width='100px' fill="#000000" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 100">
<g transform="translate(0,-952.36218)">
<path style="font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-indent:0;text-align:start;text-decoration:none;line-height:normal;letter-spacing:normal;word-spacing:normal;text-transform:none;direction:ltr;block-progression:tb;writing-mode:lr-tb;text-anchor:start;baseline-shift:baseline;opacity:1;color:#000000;fill:#000000;fill-opacity:1;stroke:none;stroke-width:6;marker:none;visibility:visible;display:inline;overflow:visible;enable-background:accumulate;font-family:Sans;-inkscape-font-specification:Sans" d="M 30.59375 4.96875 A 3.0003 3.0003 0 0 0 29.0625 5.625 C 19.294962 13.21883 13 25.12434 13 38.46875 C 13 60.224377 29.762771 78.155975 51 79.875 L 51 89 L 36 89 A 3.0003 3.0003 0 0 0 35.6875 89 A 3.0040663 3.0040663 0 1 0 36 95 L 72 95 A 3.0003 3.0003 0 1 0 72 89 L 57 89 L 57 79.90625 C 68.81045 79.148482 79.265782 73.381608 86.3125 64.71875 A 3.0003 3.0003 0 1 0 81.6875 60.9375 C 75.203167 68.909 65.389123 74 54.34375 74 C 34.806252 74 19 58.1288 19 38.46875 C 19 27.00352 24.36321 16.83982 32.71875 10.34375 A 3.0003 3.0003 0 0 0 30.59375 4.96875 z M 54 11 C 38.57156 11 26 23.57157 26 39 C 26 54.4284 38.571557 67 54 67 C 69.42844 67 82 54.4284 82 39 C 82 23.57157 69.428437 11 54 11 z M 54 17 C 66.185797 17 76 26.81421 76 39 C 76 51.1858 66.185794 61 54 61 C 41.814203 61 32 51.1858 32 39 C 32 26.81421 41.8142 17 54 17 z " transform="translate(0,952.36218)"></path>
</g>
</svg>
</span> <span class='c-stat__text'>
<span class='c-stat__figure'><span class='c-stat__number'>16</span> </span>
<figcaption class='c-stat__caption'>
<strong class='c-stat__highlight'>Countries</strong>
</figcaption>
</span>
</figure>
</li>
</ul>
<footer class='c-figures__footer'>
<p class='c-figures__source'><strong>Source:</strong> <cite>SIA Alumni Survey 2019</cite></p>
</footer>
</section>
<section class='{{ get_component_class( 'figures', display ) }}'>
{% if heading %}
{% include '@unit/heading/heading.twig' with heading %}
{% endif %}
{% if lead %}
{% include '@unit/lead/lead.twig' with lead %}
{% endif %}
<ul class='c-figures__items d-flex u-list--unstyled'>
{% for item in items %}
{% if item.display %}
{% set itemModifiers = statModifiers|merge( item.display.modifiers ) %}
{% else %}
{% set itemModifiers = statModifiers %}
{% endif %}
<li class='c-figures__items__item'>
{% include '@unit/stat/stat.twig' with item|merge( { component: 'figures', display: { iconModifiers: iconModifiers, modifiers: itemModifiers } } ) %}
</li>
{% endfor %}
</ul>
{% if source %}
<footer class='c-figures__footer'>
<p class='c-figures__source'><strong>Source:</strong> <cite>{% if source.url %}{% include '@link' with source %}{% else %}{{ source | raw }}{% endif %}</cite></p>
</footer>
{% endif %}
</section>
{
"heading": {
"text": "Key Figures"
},
"lead": {
"content": "<p>Main take-aways from our 2019 Discovery phase.</p>"
},
"source": "SIA Alumni Survey 2019",
"iconModifiers": [
"double"
],
"statModifiers": [
"highlight"
],
"items": [
{
"figure": 201,
"caption": "Workshops & Events",
"icon": {
"basename": "noun_discussion_1430519.svg"
}
},
{
"figure": 615000,
"caption": "Participants",
"icon": {
"basename": "noun_social network_1429555.svg"
}
},
{
"figure": 71,
"caption": "Cities",
"icon": {
"basename": "noun_Skyscraper_1183864.svg"
}
},
{
"figure": 16,
"caption": "Countries",
"icon": {
"basename": "noun_Earth_1603639.svg"
}
}
],
"display": {
"modifiers": [
"columns",
"columns-3"
]
}
}