Nuxt/docs/static/img/getting-started/views/app.svg
Clément Ollivier d47572e55e
docs(getting-started): add views page (#7556)
Co-authored-by: Pooya Parsa <pooya@pi0.io>
Co-authored-by: Daniel Roe <daniel@roe.dev>
2022-09-20 11:30:17 +02:00

1 line
5.6 KiB
XML

<svg fill="none" height="513" viewBox="0 0 754 513" width="754" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><filter id="a" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="195.721" width="183.053" x="563.973" y="320.674"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImage" stdDeviation="7.51337"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_7267_84040"/><feBlend in="SourceGraphic" in2="effect1_backgroundBlur_7267_84040" mode="normal" result="shape"/></filter><filter id="b" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="142.436" width="134.053" x="99.9733" y="-13.1947"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImage" stdDeviation="7.51337"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_7267_84040"/><feBlend in="SourceGraphic" in2="effect1_backgroundBlur_7267_84040" mode="normal" result="shape"/></filter><filter id="c" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="482" width="754" x="0" y="31"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImage" stdDeviation="10"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_7267_84040"/><feColorMatrix in="SourceAlpha" result="hardAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-16" dy="20"/><feGaussianBlur stdDeviation="22"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.09 0"/><feBlend in2="effect1_backgroundBlur_7267_84040" mode="normal" result="effect2_dropShadow_7267_84040"/><feBlend in="SourceGraphic" in2="effect2_dropShadow_7267_84040" mode="normal" result="shape"/></filter><filter id="d" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse" height="86.2449" width="82.0535" x="-.026739" y="343.889"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImage" stdDeviation="7.51337"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_7267_84040"/><feBlend in="SourceGraphic" in2="effect1_backgroundBlur_7267_84040" mode="normal" result="shape"/></filter><linearGradient id="e"><stop offset="0" stop-color="#00dc82"/><stop offset=".5" stop-color="#36e4da"/><stop offset="1" stop-color="#0047e1"/></linearGradient><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="655.41" x2="557.503" xlink:href="#e" y1="504" y2="296.381"/><linearGradient id="g" gradientUnits="userSpaceOnUse" x1="166.939" x2="100.608" xlink:href="#e" y1="116" y2="-24.9445"/><linearGradient id="h" gradientUnits="userSpaceOnUse" x1="40.9694" x2="7.80399" xlink:href="#e" y1="416" y2="345.528"/><g filter="url(#a)"><path d="m645.319 498.982-57.788-34.893c-5.295-3.197-8.531-8.931-8.531-15.117v-.347-59.686-.341c0-6.15 3.197-11.857 8.441-15.068l57.79-35.387c5.205-3.188 11.63-3.258 16.898-.187l61.118 35.639c5.42 3.161 8.753 8.963 8.753 15.237v.359 59.184.364c0 6.309-3.372 12.138-8.842 15.283l-61.12 35.143c-5.221 3.002-11.559 2.933-16.719-.183z" fill="url(#f)" fill-opacity=".3"/></g><g filter="url(#b)"><path d="m160.079 112.596-39.28-23.6698c-3.599-2.1686-5.799-6.0635-5.799-10.2651v-.2252-40.4886-.222c0-4.1771 2.174-8.0531 5.738-10.2313l39.282-24.00548c3.538-2.16202 7.905-2.21008 11.486-.12639l41.544 24.17607c3.684 2.1437 5.95 6.0844 5.95 10.3465v.233 40.1483.2362c0 4.2862-2.293 8.245-6.01 10.3783l-41.546 23.8395c-3.549 2.037-7.857 1.99-11.365-.124z" fill="url(#g)" fill-opacity=".3"/></g><g filter="url(#c)"><rect fill="#00dc82" height="394" rx="12" width="666" x="60" y="55"/></g><path d="m109.112 98.9098h9.427c.299.0001.593-.0776.852-.2253.26-.1476.475-.36.625-.6157.149-.2557.228-.5458.228-.841 0-.2953-.079-.5853-.229-.8409l-6.331-10.8128c-.15-.2557-.365-.468-.624-.6156s-.553-.2254-.853-.2254c-.299 0-.593.0778-.852.2254-.26.1476-.475.3599-.625.6156l-1.618 2.7666-3.165-5.4101c-.15-.2556-.365-.4679-.625-.6155-.259-.1476-.553-.2253-.853-.2253-.299 0-.593.0777-.853.2253-.259.1476-.474.3599-.624.6155l-7.878 13.4563c-.1499.2556-.2289.5456-.229.8409-.0001.2952.0786.5853.2282.841.1497.2557.365.4681.6243.6157.2593.1477.5534.2254.8529.2253h5.9176c2.344 0 4.073-1.0155 5.263-2.9967l2.889-4.9326 1.547-2.6398 4.643 7.9293h-6.19zm-6.701-2.6425-4.1293-.0009 6.1903-10.5718 3.089 5.2859-2.068 3.533c-.79 1.2855-1.688 1.7538-3.082 1.7538z" fill="#27272a"/><g fill="#fff"><rect height="22" rx="6" width="49" x="645" y="80"/><rect height="6" rx="3" width="41" x="246" y="88"/><rect height="6" rx="3" width="41" x="309" y="88"/><rect height="6" rx="3" width="41" x="372" y="88"/><rect height="6" rx="3" width="41" x="435" y="88"/><rect height="6" rx="3" width="41" x="498" y="88"/><rect height="132" rx="12" width="239" x="455" y="138"/></g><g filter="url(#d)"><path d="m37.5397 414.298-19.6401-11.835c-1.7994-1.084-2.8996-3.032-2.8996-5.132v-.113-20.244-.111c0-2.089 1.0869-4.027 2.869-5.116l19.6409-12.003c1.7689-1.081 3.9527-1.105 5.743-.063l20.7721 12.088c1.8419 1.072 2.975 3.042 2.975 5.173v.117 20.074.118c0 2.143-1.1463 4.123-3.0051 5.189l-20.7729 11.92c-1.7744 1.018-3.9287.995-5.6823-.062z" fill="url(#h)" fill-opacity=".3"/></g><rect fill="#fff" height="105" rx="12" width="169" x="93" y="300"/><rect fill="#fff" height="105" rx="12" width="169" x="309" y="300"/><rect fill="#fff" height="105" rx="12" width="169" x="525" y="300"/><rect fill="#fff" height="32" rx="12" width="170" x="93" y="138"/><rect fill="#fff" height="14" rx="7" width="252" x="93" y="187"/><rect fill="#fff" height="14" rx="7" width="199" x="93" y="210"/></svg>