Docs dark mode fix v2 (#11782)

* fix docs dark mode

* tweak code token color

* dynamic color for homepage elements

* swap primary/secondary for dark mode

* add dark variant of header background
This commit is contained in:
Azri Kahar
2022-02-22 13:22:06 +08:00
committed by GitHub
parent f4358cd04b
commit 97fcefc268
4 changed files with 871 additions and 422 deletions

View File

@@ -53,13 +53,13 @@
--foreground-subdued: #697a83;
--foreground-inverted: #263238;
--primary-light: #ddddff;
--primary: #6644ff;
--primary-dark: #7760ff;
--primary-light: #ffeeff;
--primary: #ff99dd;
--primary-dark: #ffaaee;
--secondary-light: #ffeeff;
--secondary: #ff99dd;
--secondary-dark: #ffaaee;
--secondary-light: #ddddff;
--secondary: #6644ff;
--secondary-dark: #7760ff;
--success-light: #294a4b;
--success: #00c897;

View File

@@ -0,0 +1,419 @@
<template>
<svg width="696" height="205" viewBox="0 0 696 205" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5">
<g opacity="0.5" filter="url(#filter0_d_204_60)">
<rect
width="330.519"
height="247.974"
rx="4"
transform="matrix(0.866025 0.5 -0.785749 0.618546 536.703 32.2672)"
fill="#6644FF"
/>
</g>
<g filter="url(#filter1_d_204_60)">
<rect
width="353.519"
height="257.974"
rx="4"
transform="matrix(0.866025 0.5 -0.785749 0.618546 487.762 22.2672)"
fill="#6644FF"
/>
</g>
<g filter="url(#filter2_dd_204_60)">
<rect
width="239.191"
height="267.978"
transform="matrix(0.866025 0.5 -0.780649 0.62497 523.225 61.2458)"
fill="white"
/>
<path
d="M383.897 52.8696L412.907 69.6182L256.009 195.227L230.464 180.478C228.551 179.374 228.398 177.359 230.123 175.978L383.897 52.8696Z"
fill="#18222F"
/>
<rect
width="66.9945"
height="267.978"
transform="matrix(0.866025 0.5 -0.780649 0.62497 465.206 27.7486)"
fill="#F0F4F9"
/>
<path
d="M433.074 13.4999C434.798 12.1192 437.747 11.8954 439.661 13L465.206 27.7486L439.056 48.6834L410.047 31.9348L433.074 13.4999Z"
fill="#6644FF"
/>
<rect
width="33.4972"
height="33.4972"
transform="matrix(0.866025 0.5 -0.780649 0.62497 410.047 31.9348)"
fill="#F0F4F9"
/>
<path
d="M383.259 71.4935C382.197 70.8801 379.614 70.049 378.657 70.8157L377.948 71.383L384.28 75.0386L384.988 74.4713C385.946 73.7046 384.321 72.1068 383.259 71.4935ZM379.815 71.3524C380.446 71.3738 381.628 71.6867 382.435 72.1528C383.243 72.619 383.888 73.3611 384.022 73.7812L379.815 71.3524ZM383.968 70.9262C384.839 71.4291 386.193 71.3402 386.998 70.6962C387.783 70.0675 387.692 69.1445 386.821 68.6415C385.95 68.1386 384.596 68.2275 383.811 68.8561C383.006 69.5001 383.096 70.4232 383.968 70.9262ZM386.017 69.2855C386.399 69.5063 386.41 69.9081 386.084 70.1687C385.739 70.4447 385.174 70.4876 384.791 70.2668C384.409 70.046 384.379 69.6596 384.724 69.3836C385.05 69.123 385.634 69.0647 386.017 69.2855ZM386.408 73.3642C386.594 73.9469 386.515 74.5081 385.902 74.9987L385.193 75.5661L386.999 76.6088L387.708 76.0414C388.532 75.3821 387.438 74.091 386.408 73.3642ZM386.687 72.4963C387.558 72.9993 388.913 72.9104 389.717 72.2664C390.502 71.6377 390.412 70.7147 389.541 70.2117C389.286 70.0645 389.035 69.9725 388.727 69.9265C388.639 70.3773 388.369 70.8281 387.89 71.2114C387.411 71.5947 386.782 71.8646 386.141 71.9965C386.277 72.1805 386.432 72.3491 386.687 72.4963Z"
fill="#8196B1"
/>
<path
d="M360.355 89.9474L360.423 91.1219L364.439 93.4404L360.36 96.7063L353.093 92.511L357.996 88.5857L360.355 89.9474ZM361.539 89.4966L358.82 87.9264C358.331 87.6443 357.544 87.7179 357.104 88.0705L352.201 91.9958C351.76 92.3484 351.781 92.8882 352.269 93.1703L359.536 97.3657C360.025 97.6478 360.811 97.5742 361.252 97.2216L365.331 93.9556C365.791 93.5876 365.751 93.0632 365.263 92.7811L361.629 90.6834L361.539 89.4966Z"
fill="#8196B1"
/>
<path
d="M334.631 111.683L335.524 112.198L334.7 112.857L333.808 112.342L334.631 111.683ZM332.984 113.001L333.877 113.516L331.425 115.479L330.533 114.964L332.984 113.001ZM337.108 110.315C334.601 108.867 330.763 109.159 328.503 110.968C326.243 112.777 326.442 115.399 328.949 116.847C331.456 118.294 335.294 118.003 337.554 116.194C339.814 114.384 339.615 111.762 337.108 110.315ZM329.753 116.203C327.756 115.05 327.595 112.924 329.395 111.483C331.195 110.042 334.306 109.806 336.303 110.959C338.301 112.112 338.462 114.237 336.661 115.678C334.861 117.12 331.75 117.356 329.753 116.203Z"
fill="#8196B1"
/>
<path
d="M309.855 136.788C309.989 136.681 310.144 136.586 310.278 136.478C310.412 136.371 310.525 136.251 310.659 136.144L312.286 136.159C312.428 136.162 312.564 136.083 312.596 135.969L313.1 134.307C313.115 134.237 313.089 134.169 313.004 134.12C312.983 134.108 312.941 134.083 312.9 134.086L311.372 133.758C311.292 133.501 311.19 133.231 311.009 132.995L311.912 132.038C311.986 131.949 311.978 131.838 311.872 131.777L310.045 130.722C309.938 130.661 309.777 130.673 309.66 130.737L308.417 131.498C308.045 131.415 307.637 131.391 307.25 131.378L306.526 130.406C306.503 130.366 306.482 130.354 306.46 130.342C306.375 130.293 306.273 130.287 306.173 130.308L303.842 130.915C303.683 130.955 303.589 131.059 303.617 131.154L303.903 132.243C303.769 132.35 303.613 132.446 303.479 132.553C303.345 132.66 303.232 132.78 303.098 132.887L301.472 132.872C301.329 132.869 301.193 132.948 301.161 133.062L300.657 134.724C300.642 134.795 300.668 134.862 300.753 134.911C300.774 134.923 300.817 134.948 300.857 134.945L302.385 135.273C302.466 135.531 302.568 135.8 302.748 136.037L301.845 136.993C301.771 137.082 301.779 137.193 301.886 137.254L303.713 138.309C303.819 138.37 303.981 138.358 304.098 138.294L305.34 137.533C305.712 137.616 306.12 137.64 306.507 137.653L307.231 138.625C307.255 138.665 307.276 138.677 307.297 138.689C307.382 138.738 307.484 138.745 307.584 138.723L309.915 138.116C310.074 138.076 310.168 137.972 310.141 137.877L309.855 136.788ZM309.65 135.693C309.537 135.813 309.441 135.889 309.365 135.951C309.288 136.012 309.192 136.089 309.037 136.184L308.514 136.515L308.63 136.978L308.774 137.536L307.976 137.736L307.613 137.236L307.299 136.843L306.627 136.825C306.302 136.822 306.015 136.788 305.747 136.739L305.107 136.607L304.563 136.926L303.922 137.322L303.285 136.954L303.755 136.46L304.151 136.055L303.835 135.635C303.72 135.463 303.625 135.276 303.589 135.071L303.432 134.611L302.792 134.479L302.008 134.316L302.187 133.733L303.021 133.74L303.712 133.743L304.108 133.338C304.22 133.218 304.316 133.142 304.393 133.08C304.469 133.019 304.565 132.942 304.72 132.847L305.244 132.516L305.127 132.053L304.984 131.495L305.781 131.296L306.144 131.795L306.458 132.188L307.13 132.206C307.455 132.209 307.742 132.243 308.01 132.292L308.65 132.424L309.195 132.105L309.835 131.71L310.472 132.078L310.002 132.571L309.606 132.976L309.922 133.396C310.037 133.568 310.133 133.755 310.168 133.961L310.304 134.408L310.965 134.552L311.749 134.715L311.57 135.298L310.737 135.291L310.046 135.288L309.65 135.693ZM308.507 133.212C307.508 132.636 305.973 132.752 305.073 133.473C304.173 134.194 304.252 135.242 305.251 135.819C306.249 136.395 307.785 136.279 308.685 135.558C309.585 134.838 309.505 133.789 308.507 133.212ZM306.055 135.175C305.566 134.893 305.525 134.341 305.965 133.988C306.406 133.635 307.214 133.574 307.702 133.856C308.191 134.138 308.233 134.69 307.792 135.043C307.352 135.396 306.544 135.457 306.055 135.175Z"
fill="#8196B1"
/>
<path
d="M258.659 173.119C256.152 171.672 252.314 171.963 250.054 173.772C247.794 175.582 247.993 178.204 250.5 179.651C253.007 181.099 256.845 180.807 259.105 178.998C261.365 177.189 261.166 174.567 258.659 173.119ZM249.782 177.152C250.337 176.971 251.891 177.366 252.741 177.857C253.591 178.348 254.417 179.326 254.244 179.728C253.187 179.725 252.154 179.498 251.304 179.007C250.454 178.516 249.958 177.86 249.782 177.152ZM255.496 179.633C255.546 178.685 254.223 177.578 253.564 177.198C252.906 176.818 251.084 176.109 249.717 176.296C249.826 175.594 250.199 174.885 250.946 174.287C252.747 172.846 255.857 172.61 257.855 173.763C259.852 174.916 260.013 177.042 258.213 178.483C257.466 179.081 256.498 179.446 255.496 179.633ZM257.031 174.423C256.16 173.92 254.805 174.008 254.001 174.652C253.216 175.281 253.306 176.204 254.177 176.707C255.048 177.21 256.403 177.121 257.188 176.493C257.992 175.849 257.902 174.925 257.031 174.423ZM254.982 176.063C254.599 175.842 254.589 175.441 254.915 175.18C255.259 174.904 255.825 174.861 256.207 175.082C256.59 175.303 256.619 175.689 256.274 175.965C255.949 176.226 255.364 176.284 254.982 176.063Z"
fill="#8196B1"
/>
<path d="M704.221 201.776L733.231 218.525L707.081 239.46L678.072 222.711L704.221 201.776Z" fill="#E4EAF1" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M441.897 34.1759C441.832 34.1126 441.781 34.0573 441.744 34.001C441.706 33.9447 441.689 33.8914 441.685 33.8371C442.059 33.5948 442.306 33.3395 442.668 33.0982C444.075 32.1633 444.558 32.9957 445.559 33.2883C446.179 33.4732 446.931 33.5527 447.584 33.2028C447.612 32.4317 447.509 31.6797 447.274 30.9559C446.503 28.6074 444.241 26.5404 441.302 25.3711C441.072 26.1075 441.185 26.8397 441.58 27.4782C441.58 27.4782 440.887 27.0783 440.693 26.4154C440.456 26.3651 439.984 26.2629 439.742 26.2267C439.926 27.9508 441.919 29.2829 444.499 29.3192C444.479 29.3252 444.165 29.3946 443.245 29.9103C441.27 31.002 440.371 30.3104 439.512 29.2517C437.739 27.043 435.493 26.8449 435.809 24.7779C435.231 24.7125 434.63 24.8674 434.235 25.184C433.827 25.5108 433.732 25.932 433.906 26.2919C434.34 26.2168 434.496 26.2141 434.841 26.4132C434.034 26.3234 433.733 26.4779 432.844 26.873C431.768 27.3505 431.071 28.0723 429.555 27.4912C428.834 27.1182 428.427 27.463 427.548 27.8209C426.419 28.2934 425.674 28.3135 424.087 28.4613C424.057 28.9458 424.361 29.1821 424.848 29.2816C425.856 29.4827 427.274 29.1249 428.356 28.9881C429.563 28.8374 430.721 29.8689 432.396 30.0056C433.543 30.1052 434.457 29.8719 434.905 28.8415C434.905 29.2738 434.697 29.699 434.304 30.0519C435.689 30.6521 435.984 32.7 437.269 33.7536C437.292 33.5244 437.355 33.3012 437.459 33.0931C437.662 32.691 437.951 32.3823 438.287 32.1612C437.68 32.8397 437.555 34.0914 438.811 34.9379C439.127 35.1551 439.541 35.3421 440.038 35.4818C440.63 35.6507 441.225 35.7694 441.653 36.1373C441.973 36.4088 442.153 36.7546 442.08 37.1195C441.975 37.6644 442.612 38.1621 443.48 37.9188C444.481 36.1002 442.56 34.8354 441.897 34.1759Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M404.844 50.1919L407.245 53.9107C407.317 54.0223 407.44 54.0932 407.613 54.1233L413.399 55.1308C413.64 55.1728 413.845 55.1263 414.014 54.9913L418.414 51.4685C418.438 51.4492 418.459 51.4288 418.477 51.4071C418.484 51.4015 418.491 51.396 418.498 51.3904C418.511 51.374 418.522 51.3572 418.531 51.3399L418.541 51.3226C418.552 51.3004 418.56 51.2778 418.565 51.2548L418.568 51.2388C418.571 51.2203 418.572 51.2018 418.571 51.1834L418.563 51.161C418.561 51.1419 418.557 51.1231 418.551 51.1046L418.546 51.0913C418.539 51.0713 418.529 51.052 418.517 51.0333L416.116 47.3146C416.044 47.2029 415.921 47.1321 415.748 47.1019L409.962 46.0944C409.933 46.0893 409.904 46.0858 409.873 46.0839L409.853 46.0833C409.826 46.0821 409.798 46.0823 409.769 46.0838L409.741 46.0867C409.714 46.0891 409.688 46.0928 409.661 46.0977L409.639 46.1023C409.606 46.1095 409.575 46.1186 409.544 46.1295L409.516 46.1352C409.493 46.1442 409.47 46.1543 409.448 46.1654C409.441 46.1709 409.434 46.1765 409.427 46.182C409.399 46.198 409.373 46.2155 409.348 46.2346L404.948 49.7573C404.78 49.8923 404.745 50.0371 404.844 50.1919L404.844 50.1919ZM409.609 47.2364L411.491 50.1585L407.961 52.9846L406.08 50.0618L409.609 47.2364ZM408.841 53.4915L412.37 50.6662L416.917 51.4556L413.386 54.2817L408.841 53.4915ZM415.141 47.8419L416.923 50.6079L412.62 49.8606L410.838 47.0945L415.141 47.8419Z"
fill="#182B44"
/>
<rect
width="54.433"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 440.046 56.0107)"
fill="#E4EAF1"
/>
<rect
width="54.433"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 548.321 89.2471)"
fill="#F0F4F9"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 532.01 74.1996)"
fill="#F0F4F9"
/>
<rect
width="40.8248"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 428.605 65.1697)"
fill="#E4EAF1"
/>
<rect
width="37.161"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 405.725 83.4876)"
fill="#E4EAF1"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 417.165 74.3287)"
fill="#E4EAF1"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 394.284 92.6466)"
fill="#E4EAF1"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 694.281 167.887)"
fill="#FF99DD"
/>
<path
d="M697.849 180.635L695.129 179.065L692.678 181.028L691.785 180.513L694.237 178.55L691.517 176.98L692.322 176.336L695.041 177.906L697.493 175.943L698.385 176.459L695.934 178.421L698.653 179.991L697.849 180.635Z"
fill="white"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 674.337 156.373)"
fill="#FF99DD"
fill-opacity="0.4"
/>
<path
d="M673.692 164.999C672.693 164.423 671.139 164.554 670.238 165.275C669.338 165.996 669.418 167.045 670.416 167.621C671.415 168.198 672.972 168.093 673.872 167.373C674.772 166.652 674.69 165.576 673.692 164.999ZM671.24 166.962C670.751 166.68 670.712 166.155 671.152 165.803C671.612 165.435 672.379 165.376 672.868 165.658C673.378 165.953 673.418 166.477 672.958 166.845C672.518 167.198 671.75 167.256 671.24 166.962ZM675.275 168.737C674.532 168.308 673.36 168.397 672.69 168.934C672.02 169.47 672.08 170.271 672.824 170.7C673.568 171.129 674.739 171.04 675.41 170.504C676.08 169.967 676.019 169.167 675.275 168.737ZM673.648 170.041C673.393 169.894 673.374 169.645 673.604 169.461C673.833 169.277 674.197 169.25 674.452 169.397C674.707 169.544 674.747 169.805 674.517 169.989C674.287 170.173 673.902 170.188 673.648 170.041ZM680.858 165.205C679.477 164.407 677.357 164.582 676.132 165.563C674.887 166.56 674.977 168.011 676.358 168.808C677.739 169.605 679.859 169.431 681.104 168.434C682.329 167.453 682.24 166.002 680.858 165.205ZM677.181 168.149C676.31 167.646 676.22 166.723 677.024 166.079C677.809 165.45 679.164 165.361 680.035 165.864C680.906 166.367 680.996 167.29 680.211 167.919C679.407 168.563 678.052 168.652 677.181 168.149Z"
fill="#FF99DD"
/>
<rect
x="0.0426884"
y="0.562485"
width="17.8422"
height="17.8422"
rx="8.9211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 654.838 145.047)"
fill="white"
stroke="#D3DAE4"
/>
<path
d="M652.339 154.202C652.378 154.717 652.681 155.138 653.248 155.466C653.814 155.793 654.475 155.928 655.229 155.87C655.983 155.813 656.615 155.58 657.126 155.171C657.637 154.762 657.873 154.3 657.833 153.785C657.794 153.27 657.492 152.849 656.925 152.522C656.358 152.194 655.698 152.059 654.944 152.117C654.19 152.174 653.557 152.407 653.047 152.816C652.536 153.225 652.3 153.687 652.339 154.202ZM655.967 157.036L656.189 159.961L654.897 160.059L654.675 157.134L655 156.873L654.988 156.708C654.028 156.734 653.18 156.535 652.443 156.109C651.622 155.635 651.176 155.026 651.106 154.282C651.05 153.546 651.392 152.881 652.133 152.288C652.874 151.696 653.782 151.358 654.86 151.276C655.964 151.193 656.927 151.388 657.749 151.862C658.57 152.337 659.002 152.947 659.045 153.693C659.101 154.429 658.759 155.093 658.018 155.686C657.354 156.218 656.546 156.543 655.594 156.662L655.606 156.827L655.967 157.036Z"
fill="#A2B5CD"
/>
<rect
width="66.9945"
height="33.4972"
transform="matrix(0.866025 0.5 -0.780649 0.62497 465.403 27.8625)"
fill="#E4EAF1"
/>
<rect
opacity="0.25"
width="25.1229"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 257.593 158.983)"
fill="#8196B1"
/>
<path
d="M458.688 47.3323L459.337 39.5522C462.136 39.6728 464.435 40.2525 466.234 41.2911C468.033 42.3297 469.247 43.7782 469.875 45.6366L458.688 47.3323Z"
fill="#A2B5CD"
/>
<rect
width="38.7312"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 474.891 46.8521)"
fill="#A2B5CD"
/>
<rect
x="0.0426884"
y="0.562485"
width="204.694"
height="103.679"
rx="3.5"
transform="matrix(0.866025 0.5 -0.780649 0.62497 501.658 99.3972)"
fill="white"
stroke="#D3DAE4"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 466.336 136.498)"
fill="#F0F4F9"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 449.584 149.909)"
fill="#F0F4F9"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 483.088 123.086)"
fill="#F0F4F9"
/>
<path
opacity="0.25"
d="M449.83 155.136L446.348 153.126L432.877 163.91L595.602 257.859L625.145 234.207C616.44 229.181 604.265 239.666 594.756 234.176C585.247 228.686 576.799 238.956 566.085 232.77C555.37 226.584 599.825 194.501 590.316 189.011C580.807 183.521 558.367 203.7 548.59 198.055C538.814 192.411 551.949 184.847 542.038 179.125C532.128 173.403 552.838 158.853 543.463 153.44C534.088 148.027 498.193 178.425 488.684 172.935C479.175 167.445 475.553 172.928 465.299 167.481C455.045 162.034 453.446 157.224 449.83 155.136Z"
fill="url(#paint0_linear_204_60)"
/>
<path
d="M446.267 153.19C447.428 153.86 446.857 153.53 449.749 155.2C453.366 157.288 454.937 162.12 465.192 167.567C475.447 173.013 479.082 167.519 488.591 173.009C498.1 178.499 534.088 148.027 543.463 153.44C552.838 158.853 532.08 173.442 541.991 179.164C551.901 184.886 538.738 192.471 548.515 198.116C558.292 203.76 580.792 183.533 590.301 189.023C599.81 194.513 555.251 226.68 565.965 232.866C576.679 239.052 585.155 228.76 594.664 234.25C604.173 239.74 616.379 229.23 625.085 234.256"
stroke="#FF99DD"
stroke-linecap="round"
stroke-linejoin="round"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 501.749 106.273)"
fill="#E4EAF1"
/>
<rect
x="0.0426884"
y="0.562485"
width="204.694"
height="61.8073"
rx="3.5"
transform="matrix(0.866025 0.5 -0.780649 0.62497 406.865 175.286)"
fill="white"
stroke="#D3DAE4"
/>
<rect
width="26.1697"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 406.957 182.162)"
fill="#E4EAF1"
/>
<rect
width="8.37431"
height="26.1697"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 394.061 194.984)"
fill="#FF99DD"
fill-opacity="0.4"
/>
<rect
width="8.37431"
height="20.9358"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 400.854 204.536)"
fill="#FF99DD"
fill-opacity="0.4"
/>
</g>
<rect x="61" y="160" width="400" height="2" transform="rotate(30 61 160)" fill="white" />
<g filter="url(#filter3_d_204_60)">
<circle r="7" transform="matrix(0.866025 0.5 -0.785749 0.618546 63.1344 162.83)" fill="#6644FF" />
</g>
<rect y="281.265" width="400" height="2" transform="rotate(-38 0 281.265)" fill="white" />
<g filter="url(#filter4_d_204_60)">
<circle r="7" transform="matrix(0.866025 0.5 -0.785749 0.618546 319.134 33.8298)" fill="#6644FF" />
</g>
</g>
<defs>
<filter
id="filter0_d_204_60"
x="341.787"
y="32.5599"
width="481.224"
height="320.057"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_204_60" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_204_60" result="shape" />
</filter>
<filter
id="filter1_d_204_60"
x="284.989"
y="22.5599"
width="509"
height="337.743"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_204_60" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_204_60" result="shape" />
</filter>
<filter
id="filter2_dd_204_60"
x="212.923"
y="0.298294"
width="568.534"
height="391.472"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="4" dy="8" />
<feGaussianBlur stdDeviation="10" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.05 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_204_60" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="4" dy="8" />
<feGaussianBlur stdDeviation="4" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="effect1_dropShadow_204_60" result="effect2_dropShadow_204_60" />
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_204_60" result="shape" />
</filter>
<filter
id="filter3_d_204_60"
x="52.9489"
y="156.262"
width="20.3712"
height="15.1354"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_204_60" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_204_60" result="shape" />
</filter>
<filter
id="filter4_d_204_60"
x="308.949"
y="27.2621"
width="20.3711"
height="15.1354"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_204_60" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_204_60" result="shape" />
</filter>
<linearGradient
id="paint0_linear_204_60"
x1="568.173"
y1="167.706"
x2="535.993"
y2="223.444"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FF99DD" />
<stop offset="1" stop-color="#FF99DD" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
</template>

