progress on projects page

This commit is contained in:
Sangelo 2023-12-07 19:14:10 +01:00
parent 61ca6e63f7
commit 7f8e8cfbe2
8 changed files with 275 additions and 14 deletions

View file

@ -25,7 +25,6 @@
function openWebsite(url: string) {
goto(url);
}
</script>
<div id="projects" class="section">
@ -65,7 +64,37 @@
</svg>
<h1 class="no-select">Projects</h1>
</header>
<content />
<content>
<div class="content-container">
<div class="container">
<div class="one">
<button class="button inactive" />
<button class="button inactive" />
<button class="button sangelo"></button>
<button class="button lunivity"></button>
</div>
<div class="two">
<button class="button gitpot"></button>
<button class="button utility"></button>
<button class="button spectrumgal"></button>
<button class="button spacebot"></button>
</div>
<div class="thr">
<button class="button inactive" />
<button class="button sangefault"></button>
<button class="button next"></button>
<button class="button inactive" />
</div>
</div>
<div class="tip">
<p>
Click on a<br>
<span class="capri">bubble</span> for<br>
more <span class="french-sky">info</span>.
</p>
</div>
</div>
</content>
</div>
<style lang="scss">

View file

@ -337,14 +337,4 @@
<style lang="scss">
@import '../styles/socials.scss';
// .rotate-up {
// transform: rotate(0deg);
// transition: transform 0.3s ease-in-out;
// }
// .rotate-down {
// transform: rotate(180deg);
// transition: transform 0.3s ease-in-out;
// }
</style>

View file

@ -1,5 +1,33 @@
@import "./mobile-header.scss";
@media (max-width: 850px) {
content {
.content-container {
flex-wrap: wrap;
margin: 0;
.container {
grid-template-columns: 6em 6em 6em 6em;
grid-template-rows: 6em 6em 6em;
gap: 1em 1em;
margin: 0;
margin-top: 10%;
// margin-bottom: -40%;
// margin-left: -20%
}
.button {
width: 6em;
height: 6em;
border-radius: 20px;
margin: 0 0 0 1em;
background-size: 6em;
}
.tip {
text-align: center;
line-height: 130%;
}
}
}
}

View file

@ -32,8 +32,114 @@
content {
display: flex;
height: 80%;
width: 60em;
margin-left: 6em;
width: 100%;
align-items: center;
justify-content: center;
.content-container {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
.container {
display: grid;
grid-template-columns: 7em 7em 7em 7em;
grid-template-rows: 7em 7em 7em;
gap: 2em 2em;
grid-template-areas:
'one one one one'
'two two two two'
'thr thr thr thr';
transform: rotate(-45deg);
margin-right: -4em;
margin-bottom: -15%;
user-select: none;
cursor: default;
}
.one {
grid-area: one;
}
.two {
grid-area: two;
}
.thr {
grid-area: thr;
}
.button {
width: 8em;
height: 8em;
border-radius: 25px;
border: none;
color: white;
cursor: pointer;
transition: ease-in-out 0.1s;
margin: 0 0 0 2em;
overflow: hidden;
background-size: 8em;
}
.button:hover {
opacity: 0.9;
}
.button:active {
opacity: 0.8;
}
.inactive {
visibility: hidden;
}
.sangelo {
background-image: url('/assets/logos/sangelo.svg');
}
.lunivity {
background-image: url('/assets/logos/lunivity.svg');
}
.gitpot {
background-color: #161417;
background-image: url('/assets/logos/gitpot.svg');
}
.utility {
background-image: url('/assets/logos/utilityclient.svg');
}
// .spectrumgal {
// grid-area: 🌕;
// }
// .spacebot {
// grid-area: 🤖;
// }
// .sangefault {
// grid-area: 🎨;
// }
.tip {
width: 10em;
text-align: left;
font-weight: 600;
font-size: 25px;
z-index: 100;
margin-left: 1em;
.capri {
color: $capri;
}
.french-sky {
color: $french-sky-blue;
}
}
}
}
@import './mobile/projects.scss';

