zhangqi
/
money
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

支付弹框页面及样式

pull/3/head
zq 5 months ago
parent
b0fad8ce71
commit
19eea2ddaf
18 changed files with 199 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 187
      style/css/index.css
  2. BIN
      style/img/againPay_back.png
  3. 1
      style/img/blue_ai.svg
  4. BIN
      style/img/blue_back.png
  5. 1
      style/img/blue_left.svg
  6. 1
      style/img/blue_line.svg
  7. 1
      style/img/blue_logo.svg
  8. 1
      style/img/colorAll-ai.svg
  9. 1
      style/img/orange_ai.svg
  10. BIN
      style/img/orange_back.png
  11. 1
      style/img/orange_left.svg
  12. 1
      style/img/orange_line.svg
  13. 1
      style/img/orange_logo.svg
  14. 1
      style/img/purple_ai.svg
  15. BIN
      style/img/purple_back.png
  16. 1
      style/img/purple_left.svg
  17. 1
      style/img/purple_line.svg
  18. 1
      style/img/purple_logo.svg

187
style/css/index.css
View File

@ -1254,6 +1254,28 @@ li .select_icon, .pay_every .pay_icon{
transition: all .5s ease;
color: #8C919D;
}
.normal_recommend_title >span::before{
content: '';
width: 20px;
height: 20px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
margin-right: 6px;
background: url(../img/title_icon_normal.svg) no-repeat !important;
background-size: 20px;
}
.recommend_title >span::before{
content: '';
width: 20px;
height: 20px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
margin-right: 6px;
background: url(../img/title_icon.svg) no-repeat !important;
background-size: 20px;
}
.recommend_title{
background: #FFF5ED;
color: #FF7800;
@ -1519,7 +1541,7 @@ li .select_icon, .pay_every .pay_icon{
background: linear-gradient(270deg, #6C69F5 0%, #3467E5 100%);
border: 7px solid #DDE1FC;
}
.checkbox_wrap {
.checkbox_wrap , .checkbox_wrap p{
margin-top: 12px;
font-size: 12px;
line-height: 18px;
@ -2090,3 +2112,166 @@ footer a{
}
/* 报告下载end */
/* 五彩斑斓支付框 start*/
.pay_complete_modal{
position: fixed;
width: 1058px;
height: 640px;
left: 50%;
top: 20%;
z-index: 999;
transform: translateX(-50%);
border-radius: 16px;
font-family: Microsoft YaHei UI;
display: flex;
/* padding: 28px 36px 36px; */
}
.pay_complete_modal .pay_com_left{
width: 268px;
height: 640px;
background: rgba(255, 255, 255, 0.7);
border-radius: 16px 0 0 16px;
display: flex;
flex-direction: column;
align-items: center;
}
.pay_com_right{
flex: 1;
display: flex;
flex-direction: column;
}
.pay_com_left .left_logo{
font-size: 22px;
font-weight: bold;
margin-top: 30px;
margin-bottom: 20px;
width: 210px;
}
.pay_com_left .left_logo::before{
content: '';
width:32px;
height:32px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
background-size:32px;
}
.pay_com_left .left_ai{
background: url(../img/colorAll-ai.svg) no-repeat;
background-size: 210px 82px;
height: 82px;
color: #3D3D3D;
width: 190px;
line-height: 22px;
padding: 14px 0px 0px 20px;
position: relative;
}
.left_ai .left_ai_img{
width: 68px;
height: 86px;
position: absolute;
right: 0;
top: 26px;
}
.left_line{
width: 204px;
height: 1px;
margin:40px 0;
/* margin-top: auto; */
}
.left_ai_listMes{
}
.left_ai_listMes .listMes_item{
margin-bottom: 32px;
}
.listMes_item b{
display: block;
font-size: 15px;
color: #323232;
}
.listMes_item p{
font-size: 12px;
color: #323232;
width: 203px;
line-height: 17px;
margin-top: 9px;
}
.listMes_item b::before{
content: '';
width:18px;
height:18px;
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
background-size:18px;
margin-right: 12px;
}
.pay_com_right .right_title{
display: flex;
align-items: center;
padding: 26px 36px;
justify-content: flex-end;
font-size: 15px;
font-weight: bold;
color: #131A6A;
}
.pay_com_right .right_title img{
margin-left: 10px;
}
.pay_com_right .right_main{
flex: 1;
padding: 36px 36px 0;
background-color: #fff;
border-radius: 0 0 16px 0;
}
/* purple start */
.purpleColor{
background: url(../img/purple_back.png) no-repeat;
background-size: 100% 100%;
}
.purpleColor .left_logo{
background: linear-gradient(90deg, #AD65F5 13%, #5159F9 74%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
font-family: Alimama ShuHeiTi;
}
/* colorAll-ai.svg */
.purpleColor .left_logo::before{
background: url(../img/purple_logo.svg) no-repeat !important;
}
.purpleColor .left_ai_img{
background: url(../img/purple_ai.svg) no-repeat !important;
}
.purpleColor .left_line{
background: url(../img/purple_line.svg) no-repeat !important;
}
.purpleColor .listMes_item b::before{
background: url(../img/purple_left.svg) no-repeat !important;
}
.purpleColor .right_title{
color: #131A6A;
}
/* purple end */
/* blue start */
.blueColor{
background: url(../img/blue_back.png);
}
.blueColor .right_title{
color: #0A2D4D;
}
.blueColor .left_logo{
background: linear-gradient(90deg, #4689FA 8%, #606CF4 75%);
}
/* blue end */
/* orange start */
.orangeColor{
background: url(../img/blue_back.png);
}
.orangeColor .right_title{
color: #7E5335;
}
/* orange end */
/* 五彩斑斓支付框 end*/

BIN
style/img/againPay_back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

1
style/img/blue_ai.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 440 KiB

BIN
style/img/blue_back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

1
style/img/blue_left.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_36_14123"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_36_14123)"><g><path d="M18,0L0,0L0,18L18,18L18,0Z" fill="#FFFFFF" fill-opacity="0.009999999776482582" style="mix-blend-mode:passthrough"/></g><g><path d="M14.85078125,1.75L3.15078125,1.75C2.40519925,1.75,1.80078125,2.354418,1.80078125,3.1L1.80078125,14.8C1.80078125,15.5456,2.40519925,16.15,3.15078125,16.15L14.85078125,16.15C15.59638125,16.15,16.20078125,15.5456,16.20078125,14.8L16.20078125,3.1C16.20078125,2.354418,15.59638125,1.75,14.85078125,1.75Z" fill="#5B6FF6" fill-opacity="1"/><path d="M16.80078125,14.8L16.80078125,3.1Q16.80078125,2.292284,16.22968125,1.7211452Q15.65848125,1.15,14.85078125,1.15L3.15078125,1.15Q2.34306625,1.15,1.77192385,1.7211426Q1.20078125,2.292285,1.20078125,3.1L1.20078125,14.8Q1.20078125,15.6077,1.77192605,16.1789Q2.34306625,16.75,3.15078125,16.75L14.85078125,16.75Q15.65848125,16.75,16.22968125,16.1789Q16.80078125,15.6077,16.80078125,14.8ZM14.85078125,2.35Q15.60078125,2.35,15.60078125,3.1L15.60078125,14.8Q15.60078125,15.55,14.85078125,15.55L3.15078125,15.55Q2.40078125,15.55,2.40078125,14.8L2.40078125,3.1Q2.40078125,2.35,3.15078125,2.35L14.85078125,2.35Z" fill-rule="evenodd" fill="#5B6FF6" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M13.2130075,6.762157Q13.3028675,6.654327,13.3506575,6.522346Q13.3984375,6.390365,13.3984375,6.25Q13.3984375,6.1712069,13.3830675,6.093928Q13.3676975,6.016649,13.3375375,5.943853Q13.3073875,5.871058,13.263617499999999,5.805544Q13.2198375,5.74003,13.1641275,5.684315Q13.1084075,5.628599,13.042897499999999,5.584824Q12.9773775,5.541049,12.9045875,5.510896Q12.8317875,5.480744,12.754507499999999,5.465372Q12.6772275,5.45,12.5984375,5.45Q12.5104775,5.45,12.4246275,5.46911Q12.3387675,5.488219,12.2591175,5.525526Q12.179467500000001,5.562832,12.1098175,5.616553Q12.0401775,5.670274,11.983867499999999,5.737843L8.0649775,10.440380000000001L5.9838715,8.20579Q5.8703735,8.083919999999999,5.7176725,8.01746Q5.5649725,7.95101,5.3984375,7.95101Q5.3196444,7.95101,5.2423655,7.96638Q5.1650865,7.98175,5.0922905,8.01191Q5.0194955,8.04206,4.9539815,8.08583Q4.8884675,8.12961,4.8327525,8.18532Q4.7770365,8.24104,4.7332615,8.30655Q4.6894865,8.37207,4.6593335,8.44486Q4.6291815,8.51766,4.6138095,8.59494Q4.5984375,8.67222,4.5984375,8.75101Q4.5984375,8.90276,4.6540095,9.04397Q4.7095804999999995,9.185179999999999,4.8130035,9.29623L4.8131065,9.29634L7.5128675000000005,12.195219999999999Q7.5473175,12.23221,7.5861475,12.264569999999999Q7.708387500000001,12.36644,7.8603175,12.41378Q8.0122475,12.461120000000001,8.1707175,12.44672Q8.3291975,12.432310000000001,8.4700975,12.358360000000001Q8.6109975,12.2844,8.7128675,12.16216L13.2123375,6.76296L13.2130075,6.762157L13.2130075,6.762157Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.0 KiB

1
style/img/blue_line.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="205" height="1" viewBox="0 0 205 1"><g><path d="M204.5,1L0.5,1L0.5,0L204.5,0L204.5,1Z" fill-rule="evenodd" fill="#C5D6F0" fill-opacity="1"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 266 B

1
style/img/blue_logo.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="master_svg0_36_14109"><rect x="0" y="0" width="32" height="32" rx="0"/></clipPath><linearGradient x1="0.08459588140249252" y1="0.5" x2="0.7503449320793152" y2="0.5" id="master_svg1_4_8983"><stop offset="0%" stop-color="#4689FA" stop-opacity="1"/><stop offset="100%" stop-color="#606CF4" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.3479612176359999" y2="0.7875543685657367" id="master_svg2_15_8935"><stop offset="7.14285746216774%" stop-color="#AD65F5" stop-opacity="1"/><stop offset="68.6888039112091%" stop-color="#606CF4" stop-opacity="1"/><stop offset="100%" stop-color="#A7B2FA" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_36_14109)"><g><path d="M0,29.15988193359375L1.64383,28.50278193359375C2.78245,27.17988193359375,3.98993,25.91778193359375,5.26125,24.72178193359375C11.8378,24.39328193359375,17.5912,23.73738193359375,21.5371,18.14518193359375C22.1368,16.944781933593752,21.232,16.97728193359375,20.8187,16.992081933593752C20.7791,16.99348193359375,20.744,16.99478193359375,20.7152,16.99478193359375C23.8393,15.67948193359375,30.5795,10.74795193359375,29.5927,8.28097193359375Q29.2205,7.90883193359375,28.9412,8.00520193359375Q32.4283,5.71783193359375,32.102,4.3219219335937495Q31.9716,3.76383993359375,31.2316,3.34824793359375Q28.596,1.8680619335937498,22.0244,4.17016193359375Q22.2213,3.77643193359375,22.1031,3.54019193359375Q21.926,3.18583393359375,21.0401,3.18583393359375C17.4573,3.62212493359375,14.0837,5.10897193359375,11.3444,7.45906193359375Q11.3444,6.66626193359375,11.0458,6.53057193359375Q10.849,6.44114193359375,10.5225,6.63714193359375Q-0.82192,13.70588193359375,3.45254,21.76138193359375Q14.7957,7.45906193359375,24.6599,5.81400193359375Q13.1519,10.41820193359375,0,29.15988193359375Z" fill="url(#master_svg1_4_8983)" fill-opacity="1"/></g><g><path d="M6.7197265625,30.48746337890625Q23.4134265625,29.171863378906252,23.4134265625,26.57809337890625C23.4134265625,25.16871337890625,19.2822265625,23.86558337890625,19.2822265625,22.30934337890625C19.2822265625,20.75309337890625,27.7259265625,18.51871337890625,29.2822265625,18.39996337890625Q20.2385265625,20.79371337890625,20.2385265625,22.34996337890625C20.2385265625,23.58746337890625,24.4291265625,24.88434337890625,24.4291265625,26.58121337890625C24.4291265625,26.57809337890625,25.4197265625,29.89056337890625,6.7197265625,30.48746337890625Z" fill="#0D627C" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M6.7197265625,30.48746337890625Q23.4134265625,29.171863378906252,23.4134265625,26.57809337890625C23.4134265625,25.16871337890625,19.2822265625,23.86558337890625,19.2822265625,22.30934337890625C19.2822265625,20.75309337890625,27.7259265625,18.51871337890625,29.2822265625,18.39996337890625Q20.2385265625,20.79371337890625,20.2385265625,22.34996337890625C20.2385265625,23.58746337890625,24.4291265625,24.88434337890625,24.4291265625,26.58121337890625C24.4291265625,26.57809337890625,25.4197265625,29.89056337890625,6.7197265625,30.48746337890625Z" fill="url(#master_svg2_15_8935)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

1
style/img/colorAll-ai.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="210" height="82" viewBox="0 0 210 82"><defs><radialGradient cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" id="master_svg0_15_8676" gradientTransform="translate(105 41) rotate(90) scale(41 105)"><stop offset="0%" stop-color="#FFFFFF" stop-opacity="1"/><stop offset="97.14285731315613%" stop-color="#FFFFFF" stop-opacity="0"/></radialGradient></defs><g><path d="M0,62C0,67.5229,4.47715,72,10,72L155,72L172.25,82L169.5,72L200,72C205.523,72,210,67.5229,210,62L210,10C210,4.47715,205.523,0,200,0L10,0C4.47715,0,0,4.47715,0,10L0,62Z" fill="#FFFFFF" fill-opacity="0.5"/><path d="M200,72L169.5,72L170.05,74L171.494,79.2498L172.25,82L169.782,80.5695L155,72L10,72C4.47715,72,0,67.5229,0,62L0,10C0,4.47715,4.47715,0,10,0L200,0C205.523,0,210,4.47715,210,10L210,62C210,67.5229,205.523,72,200,72ZM166.876,70L169.026,77.8193L155.538,70L10,70Q6.68629,70,4.34315,67.6569Q2,65.3137,2,62L2,10Q2,6.68629,4.34315,4.34315Q6.68629,2,10,2L200,2Q203.314,2,205.657,4.34315Q208,6.6863,208,10L208,62Q208,65.3137,205.657,67.6569Q203.314,70,200,70L166.876,70Z" fill-rule="evenodd" fill="url(#master_svg0_15_8676)" fill-opacity="1"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

1
style/img/orange_ai.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 480 KiB

BIN
style/img/orange_back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 110 KiB

1
style/img/orange_left.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_36_13475"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg1_28_05708"><stop offset="8.571428805589676%" stop-color="#A06542" stop-opacity="1"/><stop offset="100%" stop-color="#7C5134" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg2_28_05732"><stop offset="7.14285746216774%" stop-color="#9F6442" stop-opacity="1"/><stop offset="100%" stop-color="#7C5134" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_36_13475)"><g><path d="M18,0L0,0L0,18L18,18L18,0Z" fill="#FFFFFF" fill-opacity="0.009999999776482582" style="mix-blend-mode:passthrough"/></g><g><path d="M14.85078125,1.75L3.15078125,1.75C2.40519925,1.75,1.80078125,2.354418,1.80078125,3.1L1.80078125,14.8C1.80078125,15.5456,2.40519925,16.15,3.15078125,16.15L14.85078125,16.15C15.59638125,16.15,16.20078125,15.5456,16.20078125,14.8L16.20078125,3.1C16.20078125,2.354418,15.59638125,1.75,14.85078125,1.75Z" fill="url(#master_svg1_28_05708)" fill-opacity="1"/><path d="M16.80078125,14.8L16.80078125,3.1Q16.80078125,2.292284,16.22968125,1.7211452Q15.65848125,1.15,14.85078125,1.15L3.15078125,1.15Q2.34306625,1.15,1.77192385,1.7211426Q1.20078125,2.292285,1.20078125,3.1L1.20078125,14.8Q1.20078125,15.6077,1.77192605,16.1789Q2.34306625,16.75,3.15078125,16.75L14.85078125,16.75Q15.65848125,16.75,16.22968125,16.1789Q16.80078125,15.6077,16.80078125,14.8ZM14.85078125,2.35Q15.60078125,2.35,15.60078125,3.1L15.60078125,14.8Q15.60078125,15.55,14.85078125,15.55L3.15078125,15.55Q2.40078125,15.55,2.40078125,14.8L2.40078125,3.1Q2.40078125,2.35,3.15078125,2.35L14.85078125,2.35Z" fill-rule="evenodd" fill="url(#master_svg2_28_05732)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M13.2130075,6.762157Q13.3028675,6.654327,13.3506575,6.522346Q13.3984375,6.390365,13.3984375,6.25Q13.3984375,6.1712069,13.3830675,6.093928Q13.3676975,6.016649,13.3375375,5.943853Q13.3073875,5.871058,13.263617499999999,5.805544Q13.2198375,5.74003,13.1641275,5.684315Q13.1084075,5.628599,13.042897499999999,5.584824Q12.9773775,5.541049,12.9045875,5.510896Q12.8317875,5.480744,12.754507499999999,5.465372Q12.6772275,5.45,12.5984375,5.45Q12.5104775,5.45,12.4246275,5.46911Q12.3387675,5.488219,12.2591175,5.525526Q12.179467500000001,5.562832,12.1098175,5.616553Q12.0401775,5.670274,11.983867499999999,5.737843L8.0649775,10.440380000000001L5.9838715,8.20579Q5.8703735,8.083919999999999,5.7176725,8.01746Q5.5649725,7.95101,5.3984375,7.95101Q5.3196444,7.95101,5.2423655,7.96638Q5.1650865,7.98175,5.0922905,8.01191Q5.0194955,8.04206,4.9539815,8.08583Q4.8884675,8.12961,4.8327525,8.18532Q4.7770365,8.24104,4.7332615,8.30655Q4.6894865,8.37207,4.6593335,8.44486Q4.6291815,8.51766,4.6138095,8.59494Q4.5984375,8.67222,4.5984375,8.75101Q4.5984375,8.90276,4.6540095,9.04397Q4.7095804999999995,9.185179999999999,4.8130035,9.29623L4.8131065,9.29634L7.5128675000000005,12.195219999999999Q7.5473175,12.23221,7.5861475,12.264569999999999Q7.708387500000001,12.36644,7.8603175,12.41378Q8.0122475,12.461120000000001,8.1707175,12.44672Q8.3291975,12.432310000000001,8.4700975,12.358360000000001Q8.6109975,12.2844,8.7128675,12.16216L13.2123375,6.76296L13.2130075,6.762157L13.2130075,6.762157Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

1
style/img/orange_line.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="205" height="1" viewBox="0 0 205 1"><g><path d="M204.5,1L0.5,1L0.5,0L204.5,0L204.5,1Z" fill-rule="evenodd" fill="#DEC3A6" fill-opacity="1"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 266 B

1
style/img/orange_logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

1
style/img/purple_ai.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 444 KiB

BIN
style/img/purple_back.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 MiB

1
style/img/purple_left.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="18" height="18" viewBox="0 0 18 18"><defs><clipPath id="master_svg0_36_14576"><rect x="0" y="0" width="18" height="18" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg1_15_01186"><stop offset="2.857142873108387%" stop-color="#AD65F5" stop-opacity="1"/><stop offset="100%" stop-color="#8560F6" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.5" y2="1" id="master_svg2_15_01222"><stop offset="3.57142873108387%" stop-color="#A964F5" stop-opacity="1"/><stop offset="100%" stop-color="#8460F5" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_36_14576)"><g><path d="M18,0L0,0L0,18L18,18L18,0Z" fill="#FFFFFF" fill-opacity="0.009999999776482582" style="mix-blend-mode:passthrough"/></g><g><path d="M14.85078125,1.75L3.15078125,1.75C2.40519925,1.75,1.80078125,2.354418,1.80078125,3.1L1.80078125,14.8C1.80078125,15.5456,2.40519925,16.15,3.15078125,16.15L14.85078125,16.15C15.59638125,16.15,16.20078125,15.5456,16.20078125,14.8L16.20078125,3.1C16.20078125,2.354418,15.59638125,1.75,14.85078125,1.75Z" fill="url(#master_svg1_15_01186)" fill-opacity="1"/><path d="M16.80078125,14.8L16.80078125,3.1Q16.80078125,2.292284,16.22968125,1.7211452Q15.65848125,1.15,14.85078125,1.15L3.15078125,1.15Q2.34306625,1.15,1.77192385,1.7211426Q1.20078125,2.292285,1.20078125,3.1L1.20078125,14.8Q1.20078125,15.6077,1.77192605,16.1789Q2.34306625,16.75,3.15078125,16.75L14.85078125,16.75Q15.65848125,16.75,16.22968125,16.1789Q16.80078125,15.6077,16.80078125,14.8ZM14.85078125,2.35Q15.60078125,2.35,15.60078125,3.1L15.60078125,14.8Q15.60078125,15.55,14.85078125,15.55L3.15078125,15.55Q2.40078125,15.55,2.40078125,14.8L2.40078125,3.1Q2.40078125,2.35,3.15078125,2.35L14.85078125,2.35Z" fill-rule="evenodd" fill="url(#master_svg2_15_01222)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M13.2130075,6.762157Q13.3028675,6.654327,13.3506575,6.522346Q13.3984375,6.390365,13.3984375,6.25Q13.3984375,6.1712069,13.3830675,6.093928Q13.3676975,6.016649,13.3375375,5.943853Q13.3073875,5.871058,13.263617499999999,5.805544Q13.2198375,5.74003,13.1641275,5.684315Q13.1084075,5.628599,13.042897499999999,5.584824Q12.9773775,5.541049,12.9045875,5.510896Q12.8317875,5.480744,12.754507499999999,5.465372Q12.6772275,5.45,12.5984375,5.45Q12.5104775,5.45,12.4246275,5.46911Q12.3387675,5.488219,12.2591175,5.525526Q12.179467500000001,5.562832,12.1098175,5.616553Q12.0401775,5.670274,11.983867499999999,5.737843L8.0649775,10.440380000000001L5.9838715,8.20579Q5.8703735,8.083919999999999,5.7176725,8.01746Q5.5649725,7.95101,5.3984375,7.95101Q5.3196444,7.95101,5.2423655,7.96638Q5.1650865,7.98175,5.0922905,8.01191Q5.0194955,8.04206,4.9539815,8.08583Q4.8884675,8.12961,4.8327525,8.18532Q4.7770365,8.24104,4.7332615,8.30655Q4.6894865,8.37207,4.6593335,8.44486Q4.6291815,8.51766,4.6138095,8.59494Q4.5984375,8.67222,4.5984375,8.75101Q4.5984375,8.90276,4.6540095,9.04397Q4.7095804999999995,9.185179999999999,4.8130035,9.29623L4.8131065,9.29634L7.5128675000000005,12.195219999999999Q7.5473175,12.23221,7.5861475,12.264569999999999Q7.708387500000001,12.36644,7.8603175,12.41378Q8.0122475,12.461120000000001,8.1707175,12.44672Q8.3291975,12.432310000000001,8.4700975,12.358360000000001Q8.6109975,12.2844,8.7128675,12.16216L13.2123375,6.76296L13.2130075,6.762157L13.2130075,6.762157Z" fill-rule="evenodd" fill="#FFFFFF" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.5 KiB

1
style/img/purple_line.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="205" height="1" viewBox="0 0 205 1"><g><path d="M204.5,1L0.5,1L0.5,0L204.5,0L204.5,1Z" fill-rule="evenodd" fill="#DBC5F0" fill-opacity="1"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 266 B

1
style/img/purple_logo.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="master_svg0_36_14590"><rect x="0" y="0" width="32" height="32" rx="0"/></clipPath><linearGradient x1="0.5" y1="0" x2="0.43376490949310614" y2="0.8064983805327874" id="master_svg1_15_8929"><stop offset="7.14285746216774%" stop-color="#AD65F5" stop-opacity="1"/><stop offset="68.6888039112091%" stop-color="#606CF4" stop-opacity="1"/><stop offset="100%" stop-color="#A7B2FA" stop-opacity="1"/></linearGradient><linearGradient x1="0.5" y1="0" x2="0.3479612176359999" y2="0.7875543685657367" id="master_svg2_15_8935"><stop offset="7.14285746216774%" stop-color="#AD65F5" stop-opacity="1"/><stop offset="68.6888039112091%" stop-color="#606CF4" stop-opacity="1"/><stop offset="100%" stop-color="#A7B2FA" stop-opacity="1"/></linearGradient></defs><g clip-path="url(#master_svg0_36_14590)"><g><path d="M0,29.15988193359375L1.64383,28.50278193359375C2.78245,27.17988193359375,3.98993,25.91778193359375,5.26125,24.72178193359375C11.8378,24.39328193359375,17.5912,23.73738193359375,21.5371,18.14518193359375C22.1368,16.944781933593752,21.232,16.97728193359375,20.8187,16.992081933593752C20.7791,16.99348193359375,20.744,16.99478193359375,20.7152,16.99478193359375C23.8393,15.67948193359375,30.5795,10.74795193359375,29.5927,8.28097193359375Q29.2205,7.90883193359375,28.9412,8.00520193359375Q32.4283,5.71783193359375,32.102,4.3219219335937495Q31.9716,3.76383993359375,31.2316,3.34824793359375Q28.596,1.8680619335937498,22.0244,4.17016193359375Q22.2213,3.77643193359375,22.1031,3.54019193359375Q21.926,3.18583393359375,21.0401,3.18583393359375C17.4573,3.62212493359375,14.0837,5.10897193359375,11.3444,7.45906193359375Q11.3444,6.66626193359375,11.0458,6.53057193359375Q10.849,6.44114193359375,10.5225,6.63714193359375Q-0.82192,13.70588193359375,3.45254,21.76138193359375Q14.7957,7.45906193359375,24.6599,5.81400193359375Q13.1519,10.41820193359375,0,29.15988193359375Z" fill="url(#master_svg1_15_8929)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g><g><path d="M6.7197265625,30.48746337890625Q23.4134265625,29.171863378906252,23.4134265625,26.57809337890625C23.4134265625,25.16871337890625,19.2822265625,23.86558337890625,19.2822265625,22.30934337890625C19.2822265625,20.75309337890625,27.7259265625,18.51871337890625,29.2822265625,18.39996337890625Q20.2385265625,20.79371337890625,20.2385265625,22.34996337890625C20.2385265625,23.58746337890625,24.4291265625,24.88434337890625,24.4291265625,26.58121337890625C24.4291265625,26.57809337890625,25.4197265625,29.89056337890625,6.7197265625,30.48746337890625Z" fill="#0D627C" fill-opacity="1" style="mix-blend-mode:passthrough"/><path d="M6.7197265625,30.48746337890625Q23.4134265625,29.171863378906252,23.4134265625,26.57809337890625C23.4134265625,25.16871337890625,19.2822265625,23.86558337890625,19.2822265625,22.30934337890625C19.2822265625,20.75309337890625,27.7259265625,18.51871337890625,29.2822265625,18.39996337890625Q20.2385265625,20.79371337890625,20.2385265625,22.34996337890625C20.2385265625,23.58746337890625,24.4291265625,24.88434337890625,24.4291265625,26.58121337890625C24.4291265625,26.57809337890625,25.4197265625,29.89056337890625,6.7197265625,30.48746337890625Z" fill="url(#master_svg2_15_8935)" fill-opacity="1" style="mix-blend-mode:passthrough"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.3 KiB

Write Preview
Loading…
Cancel
Save