View File

@@ -0,0 +1,417 @@
<template>
<svg width="696" height="205" viewBox="0 0 696 205" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" filter="url(#filter0_d_18_45)">
<rect
width="330.519"
height="247.974"
rx="4"
transform="matrix(0.866025 0.5 -0.785749 0.618546 536.703 32.2672)"
fill="#FF99DD"
/>
</g>
<g filter="url(#filter1_d_18_45)">
<rect
width="353.519"
height="257.974"
rx="4"
transform="matrix(0.866025 0.5 -0.785749 0.618546 487.763 22.2672)"
fill="#FF99DD"
/>
</g>
<g filter="url(#filter2_dd_18_45)">
<rect
width="239.191"
height="267.978"
transform="matrix(0.866025 0.5 -0.780649 0.62497 523.225 61.2458)"
fill="white"
/>
<path
d="M383.897 52.8696L412.907 69.6182L256.009 195.227L230.464 180.478C228.551 179.374 228.398 177.359 230.123 175.978L383.897 52.8696Z"
fill="#18222F"
/>
<rect
width="66.9945"
height="267.978"
transform="matrix(0.866025 0.5 -0.780649 0.62497 465.206 27.7486)"
fill="#F0F4F9"
/>
<path
d="M433.074 13.4999C434.799 12.1192 437.748 11.8954 439.661 13L465.206 27.7486L439.056 48.6834L410.047 31.9348L433.074 13.4999Z"
fill="#FF99DD"
/>
<rect
width="33.4972"
height="33.4972"
transform="matrix(0.866025 0.5 -0.780649 0.62497 410.047 31.9348)"
fill="#F0F4F9"
/>
<path
d="M383.259 71.4935C382.197 70.8801 379.614 70.049 378.657 70.8157L377.948 71.383L384.28 75.0386L384.988 74.4713C385.946 73.7046 384.321 72.1068 383.259 71.4935ZM379.815 71.3524C380.446 71.3738 381.628 71.6867 382.435 72.1528C383.243 72.619 383.888 73.3611 384.022 73.7812L379.815 71.3524ZM383.968 70.9262C384.839 71.4291 386.193 71.3402 386.998 70.6962C387.783 70.0675 387.692 69.1445 386.821 68.6415C385.95 68.1386 384.596 68.2275 383.81 68.8561C383.006 69.5001 383.096 70.4232 383.968 70.9262ZM386.017 69.2855C386.399 69.5063 386.409 69.9081 386.084 70.1687C385.739 70.4447 385.174 70.4876 384.791 70.2668C384.409 70.046 384.379 69.6596 384.724 69.3836C385.05 69.123 385.634 69.0647 386.017 69.2855ZM386.408 73.3642C386.594 73.9469 386.515 74.5081 385.902 74.9987L385.193 75.5661L386.999 76.6088L387.708 76.0414C388.531 75.3821 387.438 74.091 386.408 73.3642ZM386.687 72.4963C387.558 72.9993 388.913 72.9104 389.717 72.2664C390.502 71.6377 390.412 70.7147 389.541 70.2117C389.286 70.0645 389.035 69.9725 388.727 69.9265C388.639 70.3773 388.369 70.8281 387.89 71.2114C387.411 71.5947 386.781 71.8646 386.141 71.9965C386.277 72.1805 386.432 72.3491 386.687 72.4963Z"
fill="#8196B1"
/>
<path
d="M360.355 89.9474L360.423 91.1219L364.439 93.4404L360.36 96.7063L353.093 92.511L357.996 88.5857L360.355 89.9474ZM361.539 89.4966L358.82 87.9264C358.331 87.6443 357.544 87.7179 357.104 88.0705L352.201 91.9958C351.76 92.3484 351.781 92.8882 352.27 93.1703L359.536 97.3657C360.025 97.6478 360.811 97.5742 361.252 97.2216L365.331 93.9556C365.791 93.5876 365.751 93.0632 365.263 92.7811L361.629 90.6834L361.539 89.4966Z"
fill="#8196B1"
/>
<path
d="M334.631 111.683L335.524 112.198L334.7 112.857L333.808 112.342L334.631 111.683ZM332.984 113.001L333.877 113.516L331.425 115.479L330.533 114.964L332.984 113.001ZM337.108 110.315C334.601 108.867 330.763 109.159 328.503 110.968C326.243 112.777 326.442 115.399 328.949 116.847C331.456 118.294 335.294 118.003 337.554 116.194C339.814 114.384 339.615 111.762 337.108 110.315ZM329.753 116.203C327.756 115.05 327.595 112.924 329.395 111.483C331.195 110.042 334.306 109.806 336.303 110.959C338.301 112.112 338.462 114.237 336.662 115.678C334.861 117.12 331.75 117.356 329.753 116.203Z"
fill="#8196B1"
/>
<path
d="M309.855 136.788C309.989 136.681 310.144 136.586 310.278 136.478C310.412 136.371 310.525 136.251 310.659 136.144L312.286 136.159C312.428 136.162 312.564 136.083 312.596 135.969L313.1 134.307C313.115 134.237 313.089 134.169 313.004 134.12C312.983 134.108 312.941 134.083 312.9 134.086L311.372 133.758C311.292 133.501 311.19 133.231 311.009 132.995L311.912 132.038C311.986 131.949 311.978 131.838 311.872 131.777L310.045 130.722C309.938 130.661 309.777 130.673 309.66 130.737L308.417 131.498C308.045 131.415 307.637 131.391 307.25 131.378L306.526 130.406C306.503 130.366 306.482 130.354 306.46 130.342C306.375 130.293 306.273 130.287 306.173 130.308L303.842 130.915C303.683 130.955 303.589 131.059 303.617 131.154L303.903 132.243C303.769 132.35 303.613 132.446 303.479 132.553C303.345 132.66 303.232 132.78 303.098 132.887L301.472 132.872C301.329 132.869 301.193 132.948 301.161 133.062L300.657 134.724C300.642 134.795 300.668 134.862 300.753 134.911C300.774 134.923 300.817 134.948 300.857 134.945L302.385 135.273C302.466 135.531 302.568 135.8 302.748 136.037L301.845 136.993C301.771 137.082 301.779 137.193 301.886 137.254L303.713 138.309C303.819 138.37 303.981 138.358 304.098 138.294L305.34 137.533C305.712 137.616 306.12 137.64 306.507 137.653L307.231 138.625C307.255 138.665 307.276 138.677 307.297 138.689C307.382 138.738 307.484 138.745 307.584 138.723L309.915 138.116C310.074 138.076 310.168 137.972 310.141 137.877L309.855 136.788ZM309.65 135.693C309.537 135.813 309.441 135.889 309.365 135.951C309.288 136.012 309.192 136.089 309.037 136.184L308.514 136.515L308.63 136.978L308.774 137.536L307.976 137.736L307.613 137.236L307.299 136.843L306.627 136.825C306.302 136.822 306.015 136.788 305.747 136.739L305.107 136.607L304.563 136.926L303.922 137.322L303.285 136.954L303.755 136.46L304.151 136.055L303.835 135.635C303.72 135.463 303.625 135.276 303.589 135.071L303.432 134.611L302.792 134.479L302.008 134.316L302.187 133.733L303.021 133.74L303.712 133.743L304.108 133.338C304.22 133.218 304.316 133.142 304.393 133.08C304.469 133.019 304.565 132.942 304.72 132.847L305.244 132.516L305.127 132.053L304.984 131.495L305.781 131.296L306.144 131.795L306.458 132.188L307.13 132.206C307.455 132.209 307.742 132.243 308.01 132.292L308.65 132.424L309.195 132.105L309.835 131.71L310.472 132.078L310.002 132.571L309.606 132.976L309.922 133.396C310.037 133.568 310.133 133.755 310.168 133.961L310.304 134.408L310.965 134.552L311.749 134.715L311.57 135.298L310.737 135.291L310.046 135.288L309.65 135.693ZM308.507 133.212C307.508 132.636 305.973 132.752 305.073 133.473C304.173 134.194 304.252 135.242 305.251 135.819C306.249 136.395 307.785 136.279 308.685 135.558C309.585 134.838 309.505 133.789 308.507 133.212ZM306.055 135.175C305.566 134.893 305.525 134.341 305.965 133.988C306.406 133.635 307.214 133.574 307.702 133.856C308.191 134.138 308.233 134.69 307.792 135.043C307.352 135.396 306.544 135.457 306.055 135.175Z"
fill="#8196B1"
/>
<path
d="M258.659 173.119C256.152 171.672 252.314 171.963 250.054 173.772C247.794 175.582 247.993 178.204 250.5 179.651C253.007 181.099 256.845 180.807 259.105 178.998C261.365 177.189 261.166 174.567 258.659 173.119ZM249.782 177.152C250.337 176.971 251.891 177.366 252.741 177.857C253.591 178.348 254.417 179.326 254.244 179.728C253.187 179.725 252.154 179.498 251.304 179.007C250.455 178.516 249.958 177.86 249.782 177.152ZM255.496 179.633C255.546 178.685 254.223 177.578 253.564 177.198C252.906 176.818 251.085 176.109 249.717 176.296C249.826 175.594 250.199 174.885 250.946 174.287C252.747 172.846 255.857 172.61 257.855 173.763C259.852 174.916 260.013 177.042 258.213 178.483C257.466 179.081 256.498 179.446 255.496 179.633ZM257.031 174.423C256.16 173.92 254.805 174.008 254.001 174.652C253.216 175.281 253.306 176.204 254.177 176.707C255.048 177.21 256.403 177.121 257.188 176.493C257.993 175.849 257.902 174.925 257.031 174.423ZM254.982 176.063C254.599 175.842 254.589 175.441 254.915 175.18C255.259 174.904 255.825 174.861 256.207 175.082C256.59 175.303 256.619 175.689 256.275 175.965C255.949 176.226 255.364 176.284 254.982 176.063Z"
fill="#8196B1"
/>
<path d="M704.221 201.776L733.231 218.525L707.081 239.46L678.071 222.711L704.221 201.776Z" fill="#E4EAF1" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M441.897 34.1759C441.832 34.1126 441.782 34.0573 441.744 34.001C441.706 33.9447 441.689 33.8914 441.685 33.8371C442.06 33.5948 442.307 33.3395 442.668 33.0982C444.076 32.1633 444.558 32.9957 445.56 33.2883C446.18 33.4732 446.932 33.5527 447.584 33.2028C447.612 32.4317 447.509 31.6797 447.274 30.9559C446.503 28.6074 444.242 26.5404 441.302 25.3711C441.072 26.1075 441.186 26.8397 441.58 27.4782C441.58 27.4782 440.887 27.0783 440.694 26.4154C440.457 26.3651 439.985 26.2629 439.742 26.2267C439.926 27.9508 441.919 29.2829 444.499 29.3192C444.48 29.3252 444.165 29.3946 443.245 29.9103C441.27 31.002 440.372 30.3104 439.512 29.2517C437.739 27.043 435.493 26.8449 435.809 24.7779C435.231 24.7125 434.63 24.8674 434.235 25.184C433.827 25.5108 433.732 25.932 433.906 26.2919C434.34 26.2168 434.496 26.2141 434.841 26.4132C434.035 26.3234 433.734 26.4779 432.845 26.873C431.769 27.3505 431.071 28.0723 429.555 27.4912C428.834 27.1182 428.427 27.463 427.548 27.8209C426.419 28.2934 425.674 28.3135 424.087 28.4613C424.057 28.9459 424.362 29.1821 424.849 29.2816C425.856 29.4827 427.274 29.1249 428.356 28.9881C429.564 28.8374 430.721 29.8689 432.396 30.0056C433.543 30.1052 434.457 29.8719 434.905 28.8415C434.905 29.2738 434.697 29.699 434.305 30.0519C435.689 30.6521 435.984 32.7 437.27 33.7536C437.292 33.5244 437.355 33.3012 437.459 33.0931C437.662 32.691 437.951 32.3823 438.288 32.1612C437.68 32.8397 437.555 34.0914 438.811 34.9379C439.128 35.1551 439.541 35.3421 440.038 35.4818C440.63 35.6507 441.226 35.7694 441.653 36.1373C441.973 36.4088 442.153 36.7546 442.081 37.1195C441.975 37.6644 442.613 38.1621 443.48 37.9188C444.481 36.1002 442.56 34.8354 441.897 34.1759Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M404.844 50.1919L407.245 53.9107C407.317 54.0223 407.44 54.0932 407.613 54.1233L413.399 55.1308C413.64 55.1728 413.845 55.1263 414.014 54.9913L418.414 51.4685C418.438 51.4492 418.459 51.4288 418.478 51.4071C418.485 51.4015 418.491 51.396 418.498 51.3904C418.511 51.374 418.522 51.3572 418.531 51.3399L418.541 51.3226C418.552 51.3004 418.56 51.2778 418.566 51.2548L418.569 51.2388C418.571 51.2203 418.572 51.2018 418.572 51.1834L418.564 51.161C418.561 51.1419 418.557 51.1231 418.551 51.1046L418.547 51.0913C418.539 51.0713 418.529 51.052 418.517 51.0333L416.116 47.3146C416.044 47.2029 415.922 47.1321 415.748 47.1019L409.963 46.0944C409.933 46.0893 409.904 46.0858 409.874 46.0839L409.854 46.0833C409.826 46.0821 409.798 46.0823 409.77 46.0838L409.741 46.0867C409.715 46.0891 409.688 46.0928 409.661 46.0977L409.639 46.1023C409.606 46.1095 409.575 46.1186 409.544 46.1295L409.516 46.1352C409.493 46.1442 409.47 46.1543 409.448 46.1654C409.441 46.1709 409.434 46.1765 409.428 46.182C409.399 46.198 409.373 46.2155 409.349 46.2346L404.948 49.7573C404.78 49.8923 404.745 50.0371 404.844 50.1919L404.844 50.1919ZM409.609 47.2364L411.491 50.1585L407.961 52.9846L406.08 50.0618L409.609 47.2364ZM408.841 53.4915L412.371 50.6662L416.917 51.4556L413.387 54.2817L408.841 53.4915ZM415.142 47.8419L416.924 50.6079L412.62 49.8606L410.838 47.0945L415.142 47.8419Z"
fill="#182B44"
/>
<rect
width="54.433"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 440.046 56.0107)"
fill="#E4EAF1"
/>
<rect
width="54.433"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 548.321 89.2471)"
fill="#F0F4F9"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 532.01 74.1996)"
fill="#F0F4F9"
/>
<rect
width="40.8248"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 428.606 65.1697)"
fill="#E4EAF1"
/>
<rect
width="37.161"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 405.725 83.4876)"
fill="#E4EAF1"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 417.165 74.3287)"
fill="#E4EAF1"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 394.284 92.6466)"
fill="#E4EAF1"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 694.281 167.887)"
fill="#FF99DD"
/>
<path
d="M697.849 180.635L695.129 179.065L692.678 181.028L691.786 180.513L694.237 178.55L691.517 176.98L692.322 176.336L695.041 177.906L697.493 175.943L698.385 176.459L695.934 178.421L698.653 179.991L697.849 180.635Z"
fill="white"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 674.337 156.373)"
fill="#FF99DD"
fill-opacity="0.4"
/>
<path
d="M673.692 164.999C672.693 164.423 671.139 164.554 670.238 165.275C669.338 165.996 669.418 167.045 670.416 167.621C671.415 168.198 672.972 168.093 673.872 167.373C674.772 166.652 674.69 165.576 673.692 164.999ZM671.24 166.962C670.751 166.68 670.712 166.155 671.152 165.803C671.612 165.435 672.379 165.376 672.868 165.658C673.378 165.953 673.418 166.477 672.958 166.845C672.518 167.198 671.75 167.256 671.24 166.962ZM675.275 168.737C674.532 168.308 673.36 168.397 672.69 168.934C672.02 169.47 672.08 170.271 672.824 170.7C673.568 171.129 674.739 171.04 675.41 170.504C676.08 169.967 676.019 169.167 675.275 168.737ZM673.648 170.041C673.393 169.894 673.374 169.645 673.604 169.461C673.833 169.277 674.197 169.25 674.452 169.397C674.707 169.544 674.747 169.805 674.517 169.989C674.287 170.173 673.902 170.188 673.648 170.041ZM680.858 165.205C679.477 164.407 677.357 164.582 676.132 165.563C674.887 166.56 674.977 168.011 676.358 168.808C677.739 169.605 679.859 169.431 681.104 168.434C682.329 167.453 682.24 166.002 680.858 165.205ZM677.181 168.149C676.31 167.646 676.22 166.723 677.024 166.079C677.809 165.45 679.164 165.361 680.035 165.864C680.906 166.367 680.996 167.29 680.211 167.919C679.407 168.563 678.052 168.652 677.181 168.149Z"
fill="#FF99DD"
/>
<rect
x="0.0426884"
y="0.562485"
width="17.8422"
height="17.8422"
rx="8.9211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 654.838 145.047)"
fill="white"
stroke="#D3DAE4"
/>
<path
d="M652.339 154.202C652.378 154.717 652.681 155.138 653.248 155.466C653.814 155.793 654.475 155.928 655.229 155.87C655.983 155.813 656.615 155.58 657.126 155.171C657.637 154.762 657.873 154.3 657.833 153.785C657.794 153.27 657.492 152.849 656.925 152.522C656.358 152.194 655.698 152.059 654.944 152.117C654.19 152.174 653.557 152.407 653.047 152.816C652.536 153.225 652.3 153.687 652.339 154.202ZM655.967 157.036L656.189 159.961L654.897 160.059L654.675 157.134L655 156.873L654.988 156.708C654.028 156.734 653.18 156.535 652.443 156.109C651.622 155.635 651.176 155.026 651.106 154.282C651.05 153.546 651.392 152.881 652.133 152.288C652.874 151.696 653.782 151.358 654.86 151.276C655.964 151.193 656.927 151.388 657.749 151.862C658.57 152.337 659.002 152.947 659.045 153.693C659.101 154.429 658.759 155.093 658.018 155.686C657.354 156.218 656.546 156.543 655.594 156.662L655.606 156.827L655.967 157.036Z"
fill="#A2B5CD"
/>
<rect
width="66.9945"
height="33.4972"
transform="matrix(0.866025 0.5 -0.780649 0.62497 465.403 27.8625)"
fill="#E4EAF1"
/>
<rect
opacity="0.25"
width="25.1229"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 257.593 158.983)"
fill="#8196B1"
/>
<path
d="M458.688 47.3323L459.337 39.5522C462.136 39.6728 464.435 40.2525 466.234 41.2911C468.033 42.3297 469.247 43.7782 469.875 45.6366L458.688 47.3323Z"
fill="#A2B5CD"
/>
<rect
width="38.7312"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 474.891 46.8521)"
fill="#A2B5CD"
/>
<rect
x="0.0426884"
y="0.562485"
width="204.694"
height="103.679"
rx="3.5"
transform="matrix(0.866025 0.5 -0.780649 0.62497 501.658 99.3972)"
fill="white"
stroke="#D3DAE4"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 466.336 136.498)"
fill="#F0F4F9"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 449.584 149.909)"
fill="#F0F4F9"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 483.088 123.086)"
fill="#F0F4F9"
/>
<path
opacity="0.25"
d="M449.83 155.136L446.348 153.126L432.878 163.91L595.602 257.859L625.146 234.207C616.44 229.181 604.265 239.666 594.756 234.176C585.247 228.686 576.799 238.956 566.085 232.77C555.37 226.584 599.825 194.501 590.316 189.011C580.807 183.521 558.368 203.7 548.591 198.055C538.814 192.411 551.949 184.847 542.039 179.125C532.128 173.403 552.839 158.853 543.463 153.44C534.088 148.027 498.193 178.425 488.684 172.935C479.175 167.445 475.553 172.928 465.299 167.481C455.045 162.034 453.446 157.224 449.83 155.136Z"
fill="url(#paint0_linear_18_45)"
/>
<path
d="M446.268 153.19C447.428 153.86 446.857 153.53 449.75 155.2C453.366 157.288 454.937 162.12 465.192 167.567C475.447 173.013 479.083 167.519 488.592 173.009C498.101 178.499 534.088 148.027 543.463 153.44C552.839 158.853 532.08 173.442 541.991 179.164C551.902 184.886 538.739 192.471 548.515 198.116C558.292 203.76 580.792 183.533 590.301 189.023C599.81 194.513 555.251 226.68 565.965 232.866C576.68 239.052 585.155 228.76 594.664 234.25C604.173 239.74 616.38 229.23 625.085 234.256"
stroke="#FF99DD"
stroke-linecap="round"
stroke-linejoin="round"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 501.749 106.273)"
fill="#E4EAF1"
/>
<rect
x="0.0426884"
y="0.562485"
width="204.694"
height="61.8073"
rx="3.5"
transform="matrix(0.866025 0.5 -0.780649 0.62497 406.866 175.286)"
fill="white"
stroke="#D3DAE4"
/>
<rect
width="26.1697"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 406.957 182.162)"
fill="#E4EAF1"
/>
<rect
width="8.37431"
height="26.1697"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 394.061 194.984)"
fill="#FF99DD"
fill-opacity="0.4"
/>
<rect
width="8.37431"
height="20.9358"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 400.854 204.536)"
fill="#FF99DD"
fill-opacity="0.4"
/>
</g>
<rect x="61" y="160" width="400" height="2" transform="rotate(30 61 160)" fill="white" />
<g filter="url(#filter3_d_18_45)">
<circle r="7" transform="matrix(0.866025 0.5 -0.785749 0.618546 63.1344 162.83)" fill="#FF99DD" />
</g>
<rect y="281.265" width="400" height="2" transform="rotate(-38 0 281.265)" fill="white" />
<g filter="url(#filter4_d_18_45)">
<circle r="7" transform="matrix(0.866025 0.5 -0.785749 0.618546 319.134 33.8298)" fill="#FF99DD" />
</g>
<defs>
<filter
id="filter0_d_18_45"
x="341.787"
y="32.5599"
width="481.224"
height="320.057"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter1_d_18_45"
x="284.989"
y="22.5599"
width="509"
height="337.743"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter2_dd_18_45"
x="212.923"
y="0.298294"
width="568.534"
height="391.472"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="4" dy="8" />
<feGaussianBlur stdDeviation="10" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.05 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="4" dy="8" />
<feGaussianBlur stdDeviation="4" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="effect1_dropShadow_18_45" result="effect2_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter3_d_18_45"
x="52.9488"
y="156.262"
width="20.3712"
height="15.1354"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter4_d_18_45"
x="308.949"
y="27.2621"
width="20.3712"
height="15.1354"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<linearGradient
id="paint0_linear_18_45"
x1="568.174"
y1="167.706"
x2="535.994"
y2="223.444"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FF99DD" />
<stop offset="1" stop-color="#FF99DD" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
</template>