View file

@ -0,0 +1,21 @@
<svg width="220" height="220" viewBox="0 0 220 220" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_313_2)">
<rect width="220" height="220" fill="url(#paint0_radial_313_2)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M90.4467 50.2535L110.771 85.0839C116.206 94.3504 90.7553 94.8545 87.8444 89.6596L71.8057 61.0757C70.2788 58.3486 70.0069 55.0844 71.069 52.1439C72.1311 49.2034 74.419 46.8849 77.3224 45.799L77.6782 45.6652C82.4712 43.8717 87.8503 45.8054 90.4467 50.2535Z" fill="#F3F3F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M134.036 107.67C128.19 107.67 128.19 98.5188 134.036 98.5188H147.413C148.27 98.5188 149.085 98.1766 149.695 97.5669C150.298 96.951 150.636 96.1268 150.636 95.2606V95.2422C150.636 93.4426 149.193 91.9841 147.413 91.9841H72.3676C70.587 91.9841 69.1439 93.4426 69.1439 95.2422V95.2606C69.1439 96.1268 69.4824 96.951 70.0857 97.5669C70.6951 98.1766 71.5106 98.5188 72.3675 98.5188H85.0987C90.9447 98.5188 90.9447 107.67 85.0987 107.67H72.3675C69.1136 107.67 65.9869 106.365 63.6867 104.034C61.3806 101.71 60.0892 98.5494 60.0892 95.2606V95.2422C60.0892 88.3846 65.5887 82.8326 72.3675 82.8326H147.413C154.191 82.8326 159.691 88.3846 159.691 95.2422V95.2606C159.691 98.5494 158.399 101.709 156.093 104.034C153.793 106.365 150.667 107.67 147.413 107.67H134.036Z" fill="#F3F3F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M94.8007 146.893C91.1969 146.893 87.744 145.441 85.1963 142.873C82.6486 140.298 81.2187 136.803 81.2187 133.166V87.4089C81.2187 84.877 83.2469 82.8332 85.746 82.8332H124.984C128.587 82.8332 132.04 84.2794 134.588 86.8533C137.136 89.422 138.566 92.917 138.566 96.5604V114.863C138.566 122.441 132.487 128.59 124.984 128.59C117.48 128.59 111.402 122.441 111.402 114.863V111.812C111.402 110.965 110.726 110.288 109.893 110.288C109.06 110.288 108.384 110.965 108.384 111.812V133.166C108.384 140.744 102.306 146.893 94.8022 146.893H94.8007Z" fill="#F3F3F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M147.607 105.076C146.527 102.801 147.475 100.068 149.727 98.9698C151.978 97.878 154.682 98.836 155.769 101.112C158.974 107.848 160.773 115.394 160.773 123.356C160.773 151.738 137.974 174.782 109.891 174.782C81.8083 174.782 59.009 151.739 59.009 123.356C59.009 115.394 60.8078 107.848 64.0133 101.112C65.0997 98.836 67.8039 97.878 70.0554 98.9698C72.3069 100.068 73.2548 102.801 72.1745 105.076C69.543 110.61 68.0635 116.809 68.0635 123.355C68.0635 146.685 86.8064 165.629 109.891 165.629C132.975 165.629 151.718 146.686 151.718 123.355C151.718 116.809 150.24 110.61 147.607 105.076Z" fill="#F3F3F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M146.11 165.628C148.609 165.628 150.637 167.678 150.637 170.203C150.637 172.729 148.609 174.779 146.11 174.779H73.6722C71.1731 174.779 69.1449 172.729 69.1449 170.203C69.1449 167.678 71.1731 165.628 73.6722 165.628H146.11Z" fill="#F3F3F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M58.582 165.628C61.0811 165.628 63.1093 167.678 63.1093 170.203C63.1093 172.729 61.0811 174.779 58.582 174.779H49.5273C47.0282 174.779 45 172.729 45 170.203C45 167.678 47.0282 165.628 49.5273 165.628H58.582Z" fill="#F3F3F3"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M170.254 165.628C172.754 165.628 174.782 167.678 174.782 170.203C174.782 172.729 172.754 174.779 170.254 174.779H161.2C158.701 174.779 156.672 172.729 156.672 170.203C156.672 167.678 158.701 165.628 161.2 165.628H170.254Z" fill="#F3F3F3"/>
</g>
<defs>
<radialGradient id="paint0_radial_313_2" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(74.8936 57.5745) rotate(50.4206) scale(227.744)">
<stop offset="0.242846" stop-color="#E84E1B"/>
<stop offset="1" stop-color="#A9142F"/>
</radialGradient>
<clipPath id="clip0_313_2">
<rect width="220" height="220" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.8 KiB

