angular-cn/aio/content/images/marketing/home/joyful-development.svg

56 lines
85 KiB
XML
Raw Normal View History

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="474px" height="263px" viewBox="0 0 474 263" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 3.7.2 (28276) - http://www.bohemiancoding.com/sketch -->
<title>Joyful Development Copy 2</title>
<desc>Created with Sketch.</desc>
<defs>
<rect id="path-1" x="6" y="5" width="462" height="247" rx="4"></rect>
<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-2">
<feOffset dx="0" dy="5" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="2.5" 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.25 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
</filter>
<circle id="path-3" cx="6" cy="6" r="6"></circle>
<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="0.5" 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>
<circle id="path-5" cx="25" cy="6" r="6"></circle>
<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="0.5" 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>
<circle id="path-7" cx="45" cy="6" r="6"></circle>
<filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-8">
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
<feGaussianBlur stdDeviation="0.5" 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>
</defs>
<g id="Joyful-Development" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Joyful-Development-Copy-2">
<g id="Screem">
<use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
<use fill="#1E1E1E" fill-rule="evenodd" xlink:href="#path-1"></use>
</g>
<rect id="Header" fill="#D5D5D5" x="6" y="5" width="462" height="26"></rect>
<g id="IDE" transform="translate(21.000000, 11.000000)">
<g id="Oval-1">
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-3"></use>
<use fill="#FF6057" fill-rule="evenodd" xlink:href="#path-3"></use>
</g>
<g id="Oval-1">
<use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
<use fill="#FFC22E" fill-rule="evenodd" xlink:href="#path-5"></use>
</g>
<g id="Oval-1">
<use fill="black" fill-opacity="1" filter="url(#filter-8)" xlink:href="#path-7"></use>
<use fill="#28CA40" fill-rule="evenodd" xlink:href="#path-7"></use>
</g>
</g>
<image id="joyful-development" x="14" y="41" width="421" height="199" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA54AAAG1CAIAAAAeGbxsAAAABGdBTUEAA1teXP8meAAAQABJREFUeAHsnQd4FNXXxpMQIL33HpLQS0INRaQECB1pAiJdURRU/FSU3sS/CAhYUCkqTbpIkSYignQIvSaBhPSEFBJSSb53GR2G3c1mk2yS3eXdJw/cuXPunXt/M9m8c+bcM4ZeXl4G/JAACZAACZAACZAACZCA7hMw0v0pcAYkQAIkQAIkQAIkQAIkICNAacvrgARIgARIgARIgARIQE8IUNrqyYnkNEiABEiABEiABEiABChteQ2QAAmQAAmQAAmQAAnoCQFKWz05kZwGCZAACZAACZAACZAApS2vARIgARIgARIgARIgAT0hQGmrJyeS0yABEiABEiABEiABEqC05TVAAiRAAiRAAiRAAiSgJwQobfXkRHIaJEACJEACJEACJEAClLa8BkiABEiABEiABEiABPSEAKWtnpxIToMESIAESIAESIAESIDSltcACZAACZAACZAACZCAnhCgtNWTE8lpkAAJkAAJkAAJkAAJUNryGiABEiABEiABEiABEtATApS2enIiOQ0SIAESIAESIAESIAFKW14DJEACJEACJEACJEACekKA0lZPTiSnQQIkQAIkQAIkQAIkQGnLa4AESIAESIAESIAESEBPCFDa6smJ5DRIgARIgARIgARIgAQobXkNkAAJkAAJkAAJkAAJ6AkBSlsNnMhavj5Lly49ffr0WxMnaqA7dkECJEACJEACJEACJFAmApS2ZcL2bCNXN/fWrVvb2toWGVZ/dg+3SIAESIAESIAESIAEKo8ApW3lseaRSIAESIAESIAESIAEKpQApW2F4mXnJEACJEACJEACJEAClUfA0MvLq/KO9uRIQUFBkyZNatWqVc2aNVGRkpJy8ODB+fPnP3r0SJ2RhHbr9srw4Q0bNrSyshLs0cOuXb8tWrRY7KFt27ZLlixBhMCS5d9eOn/6/fffr1Onjng4OWN0sn79+uDg4JMnT/7f/73/wQcfhoSEmJuboz43N/fUqVPLli27cOGC0rFNmDT5vYlvGhnJ3yGgq1deeQVNXF1d0GG7du3s7e2FHuLi4tZtWLfimxVKO2QlCZAACZAACZAACZBAmQkYl7ll2RpC8H300UeCcBR6gOYbMmQI9O57702+efOG6m6hWefM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
</g>
</g>
</svg>