View File

@@ -9,421 +9,8 @@
<h3>Comprehensive tutorials, references, example code, and more for Directus.</h3>
</div>
</div>
<svg width="696" height="205" viewBox="0 0 696 205" fill="none" xmlns="http://www.w3.org/2000/svg">
<g opacity="0.5" filter="url(#filter0_d_18_45)">
<rect
width="330.519"
height="247.974"
rx="4"
transform="matrix(0.866025 0.5 -0.785749 0.618546 536.703 32.2672)"
fill="#FF99DD"
/>
</g>
<g filter="url(#filter1_d_18_45)">
<rect
width="353.519"
height="257.974"
rx="4"
transform="matrix(0.866025 0.5 -0.785749 0.618546 487.763 22.2672)"
fill="#FF99DD"
/>
</g>
<g filter="url(#filter2_dd_18_45)">
<rect
width="239.191"
height="267.978"
transform="matrix(0.866025 0.5 -0.780649 0.62497 523.225 61.2458)"
fill="white"
/>
<path
d="M383.897 52.8696L412.907 69.6182L256.009 195.227L230.464 180.478C228.551 179.374 228.398 177.359 230.123 175.978L383.897 52.8696Z"
fill="#18222F"
/>
<rect
width="66.9945"
height="267.978"
transform="matrix(0.866025 0.5 -0.780649 0.62497 465.206 27.7486)"
fill="#F0F4F9"
/>
<path
d="M433.074 13.4999C434.799 12.1192 437.748 11.8954 439.661 13L465.206 27.7486L439.056 48.6834L410.047 31.9348L433.074 13.4999Z"
fill="#FF99DD"
/>
<rect
width="33.4972"
height="33.4972"
transform="matrix(0.866025 0.5 -0.780649 0.62497 410.047 31.9348)"
fill="#F0F4F9"
/>
<path
d="M383.259 71.4935C382.197 70.8801 379.614 70.049 378.657 70.8157L377.948 71.383L384.28 75.0386L384.988 74.4713C385.946 73.7046 384.321 72.1068 383.259 71.4935ZM379.815 71.3524C380.446 71.3738 381.628 71.6867 382.435 72.1528C383.243 72.619 383.888 73.3611 384.022 73.7812L379.815 71.3524ZM383.968 70.9262C384.839 71.4291 386.193 71.3402 386.998 70.6962C387.783 70.0675 387.692 69.1445 386.821 68.6415C385.95 68.1386 384.596 68.2275 383.81 68.8561C383.006 69.5001 383.096 70.4232 383.968 70.9262ZM386.017 69.2855C386.399 69.5063 386.409 69.9081 386.084 70.1687C385.739 70.4447 385.174 70.4876 384.791 70.2668C384.409 70.046 384.379 69.6596 384.724 69.3836C385.05 69.123 385.634 69.0647 386.017 69.2855ZM386.408 73.3642C386.594 73.9469 386.515 74.5081 385.902 74.9987L385.193 75.5661L386.999 76.6088L387.708 76.0414C388.531 75.3821 387.438 74.091 386.408 73.3642ZM386.687 72.4963C387.558 72.9993 388.913 72.9104 389.717 72.2664C390.502 71.6377 390.412 70.7147 389.541 70.2117C389.286 70.0645 389.035 69.9725 388.727 69.9265C388.639 70.3773 388.369 70.8281 387.89 71.2114C387.411 71.5947 386.781 71.8646 386.141 71.9965C386.277 72.1805 386.432 72.3491 386.687 72.4963Z"
fill="#8196B1"
/>
<path
d="M360.355 89.9474L360.423 91.1219L364.439 93.4404L360.36 96.7063L353.093 92.511L357.996 88.5857L360.355 89.9474ZM361.539 89.4966L358.82 87.9264C358.331 87.6443 357.544 87.7179 357.104 88.0705L352.201 91.9958C351.76 92.3484 351.781 92.8882 352.27 93.1703L359.536 97.3657C360.025 97.6478 360.811 97.5742 361.252 97.2216L365.331 93.9556C365.791 93.5876 365.751 93.0632 365.263 92.7811L361.629 90.6834L361.539 89.4966Z"
fill="#8196B1"
/>
<path
d="M334.631 111.683L335.524 112.198L334.7 112.857L333.808 112.342L334.631 111.683ZM332.984 113.001L333.877 113.516L331.425 115.479L330.533 114.964L332.984 113.001ZM337.108 110.315C334.601 108.867 330.763 109.159 328.503 110.968C326.243 112.777 326.442 115.399 328.949 116.847C331.456 118.294 335.294 118.003 337.554 116.194C339.814 114.384 339.615 111.762 337.108 110.315ZM329.753 116.203C327.756 115.05 327.595 112.924 329.395 111.483C331.195 110.042 334.306 109.806 336.303 110.959C338.301 112.112 338.462 114.237 336.662 115.678C334.861 117.12 331.75 117.356 329.753 116.203Z"
fill="#8196B1"
/>
<path
d="M309.855 136.788C309.989 136.681 310.144 136.586 310.278 136.478C310.412 136.371 310.525 136.251 310.659 136.144L312.286 136.159C312.428 136.162 312.564 136.083 312.596 135.969L313.1 134.307C313.115 134.237 313.089 134.169 313.004 134.12C312.983 134.108 312.941 134.083 312.9 134.086L311.372 133.758C311.292 133.501 311.19 133.231 311.009 132.995L311.912 132.038C311.986 131.949 311.978 131.838 311.872 131.777L310.045 130.722C309.938 130.661 309.777 130.673 309.66 130.737L308.417 131.498C308.045 131.415 307.637 131.391 307.25 131.378L306.526 130.406C306.503 130.366 306.482 130.354 306.46 130.342C306.375 130.293 306.273 130.287 306.173 130.308L303.842 130.915C303.683 130.955 303.589 131.059 303.617 131.154L303.903 132.243C303.769 132.35 303.613 132.446 303.479 132.553C303.345 132.66 303.232 132.78 303.098 132.887L301.472 132.872C301.329 132.869 301.193 132.948 301.161 133.062L300.657 134.724C300.642 134.795 300.668 134.862 300.753 134.911C300.774 134.923 300.817 134.948 300.857 134.945L302.385 135.273C302.466 135.531 302.568 135.8 302.748 136.037L301.845 136.993C301.771 137.082 301.779 137.193 301.886 137.254L303.713 138.309C303.819 138.37 303.981 138.358 304.098 138.294L305.34 137.533C305.712 137.616 306.12 137.64 306.507 137.653L307.231 138.625C307.255 138.665 307.276 138.677 307.297 138.689C307.382 138.738 307.484 138.745 307.584 138.723L309.915 138.116C310.074 138.076 310.168 137.972 310.141 137.877L309.855 136.788ZM309.65 135.693C309.537 135.813 309.441 135.889 309.365 135.951C309.288 136.012 309.192 136.089 309.037 136.184L308.514 136.515L308.63 136.978L308.774 137.536L307.976 137.736L307.613 137.236L307.299 136.843L306.627 136.825C306.302 136.822 306.015 136.788 305.747 136.739L305.107 136.607L304.563 136.926L303.922 137.322L303.285 136.954L303.755 136.46L304.151 136.055L303.835 135.635C303.72 135.463 303.625 135.276 303.589 135.071L303.432 134.611L302.792 134.479L302.008 134.316L302.187 133.733L303.021 133.74L303.712 133.743L304.108 133.338C304.22 133.218 304.316 133.142 304.393 133.08C304.469 133.019 304.565 132.942 304.72 132.847L305.244 132.516L305.127 132.053L304.984 131.495L305.781 131.296L306.144 131.795L306.458 132.188L307.13 132.206C307.455 132.209 307.742 132.243 308.01 132.292L308.65 132.424L309.195 132.105L309.835 131.71L310.472 132.078L310.002 132.571L309.606 132.976L309.922 133.396C310.037 133.568 310.133 133.755 310.168 133.961L310.304 134.408L310.965 134.552L311.749 134.715L311.57 135.298L310.737 135.291L310.046 135.288L309.65 135.693ZM308.507 133.212C307.508 132.636 305.973 132.752 305.073 133.473C304.173 134.194 304.252 135.242 305.251 135.819C306.249 136.395 307.785 136.279 308.685 135.558C309.585 134.838 309.505 133.789 308.507 133.212ZM306.055 135.175C305.566 134.893 305.525 134.341 305.965 133.988C306.406 133.635 307.214 133.574 307.702 133.856C308.191 134.138 308.233 134.69 307.792 135.043C307.352 135.396 306.544 135.457 306.055 135.175Z"
fill="#8196B1"
/>
<path
d="M258.659 173.119C256.152 171.672 252.314 171.963 250.054 173.772C247.794 175.582 247.993 178.204 250.5 179.651C253.007 181.099 256.845 180.807 259.105 178.998C261.365 177.189 261.166 174.567 258.659 173.119ZM249.782 177.152C250.337 176.971 251.891 177.366 252.741 177.857C253.591 178.348 254.417 179.326 254.244 179.728C253.187 179.725 252.154 179.498 251.304 179.007C250.455 178.516 249.958 177.86 249.782 177.152ZM255.496 179.633C255.546 178.685 254.223 177.578 253.564 177.198C252.906 176.818 251.085 176.109 249.717 176.296C249.826 175.594 250.199 174.885 250.946 174.287C252.747 172.846 255.857 172.61 257.855 173.763C259.852 174.916 260.013 177.042 258.213 178.483C257.466 179.081 256.498 179.446 255.496 179.633ZM257.031 174.423C256.16 173.92 254.805 174.008 254.001 174.652C253.216 175.281 253.306 176.204 254.177 176.707C255.048 177.21 256.403 177.121 257.188 176.493C257.993 175.849 257.902 174.925 257.031 174.423ZM254.982 176.063C254.599 175.842 254.589 175.441 254.915 175.18C255.259 174.904 255.825 174.861 256.207 175.082C256.59 175.303 256.619 175.689 256.275 175.965C255.949 176.226 255.364 176.284 254.982 176.063Z"
fill="#8196B1"
/>
<path d="M704.221 201.776L733.231 218.525L707.081 239.46L678.071 222.711L704.221 201.776Z" fill="#E4EAF1" />
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M441.897 34.1759C441.832 34.1126 441.782 34.0573 441.744 34.001C441.706 33.9447 441.689 33.8914 441.685 33.8371C442.06 33.5948 442.307 33.3395 442.668 33.0982C444.076 32.1633 444.558 32.9957 445.56 33.2883C446.18 33.4732 446.932 33.5527 447.584 33.2028C447.612 32.4317 447.509 31.6797 447.274 30.9559C446.503 28.6074 444.242 26.5404 441.302 25.3711C441.072 26.1075 441.186 26.8397 441.58 27.4782C441.58 27.4782 440.887 27.0783 440.694 26.4154C440.457 26.3651 439.985 26.2629 439.742 26.2267C439.926 27.9508 441.919 29.2829 444.499 29.3192C444.48 29.3252 444.165 29.3946 443.245 29.9103C441.27 31.002 440.372 30.3104 439.512 29.2517C437.739 27.043 435.493 26.8449 435.809 24.7779C435.231 24.7125 434.63 24.8674 434.235 25.184C433.827 25.5108 433.732 25.932 433.906 26.2919C434.34 26.2168 434.496 26.2141 434.841 26.4132C434.035 26.3234 433.734 26.4779 432.845 26.873C431.769 27.3505 431.071 28.0723 429.555 27.4912C428.834 27.1182 428.427 27.463 427.548 27.8209C426.419 28.2934 425.674 28.3135 424.087 28.4613C424.057 28.9459 424.362 29.1821 424.849 29.2816C425.856 29.4827 427.274 29.1249 428.356 28.9881C429.564 28.8374 430.721 29.8689 432.396 30.0056C433.543 30.1052 434.457 29.8719 434.905 28.8415C434.905 29.2738 434.697 29.699 434.305 30.0519C435.689 30.6521 435.984 32.7 437.27 33.7536C437.292 33.5244 437.355 33.3012 437.459 33.0931C437.662 32.691 437.951 32.3823 438.288 32.1612C437.68 32.8397 437.555 34.0914 438.811 34.9379C439.128 35.1551 439.541 35.3421 440.038 35.4818C440.63 35.6507 441.226 35.7694 441.653 36.1373C441.973 36.4088 442.153 36.7546 442.081 37.1195C441.975 37.6644 442.613 38.1621 443.48 37.9188C444.481 36.1002 442.56 34.8354 441.897 34.1759Z"
fill="white"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M404.844 50.1919L407.245 53.9107C407.317 54.0223 407.44 54.0932 407.613 54.1233L413.399 55.1308C413.64 55.1728 413.845 55.1263 414.014 54.9913L418.414 51.4685C418.438 51.4492 418.459 51.4288 418.478 51.4071C418.485 51.4015 418.491 51.396 418.498 51.3904C418.511 51.374 418.522 51.3572 418.531 51.3399L418.541 51.3226C418.552 51.3004 418.56 51.2778 418.566 51.2548L418.569 51.2388C418.571 51.2203 418.572 51.2018 418.572 51.1834L418.564 51.161C418.561 51.1419 418.557 51.1231 418.551 51.1046L418.547 51.0913C418.539 51.0713 418.529 51.052 418.517 51.0333L416.116 47.3146C416.044 47.2029 415.922 47.1321 415.748 47.1019L409.963 46.0944C409.933 46.0893 409.904 46.0858 409.874 46.0839L409.854 46.0833C409.826 46.0821 409.798 46.0823 409.77 46.0838L409.741 46.0867C409.715 46.0891 409.688 46.0928 409.661 46.0977L409.639 46.1023C409.606 46.1095 409.575 46.1186 409.544 46.1295L409.516 46.1352C409.493 46.1442 409.47 46.1543 409.448 46.1654C409.441 46.1709 409.434 46.1765 409.428 46.182C409.399 46.198 409.373 46.2155 409.349 46.2346L404.948 49.7573C404.78 49.8923 404.745 50.0371 404.844 50.1919L404.844 50.1919ZM409.609 47.2364L411.491 50.1585L407.961 52.9846L406.08 50.0618L409.609 47.2364ZM408.841 53.4915L412.371 50.6662L416.917 51.4556L413.387 54.2817L408.841 53.4915ZM415.142 47.8419L416.924 50.6079L412.62 49.8606L410.838 47.0945L415.142 47.8419Z"
fill="#182B44"
/>
<rect
width="54.433"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 440.046 56.0107)"
fill="#E4EAF1"
/>
<rect
width="54.433"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 548.321 89.2471)"
fill="#F0F4F9"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 532.01 74.1996)"
fill="#F0F4F9"
/>
<rect
width="40.8248"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 428.606 65.1697)"
fill="#E4EAF1"
/>
<rect
width="37.161"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 405.725 83.4876)"
fill="#E4EAF1"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 417.165 74.3287)"
fill="#E4EAF1"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 394.284 92.6466)"
fill="#E4EAF1"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 694.281 167.887)"
fill="#FF99DD"
/>
<path
d="M697.849 180.635L695.129 179.065L692.678 181.028L691.786 180.513L694.237 178.55L691.517 176.98L692.322 176.336L695.041 177.906L697.493 175.943L698.385 176.459L695.934 178.421L698.653 179.991L697.849 180.635Z"
fill="white"
/>
<rect
width="18.8422"
height="18.8422"
rx="9.4211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 674.337 156.373)"
fill="#FF99DD"
fill-opacity="0.4"
/>
<path
d="M673.692 164.999C672.693 164.423 671.139 164.554 670.238 165.275C669.338 165.996 669.418 167.045 670.416 167.621C671.415 168.198 672.972 168.093 673.872 167.373C674.772 166.652 674.69 165.576 673.692 164.999ZM671.24 166.962C670.751 166.68 670.712 166.155 671.152 165.803C671.612 165.435 672.379 165.376 672.868 165.658C673.378 165.953 673.418 166.477 672.958 166.845C672.518 167.198 671.75 167.256 671.24 166.962ZM675.275 168.737C674.532 168.308 673.36 168.397 672.69 168.934C672.02 169.47 672.08 170.271 672.824 170.7C673.568 171.129 674.739 171.04 675.41 170.504C676.08 169.967 676.019 169.167 675.275 168.737ZM673.648 170.041C673.393 169.894 673.374 169.645 673.604 169.461C673.833 169.277 674.197 169.25 674.452 169.397C674.707 169.544 674.747 169.805 674.517 169.989C674.287 170.173 673.902 170.188 673.648 170.041ZM680.858 165.205C679.477 164.407 677.357 164.582 676.132 165.563C674.887 166.56 674.977 168.011 676.358 168.808C677.739 169.605 679.859 169.431 681.104 168.434C682.329 167.453 682.24 166.002 680.858 165.205ZM677.181 168.149C676.31 167.646 676.22 166.723 677.024 166.079C677.809 165.45 679.164 165.361 680.035 165.864C680.906 166.367 680.996 167.29 680.211 167.919C679.407 168.563 678.052 168.652 677.181 168.149Z"
fill="#FF99DD"
/>
<rect
x="0.0426884"
y="0.562485"
width="17.8422"
height="17.8422"
rx="8.9211"
transform="matrix(0.866025 0.5 -0.780649 0.62497 654.838 145.047)"
fill="white"
stroke="#D3DAE4"
/>
<path
d="M652.339 154.202C652.378 154.717 652.681 155.138 653.248 155.466C653.814 155.793 654.475 155.928 655.229 155.87C655.983 155.813 656.615 155.58 657.126 155.171C657.637 154.762 657.873 154.3 657.833 153.785C657.794 153.27 657.492 152.849 656.925 152.522C656.358 152.194 655.698 152.059 654.944 152.117C654.19 152.174 653.557 152.407 653.047 152.816C652.536 153.225 652.3 153.687 652.339 154.202ZM655.967 157.036L656.189 159.961L654.897 160.059L654.675 157.134L655 156.873L654.988 156.708C654.028 156.734 653.18 156.535 652.443 156.109C651.622 155.635 651.176 155.026 651.106 154.282C651.05 153.546 651.392 152.881 652.133 152.288C652.874 151.696 653.782 151.358 654.86 151.276C655.964 151.193 656.927 151.388 657.749 151.862C658.57 152.337 659.002 152.947 659.045 153.693C659.101 154.429 658.759 155.093 658.018 155.686C657.354 156.218 656.546 156.543 655.594 156.662L655.606 156.827L655.967 157.036Z"
fill="#A2B5CD"
/>
<rect
width="66.9945"
height="33.4972"
transform="matrix(0.866025 0.5 -0.780649 0.62497 465.403 27.8625)"
fill="#E4EAF1"
/>
<rect
opacity="0.25"
width="25.1229"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 257.593 158.983)"
fill="#8196B1"
/>
<path
d="M458.688 47.3323L459.337 39.5522C462.136 39.6728 464.435 40.2525 466.234 41.2911C468.033 42.3297 469.247 43.7782 469.875 45.6366L458.688 47.3323Z"
fill="#A2B5CD"
/>
<rect
width="38.7312"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 474.891 46.8521)"
fill="#A2B5CD"
/>
<rect
x="0.0426884"
y="0.562485"
width="204.694"
height="103.679"
rx="3.5"
transform="matrix(0.866025 0.5 -0.780649 0.62497 501.658 99.3972)"
fill="white"
stroke="#D3DAE4"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 466.336 136.498)"
fill="#F0F4F9"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 449.584 149.909)"
fill="#F0F4F9"
/>
<rect
width="188.422"
height="1.04679"
transform="matrix(0.866025 0.5 -0.780649 0.62497 483.088 123.086)"
fill="#F0F4F9"
/>
<path
opacity="0.25"
d="M449.83 155.136L446.348 153.126L432.878 163.91L595.602 257.859L625.146 234.207C616.44 229.181 604.265 239.666 594.756 234.176C585.247 228.686 576.799 238.956 566.085 232.77C555.37 226.584 599.825 194.501 590.316 189.011C580.807 183.521 558.368 203.7 548.591 198.055C538.814 192.411 551.949 184.847 542.039 179.125C532.128 173.403 552.839 158.853 543.463 153.44C534.088 148.027 498.193 178.425 488.684 172.935C479.175 167.445 475.553 172.928 465.299 167.481C455.045 162.034 453.446 157.224 449.83 155.136Z"
fill="url(#paint0_linear_18_45)"
/>
<path
d="M446.268 153.19C447.428 153.86 446.857 153.53 449.75 155.2C453.366 157.288 454.937 162.12 465.192 167.567C475.447 173.013 479.083 167.519 488.592 173.009C498.101 178.499 534.088 148.027 543.463 153.44C552.839 158.853 532.08 173.442 541.991 179.164C551.902 184.886 538.739 192.471 548.515 198.116C558.292 203.76 580.792 183.533 590.301 189.023C599.81 194.513 555.251 226.68 565.965 232.866C576.68 239.052 585.155 228.76 594.664 234.25C604.173 239.74 616.38 229.23 625.085 234.256"
stroke="#FF99DD"
stroke-linecap="round"
stroke-linejoin="round"
/>
<rect
width="47.1055"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 501.749 106.273)"
fill="#E4EAF1"
/>
<rect
x="0.0426884"
y="0.562485"
width="204.694"
height="61.8073"
rx="3.5"
transform="matrix(0.866025 0.5 -0.780649 0.62497 406.866 175.286)"
fill="white"
stroke="#D3DAE4"
/>
<rect
width="26.1697"
height="8.37431"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 406.957 182.162)"
fill="#E4EAF1"
/>
<rect
width="8.37431"
height="26.1697"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 394.061 194.984)"
fill="#FF99DD"
fill-opacity="0.4"
/>
<rect
width="8.37431"
height="20.9358"
rx="4"
transform="matrix(0.866025 0.5 -0.780649 0.62497 400.854 204.536)"
fill="#FF99DD"
fill-opacity="0.4"
/>
</g>
<rect x="61" y="160" width="400" height="2" transform="rotate(30 61 160)" fill="white" />
<g filter="url(#filter3_d_18_45)">
<circle r="7" transform="matrix(0.866025 0.5 -0.785749 0.618546 63.1344 162.83)" fill="#FF99DD" />
</g>
<rect y="281.265" width="400" height="2" transform="rotate(-38 0 281.265)" fill="white" />
<g filter="url(#filter4_d_18_45)">
<circle r="7" transform="matrix(0.866025 0.5 -0.785749 0.618546 319.134 33.8298)" fill="#FF99DD" />
</g>
<defs>
<filter
id="filter0_d_18_45"
x="341.787"
y="32.5599"
width="481.224"
height="320.057"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter1_d_18_45"
x="284.989"
y="22.5599"
width="509"
height="337.743"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter2_dd_18_45"
x="212.923"
y="0.298294"
width="568.534"
height="391.472"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="4" dy="8" />
<feGaussianBlur stdDeviation="10" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.05 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx="4" dy="8" />
<feGaussianBlur stdDeviation="4" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="effect1_dropShadow_18_45" result="effect2_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter3_d_18_45"
x="52.9488"
y="156.262"
width="20.3712"
height="15.1354"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<filter
id="filter4_d_18_45"
x="308.949"
y="27.2621"
width="20.3712"
height="15.1354"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dy="1" />
<feGaussianBlur stdDeviation="1" />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix type="matrix" values="0 0 0 0 0.0901961 0 0 0 0 0.160784 0 0 0 0 0.25098 0 0 0 0.1 0" />
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_45" />
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_45" result="shape" />
</filter>
<linearGradient
id="paint0_linear_18_45"
x1="568.174"
y1="167.706"
x2="535.994"
y2="223.444"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="#FF99DD" />
<stop offset="1" stop-color="#FF99DD" stop-opacity="0" />
</linearGradient>
</defs>
</svg>
<HeaderBackgroundLight class="header-background-light" />
<HeaderBackgroundDark class="header-background-dark" />
</div>
<div class="panels">
@@ -532,12 +119,16 @@
<script>
import Navbar from '@theme/components/Navbar.vue';
import HeaderBackgroundLight from '@theme/components/header-background/Light.vue';
import HeaderBackgroundDark from '@theme/components/header-background/Dark.vue';
export default {
name: 'Layout',
components: {
Navbar,
HeaderBackgroundLight,
HeaderBackgroundDark,
},
computed: {
@@ -588,7 +179,7 @@ export default {
display: flex;
align-items: center;
justify-content: flex-start;
color: #fff;
color: var(--background-page);
}
.header .text h1 {
@@ -629,6 +220,14 @@ export default {
margin: 0;
}
.panel svg circle {
fill: var(--primary);
}
.panel svg path {
fill: var(--background-page);
}
.panel h2 {
margin: 24px 0 16px !important;
color: var(--foreground-normal-alt);
@@ -698,4 +297,18 @@ export default {
width: 100%;
}
}
.header-background-dark {
display: none;
}
@media (prefers-color-scheme: dark) {
.header-background-light {
display: none;
}
.header-background-dark {
display: block;
}
}
</style>