View file

@ -0,0 +1,22 @@
<svg width="674" height="674" viewBox="0 0 674 674" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="674" height="674" fill="url(#paint0_linear_1_21)"/>
<g filter="url(#filter0_d_1_21)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M349.409 157.551C349.511 157.675 349.607 157.802 349.699 157.933C352.12 161.393 348.735 165.307 345.78 168.724C345.347 169.225 344.923 169.714 344.529 170.19C315.196 205.564 284.712 273.012 347.785 333.714C409.785 386.714 472.785 355.214 491.285 339.214C504.09 328.139 520.785 316.214 520.785 339.214C520.785 390.214 486.578 468.754 421.285 500.714C329.285 545.747 244.285 503.214 215.785 477.214C157.285 423.846 139.785 339.214 162.785 277.714C192.417 204.866 256.471 153.245 336.181 154.008C336.427 154.011 336.676 154.013 336.926 154.014C341.477 154.047 346.566 154.084 349.409 157.551ZM263 250.214C261.404 275.214 268.1 328.914 306.5 369.714C319.667 384.047 362 413.314 426 415.714C434.833 414.881 446.483 414.171 431.5 428.714C389 469.964 311.5 489.214 244 425.214C209.723 392.714 188.106 310.214 243 250.214C250.167 242.381 264.2 231.414 263 250.214Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_1_21" x="137" y="142" width="399.785" height="398.458" 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="4"/>
<feGaussianBlur stdDeviation="8"/>
<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.15 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_21"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_21" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1_21" x1="111" y1="674" x2="782.717" y2="-77.5721" gradientUnits="userSpaceOnUse">
<stop stop-color="#759CFF"/>
<stop offset="1" stop-color="#78A1BB"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2 KiB

View file

