scratch-www/static/svgs/intro/video-image.svg

111 lines
18 KiB
XML
Raw Normal View History

<?xml version="1.0" encoding="UTF-8"?>
<svg width="400px" height="225px" viewBox="0 0 400 225" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
<title>Video Image</title>
<desc>Created with Sketch.</desc>
<defs>
<linearGradient x1="22.8360922%" y1="11.646156%" x2="32.8531095%" y2="85.7162611%" id="linearGradient-1">
<stop stop-color="#666E8A" offset="0%"></stop>
<stop stop-color="#575E75" offset="100%"></stop>
</linearGradient>
<rect id="path-2" x="0" y="0" width="264" height="148.180418" rx="12"></rect>
<filter x="-13.6%" y="-24.3%" width="127.3%" height="148.6%" filterUnits="objectBoundingBox" id="filter-4">
<feMorphology radius="3" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
<feOffset dx="0" dy="0" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="9" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<rect id="path-5" x="9.71980676" y="20.1974253" width="4.04991948" height="6.46317609" rx="2.02495974"></rect>
<filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-6">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
<rect id="path-7" x="43.7391304" y="20.1974253" width="4.04991948" height="6.46317609" rx="2.02495974"></rect>
<filter x="-0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-8">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
<rect id="path-9" x="26.7294686" y="25.0448074" width="4.04991948" height="6.46317609" rx="2.02495974"></rect>
<filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-10">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
<path d="M1.61996779,8.07897011 L2.42993559,8.07897011 C2.87728624,8.07897011 3.23993559,8.44161947 3.23993559,8.88897011 L3.23993559,13.7321462 C3.23993559,14.1794969 2.87728624,14.5421462 2.42993559,14.5421462 L1.61996779,14.5421462 C0.725284286,14.5421462 3.31611734e-16,13.8168619 2.22044605e-16,12.9221784 L0,9.69893791 C-1.09567129e-16,8.8042544 0.725284286,8.07897011 1.61996779,8.07897011 Z" id="path-11"></path>
<filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-12">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
<path d="M55.0789211,8.07897011 L55.8888889,8.07897011 C56.7835724,8.07897011 57.5088567,8.8042544 57.5088567,9.69893791 L57.5088567,12.9221784 C57.5088567,13.8168619 56.7835724,14.5421462 55.8888889,14.5421462 L55.0789211,14.5421462 C54.6315704,14.5421462 54.2689211,14.1794969 54.2689211,13.7321462 L54.2689211,8.88897011 C54.2689211,8.44161947 54.6315704,8.07897011 55.0789211,8.07897011 Z" id="path-13"></path>
<filter x="0.0%" y="0.0%" width="100.0%" height="100.0%" filterUnits="objectBoundingBox" id="filter-14">
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowOffsetOuter1"></feColorMatrix>
</filter>
</defs>
<g id="Video-Image" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g transform="translate(21.000000, 13.000000)">
<g transform="translate(47.000000, 24.000000)">
<mask id="mask-3" fill="white">
<use xlink:href="#path-2"></use>
</mask>
<g>
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
<use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
</g>
<rect id="Rectangle" fill="#4D97FF" mask="url(#mask-3)" x="0" y="139.969697" width="264" height="10.5353535"></rect>
<rect id="Rectangle" fill="#FFFFFF" opacity="0.2" mask="url(#mask-3)" x="0" y="139.969697" width="78" height="10.5353535"></rect>
<g id="Play" mask="url(#mask-3)" fill="#FFFFFF">
<g transform="translate(115.500000, 52.676768)" id="play-icon">
<path d="M36.2613556,26.399295 L10.8348186,40.3420327 C7.41462053,42.2175112 3.00891294,41.1566309 0.994395258,37.9724901 C0.343344736,36.9434415 -4.97379915e-14,35.7709211 -4.97379915e-14,34.5766358 L-4.97379915e-14,6.69116043 C-4.97379915e-14,2.99573457 3.21782425,-4.26325641e-14 7.18721163,-4.26325641e-14 C8.47003567,-4.26325641e-14 9.72948118,0.319647567 10.8348186,0.925763502 L36.2613556,14.8685012 C39.6815536,16.7439797 40.8210827,20.8456116 38.806565,24.0297524 C38.1877814,25.0077999 37.311911,25.823219 36.2613556,26.399295 Z"></path>
</g>
</g>
</g>
<g id="C---Block" transform="translate(261.000000, 0.000000)">
<g id="C-Block" transform="translate(48.395879, 39.067544) rotate(10.000000) translate(-48.395879, -39.067544) translate(4.895879, 7.067544)">
<path d="M15.9899553,38.142214 C16.5485472,38.142214 17.0855331,38.3648631 17.4807632,38.7605664 L20.461325,41.7462798 C20.8565551,42.1419831 21.3930141,42.3646322 21.9521329,42.3646322 L28.637318,42.3646322 C29.1964369,42.3646322 29.7328958,42.1419831 30.1281259,41.7462798 L33.1086877,38.7605664 C33.5039178,38.3643355 34.0409038,38.142214 34.5994956,38.142214 L84.3157515,38.1437968 C85.4798359,38.1437968 86.4236453,39.0887364 86.4236453,40.2542145 L86.4236453,52.9167205 C86.4236453,54.0821986 85.4798359,55.0271381 84.3157515,55.0271381 L26.1679205,55.0271381 C25.6088016,55.0271381 25.0723427,55.2497872 24.6771126,55.6454905 L21.6965508,58.6296211 C21.3013207,59.0253244 20.7648617,59.2479735 20.2057429,59.2479735 L13.5205577,59.2479735 C12.9614389,59.2479735 12.4249799,59.0253244 12.0297498,58.6296211 L9.04918803,55.6454905 C8.65343097,55.2497872 8.11749898,55.0271381 7.55838015,55.0271381 L2.10789379,55.0271381 C0.943809444,55.0271381 4.54747351e-13,54.0821986 4.54747351e-13,52.9167205 L4.54747351e-13,2.11041766 C4.54747351e-13,0.944939509 0.943809444,-1.36424205e-12 2.10789379,-1.36424205e-12 L7.55838015,-1.36424205e-12 C8.11697201,-1.36424205e-12 8.65395795,0.222121459 9.04918803,0.618352375 L12.0297498,3.60406576 C12.4249799,3.99976908 12.9614389,4.22241814 13.5205577,4.22241814 L20.2057429,4.22241814 C20.7648617,4.22241814 21.3013207,3.99976908 21.6965508,3.60406576 L24.6771126,0.618352375 C25.0723427,0.222121459 25.6088016,-1.36424205e-12 26.1679205,-1.36424205e-12 L84.3157515,-1.36424205e-12 C85.4798359,-1.36424205e-12 86.4236453,0.944939509 86.4236453,2.11041766 L86.4236453,23.2145943 C86.4236453,24.3800724 85.4798359,25.325012 84.3157515,25.325012 L34.5994956,25.325012 C34.0403768,25.325012 33.5039178,25.5471334 33.1086877,25.9433643 L30.1281259,28.9290777 C29.7328958,29.324781 29.1964369,29.5474301 28.637318,29.5474301 L21.9521329,29.5474301 C21.3930141,29.5474301 20.8565551,29.324781 20.461325,28.9290777 L17.4807632,25.9433643 C17.0855331,25.5471334 16.5490741,25.325012 15.9899553,25.325012 L10.5394689,25.325012 C9.3753846,25.325012 8.43157515,26.2699515 8.43157515,27.4354296 L8.43157515,36.032324 C8.43157515,37.1978021 9.3753846,38.1427416 10.5394689,38.1427416 L15.9899553,38.142214 Z" id="Fill-1-Copy-2" fill="#EC9C13"></path>
<path d="M15.9899553,42.142214 C16.5485472,42.142214 17.0855331,42.3648631 17.4807632,42.7605664 L20.461325,45.7462798 C20.8565551,46.1419831 21.3930141,46.3646322 21.9521329,46.3646322 L28.637318,46.3646322 C29.1964369,46.3646322 29.7328958,46.1419831 30.1281259,45.7462798 L33.1086877,42.7605664 C33.5039178,42.3643355 34.0409038,42.142214 34.5994956,42.142214 L84.3157515,42.1437968 C85.4798359,42.1437968 86.4236453,43.0887364 86.4236453,44.2542145 L86.4236453,56.9167205 C86.4236453,58.0821986 85.4798359,59.0271381 84.3157515,59.0271381 L26.1679205,59.0271381 C25.6088016,59.0271381 25.0723427,59.2497872 24.6771126,59.6454905 L21.6965508,62.6296211 C21.3013207,63.0253244 20.7648617,63.2479735 20.2057429,63.2479735 L13.5205577,63.2479735 C12.9614389,63.2479735 12.4249799,63.0253244 12.0297498,62.6296211 L9.04918803,59.6454905 C8.65343097,59.2497872 8.11749898,59.0271381 7.55838015,59.0271381 L2.10789379,59.0271381 C0.943809444,59.0271381 4.54747351e-13,58.0821986 4.54747351e-13,56.9167205 L4.54747351e-13,6.11041766 C4.54747351e-13,4.94493951 0.943809444,4 2.10789379,4 L7.55838015,4 C8.11697201,4 8.65395795,4.22212146 9.04918803,4.61835238 L12.0297498,7.60406576 C12.4249799,7.99976908 12.9614389,8.22241814 13.5205577,8.22241814 L20.2057429,8.22241814 C20.7648617,8.22241814 21.3013207,7.99976908 21.6965508,7.60406576 L24.6771126,4.61835238 C25.0723427,4.22212146 25.6088016,4 26.1679205,4 L84.3157515,4 C85.4798359,4 86.4236453,4.94493951 86.4236453,6.11041766 L86.4236453,27.2145943 C86.4236453,28.3800724 85.4798359,29.325012 84.3157515,29.325012 L34.5994956,29.325012 C34.0403768,29.325012 33.5039178,29.5471334 33.1086877,29.9433643 L30.1281259,32.9290777 C29.7328958,33.324781 29.1964369,33.5474301 28.637318,33.5474301 L21.9521329,33.5474301 C21.3930141,33.5474301 20.8565551,33.324781 20.461325,32.9290777 L17.4807632,29.9433643 C17.0855331,29.5471334 16.5490741,29.325012 15.9899553,29.325012 L10.5394689,29.325012 C9.3753846,29.325012 8.43157515,30.2699515 8.43157515,31.4354296 L8.43157515,40.032324 C8.43157515,41.1978021 9.3753846,42.1427416 10.5394689,42.1427416 L15.9899553,42.142214 Z" id="Fill-1" fill="#FFAB19"></path>
</g>
</g>
<g id="Command-Block-Copy-2" transform="translate(40.895658, 116.294786) rotate(-10.000000) translate(-40.895658, -116.294786) translate(2.895658, 96.294786)">
<path d="M75.1620924,7.35549439 L75.1620924,30.9519204 C75.1620924,32.5760136 73.8665931,33.8941182 72.2703529,33.8941182 L41.623698,33.8941182 C40.8544953,33.8941182 40.1199935,34.2001067 39.5821299,34.7532399 L35.5452616,38.860548 C35.0073981,39.4077968 34.2728963,39.7196697 33.5036936,39.7196697 L18.547617,39.7196697 C17.7841978,39.7196697 17.0496959,39.4077968 16.5002654,38.860548 L12.4749641,34.7532399 C11.9313171,34.2001067 11.1910318,33.8941182 10.4276125,33.8941182 L2.89173947,33.8941182 C1.29549928,33.8941182 0,32.5760136 0,30.9519204 L0,7.35549439 C0,5.73140123 1.29549928,4.41329664 2.89173947,4.41329664 L10.3697778,4.41329664 C11.1389805,4.41329664 11.8734823,4.7251696 12.4113458,5.27241838 L16.5002654,9.43857041 C17.0496959,9.98581919 17.7841978,10.2976922 18.547617,10.2976922 L33.5036936,10.2976922 C34.2728963,10.2976922 35.0073981,9.98581919 35.5452616,9.43857041 L39.6341812,5.27241838 C40.1836117,4.7251696 40.9181136,4.41329664 41.6815328,4.41329664 L72.2703529,4.41329664 C73.8665931,4.41329664 75.1620924,5.73140123 75.1620924,7.35549439" id="Fill-6-Copy" fill="#BD42BD"></path>
<path d="M75.1620924,26.5386238 C75.1620924,28.1627169 73.8665931,29.4808215 72.2703529,29.4808215 L41.623698,29.4808215 C40.8544953,29.4808215 40.1199935,29.7868101 39.5821299,30.3399433 L35.5452616,34.4472513 C35.0073981,34.9945001 34.2728963,35.3063731 33.5036936,35.3063731 L18.547617,35.3063731 C17.7841978,35.3063731 17.0496959,34.9945001 16.5002654,34.4472513 L12.4749641,30.3399433 C11.9313171,29.7868101 11.1910318,29.4808215 10.4276125,29.4808215 L2.89173947,29.4808215 C1.29549928,29.4808215 0,28.1627169 0,26.5386238 L0,2.94219776 C0,1.3181046 1.29549928,0 2.89173947,0 L10.3697778,0 C11.1389805,0 11.8734823,0.311872962 12.4113458,0.859121745 L16.5002654,5.02527377 C17.0496959,5.57252255 17.7841978,5.88439551 18.547617,5.88439551 L33.5036936,5.88439551 C34.2728963,5.88439551 35.0073981,5.57252255 35.5452616,5.02527377 L39.6341812,0.859121745 C40.1836117,0.311872962 40.9181136,0 41.6815328,0 L72.2703529,0 C73.8665931,0 75.1620924,1.3181046 75.1620924,2.94219776 L75.1620924,26.5386238 Z" id="Fill-6" fill="#CF63CF"></path>
</g>
<g id="Snare" transform="translate(309.957952, 149.325367) rotate(20.000000) translate(-309.957952, -149.325367) translate(280.957952, 106.325367)">
<g id="Snare-Bottom" transform="translate(0.000000, 37.163263)">
<path d="M3.23993559,18.8408053 C3.23993559,29.3262514 14.6631631,37.826385 28.7544283,37.826385 C42.8456936,37.826385 54.2689211,29.3262514 54.2689211,18.8408053 L54.2689211,1.09547363 L3.23993559,1.09547363 C3.23993559,5.93539727 3.23993559,11.8505078 3.23993559,18.8408053 Z" id="Bottom" fill="#FF661A"></path>
<path d="M28.7544283,19.4609293 L28.7544283,38.7790565" id="Line-2" stroke="#E64D00" stroke-width="1.62" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M45.7640902,14.6135473 L45.7640902,33.9316745" id="Line-2-Copy" stroke="#E64D00" stroke-width="1.62" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M11.7447665,14.6135473 L11.7447665,33.9316745" id="Line-2-Copy-2" stroke="#E64D00" stroke-width="1.62" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M2.42995169,0.879298066 L2.42995169,20.1974253" id="Line-2-Copy-3" stroke="#E64D00" stroke-width="1.62" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M55.078905,0.879298066 L55.078905,20.1974253" id="Line-2-Copy-4" stroke="#E64D00" stroke-width="1.62" stroke-linecap="round" stroke-linejoin="round"></path>
<g id="Rectangle">
<use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
<use fill="#E5F0FF" fill-rule="evenodd" xlink:href="#path-5"></use>
</g>
<g id="Rectangle-Copy-2">
<use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
<use fill="#E5F0FF" fill-rule="evenodd" xlink:href="#path-7"></use>
</g>
<g id="Rectangle-Copy-3">
<use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
<use fill="#E5F0FF" fill-rule="evenodd" xlink:href="#path-9"></use>
</g>
<g id="Rectangle-Copy-4">
<use fill="black" fill-opacity="1" filter="url(#filter-12)" xlink:href="#path-11"></use>
<use fill="#E5F0FF" fill-rule="evenodd" xlink:href="#path-11"></use>
</g>
<g id="Rectangle-Copy-5">
<use fill="black" fill-opacity="1" filter="url(#filter-14)" xlink:href="#path-13"></use>
<use fill="#E5F0FF" fill-rule="evenodd" xlink:href="#path-13"></use>
</g>
<path d="M3.23993559,7.24267047 C3.23993559,17.7281166 14.6631631,26.2282502 28.7544283,26.2282502 C42.8456936,26.2282502 54.2689211,17.7281166 54.2689211,7.24267047 L54.2689211,2.22962275 L3.23993559,2.22962275 C3.23993559,-1.41864288 3.23993559,0.252373025 3.23993559,7.24267047 Z" id="Bottom" fill-opacity="0.1" fill="#000000"></path>
</g>
<g id="Snare-Top" transform="translate(3.239936, 19.389528)">
<ellipse id="Top" stroke="#E64D00" stroke-width="1.62" fill="#FFFFFF" cx="25.5144928" cy="18.9855798" rx="24.7044928" ry="18.1755798"></ellipse>
<ellipse id="Top" stroke-opacity="0.15" stroke="#000000" stroke-width="0.81" cx="25.5144928" cy="18.9855798" rx="18.6296216" ry="13.7331977"></ellipse>
</g>
<path d="M42.7411891,-1.33354316 C45.1056763,-1.33354316 43.2193715,3.04461406 43.2193715,6.73535982 C43.2193715,10.4261056 44.3611569,30.4707951 44.3611569,34.7633978 C44.3611569,37.6251329 43.8211676,39.0577694 42.7411891,39.0613074 C41.6612106,39.0577694 41.1212213,37.6251329 41.1212213,34.7633978 C41.1212213,30.4707951 42.2630068,10.4261056 42.2630068,6.73535982 C42.2630068,3.04461406 40.376702,-1.33354316 42.7411891,-1.33354316 Z" id="dri" fill="#CC9900" transform="translate(42.741189, 18.863882) rotate(210.000000) translate(-42.741189, -18.863882) "></path>
<path d="M20.2984454,44.7106527 C22.6629326,44.7106527 20.7766278,49.0888099 20.7766278,52.7795557 C20.7766278,56.4703014 21.9184132,76.5149909 21.9184132,80.8075936 C21.9184132,83.6693287 21.378424,85.1019653 20.2984454,85.1055032 C19.2184669,85.1019653 18.6784776,83.6693287 18.6784776,80.8075936 C18.6784776,76.5149909 19.8202631,56.4703014 19.8202631,52.7795557 C19.8202631,49.0888099 17.9339583,44.7106527 20.2984454,44.7106527 Z" id="Combined-Shape-Copy-3" fill="#CC9900" transform="translate(20.298445, 64.908078) rotate(10.000000) translate(-20.298445, -64.908078) "></path>
</g>
</g>
</g>
</svg>