@ -0,0 +1,17 @@
<svg width="2000" height="2000" viewBox="0 0 2000 2000" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_8_14)">
<rect width="2000" height="500" fill="#00C4FB"/>
<rect y="500" width="2000" height="500" fill="#00B1FA"/>
<rect y="1000" width="2000" height="500" fill="#0091FB"/>
<rect y="1500" width="2000" height="500" fill="#0075F7"/>
<path d="M851.143 1404.83C829.526 1381.72 818.181 1355.78 818.181 1329.45C818.181 1300.16 812.155 1288.62 777.608 1251.74C743.294 1215.11 737.077 1199.86 743.965 1169.21C753.7 1125.88 769.842 1112.26 902.997 1034.99C937.151 1015.17 966.673 994.839 968.602 989.813C972.82 978.82 957.08 956.606 937.499 945.917C929.687 941.652 898.759 926.856 868.77 913.037C807.201 884.665 769.72 854.343 762.098 826.74C754.651 799.768 764.185 756.448 781.56 738.312C800.245 718.809 895.706 662.104 971.59 625.431C1074.77 575.568 1132.09 568.721 1165.63 602.253C1185.83 622.461 1187.71 656.732 1170.17 685.116C1155.26 709.25 1112.82 744.753 1070.32 768.645C1052 778.949 1036.2 791.515 1035.23 796.569C1032.86 808.864 1057.78 827.087 1145.46 877.187C1228.12 924.419 1249.77 945.788 1254.12 984.429C1257.55 1014.81 1246.43 1039.09 1220.18 1058.57C1210.02 1066.11 1160.11 1093.52 1109.27 1119.48C980.242 1185.36 957.505 1210.41 950.957 1293.93C945.446 1364.22 914.209 1420.45 880.681 1420.45C871.737 1420.45 859.907 1414.2 851.143 1404.83Z" fill="#121316"/>
<path d="M849.237 1396.46C829.423 1372.91 825.296 1362.16 821 1322.89C817.807 1293.7 814.277 1287.04 783.592 1252.28C745.129 1208.71 740.078 1195.65 749.51 1164.16C758.881 1132.89 783.443 1107.21 825.083 1085.15C889.857 1050.85 960.075 1005.22 966.465 993.279C971.472 983.923 970.61 978.702 962.227 967.603C950.019 951.44 942.197 946.873 868.77 913.037C778.165 871.285 751.322 838.003 762.03 780.689C768.65 745.252 782.804 731.098 853.959 688.758C981.894 612.633 1082.51 573.507 1128.27 582.092C1179.8 591.76 1198.43 645.841 1165.75 690.909C1147.45 716.144 1099.69 754.228 1063.64 772.336C1015.52 796.508 1025.21 809.53 1138.35 872.719C1239.81 929.38 1266.84 963.187 1250.43 1012.9C1240.8 1042.07 1221.19 1056.63 1124.78 1106.24C1012.44 1164.03 995.675 1175.41 972.539 1209.5C956.072 1233.77 952.641 1245.27 946.229 1297.64C941.777 1334.01 934.913 1364.08 928.903 1373.54C899.314 1420.1 875.015 1427.1 849.237 1396.46Z" fill="#121316"/>
<path d="M862.374 1401.99C844.097 1387.75 829.586 1355.43 829.565 1328.92C829.542 1299.46 815.622 1274.62 776.442 1234.13C755.531 1212.52 752.902 1206.81 753.392 1184.09C754.327 1140.66 770.641 1125.42 893.943 1052.76C1008.42 985.306 1007.14 973.91 877.703 909.091C781.514 860.919 767.044 846.991 767.044 802.575C767.044 760.395 780.077 741.698 831.683 709.849C964.562 627.841 1087.12 579.001 1130.12 590.92C1155.54 597.967 1161.38 601.898 1169.6 617.524C1191.72 659.55 1156.55 709.754 1069.27 760.728C1004.08 798.802 1011.42 810.56 1147.73 886.354C1177.41 902.863 1210.06 924.23 1220.28 933.837C1256.78 968.16 1255.33 1014.25 1216.72 1046.74C1206.95 1054.96 1162.5 1080.07 1117.94 1102.53C1073.38 1125 1029.26 1148.6 1019.88 1154.99C966.518 1191.34 945.568 1227.59 939.988 1293.23C932.87 1376.96 896.2 1428.35 862.374 1401.99Z" fill="#121316"/>
<path d="M862.361 1393.47C845.976 1374.78 835.227 1347.17 835.227 1323.77C835.227 1294.73 829.414 1283.57 793.997 1244.63C760.83 1208.17 755.963 1197.24 761.656 1172C768.14 1143.25 780.906 1127.59 813.755 1108.12C830.252 1098.33 871.874 1073.69 906.249 1053.35C940.624 1033.01 971.946 1012.2 975.852 1007.1C997.081 979.387 969.983 940.531 915.122 920.017C862.881 900.483 807.757 869.047 789.718 848.501C775.88 832.742 772.727 824.069 772.727 801.779C772.727 752.007 795.136 732.662 943.333 654.505C1022.31 612.855 1069.11 596.591 1109.99 596.591C1149.12 596.591 1164.33 607.931 1168.68 640.365C1171.73 663.111 1170.49 665.577 1140.03 697.511C1122.52 715.867 1091.26 740.79 1070.56 752.896C1049.86 765.002 1028.81 781.187 1023.78 788.863C1014.88 802.45 1015.24 803.358 1037.71 823.284C1050.4 834.54 1095.05 863.236 1136.92 887.053C1221.23 934.998 1238.64 952.618 1238.64 990.02C1238.64 1027.83 1224.95 1039.52 1113.53 1096.96C1057.1 1126.04 1001.36 1158.04 989.663 1168.05C956.908 1196.09 938.355 1235.14 934.27 1284.64C929.95 1336.97 922.915 1361.3 905.257 1384.94C889.888 1405.52 875.448 1408.39 862.361 1393.47Z" fill="#121316"/>
</g>
<defs>
<clipPath id="clip0_8_14">
<rect width="2000" height="2000" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 4.3 KiB

View file

@ -0,0 +1,48 @@
<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="512" height="512" fill="url(#paint0_linear_1524_2)"/>
<g filter="url(#filter0_d_1524_2)">
<path d="M191.118 179.455V296.012C191.118 329.448 218.224 356.554 251.66 356.554H278.703C312.139 356.554 339.245 329.448 339.245 296.012V179.455" stroke="#FFF9FB" stroke-width="42.5058" stroke-linecap="round"/>
<path d="M270.563 276.049C276.582 287.77 279.203 303.636 290.548 310.257C292.324 311.294 296.826 313.362 298.699 314.24C307.562 318.393 316.755 318.557 327.19 318.557C356.069 318.557 370.602 293.271 370.602 293.271H313.21H291.674L312.132 225.108L270.563 276.049Z" fill="#FFF9FB"/>
<path d="M318.062 188.388C318.046 183.459 322.037 179.455 326.965 179.455H351.538C356.455 179.455 360.441 183.441 360.441 188.358V271.067C360.441 275.972 356.473 279.954 351.567 279.97L318.369 280.078L318.062 188.388Z" fill="#FFF9FB"/>
<path d="M169.914 222.204C169.914 217.287 173.9 213.3 178.817 213.3H203.419C208.336 213.3 212.322 217.287 212.322 222.204V283.663C212.322 288.581 208.336 292.567 203.419 292.567H169.914V222.204Z" fill="#FFF9FB"/>
<path d="M194.353 284.054L209.99 284.054C210.243 295.268 211.482 294.742 216.112 303.152L194.353 308.399V284.054Z" fill="#FFF9FB"/>
<path d="M306.537 318.251C295.404 311.63 286.295 301.86 280.388 290.138H230.737H222.479C205.128 290.138 191.062 276.072 191.062 258.721C191.062 241.37 205.128 227.304 222.479 227.304H280.388C282.318 223.475 284.59 219.854 287.162 216.482C299.529 200.272 318.85 189.843 340.561 189.843C369.263 189.843 393.787 208.069 403.593 233.782H322.837V284.473H342.947H363.057H383.167H403.217H403.277L403.217 284.623C393.172 309.827 368.903 327.599 340.561 327.599C330.32 327.599 320.611 325.278 311.912 321.125C310.074 320.247 308.281 319.288 306.537 318.251Z" fill="#FF495C"/>
<path d="M403.217 284.623C403.237 284.573 403.257 284.523 403.277 284.473M403.217 284.623V284.473H403.277M403.217 284.623C393.172 309.827 368.903 327.599 340.561 327.599C330.32 327.599 320.611 325.278 311.912 321.125C310.074 320.247 308.281 319.288 306.537 318.251C295.404 311.63 286.295 301.86 280.388 290.138H230.737H222.479C205.128 290.138 191.062 276.072 191.062 258.721V258.721C191.062 241.37 205.128 227.304 222.479 227.304H280.388C282.318 223.475 284.59 219.854 287.162 216.482C299.529 200.272 318.85 189.843 340.561 189.843C369.263 189.843 393.787 208.069 403.593 233.782H322.837V284.473H342.947H363.057H383.167H403.277M403.217 284.623L403.277 284.473" stroke="#FF495C" stroke-width="8.90316"/>
<g filter="url(#filter1_d_1524_2)">
<mask id="path-8-outside-1_1524_2" maskUnits="userSpaceOnUse" x="79.998" y="177.62" width="340" height="168" fill="black">
<rect fill="white" x="79.998" y="177.62" width="340" height="168"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M404 241.462H321.234V283.25H403.78L401.3 289.495C390.617 316.296 364.772 335.279 334.507 335.279C323.586 335.279 313.222 332.803 303.939 328.371C301.978 327.435 300.066 326.412 298.207 325.306C287.157 318.735 277.989 309.26 271.705 297.917H161.426C153.009 297.917 146.186 291.094 146.186 282.678C146.186 280.627 146.591 278.671 147.325 276.885H137.887C129.47 276.885 122.647 270.062 122.647 261.645C122.647 259.596 123.051 257.642 123.784 255.858H105.935C97.6858 255.858 90.998 249.17 90.998 240.92C90.998 232.67 97.6858 225.983 105.935 225.983H250.74C251.324 225.983 251.901 226.016 252.467 226.081H271.65C273.404 222.904 275.384 219.873 277.568 217.011C290.729 199.761 311.329 188.62 334.507 188.62C365.156 188.62 390.872 207.643 401.3 234.985L404 241.462Z"/>
</mask>
<path fill-rule="evenodd" clip-rule="evenodd" d="M404 241.462H321.234V283.25H403.78L401.3 289.495C390.617 316.296 364.772 335.279 334.507 335.279C323.586 335.279 313.222 332.803 303.939 328.371C301.978 327.435 300.066 326.412 298.207 325.306C287.157 318.735 277.989 309.26 271.705 297.917H161.426C153.009 297.917 146.186 291.094 146.186 282.678C146.186 280.627 146.591 278.671 147.325 276.885H137.887C129.47 276.885 122.647 270.062 122.647 261.645C122.647 259.596 123.051 257.642 123.784 255.858H105.935C97.6858 255.858 90.998 249.17 90.998 240.92C90.998 232.67 97.6858 225.983 105.935 225.983H250.74C251.324 225.983 251.901 226.016 252.467 226.081H271.65C273.404 222.904 275.384 219.873 277.568 217.011C290.729 199.761 311.329 188.62 334.507 188.62C365.156 188.62 390.872 207.643 401.3 234.985L404 241.462Z" fill="#252627"/>
<path d="M321.234 241.462V231.17H310.942V241.462H321.234ZM404 241.462V251.754H419.441L413.5 237.502L404 241.462ZM321.234 283.25H310.942V293.542H321.234V283.25ZM403.78 283.25L413.345 287.05L418.943 272.958H403.78V283.25ZM401.3 289.495L410.86 293.306L410.865 293.295L401.3 289.495ZM303.939 328.371L308.374 319.083L308.374 319.083L303.939 328.371ZM298.207 325.306L292.947 334.152L292.947 334.152L298.207 325.306ZM271.705 297.917L280.708 292.93L277.769 287.625H271.705V297.917ZM147.325 276.885L156.844 280.799L162.687 266.593H147.325V276.885ZM123.784 255.858L133.304 259.769L139.139 245.565H123.784V255.858ZM252.467 226.081L251.29 236.306L251.877 236.373H252.467V226.081ZM271.65 226.081V236.373H277.725L280.661 231.055L271.65 226.081ZM277.568 217.011L285.75 223.254L285.75 223.254L277.568 217.011ZM401.3 234.985L391.683 238.652L391.739 238.799L391.8 238.945L401.3 234.985ZM321.234 251.754H404V231.17H321.234V251.754ZM331.526 283.25V241.462H310.942V283.25H331.526ZM403.78 272.958H321.234V293.542H403.78V272.958ZM410.865 293.295L413.345 287.05L394.215 279.451L391.735 285.696L410.865 293.295ZM334.507 345.572C369.221 345.572 398.707 323.796 410.86 293.306L391.739 285.685C382.527 308.796 360.323 324.987 334.507 324.987V345.572ZM299.505 337.659C310.139 342.736 322.014 345.572 334.507 345.572V324.987C325.157 324.987 316.306 322.871 308.374 319.083L299.505 337.659ZM292.947 334.152C295.072 335.416 297.26 336.587 299.505 337.659L308.374 319.083C306.696 318.283 305.06 317.407 303.468 316.46L292.947 334.152ZM262.702 302.905C269.862 315.829 280.315 326.64 292.947 334.152L303.468 316.46C293.999 310.829 286.117 302.692 280.708 292.93L262.702 302.905ZM161.426 308.209H271.705V287.625H161.426V308.209ZM135.894 282.678C135.894 296.778 147.325 308.209 161.426 308.209V287.625C158.693 287.625 156.478 285.41 156.478 282.678H135.894ZM137.807 272.97C136.57 275.976 135.894 279.261 135.894 282.678H156.478C156.478 281.993 156.611 281.365 156.844 280.799L137.807 272.97ZM137.887 287.177H147.325V266.593H137.887V287.177ZM112.355 261.645C112.355 275.746 123.786 287.177 137.887 287.177V266.593C135.154 266.593 132.939 264.378 132.939 261.645H112.355ZM114.264 251.946C113.03 254.95 112.355 258.232 112.355 261.645H132.939C132.939 260.961 133.072 260.334 133.304 259.769L114.264 251.946ZM105.935 266.15H123.784V245.565H105.935V266.15ZM80.706 240.92C80.706 254.854 92.0016 266.15 105.935 266.15V245.565C103.37 245.565 101.29 243.486 101.29 240.92H80.706ZM105.935 215.691C92.0016 215.691 80.706 226.986 80.706 240.92H101.29C101.29 238.355 103.37 236.275 105.935 236.275V215.691ZM250.74 215.691H105.935V236.275H250.74V215.691ZM253.644 215.857C252.688 215.747 251.719 215.691 250.74 215.691V236.275C250.93 236.275 251.114 236.286 251.29 236.306L253.644 215.857ZM271.65 215.789H252.467V236.373H271.65V215.789ZM269.385 210.768C266.896 214.031 264.639 217.486 262.64 221.108L280.661 231.055C282.17 228.322 283.872 225.715 285.75 223.254L269.385 210.768ZM334.507 178.328C307.939 178.328 284.381 191.113 269.385 210.768L285.75 223.254C297.077 208.408 314.72 198.912 334.507 198.912V178.328ZM410.916 231.317C399.04 200.176 369.624 178.328 334.507 178.328V198.912C360.688 198.912 382.705 215.11 391.683 238.652L410.916 231.317ZM413.5 237.502L410.799 231.024L391.8 238.945L394.5 245.422L413.5 237.502Z" fill="#FFF9FB" mask="url(#path-8-outside-1_1524_2)"/>
</g>
<path d="M318.032 167.555C318.032 160.868 323.454 155.447 330.141 155.447H348.332C355.019 155.447 360.441 160.868 360.441 167.555V283.315H318.032V167.555Z" fill="#FFF9FB"/>
<path d="M169.913 167.555C169.913 160.868 175.334 155.447 182.021 155.447H200.213C206.9 155.447 212.321 160.866 212.321 167.553C212.321 223.922 212.321 284.772 212.321 284.772C212.321 284.772 212.321 315.479 226.488 326.378L212.321 338.894L173.881 315.479C169.495 303.035 171.264 297.499 169.913 284.772V167.555Z" fill="#FFF9FB"/>
</g>
<defs>
<filter id="filter0_d_1524_2" x="77.6063" y="155.447" width="344.934" height="228.56" 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="3.09974"/>
<feGaussianBlur stdDeviation="1.54987"/>
<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.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1524_2"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1524_2" result="shape"/>
</filter>
<filter id="filter1_d_1524_2" x="77.6063" y="176.778" width="344.934" height="173.443" 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.54987"/>
<feGaussianBlur stdDeviation="1.54987"/>
<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.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1524_2"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1524_2" result="shape"/>
</filter>
<linearGradient id="paint0_linear_1524_2" x1="-75.776" y1="3.74908e-06" x2="385.024" y2="384" gradientUnits="userSpaceOnUse">
<stop stop-color="#AA4465"/>
<stop offset="1" stop-color="#FF495C"/>
</linearGradient>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 9.7 KiB