feat: 修改着陆页
@@ -1,3 +1,5 @@
|
||||
/** @format */
|
||||
|
||||
import web from "@/utils/axios/web.ts";
|
||||
|
||||
/**
|
||||
|
BIN
src/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8SsLLq7s.woff2
Normal file
BIN
src/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8UMLLq7s.woff2
Normal file
BIN
src/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8UcLLq7s.woff2
Normal file
BIN
src/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8XsLL.woff2
Normal file
BIN
src/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebegJo0yyg.woff2
Normal file
BIN
src/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebelJo0.woff2
Normal file
BIN
src/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebem5o0yyg.woff2
Normal file
BIN
src/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebempo0yyg.woff2
Normal file
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white">
|
||||
<polygon points="11.293 4.707 17.586 11 4 11 4 13 17.586 13 11.293 19.293 12.707 20.707 21.414 12 12.707 3.293 11.293 4.707"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 233 B |
@@ -1,3 +0,0 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
|
||||
<polygon points="11.293 4.707 17.586 11 4 11 4 13 17.586 13 11.293 19.293 12.707 20.707 21.414 12 12.707 3.293 11.293 4.707"/>
|
||||
</svg>
|
Before Width: | Height: | Size: 220 B |
@@ -1,3 +0,0 @@
|
||||
<svg fill="#10b981" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M10.28 2.28L3.989 8.575 1.695 6.28A1 1 0 00.28 7.695l3 3a1 1 0 001.414 0l7-7A1 1 0 0010.28 2.28z"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 281 B |
@@ -1 +0,0 @@
|
||||
<svg width="582" height="662" xmlns="http://www.w3.org/2000/svg"><defs><filter x="-37.5%" y="-37.5%" width="175%" height="175%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur stdDeviation="50" in="SourceGraphic"/></filter><filter x="-37.5%" y="-37.5%" width="175%" height="175%" filterUnits="objectBoundingBox" id="c"><feGaussianBlur stdDeviation="50" in="SourceGraphic"/></filter><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a"><stop stop-color="#60A5FA" stop-opacity="0" offset="0%"/><stop stop-color="#F656AA" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><circle fill-opacity="1" fill="url(#a)" filter="url(#b)" cx="314" cy="278" r="200"/><circle fill-opacity=".2" fill="#111827" filter="url(#c)" cx="518" cy="345" r="200"/></g></svg>
|
Before Width: | Height: | Size: 785 B |
Before Width: | Height: | Size: 18 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="24" height="18" xmlns="http://www.w3.org/2000/svg" fill="#3b82f6">
|
||||
<path d="M20.317 1.492c-1.53-.69-3.17-1.2-4.885-1.49a.075.075 0 0 0-.079.036c-.21.369-.444.85-.608 1.23a18.565 18.565 0 0 0-5.487 0C9.095.88 8.852.406 8.641.037A.077.077 0 0 0 8.562 0c-1.714.29-3.354.8-4.885 1.491a.07.07 0 0 0-.032.027C.533 6.093-.32 10.555.099 14.961a.08.08 0 0 0 .031.055 20.03 20.03 0 0 0 5.993 2.98.078.078 0 0 0 .084-.026c.462-.62.874-1.275 1.226-1.963.021-.04.001-.088-.041-.104a13.202 13.202 0 0 1-1.872-.878.075.075 0 0 1-.008-.125c.126-.093.252-.19.372-.287a.075.075 0 0 1 .078-.01c3.927 1.764 8.18 1.764 12.061 0a.075.075 0 0 1 .078.009c.12.097.246.195.373.288a.075.075 0 0 1-.006.125c-.598.344-1.22.635-1.873.877a.075.075 0 0 0-.041.105c.36.687.772 1.341 1.225 1.962a.077.077 0 0 0 .084.028 19.964 19.964 0 0 0 6.002-2.981.076.076 0 0 0 .032-.054c.5-5.094-.839-9.52-3.549-13.442a.06.06 0 0 0-.031-.028ZM8.02 12.278c-1.183 0-2.157-1.068-2.157-2.38 0-1.312.956-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.956 2.38-2.157 2.38Zm7.975 0c-1.183 0-2.157-1.068-2.157-2.38 0-1.312.955-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.946 2.38-2.157 2.38Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.2 KiB |
@@ -1,4 +0,0 @@
|
||||
<svg fill="#3b82f6" width="23" height="23" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4.924 19h6.927l5.128 1.386 3.399-12.548L16 6.654V4.582l5.859 1.586a1 1 0 0 1 .704 1.226l-3.913 14.48a1 1 0 0 1-1.226.705l-12.55-3.393.05-.186Z" fill-rule="nonzero" fill-opacity=".64"></path>
|
||||
<rect width="14" height="17" rx="1"></rect>
|
||||
</svg>
|
Before Width: | Height: | Size: 458 B |
Before Width: | Height: | Size: 51 KiB |
@@ -1 +0,0 @@
|
||||
<svg width="608" height="535" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a"><stop stop-color="#60A5FA" stop-opacity="0" offset="0%"/><stop stop-color="#F472B6" offset="100%"/></linearGradient><filter x="-37.5%" y="-37.5%" width="175%" height="175%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur stdDeviation="50" in="SourceGraphic"/></filter></defs><circle filter="url(#b)" cx="304" cy="223" r="200" fill="url(#a)" fill-rule="evenodd" fill-opacity=".32"/></svg>
|
Before Width: | Height: | Size: 524 B |
@@ -1,206 +0,0 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="1124px" height="484px" viewBox="0 0 1124 484" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 52.6 (67491) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>Illustration</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-1">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-2">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-3">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-4">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<linearGradient x1="0%" y1="100%" x2="107.798258%" y2="12.8367337%" id="linearGradient-5">
|
||||
<stop stop-color="#3B82F6" stop-opacity="0.64" offset="0%"></stop>
|
||||
<stop stop-color="#F9FAFB" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<filter x="-234.4%" y="-15000.0%" width="568.8%" height="30100.0%" filterUnits="objectBoundingBox" id="filter-6">
|
||||
<feGaussianBlur stdDeviation="50 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-7">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-8">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-9">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-10">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-234.4%" y="-15000.0%" width="568.8%" height="30100.0%" filterUnits="objectBoundingBox" id="filter-11">
|
||||
<feGaussianBlur stdDeviation="50 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<linearGradient x1="2.85392761%" y1="100%" x2="95.7528432%" y2="3.20075989%" id="linearGradient-12">
|
||||
<stop stop-color="#EC4899" offset="0%"></stop>
|
||||
<stop stop-color="#3B82F6" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<filter x="-62.5%" y="-62.5%" width="225.0%" height="225.0%" filterUnits="objectBoundingBox" id="filter-13">
|
||||
<feGaussianBlur stdDeviation="50" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-14">
|
||||
<stop stop-color="#4B5563" offset="0%"></stop>
|
||||
<stop stop-color="#4B5563" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-15">
|
||||
<stop stop-color="#4B5563" stop-opacity="0.64" offset="0%"></stop>
|
||||
<stop stop-color="#4B5563" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="50%" y1="100%" x2="50%" y2="6.16297582e-31%" id="linearGradient-16">
|
||||
<stop stop-color="#4B5563" offset="0%"></stop>
|
||||
<stop stop-color="#4B5563" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="50%" y1="100%" x2="50%" y2="6.16297582e-31%" id="linearGradient-17">
|
||||
<stop stop-color="#4B5563" stop-opacity="0.64" offset="0%"></stop>
|
||||
<stop stop-color="#4B5563" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-18">
|
||||
<stop stop-color="#3B82F6" stop-opacity="0" offset="0%"></stop>
|
||||
<stop stop-color="#3B82F6" offset="55.8746338%"></stop>
|
||||
<stop stop-color="#3B82F6" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<linearGradient x1="45.1617959%" y1="1.33287123%" x2="45.1617959%" y2="100%" id="linearGradient-19">
|
||||
<stop stop-color="#111827" stop-opacity="0.64" offset="0%"></stop>
|
||||
<stop stop-color="#111827" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<filter x="-30.4%" y="-30.4%" width="160.7%" height="160.7%" filterUnits="objectBoundingBox" id="filter-20">
|
||||
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||
<feColorMatrix values="0 0 0 0 0.231372549 0 0 0 0 0.509803922 0 0 0 0 0.964705882 0 0 0 0.48 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
|
||||
<feMerge>
|
||||
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
||||
<feMergeNode in="SourceGraphic"></feMergeNode>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-21">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-100.9%" y="-100.0%" width="301.7%" height="300.0%" filterUnits="objectBoundingBox" id="filter-22">
|
||||
<feGaussianBlur stdDeviation="4 0" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-117.2%" y="-117.2%" width="334.4%" height="334.4%" filterUnits="objectBoundingBox" id="filter-23">
|
||||
<feGaussianBlur stdDeviation="50" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<linearGradient x1="50%" y1="100%" x2="50%" y2="6.16297582e-31%" id="linearGradient-24">
|
||||
<stop stop-color="#3B82F6" stop-opacity="0" offset="0%"></stop>
|
||||
<stop stop-color="#3B82F6" offset="55.8746338%"></stop>
|
||||
<stop stop-color="#3B82F6" stop-opacity="0" offset="100%"></stop>
|
||||
</linearGradient>
|
||||
<filter x="-56.7%" y="-56.7%" width="213.3%" height="213.3%" filterUnits="objectBoundingBox" id="filter-25">
|
||||
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||
<feColorMatrix values="0 0 0 0 0.231372549 0 0 0 0 0.509803922 0 0 0 0 0.964705882 0 0 0 0.48 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
|
||||
<feMerge>
|
||||
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
||||
<feMergeNode in="SourceGraphic"></feMergeNode>
|
||||
</feMerge>
|
||||
</filter>
|
||||
<filter x="-117.2%" y="-117.2%" width="334.4%" height="334.4%" filterUnits="objectBoundingBox" id="filter-26">
|
||||
<feGaussianBlur stdDeviation="50" in="SourceGraphic"></feGaussianBlur>
|
||||
</filter>
|
||||
<filter x="-50.0%" y="-50.0%" width="200.0%" height="200.0%" filterUnits="objectBoundingBox" id="filter-27">
|
||||
<feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||
<feGaussianBlur stdDeviation="4" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||
<feColorMatrix values="0 0 0 0 0.231372549 0 0 0 0 0.509803922 0 0 0 0 0.964705882 0 0 0 0.48 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
|
||||
<feMerge>
|
||||
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
||||
<feMergeNode in="SourceGraphic"></feMergeNode>
|
||||
</feMerge>
|
||||
</filter>
|
||||
</defs>
|
||||
<g id="1---Pages" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="1.-Front" transform="translate(-158.000000, -942.000000)">
|
||||
<g id="Illustration/Icons" transform="translate(158.000000, 814.000000)">
|
||||
<g id="Illustration" transform="translate(0.000000, 128.000000)">
|
||||
<g id="Bg" transform="translate(10.000000, 10.000000)">
|
||||
<g id="Group-9" transform="translate(760.103448, 194.000000)">
|
||||
<g id="Group-7" fill="#BFDBFE" fill-rule="nonzero">
|
||||
<path d="M31.7068966,38.8 C29.7392069,38.8 28.137931,37.1848 28.137931,35.2 C28.137931,34.5376 27.6061552,34 26.9482759,34 C26.2903966,34 25.7586207,34.5376 25.7586207,35.2 C25.7586207,37.1848 24.1573448,38.8 22.1896552,38.8 C21.5317759,38.8 21,39.3376 21,40 C21,40.6624 21.5317759,41.2 22.1896552,41.2 C24.1573448,41.2 25.7586207,42.8152 25.7586207,44.8 C25.7586207,45.4624 26.2903966,46 26.9482759,46 C27.6061552,46 28.137931,45.4624 28.137931,44.8 C28.137931,42.8152 29.7392069,41.2 31.7068966,41.2 C32.3647759,41.2 32.8965517,40.6624 32.8965517,40 C32.8965517,39.3376 32.3647759,38.8 31.7068966,38.8 Z" id="Path" style="mix-blend-mode: overlay;" filter="url(#filter-1)"></path>
|
||||
<path d="M73.7068966,69.8 C71.7392069,69.8 70.137931,68.1848 70.137931,66.2 C70.137931,65.5376 69.6061552,65 68.9482759,65 C68.2903966,65 67.7586207,65.5376 67.7586207,66.2 C67.7586207,68.1848 66.1573448,69.8 64.1896552,69.8 C63.5317759,69.8 63,70.3376 63,71 C63,71.6624 63.5317759,72.2 64.1896552,72.2 C66.1573448,72.2 67.7586207,73.8152 67.7586207,75.8 C67.7586207,76.4624 68.2903966,77 68.9482759,77 C69.6061552,77 70.137931,76.4624 70.137931,75.8 C70.137931,73.8152 71.7392069,72.2 73.7068966,72.2 C74.3647759,72.2 74.8965517,71.6624 74.8965517,71 C74.8965517,70.3376 74.3647759,69.8 73.7068966,69.8 Z" id="Path" fill-opacity="0.48" style="mix-blend-mode: overlay;" filter="url(#filter-2)"></path>
|
||||
<path d="M10.7068966,4.8 C8.7392069,4.8 7.13793103,3.1848 7.13793103,1.2 C7.13793103,0.5376 6.60615517,0 5.94827586,0 C5.29039655,0 4.75862069,0.5376 4.75862069,1.2 C4.75862069,3.1848 3.15734483,4.8 1.18965517,4.8 C0.531775862,4.8 0,5.3376 0,6 C0,6.6624 0.531775862,7.2 1.18965517,7.2 C3.15734483,7.2 4.75862069,8.8152 4.75862069,10.8 C4.75862069,11.4624 5.29039655,12 5.94827586,12 C6.60615517,12 7.13793103,11.4624 7.13793103,10.8 C7.13793103,8.8152 8.7392069,7.2 10.7068966,7.2 C11.3647759,7.2 11.8965517,6.6624 11.8965517,6 C11.8965517,5.3376 11.3647759,4.8 10.7068966,4.8 Z" id="Path" fill-opacity="0.24" style="mix-blend-mode: overlay;" filter="url(#filter-3)"></path>
|
||||
<path d="M85.7068966,4.8 C83.7392069,4.8 82.137931,3.1848 82.137931,1.2 C82.137931,0.5376 81.6061552,0 80.9482759,0 C80.2903966,0 79.7586207,0.5376 79.7586207,1.2 C79.7586207,3.1848 78.1573448,4.8 76.1896552,4.8 C75.5317759,4.8 75,5.3376 75,6 C75,6.6624 75.5317759,7.2 76.1896552,7.2 C78.1573448,7.2 79.7586207,8.8152 79.7586207,10.8 C79.7586207,11.4624 80.2903966,12 80.9482759,12 C81.6061552,12 82.137931,11.4624 82.137931,10.8 C82.137931,8.8152 83.7392069,7.2 85.7068966,7.2 C86.3647759,7.2 86.8965517,6.6624 86.8965517,6 C86.8965517,5.3376 86.3647759,4.8 85.7068966,4.8 Z" id="Path" opacity="0.64" style="mix-blend-mode: overlay;" filter="url(#filter-4)"></path>
|
||||
</g>
|
||||
<path d="M31.8965517,40 L95.8965517,40" id="Path-6" stroke="url(#linearGradient-5)" filter="url(#filter-6)"></path>
|
||||
</g>
|
||||
<g id="Group-9" transform="translate(252.103448, 194.000000)">
|
||||
<g id="Group-7" fill="#BFDBFE" fill-rule="nonzero">
|
||||
<path d="M31.7068966,38.8 C29.7392069,38.8 28.137931,37.1848 28.137931,35.2 C28.137931,34.5376 27.6061552,34 26.9482759,34 C26.2903966,34 25.7586207,34.5376 25.7586207,35.2 C25.7586207,37.1848 24.1573448,38.8 22.1896552,38.8 C21.5317759,38.8 21,39.3376 21,40 C21,40.6624 21.5317759,41.2 22.1896552,41.2 C24.1573448,41.2 25.7586207,42.8152 25.7586207,44.8 C25.7586207,45.4624 26.2903966,46 26.9482759,46 C27.6061552,46 28.137931,45.4624 28.137931,44.8 C28.137931,42.8152 29.7392069,41.2 31.7068966,41.2 C32.3647759,41.2 32.8965517,40.6624 32.8965517,40 C32.8965517,39.3376 32.3647759,38.8 31.7068966,38.8 Z" id="Path" style="mix-blend-mode: overlay;" filter="url(#filter-7)"></path>
|
||||
<path d="M73.7068966,69.8 C71.7392069,69.8 70.137931,68.1848 70.137931,66.2 C70.137931,65.5376 69.6061552,65 68.9482759,65 C68.2903966,65 67.7586207,65.5376 67.7586207,66.2 C67.7586207,68.1848 66.1573448,69.8 64.1896552,69.8 C63.5317759,69.8 63,70.3376 63,71 C63,71.6624 63.5317759,72.2 64.1896552,72.2 C66.1573448,72.2 67.7586207,73.8152 67.7586207,75.8 C67.7586207,76.4624 68.2903966,77 68.9482759,77 C69.6061552,77 70.137931,76.4624 70.137931,75.8 C70.137931,73.8152 71.7392069,72.2 73.7068966,72.2 C74.3647759,72.2 74.8965517,71.6624 74.8965517,71 C74.8965517,70.3376 74.3647759,69.8 73.7068966,69.8 Z" id="Path" fill-opacity="0.48" style="mix-blend-mode: overlay;" filter="url(#filter-8)"></path>
|
||||
<path d="M10.7068966,4.8 C8.7392069,4.8 7.13793103,3.1848 7.13793103,1.2 C7.13793103,0.5376 6.60615517,0 5.94827586,0 C5.29039655,0 4.75862069,0.5376 4.75862069,1.2 C4.75862069,3.1848 3.15734483,4.8 1.18965517,4.8 C0.531775862,4.8 0,5.3376 0,6 C0,6.6624 0.531775862,7.2 1.18965517,7.2 C3.15734483,7.2 4.75862069,8.8152 4.75862069,10.8 C4.75862069,11.4624 5.29039655,12 5.94827586,12 C6.60615517,12 7.13793103,11.4624 7.13793103,10.8 C7.13793103,8.8152 8.7392069,7.2 10.7068966,7.2 C11.3647759,7.2 11.8965517,6.6624 11.8965517,6 C11.8965517,5.3376 11.3647759,4.8 10.7068966,4.8 Z" id="Path" fill-opacity="0.24" style="mix-blend-mode: overlay;" filter="url(#filter-9)"></path>
|
||||
<path d="M85.7068966,4.8 C83.7392069,4.8 82.137931,3.1848 82.137931,1.2 C82.137931,0.5376 81.6061552,0 80.9482759,0 C80.2903966,0 79.7586207,0.5376 79.7586207,1.2 C79.7586207,3.1848 78.1573448,4.8 76.1896552,4.8 C75.5317759,4.8 75,5.3376 75,6 C75,6.6624 75.5317759,7.2 76.1896552,7.2 C78.1573448,7.2 79.7586207,8.8152 79.7586207,10.8 C79.7586207,11.4624 80.2903966,12 80.9482759,12 C81.6061552,12 82.137931,11.4624 82.137931,10.8 C82.137931,8.8152 83.7392069,7.2 85.7068966,7.2 C86.3647759,7.2 86.8965517,6.6624 86.8965517,6 C86.8965517,5.3376 86.3647759,4.8 85.7068966,4.8 Z" id="Path" opacity="0.64" style="mix-blend-mode: overlay;" filter="url(#filter-10)"></path>
|
||||
</g>
|
||||
<path d="M18.8965517,40 L82.8965517,40" id="Path-6" stroke="url(#linearGradient-5)" filter="url(#filter-11)"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Main-Circle" transform="translate(378.000000, 58.000000)">
|
||||
<g id="Back">
|
||||
<rect id="Mask" fill="url(#linearGradient-12)" filter="url(#filter-13)" x="64" y="64" width="240" height="240" rx="120"></rect>
|
||||
<rect id="Mask" stroke="url(#linearGradient-14)" x="48.5" y="48.5" width="271" height="271" rx="135.5"></rect>
|
||||
<rect id="Mask" stroke="url(#linearGradient-15)" x="16.5" y="16.5" width="335" height="335" rx="167.5"></rect>
|
||||
<rect id="Mask" stroke="url(#linearGradient-16)" x="32.5" y="32.5" width="303" height="303" rx="151.5"></rect>
|
||||
<rect id="Mask" stroke="url(#linearGradient-17)" x="0.5" y="0.5" width="367" height="367" rx="183.5"></rect>
|
||||
</g>
|
||||
<g id="Front" transform="translate(64.000000, 64.000000)">
|
||||
<rect id="Mask" stroke="url(#linearGradient-18)" stroke-width="2" fill="#1F2937" x="1" y="1" width="238" height="238" rx="119"></rect>
|
||||
<rect id="Mask" fill="url(#linearGradient-19)" x="52" y="52" width="136" height="136" rx="68"></rect>
|
||||
<g id="Icon" filter="url(#filter-20)" transform="translate(92.000000, 92.000000)" stroke="#3B82F6" stroke-width="2">
|
||||
<path d="M34,50 L44,50" id="Path"></path>
|
||||
<path d="M12,28 L22,28" id="Path"></path>
|
||||
<path d="M28,34 L28,44" id="Path"></path>
|
||||
<circle id="Oval" stroke-linecap="square" cx="6" cy="6" r="6"></circle>
|
||||
<circle id="Oval" stroke-linecap="square" cx="6" cy="28" r="6"></circle>
|
||||
<circle id="Oval" stroke-linecap="square" cx="28" cy="28" r="6"></circle>
|
||||
<circle id="Oval" stroke-linecap="square" cx="28" cy="50" r="6"></circle>
|
||||
<circle id="Oval" stroke-linecap="square" cx="50" cy="50" r="6"></circle>
|
||||
<path d="M6,12 L6,22" id="Path"></path>
|
||||
<circle id="Oval" stroke-linecap="square" cx="28" cy="6" r="6"></circle>
|
||||
<circle id="Oval" stroke-linecap="square" cx="50" cy="6" r="6"></circle>
|
||||
<circle id="Oval" stroke-linecap="square" cx="50" cy="28" r="6"></circle>
|
||||
<circle id="Oval" stroke-linecap="square" cx="6" cy="50" r="6"></circle>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Front" transform="translate(390.000000, 64.000000)"></g>
|
||||
<g id="Stars" transform="translate(116.971774, 54.999683)" fill="#BFDBFE" fill-rule="nonzero">
|
||||
<g id="1" transform="translate(107.976502, 275.000317) rotate(-18.000000) translate(-107.976502, -275.000317) translate(102.028226, 269.000317)">
|
||||
<path d="M10.7068966,4.8 C8.7392069,4.8 7.13793103,3.1848 7.13793103,1.2 C7.13793103,0.5376 6.60615517,0 5.94827586,0 C5.29039655,0 4.75862069,0.5376 4.75862069,1.2 C4.75862069,3.1848 3.15734483,4.8 1.18965517,4.8 C0.531775862,4.8 0,5.3376 0,6 C0,6.6624 0.531775862,7.2 1.18965517,7.2 C3.15734483,7.2 4.75862069,8.8152 4.75862069,10.8 C4.75862069,11.4624 5.29039655,12 5.94827586,12 C6.60615517,12 7.13793103,11.4624 7.13793103,10.8 C7.13793103,8.8152 8.7392069,7.2 10.7068966,7.2 C11.3647759,7.2 11.8965517,6.6624 11.8965517,6 C11.8965517,5.3376 11.3647759,4.8 10.7068966,4.8 Z" id="Path" filter="url(#filter-21)"></path>
|
||||
</g>
|
||||
<g id="2" transform="translate(7.976502, 8.000317) rotate(-26.000000) translate(-7.976502, -8.000317) translate(2.028226, 2.000317)">
|
||||
<path d="M10.7068966,4.8 C8.7392069,4.8 7.13793103,3.1848 7.13793103,1.2 C7.13793103,0.5376 6.60615517,1.70530257e-13 5.94827586,1.70530257e-13 C5.29039655,1.70530257e-13 4.75862069,0.5376 4.75862069,1.2 C4.75862069,3.1848 3.15734483,4.8 1.18965517,4.8 C0.531775862,4.8 -4.54747351e-13,5.3376 -4.54747351e-13,6 C-4.54747351e-13,6.6624 0.531775862,7.2 1.18965517,7.2 C3.15734483,7.2 4.75862069,8.8152 4.75862069,10.8 C4.75862069,11.4624 5.29039655,12 5.94827586,12 C6.60615517,12 7.13793103,11.4624 7.13793103,10.8 C7.13793103,8.8152 8.7392069,7.2 10.7068966,7.2 C11.3647759,7.2 11.8965517,6.6624 11.8965517,6 C11.8965517,5.3376 11.3647759,4.8 10.7068966,4.8 Z" id="Path" filter="url(#filter-22)"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Circles" transform="translate(112.000000, 180.000000)">
|
||||
<g id="Group" transform="translate(772.000000, 0.000000)">
|
||||
<rect id="Mask" fill-opacity="0.48" fill="url(#linearGradient-12)" filter="url(#filter-23)" x="0" y="0" width="128" height="128" rx="64"></rect>
|
||||
<rect id="Mask" stroke="url(#linearGradient-24)" stroke-width="2" fill="#1F2937" x="1" y="1" width="126" height="126" rx="63"></rect>
|
||||
<rect id="Mask" fill="url(#linearGradient-19)" x="24" y="24" width="80" height="80" rx="40"></rect>
|
||||
<g id="transactions" filter="url(#filter-25)" transform="translate(49.000000, 49.000000)" stroke="#3B82F6" stroke-linecap="square" stroke-width="2">
|
||||
<ellipse id="Oval" cx="15" cy="3" rx="3.06309986" ry="3"></ellipse>
|
||||
<ellipse id="Oval" cx="3.06309986" cy="23.25" rx="3.06309986" ry="3"></ellipse>
|
||||
<ellipse id="Oval" cx="26.9369001" cy="23.25" rx="3.06309986" ry="3"></ellipse>
|
||||
<path d="M8.10904635,4.829 C2.53036157,7.97886737 -0.0746835712,14.4945874 1.83683888,20.517" id="Path"></path>
|
||||
<path d="M25.1184399,25.645 C20.7633883,30.2927892 13.6949081,31.3507443 8.12129875,28.189" id="Path"></path>
|
||||
<path d="M28.7839494,16.5 C28.7805368,10.1896096 24.3140775,4.72341546 18.0283847,3.337" id="Path"></path>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Group">
|
||||
<rect id="Mask" fill-opacity="0.48" fill="url(#linearGradient-12)" filter="url(#filter-26)" x="0" y="0" width="128" height="128" rx="64"></rect>
|
||||
<rect id="Mask" stroke="url(#linearGradient-24)" stroke-width="2" fill="#1F2937" x="1" y="1" width="126" height="126" rx="63"></rect>
|
||||
<rect id="Mask" fill="url(#linearGradient-19)" x="24" y="24" width="80" height="80" rx="40"></rect>
|
||||
<g id="Path-2" filter="url(#filter-27)" transform="translate(48.000000, 48.000000)" fill="#3B82F6">
|
||||
<path d="M16,0 C7.2,0 0,7.38096604 0,16.4021467 C0,23.6805994 4.6,29.8314044 10.9,31.9841862 C11.7,32.0866996 12,31.6766459 12,31.1640788 C12,30.7540252 12,29.728891 12,28.3962166 C7.5,29.4213507 6.6,26.2434348 6.6,26.2434348 C5.9,24.3981933 4.8,23.8856262 4.8,23.8856262 C3.3,22.860492 4.9,22.860492 4.9,22.860492 C6.5,22.9630054 7.4,24.5007067 7.4,24.5007067 C8.8,26.9610287 11.1,26.2434348 12.1,25.8333811 C12.2,24.808247 12.7,24.090653 13.1,23.6805994 C9.5,23.2705457 5.8,21.8353579 5.8,15.5820394 C5.8,13.8393113 6.4,12.3016101 7.4,11.1739625 C7.2,10.7639088 6.7,9.12369413 7.6,6.86839895 C7.6,6.86839895 8.9,6.45834528 12,8.50861363 C13.3,8.09855996 14.6,7.99604654 16,7.99604654 C17.4,7.99604654 18.7,8.20107337 20,8.50861363 C23.1,6.35583186 24.4,6.76588553 24.4,6.76588553 C25.3,9.02118071 24.7,10.6613954 24.6,11.0714491 C25.6,12.1990966 26.2,13.6342845 26.2,15.479526 C26.2,21.7328444 22.5,23.1680323 18.9,23.5780859 C19.5,24.090653 20,25.1157872 20,26.6534885 C20,28.8062702 20,30.6515117 20,31.1640788 C20,31.5741325 20.3,32.0866996 21.1,31.9841862 C27.4,29.8314044 32,23.6805994 32,16.4021467 C32,7.38096604 24.8,0 16,0 Z" id="Path"></path>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 23 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="12" height="14" xmlns="http://www.w3.org/2000/svg" fill="#059669">
|
||||
<path d="M5.315.068a.5.5 0 0 0-.745.347A7.31 7.31 0 0 1 3.182 3.6a7.924 7.924 0 0 1-.8.83A6.081 6.081 0 0 0 0 9.035a5.642 5.642 0 0 0 2.865 4.9.5.5 0 0 0 .746-.4 2.267 2.267 0 0 1 .912-1.67 4.067 4.067 0 0 0 1.316-1.4 4.662 4.662 0 0 1 1.819 3.1.5.5 0 0 0 .742.371c1.767-.999 2.86-2.87 2.865-4.9-.001-3.589-2.058-6.688-5.95-8.968Z"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 509 B |
@@ -1,3 +0,0 @@
|
||||
<svg fill="#3b82f6" width="24" height="24" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M12 0C5.4 0 0 5.4 0 12c0 5.3 3.4 9.8 8.2 11.4.6.1.8-.3.8-.6v-2c-3.3.7-4-1.6-4-1.6-.5-1.4-1.3-1.8-1.3-1.8-1.2-.7 0-.7 0-.7 1.2.1 1.8 1.2 1.8 1.2 1.1 1.8 2.8 1.3 3.5 1 .1-.8.4-1.3.8-1.6-2.7-.3-5.5-1.3-5.5-5.9 0-1.3.5-2.4 1.2-3.2 0-.4-.5-1.6.2-3.2 0 0 1-.3 3.3 1.2 1-.3 2-.4 3-.4s2 .1 3 .4C17.3 4.6 18.3 5 18.3 5c.7 1.7.2 2.9.1 3.2.8.8 1.2 1.9 1.2 3.2 0 4.6-2.8 5.6-5.5 5.9.4.4.8 1.1.8 2.2v3.3c0 .3.2.7.8.6 4.8-1.6 8.2-6.1 8.2-11.4C24 5.4 18.6 0 12 0Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 656 B |
Before Width: | Height: | Size: 19 KiB |
Before Width: | Height: | Size: 90 KiB |
@@ -1,16 +0,0 @@
|
||||
<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<radialGradient cx="50%" cy="89.845%" fx="50%" fy="89.845%" r="89.85%" id="icon2-b">
|
||||
<stop stop-color="#3B82F6" stop-opacity=".64" offset="0%"></stop>
|
||||
<stop stop-color="#F472B6" stop-opacity=".876" offset="100%"></stop>
|
||||
</radialGradient>
|
||||
<circle id="icon2-a" cx="28" cy="28" r="28"></circle>
|
||||
</defs>
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<use fill="url(#icon2-b)" xlink:href="#icon2-a"></use>
|
||||
<g stroke="#FDF2F8" stroke-linecap="square" stroke-width="2">
|
||||
<path d="m22 24-4 4 4 4M34 24l4 4-4 4"></path>
|
||||
<path d="m26 36 4-16" opacity=".64"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,16 +0,0 @@
|
||||
<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<radialGradient cx="50%" cy="89.845%" fx="50%" fy="89.845%" r="89.85%" id="icon3-b">
|
||||
<stop stop-color="#3B82F6" stop-opacity=".64" offset="0%"></stop>
|
||||
<stop stop-color="#F472B6" stop-opacity=".876" offset="100%"></stop>
|
||||
</radialGradient>
|
||||
<circle id="icon3-a" cx="28" cy="28" r="28"></circle>
|
||||
</defs>
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<use fill="url(#icon3-b)" xlink:href="#icon3-a"></use>
|
||||
<g stroke="#FDF2F8" stroke-linecap="square" stroke-width="2">
|
||||
<path d="m18 31 4 4 12-15"></path>
|
||||
<path d="M39 25h-3M39 30h-7M39 35H28" opacity=".64"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" fill="#9ca3af">
|
||||
<path d="M6 0a6 6 0 1 0 0 12A6 6 0 0 0 6 0Zm0 9a3 3 0 1 1 0-6 3 3 0 0 1 0 6Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 188 B |
@@ -1,3 +0,0 @@
|
||||
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" fill="#9ca3af">
|
||||
<path d="M1.999 9.012a.999.999 0 0 1-.706-1.707l3.496-3.5a.998.998 0 0 1 1.413 0l2.29 2.293 2.79-2.793a.998.998 0 1 1 1.413 1.414l-3.496 3.5a.998.998 0 0 1-1.413 0l-2.29-2.293-2.79 2.793a.998.998 0 0 1-.707.293Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 323 B |
@@ -1,3 +0,0 @@
|
||||
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" fill="#9ca3af">
|
||||
<path d="M12.334 8.06a.5.5 0 0 0-.421-.237 6.023 6.023 0 0 1-5.905-6c0-.41.042-.82.125-1.221a.5.5 0 0 0-.614-.586 6 6 0 1 0 6.832 8.529.5.5 0 0 0-.017-.485Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 268 B |
@@ -1,3 +0,0 @@
|
||||
<svg viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" fill="#9ca3af">
|
||||
<path d="M11.953 4.29a.5.5 0 0 0-.454-.292H6.14L6.984.62A.5.5 0 0 0 6.12.173l-6 7a.5.5 0 0 0 .379.825h5.359l-.844 3.38a.5.5 0 0 0 .864.445l6-7a.5.5 0 0 0 .075-.534Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 276 B |
@@ -1,16 +0,0 @@
|
||||
<svg width="56" height="56" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<radialGradient cx="50%" cy="89.845%" fx="50%" fy="89.845%" r="89.85%" id="icon1-b">
|
||||
<stop stop-color="#3B82F6" stop-opacity=".64" offset="0%"></stop>
|
||||
<stop stop-color="#F472B6" stop-opacity=".876" offset="100%"></stop>
|
||||
</radialGradient>
|
||||
<circle id="icon1-a" cx="28" cy="28" r="28"></circle>
|
||||
</defs>
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<use fill="url(#icon1-b)" xlink:href="#icon1-a"></use>
|
||||
<g stroke="#FDF2F8" stroke-linecap="square" stroke-width="2">
|
||||
<path d="M17 28h22" opacity=".64"></path>
|
||||
<path d="M20 23v-3h3M33 20h3v3M36 33v3h-3M23 36h-3v-3"></path>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.3 KiB |
Before Width: | Height: | Size: 5.7 KiB |
Before Width: | Height: | Size: 24 KiB |
BIN
src/assets/images/logo.png
Normal file
After Width: | Height: | Size: 18 KiB |
@@ -1,20 +0,0 @@
|
||||
<svg width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_202_10)">
|
||||
<path opacity="0.64" d="M75 18.75C125 61.9687 150 97.3875 150 125C150 166.419 116.419 200 75 200C33.5813 200 0 166.419 0 125C0 97.3875 25 61.9687 75 18.75Z" fill="url(#paint0_radial_202_10)"/>
|
||||
<path opacity="0.961" d="M125 181.25C175 138.031 200 102.613 200 75C200 33.5813 166.419 0 125 0C83.5813 0 50 33.5813 50 75C50 102.613 75 138.031 125 181.25Z" fill="url(#paint1_radial_202_10)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<radialGradient id="paint0_radial_202_10" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16231.4 6540.55) rotate(90.6335) scale(13477.5 19677.4)">
|
||||
<stop stop-color="#3B82F6" stop-opacity="0.64"/>
|
||||
<stop offset="1" stop-color="#F472B6" stop-opacity="0.876"/>
|
||||
</radialGradient>
|
||||
<radialGradient id="paint1_radial_202_10" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16212.2 -6363.03) rotate(-90.6335) scale(13477.5 19677.4)">
|
||||
<stop stop-color="#3B82F6" stop-opacity="0.64"/>
|
||||
<stop offset="0.50358" stop-color="#D375C2" stop-opacity="0.833"/>
|
||||
<stop offset="1" stop-color="#FBCFE8" stop-opacity="0.876"/>
|
||||
</radialGradient>
|
||||
<clipPath id="clip0_202_10">
|
||||
<rect width="200" height="200" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
Before Width: | Height: | Size: 1.3 KiB |
@@ -1 +0,0 @@
|
||||
<svg t="1716225886816" class="icon" viewBox="0 0 8140 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="12123" width="200" height="200"><path d="M547.84 445.44h547.84v122.88H547.84z" fill="#8a8a8a" p-id="12124"></path><path d="M1367.04 0h-363.52l87.04 122.88L1356.8 204.8c51.2 15.36 81.92 61.44 81.92 107.52v394.24c0 51.2-30.72 92.16-81.92 107.52l-266.24 81.92-81.92 128h363.52c153.6 0 271.36-122.88 271.36-271.36V271.36c0-148.48-122.88-271.36-276.48-271.36zM281.6 819.2c-51.2-15.36-81.92-61.44-81.92-107.52V312.32c0-51.2 30.72-92.16 81.92-107.52l266.24-81.92L634.88 0H271.36C122.88 0 0 122.88 0 271.36v476.16c0 153.6 122.88 271.36 271.36 271.36h363.52l-87.04-122.88L281.6 819.2zM5913.6 40.96c-158.72 0-286.72 128-286.72 281.6V716.8c0 153.6 128 281.6 286.72 281.6 158.72 0 286.72-128 286.72-281.6v-5.12h-122.88v5.12c0 87.04-71.68 158.72-163.84 158.72-87.04 0-163.84-71.68-163.84-158.72V322.56c0-87.04 71.68-158.72 163.84-158.72 87.04 0 163.84 71.68 163.84 158.72v5.12h122.88v-5.12c0-153.6-128-281.6-286.72-281.6zM6717.44 291.84c-133.12 0-240.64 102.4-245.76 230.4V768c5.12 128 112.64 230.4 245.76 230.4 133.12 0 240.64-102.4 245.76-230.4v-240.64c-5.12-133.12-112.64-235.52-245.76-235.52z m122.88 460.8c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-51.2-122.88-122.88v-209.92c0-66.56 56.32-122.88 122.88-122.88 66.56 0 122.88 56.32 122.88 122.88v209.92zM6261.76 40.96h122.88v942.08h-122.88zM2851.84 291.84h122.88v686.08h-122.88zM2606.08 40.96h122.88v942.08h-122.88zM2293.76 40.96h-153.6l-250.88 942.08h122.88l66.56-250.88h271.36l66.56 245.76h122.88L2293.76 40.96z m-184.32 568.32l102.4-389.12 102.4 389.12h-204.8zM7424 762.88c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-56.32-122.88-122.88V291.84h-122.88v491.52c0 117.76 97.28 215.04 215.04 215.04 20.48 0 40.96-5.12 61.44-10.24 10.24-5.12 25.6-10.24 35.84-15.36 20.48-10.24 35.84-20.48 51.2-35.84l5.12-5.12v51.2h122.88V291.84H7424v471.04zM2851.84 40.96h122.88v122.88h-122.88zM3374.08 291.84c-56.32 0-107.52 20.48-148.48 61.44l-5.12 5.12V40.96h-122.88v942.08h122.88v-51.2l5.12 5.12c40.96 40.96 92.16 61.44 148.48 61.44 117.76 0 215.04-97.28 215.04-215.04V506.88c0-117.76-97.28-215.04-215.04-215.04z m92.16 471.04c0 66.56-56.32 122.88-122.88 122.88s-122.88-56.32-122.88-122.88v-235.52c0-66.56 56.32-122.88 122.88-122.88s122.88 56.32 122.88 122.88v235.52zM4531.2 291.84c-56.32 0-107.52 20.48-148.48 61.44l-10.24 5.12V40.96H4249.6v942.08h122.88v-51.2l5.12 5.12c40.96 40.96 92.16 61.44 148.48 61.44 117.76 0 215.04-97.28 215.04-215.04V506.88c0-117.76-97.28-215.04-209.92-215.04z m87.04 471.04c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-56.32-122.88-122.88v-235.52c0-66.56 56.32-122.88 122.88-122.88 66.56 0 122.88 56.32 122.88 122.88v235.52zM8002.56 40.96V358.4l-5.12-5.12c-40.96-40.96-92.16-61.44-148.48-61.44-117.76 0-215.04 97.28-215.04 215.04v276.48c0 117.76 97.28 209.92 215.04 209.92 56.32 0 107.52-20.48 148.48-61.44l5.12-5.12v51.2h122.88V40.96h-122.88z m0 721.92c0 66.56-56.32 122.88-122.88 122.88-66.56 0-122.88-56.32-122.88-122.88v-235.52c0-66.56 56.32-122.88 122.88-122.88 66.56 0 122.88 56.32 122.88 122.88v235.52zM4157.44 496.64c-5.12-35.84-20.48-71.68-40.96-102.4-46.08-61.44-112.64-97.28-184.32-102.4h-15.36c-56.32 0-112.64 20.48-158.72 56.32-46.08 35.84-71.68 87.04-87.04 143.36h122.88c10.24-56.32 61.44-97.28 117.76-97.28 30.72 0 61.44 10.24 87.04 35.84 20.48 20.48 35.84 51.2 35.84 81.92v56.32h-174.08c-117.76 0-215.04 97.28-215.04 215.04 0 97.28 66.56 184.32 158.72 204.8h5.12c5.12 0 10.24 0 10.24 5.12h51.2c30.72 0 56.32-5.12 76.8-10.24 30.72-10.24 61.44-25.6 87.04-51.2l5.12-5.12v51.2h122.88v-455.68c0-5.12 0-10.24-5.12-25.6z m-122.88 256c0 66.56-46.08 122.88-112.64 133.12-10.24 0-20.48 5.12-25.6 5.12-20.48 0-40.96-5.12-61.44-15.36-5.12-5.12-10.24-5.12-15.36-10.24-5.12-5.12-15.36-10.24-20.48-20.48-15.36-20.48-20.48-40.96-20.48-66.56 0-61.44 51.2-112.64 112.64-112.64h148.48v87.04zM5314.56 501.76c-5.12-35.84-20.48-71.68-40.96-102.4-46.08-61.44-112.64-97.28-184.32-102.4h-15.36c-56.32 0-112.64 20.48-158.72 56.32-46.08 35.84-71.68 87.04-87.04 143.36h122.88c10.24-56.32 61.44-97.28 117.76-97.28 30.72 0 61.44 10.24 87.04 35.84 20.48 20.48 35.84 51.2 35.84 81.92v56.32H5017.6c-117.76 0-215.04 97.28-215.04 215.04 0 97.28 66.56 184.32 158.72 204.8h5.12c5.12 0 10.24 0 10.24 5.12h51.2c30.72 0 56.32-5.12 76.8-10.24 30.72-10.24 61.44-25.6 87.04-51.2l5.12-5.12v51.2h122.88v-455.68c-5.12-10.24-5.12-15.36-5.12-25.6z m-122.88 250.88c0 66.56-46.08 122.88-112.64 133.12-10.24 0-20.48 5.12-25.6 5.12-20.48 0-40.96-5.12-61.44-15.36-5.12-5.12-10.24-5.12-15.36-10.24-5.12-5.12-15.36-10.24-20.48-20.48-15.36-20.48-20.48-40.96-20.48-66.56 0-61.44 51.2-112.64 112.64-112.64h148.48v87.04z" fill="#8a8a8a" p-id="12125"></path></svg>
|
Before Width: | Height: | Size: 4.6 KiB |
@@ -1 +0,0 @@
|
||||
<svg t="1716226067508" class="icon" viewBox="0 0 3584 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17890" width="200" height="200"><path d="M190.836 656.29V465.456c0-37.237-18.618-72.146-51.2-90.764L9.31 297.89v463.127c0 11.637 6.982 23.273 16.291 27.927l400.29 232.728V870.4c0-37.236-18.617-72.145-51.2-90.764l-167.563-95.418c-9.309-6.982-16.29-16.29-16.29-27.927m514.327 27.927L537.6 781.964c-32.582 18.618-51.2 53.527-51.2 90.763V1024l400.29-232.727c9.31-4.655 16.292-16.291 16.292-27.928V297.891l-130.327 74.473c-32.582 18.618-51.2 53.527-51.2 90.763v190.837c0 13.963-6.982 23.272-16.291 30.254M646.982 109.382L479.418 11.636c-9.309-4.654-23.273-4.654-32.582 0L46.546 244.364l130.327 74.472c32.582 18.619 72.145 18.619 102.4 0l167.563-97.745c2.328-2.327 4.655-2.327 6.982-2.327 9.31-2.328 16.291-2.328 25.6 2.327l167.564 97.745c32.582 18.619 72.145 18.619 102.4 0l130.327-74.472-232.727-134.982zM1754.764 747.055V656.29h-430.546v121.018h397.964c25.6 4.655 34.909-4.654 32.582-30.254z m-430.546-197.819h432.873V428.218h-432.873v121.018z m-162.909-384h754.036v102.4h-283.927l-16.29 65.164h265.308v449.164c4.655 62.836-30.254 93.09-107.054 90.763h-577.164v-537.6H1459.2l13.964-65.163h-311.855V165.236z m1163.636 481.746l48.873 27.927 51.2 27.927 93.091-55.854h-193.164z m-11.636-239.71v72.146h249.018c25.6 4.655 39.564-2.327 39.564-18.618v-53.527h-288.582z m-107.054 2.328h-39.564v-88.436h34.909v-34.91h107.055v30.255h288.581v-27.927h107.055v27.927h34.909v88.436h-34.91v74.473c-4.654 41.891-30.254 62.837-81.454 62.837h-418.909V409.6z m-32.582 237.382v-79.127h560.872V640l-197.818 118.69 18.618 9.31c13.964 9.31 27.928 11.636 46.546 9.31H2739.2v88.435h-174.545c-23.273 0-46.546-4.654-65.164-11.636l-72.146-34.909-62.836 30.255c-23.273 9.309-48.873 16.29-76.8 18.618h-132.654v-90.764h93.09c20.946 0 37.237-2.327 46.546-6.982l34.909-16.29L2176 646.981h-2.327z m151.272-463.127V153.6h121.019v30.255h297.89v88.436h-602.763V870.4h-104.727V183.855h288.581z m521.31 616.727l109.381-274.618h-109.381V425.89h728.436v100.073h-500.364l-97.745 246.69h467.782c9.309 2.328 13.963-2.327 13.963-11.636V644.655h114.037V793.6c0 48.873-25.6 74.473-74.473 74.473h-649.31v-67.491z m0-518.982h728.436V181.527h-728.436V281.6z" p-id="17891" fill="#8a8a8a"></path></svg>
|
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 5.7 KiB |
@@ -1 +0,0 @@
|
||||
<svg t="1716225754481" class="icon" viewBox="0 0 6806 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2632" width="200" height="200"><path d="M2207.930676 17.328265h381.221828v989.05048h-381.221828zM1745.843613 30.973227l-773.828408 415.208665a38.4654 38.4654 0 0 1-35.828489 0L162.358308 30.973227A117.53084 117.53084 0 0 0 107.066912 17.328265h-0.962681A100.453709 100.453709 0 0 0 0 110.540936v894.707705h380.886981V579.366769a38.423544 38.423544 0 0 1 57.970162-28.545596l433.667034 233.052606a152.103658 152.103658 0 0 0 139.630656 1.17196l457.608502-235.815083a38.381688 38.381688 0 0 1 57.384182 28.880441v427.137544h380.886981V110.540936A100.453709 100.453709 0 0 0 1802.097691 17.328265h-0.962682a117.53084 117.53084 0 0 0-55.291396 13.644962z m2744.227918-13.644962h-386.621214v450.158185a38.214265 38.214265 0 0 1-56.002943 29.550133L3045.505334 28.252606a118.200531 118.200531 0 0 0-49.850153-10.924341h-0.669692a100.453709 100.453709 0 0 0-106.10423 93.212671v894.749561h383.523891V555.63458a38.256121 38.256121 0 0 1 55.961087-29.591989l1005.876477 468.783978a117.740119 117.740119 0 0 0 49.724586 10.882485 100.453709 100.453709 0 0 0 106.104231-93.212671z m299.728755 989.05048V17.328265h175.41729v989.05048z m1207.788433 17.621255c-471.8813 0-806.643286-196.721848-806.643287-511.979072C5190.945432 198.437932 5527.716493 0 5997.588719 0s808.652361 196.721848 808.65236 512.020928-330.743838 511.979072-808.65236 511.979072z m0-892.907909c-350.876436 0-621.13877 134.649826-621.13877 380.886981 0 248.036951 270.262334 380.886981 621.13877 380.886982s623.105988-132.850031 623.105988-380.886982c0-246.237155-272.229552-380.886981-623.105988-380.886981z" fill="#8a8a8a" p-id="2633"></path></svg>
|
Before Width: | Height: | Size: 1.7 KiB |
@@ -1 +0,0 @@
|
||||
<svg t="1716226168906" class="icon" viewBox="0 0 3174 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22437" width="200" height="200"><path d="M1436.42082 85.117c45.333-100.269-12.49-62.655-12.49-62.655s-202.175 331.6-700.261 331.6c-78.893 0-150.168-8.456-214.318-22.646-28.01-93.47-65.828-164.991-123.303-175.782 0 0 2.498 58.233 7.33 141.568C136.65782 201.315 29.69382 17.752 29.69382 17.752S-14.08318-37.06 4.67082 45.967c14.231 62.963 122.034 311.617 400.44 428.04 11.876 157.293 29.177 325.356 51.29 381.91 45.313 115.932 101.56 126.907 271.956 126.907 170.357 0 262.599-14.108 287.6-112.8 25.02-98.692 51.597-322.734 48.465-333.689-3.133-10.975 1.228-38.391-45.333 1.556-61.488 52.745-127.132 266.346-144.844 286.698-18.878 21.704-154.221 53.79-231.844 24.038-41.75-30.037-62.204-178.341-90.48-330.249 53.092 10.463 110.73 16.38 173.324 16.38 520.487 0 665.843-349.373 711.176-449.641z m201.07 396.262c-18.592-10.197-39.456-17.875-62.573-23.096a317.841 317.841 0 0 0-139.91 0c-23.137 5.22-44.001 12.9-62.572 23.096-18.592 10.176-33.56 23.076-44.944 38.72-11.364 15.622-17.056 33.64-17.056 53.993v267.164c0 20.865 5.692 38.986 17.056 54.363 11.384 15.397 26.352 28.194 44.944 38.37 18.57 10.198 39.415 17.896 62.573 23.097a317.575 317.575 0 0 0 84.604 7.453c4.136 18.571 12.183 32.351 20.005 41.852a47.56 47.56 0 0 0 36.794 17.384h98.017c7.8 0 14.128-6.389 14.128-14.251V952.15a14.067 14.067 0 0 0-14.23-14.25c-7.781 0.225-17.303-0.328-24.858-3.379a14.947 14.947 0 0 1-6.941-5.876c22.298-15.746 39.886-35.505 39.886-35.505 11.364-14.68 17.056-31.983 17.056-51.864V574.112c0-20.373-5.692-38.37-17.056-54.014-11.384-15.643-26.352-28.543-44.944-38.72z m-40.398 368.497v1.434s-1.352 43.367-55.796 46.786c-7.125 1.884-15.828 2.826-26.106 2.826-22.155 0-41.36-4.136-57.577-12.408-16.217-8.252-24.325-21.131-24.325-38.638V583.388c0-17.466 8.108-30.345 24.325-38.617 16.216-8.272 35.422-12.408 57.577-12.408 22.134 0 41.34 4.136 57.556 12.408 16.217 8.272 24.346 21.151 24.346 38.617v266.488z m225.23-399.415h122.853v511.887h-122.853V450.461z m517.416 308.422h-2.314l-177.133-308.422h-112.738v511.887h117.324V654.643h2.314l179.447 307.705h110.425V450.461h-117.325v308.422z m219.702-308.422h122.853v511.887H2559.44082V450.461z m494.012 0v386.413c0 18.06-7.064 31.369-21.212 39.928-14.149 8.558-31.84 12.838-53.052 12.838-21.213 0-38.904-4.3-53.052-12.838-14.149-8.56-21.213-21.868-21.213-39.928V450.461H2784.67082V844c0 16.646 5.099 32.085 15.316 46.336 10.217 14.271 24.161 26.741 41.852 37.43 17.69 10.708 38.33 19.144 61.897 25.307a296.895 296.895 0 0 0 75.453 9.275c26.7 0 51.864-3.092 75.452-9.275 23.567-6.163 44.206-14.6 61.897-25.308 17.67-10.688 31.614-23.158 41.852-37.429 10.197-14.251 15.316-29.69 15.316-46.336V450.46h-120.253z" fill="#8a8a8a" p-id="22438"></path></svg>
|
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 7.5 KiB |
Before Width: | Height: | Size: 13 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg width="22" height="22" xmlns="http://www.w3.org/2000/svg" fill="#3b82f6">
|
||||
<path d="M21.083 0H.917A.917.917 0 0 0 0 .917v20.166c0 .507.41.917.917.917h20.166c.507 0 .917-.41.917-.917V.917A.917.917 0 0 0 21.083 0Zm-2.145 4.686L17.651 5.92a.376.376 0 0 0-.143.361v9.068a.376.376 0 0 0 .143.361l1.257 1.234v.271h-6.322v-.271l1.3-1.264c.128-.128.128-.166.128-.361V7.99l-3.621 9.2h-.489l-4.213-9.2v6.163a.85.85 0 0 0 .233.707l1.694 2.054v.271h-4.8v-.271l1.691-2.054a.82.82 0 0 0 .218-.707V7.027a.625.625 0 0 0-.2-.527L3.019 4.686v-.271h4.674l3.613 7.924 3.176-7.924h4.456v.271Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 611 B |
Before Width: | Height: | Size: 3.7 MiB |
Before Width: | Height: | Size: 46 KiB |
Before Width: | Height: | Size: 34 KiB |
@@ -1 +0,0 @@
|
||||
<svg width="618" height="468" xmlns="http://www.w3.org/2000/svg"><defs><linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="a"><stop stop-color="#3B82F6" stop-opacity="0" offset="0%"/><stop stop-color="#3B82F6" offset="100%"/></linearGradient><filter x="-37.5%" y="-37.5%" width="175%" height="175%" filterUnits="objectBoundingBox" id="b"><feGaussianBlur stdDeviation="50" in="SourceGraphic"/></filter></defs><circle filter="url(#b)" cx="309" cy="268" r="200" fill="url(#a)" fill-rule="evenodd" fill-opacity=".48"/></svg>
|
Before Width: | Height: | Size: 524 B |
Before Width: | Height: | Size: 19 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg fill="#3b82f6" width="26" height="18" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.956.378a.47.47 0 0 0-.32-.347 1.662 1.662 0 0 0-.866.061S1.494 6.968.393 7.73c-.236.164-.316.26-.355.371-.19.546.402.78.402.78l4.968 1.607c.084.015.17.01.252-.015 1.13-.708 11.366-7.126 11.961-7.342.092-.027.162 0 .144.069-.237.823-9.083 8.622-9.131 8.669a.181.181 0 0 0-.066.16l-.464 4.815s-.194 1.498 1.315 0a42.204 42.204 0 0 1 2.612-2.373c1.708 1.171 3.546 2.466 4.339 3.143.27.26.633.398 1.008.385a1.13 1.13 0 0 0 .964-.849s3.51-14.03 3.627-15.909c.012-.182.028-.302.03-.428a1.591 1.591 0 0 0-.043-.435Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 720 B |
Before Width: | Height: | Size: 5.4 KiB |
BIN
src/assets/images/test/bg-header-desktop.png
Normal file
After Width: | Height: | Size: 145 KiB |
BIN
src/assets/images/test/bg-header-mobile.png
Normal file
After Width: | Height: | Size: 40 KiB |
BIN
src/assets/images/test/favicon-32x32.png
Normal file
After Width: | Height: | Size: 1.0 KiB |
1
src/assets/images/test/icon-blacklist.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="44" height="40" xmlns="http://www.w3.org/2000/svg"><g fill="#9EABB2" fill-rule="nonzero"><path d="M11.07 0C8.353 0 6.14 2.192 6.14 4.876l-.179 25.278 2.69.02.179-25.289c0-1.21 1.005-2.196 2.24-2.196h27.027V0H11.071z"/><path d="M38.097 0a5.115 5.115 0 00-5.11 5.11v28.37c0 2.052-1.668 3.72-3.72 3.72a3.725 3.725 0 01-3.72-3.72V30.21c0-.743-.601-1.345-1.344-1.345H1.345C.602 28.864 0 29.466 0 30.21v3.272a6.417 6.417 0 006.41 6.409V37.2a3.724 3.724 0 01-3.72-3.72v-1.927h20.168v1.928a6.417 6.417 0 006.41 6.409 6.417 6.417 0 006.409-6.41V12.46h6.185c.743 0 1.345-.602 1.345-1.345V5.11A5.115 5.115 0 0038.097 0zm2.42 9.77h-4.84V5.11a2.423 2.423 0 012.42-2.42 2.423 2.423 0 012.42 2.42v4.66z"/><path d="M6.14 37.201h22.813v2.689H6.14zM19.99 7.485h-6.947a1.345 1.345 0 100 2.69h6.947a1.345 1.345 0 100-2.69zM28.057 12.863H13.043a1.345 1.345 0 100 2.69h15.014a1.345 1.345 0 100-2.69zM28.057 18.242H13.043a1.345 1.345 0 100 2.69h15.014a1.344 1.344 0 100-2.69zM28.057 23.62H13.043a1.345 1.345 0 100 2.69h15.014a1.345 1.345 0 100-2.69z"/></g></svg>
|
After Width: | Height: | Size: 1.0 KiB |
1
src/assets/images/test/icon-facebook.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.675 0H1.325C.593 0 0 .593 0 1.325v21.351C0 23.407.593 24 1.325 24H12.82v-9.294H9.692v-3.622h3.128V8.413c0-3.1 1.893-4.788 4.659-4.788 1.325 0 2.463.099 2.795.143v3.24l-1.918.001c-1.504 0-1.795.715-1.795 1.763v2.313h3.587l-.467 3.622h-3.12V24h6.116c.73 0 1.323-.593 1.323-1.325V1.325C24 .593 23.407 0 22.675 0z" fill="#4C545C" fill-rule="nonzero"/></svg>
|
After Width: | Height: | Size: 429 B |
1
src/assets/images/test/icon-instagram.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zM12 0C8.741 0 8.333.014 7.053.072 2.695.272.273 2.69.073 7.052.014 8.333 0 8.741 0 12c0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98C8.333 23.986 8.741 24 12 24c3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98C15.668.014 15.259 0 12 0zm0 5.838a6.162 6.162 0 100 12.324 6.162 6.162 0 000-12.324zM12 16a4 4 0 110-8 4 4 0 010 8zm6.406-11.845a1.44 1.44 0 100 2.881 1.44 1.44 0 000-2.881z" fill="#4C545C" fill-rule="nonzero"/></svg>
|
After Width: | Height: | Size: 993 B |
1
src/assets/images/test/icon-preview.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="50" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M49.059 14.072c-2.585-4.227-6.06-7.623-10.424-10.188C34.27 1.318 29.66.035 24.806.035c-4.854 0-9.464 1.283-13.829 3.849C6.612 6.449 3.137 9.845.554 14.072c-.37.646-.554 1.283-.554 1.91 0 .628.185 1.265.554 1.91 2.583 4.227 6.058 7.624 10.423 10.189 4.365 2.565 8.975 3.847 13.83 3.847 4.853 0 9.463-1.277 13.828-3.833 4.365-2.557 7.84-5.957 10.424-10.202.369-.646.553-1.283.553-1.91 0-.628-.184-1.265-.553-1.911zM18.867 6.5c1.652-1.652 3.631-2.478 5.939-2.478.369 0 .683.13.941.388.258.258.388.572.388.941 0 .37-.13.683-.387.941a1.28 1.28 0 01-.942.388c-1.587 0-2.944.563-4.07 1.689-1.126 1.126-1.688 2.482-1.688 4.07 0 .369-.13.683-.388.941a1.28 1.28 0 01-.941.388c-.37 0-.683-.13-.942-.388a1.282 1.282 0 01-.388-.942c0-2.306.827-4.286 2.478-5.938zm17.969 18.522c-3.701 2.242-7.71 3.364-12.03 3.364-4.319 0-8.329-1.121-12.03-3.364-3.7-2.243-6.777-5.256-9.232-9.04 2.805-4.356 6.321-7.614 10.548-9.773a12.099 12.099 0 00-1.689 6.23c0 3.414 1.214 6.334 3.64 8.762 2.428 2.427 5.349 3.64 8.763 3.64 3.415 0 6.335-1.213 8.762-3.64 2.428-2.427 3.641-5.348 3.641-8.763 0-2.233-.563-4.31-1.689-6.229 4.227 2.16 7.743 5.418 10.548 9.773-2.454 3.784-5.532 6.797-9.232 9.04z" fill="#9EABB2" fill-rule="nonzero"/></svg>
|
After Width: | Height: | Size: 1.3 KiB |
1
src/assets/images/test/icon-text.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="36" height="32" xmlns="http://www.w3.org/2000/svg"><path d="M17.872 14.736a235.39 235.39 0 012.192 5.744c.746 2.027 1.536 4.24 2.368 6.64h-5.344a44.4 44.4 0 00-.784-2.368c-.288-.81-.57-1.632-.848-2.432h-8.64c-.278.8-.56 1.621-.848 2.432a44.4 44.4 0 00-.784 2.368H0a371.54 371.54 0 012.368-6.644 233.104 233.104 0 012.192-5.748 206.71 206.71 0 012.112-5.112c.693-1.61 1.413-3.136 2.16-4.736H13.6c.725 1.6 1.44 3.125 2.144 4.736.704 1.61 1.413 3.328 2.128 5.12zM7.968 18.32h6.303c-.34-.96-.671-1.878-.991-2.752a94.407 94.407 0 00-.912-2.4c-.288-.725-.539-1.365-.752-1.92-.214-.555-.384-.992-.512-1.313-.107.32-.267.758-.48 1.313a1241.872 1241.872 0 00-1.648 4.32c-.331.874-.667 1.792-1.008 2.752zM35.04 3.2h-3.2v25.6h3.2V32h-9.6v-3.2h3.2V3.2h-3.2V0h9.6v3.2z" fill="#9EABB2" fill-rule="nonzero"/></svg>
|
After Width: | Height: | Size: 811 B |
1
src/assets/images/test/icon-twitter.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="24" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M24 2.557a9.83 9.83 0 01-2.828.775A4.932 4.932 0 0023.337.608a9.864 9.864 0 01-3.127 1.195A4.916 4.916 0 0016.616.248c-3.179 0-5.515 2.966-4.797 6.045A13.978 13.978 0 011.671 1.149a4.93 4.93 0 001.523 6.574 4.903 4.903 0 01-2.229-.616c-.054 2.281 1.581 4.415 3.949 4.89a4.935 4.935 0 01-2.224.084 4.928 4.928 0 004.6 3.419A9.9 9.9 0 010 17.54a13.94 13.94 0 007.548 2.212c9.142 0 14.307-7.721 13.995-14.646A10.025 10.025 0 0024 2.557z" fill="#4C545C" fill-rule="nonzero"/></svg>
|
After Width: | Height: | Size: 549 B |
BIN
src/assets/images/test/image-computer.png
Normal file
After Width: | Height: | Size: 155 KiB |
BIN
src/assets/images/test/image-devices.png
Normal file
After Width: | Height: | Size: 131 KiB |
BIN
src/assets/images/test/logo-google.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
src/assets/images/test/logo-hp.png
Normal file
After Width: | Height: | Size: 2.0 KiB |
BIN
src/assets/images/test/logo-ibm.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
BIN
src/assets/images/test/logo-microsoft.png
Normal file
After Width: | Height: | Size: 1.4 KiB |
BIN
src/assets/images/test/logo-vector-graphics.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
1
src/assets/images/test/logo.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg width="125" height="125" xmlns="http://www.w3.org/2000/svg"><g stroke="#26BBA4" stroke-width="10" fill="none" fill-rule="evenodd"><circle cx="62.5" cy="62.5" r="57.5"/><path d="M85.481 85.481c-12.692 12.692-33.27 12.692-45.962 0s-12.692-33.27 0-45.962 33.27-12.692 45.962 0" stroke-linecap="round"/></g></svg>
|
After Width: | Height: | Size: 314 B |
Before Width: | Height: | Size: 1.8 KiB |
Before Width: | Height: | Size: 2.0 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 2.3 KiB |
Before Width: | Height: | Size: 2.2 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 1.9 KiB |
@@ -1,3 +0,0 @@
|
||||
<svg fill="#3b82f6" width="22" height="18" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.083 0H.917C.41 0 0 .448 0 1v16c0 .552.41 1 .917 1h20.166c.507 0 .917-.448.917-1V1c0-.552-.41-1-.917-1ZM9 13V5l6 4-6 4Z" fill-rule="nonzero"></path>
|
||||
</svg>
|
Before Width: | Height: | Size: 330 B |
@@ -1,5 +1,3 @@
|
||||
|
||||
|
||||
/*定义滚动条宽高及背景,宽高分别对应横竖滚动条的尺寸*/
|
||||
// 滚动条整体部分
|
||||
&::-webkit-scrollbar {
|
||||
@@ -29,66 +27,7 @@
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
:root {
|
||||
--accent: hsl(221, 83%, 53%);
|
||||
--accent-300: hsl(217, 91%, 60%);
|
||||
--accent-light: hsl(213, 94%, 68%);
|
||||
--secondary: hsl(271, 91%, 65%);
|
||||
|
||||
--neutral-100: hsl(219, 11%, 65%);
|
||||
--neutral-200: hsl(227, 9%, 57%);
|
||||
--neutral-300: hsl(216, 12%, 84%);
|
||||
|
||||
--dark-100: hsl(217, 19%, 27%);
|
||||
--dark-150: hsl(215, 14%, 33%);
|
||||
--dark-200: hsl(215, 28%, 17%);
|
||||
--dark-200-6: hsla(215, 28%, 17%, 0.6);
|
||||
--dark-300: hsl(217, 26%, 17%);
|
||||
--dark-400: hsl(221, 39%, 11%);
|
||||
--almost-white: hsl(220, 14%, 96%);
|
||||
--max-width: min(1104px, 95%);
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Uncut-Sans-Bold';
|
||||
font-weight: 700;
|
||||
src: url('@/assets/fonts/uncut-sans-bold.woff2') format('woff2'),
|
||||
url('@/assets/fonts/uncut-sans-bold.woff') format('woff');
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Uncut-Sans-Bold-Italic';
|
||||
font-weight: 700;
|
||||
src: url('@/assets/fonts/uncut-sans-bold-italic.woff2') format('woff2'),
|
||||
url('@/assets/fonts/uncut-sans-bold-italic.woff') format('woff');
|
||||
}
|
||||
|
||||
*,
|
||||
*::after,
|
||||
*::before {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Inter', sans-serif;
|
||||
background-color: var(--dark-400);
|
||||
color: var(--neutral-100);
|
||||
background-image: url("@/assets/images/background.png");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
img,
|
||||
video {
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
}
|
||||
ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
|
@@ -1,177 +0,0 @@
|
||||
//*,
|
||||
//*:after,
|
||||
//*:before {
|
||||
// box-sizing: border-box;
|
||||
//}
|
||||
//
|
||||
//html {
|
||||
// color-scheme: light only;
|
||||
//}
|
||||
//
|
||||
//body {
|
||||
// display: flex;
|
||||
// place-items: center;
|
||||
// justify-content: center;
|
||||
// min-height: 100vh;
|
||||
// touch-action: none;
|
||||
// font-family: "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", Helvetica, Arial, sans-serif, system-ui;
|
||||
// padding: 1rem;
|
||||
// background-image: url("@/assets/images/background.png");
|
||||
//}
|
||||
//
|
||||
//body::before {
|
||||
// --line: color-mix(in lch, canvasText 25%, transparent);
|
||||
// --size: 60px;
|
||||
// content: "";
|
||||
// height: 100vh;
|
||||
// width: 100vw;
|
||||
// position: fixed;
|
||||
// background:
|
||||
// linear-gradient(90deg, var(--line) 1px, transparent 1px var(--size)) 0 -5vmin / var(--size) var(--size),
|
||||
// linear-gradient(var(--line) 1px, transparent 1px var(--size)) 0 -5vmin / var(--size) var(--size);
|
||||
// //-webkit-mask: linear-gradient(-15deg, transparent 60%, white);
|
||||
// mask: linear-gradient(-15deg, transparent 60%, white);
|
||||
// top: 0;
|
||||
// z-index: -1;
|
||||
//}
|
||||
|
||||
article {
|
||||
width: 600px;
|
||||
aspect-ratio: 2 / 1.1;
|
||||
min-height: 330px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
border-radius: 4em;
|
||||
max-width: calc(100% - 2rem);
|
||||
background: hsl(0 0% 50%);
|
||||
}
|
||||
|
||||
article > img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
translate: -50% 0;
|
||||
height: 100%;
|
||||
width: 660px;
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
-o-object-position: center 43%;
|
||||
object-position: center 43%;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
:root {
|
||||
--x: 0;
|
||||
--y: 0;
|
||||
}
|
||||
|
||||
article > img:first-of-type {
|
||||
filter: saturate(1.5) brightness(0.9);
|
||||
-o-object-position: calc(-50% + (var(--x) * 30px)) calc(43% + (var(--y) * -20px));
|
||||
object-position: calc(-50% + (var(--x) * 30px)) calc(43% + (var(--y) * -20px));
|
||||
}
|
||||
|
||||
article > img:last-of-type {
|
||||
-o-object-position: calc(-50% + (var(--x) * 40px)) calc(43% + (var(--y) * -40px));
|
||||
object-position: calc(-50% + (var(--x) * 40px)) calc(43% + (var(--y) * -40px));
|
||||
}
|
||||
|
||||
article h3 {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 6%;
|
||||
margin: 0;
|
||||
font-size: 8rem;
|
||||
translate: -50% 0;
|
||||
text-transform: uppercase;
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
color: white;
|
||||
translate: calc(-50% + (var(--x) * -30px)) calc(var(--y) * -20px);
|
||||
}
|
||||
|
||||
.content {
|
||||
min-height: 32%;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
color: white;
|
||||
display: grid;
|
||||
gap: 0.2rem;
|
||||
place-items: center;
|
||||
align-content: center;
|
||||
padding-bottom: .5rem;
|
||||
}
|
||||
|
||||
.content svg {
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.content p {
|
||||
margin: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
.content p:first-of-type::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 1rem;
|
||||
left: 50%;
|
||||
width: 6ch;
|
||||
background: white;
|
||||
height: 1px;
|
||||
translate: -50% 0;
|
||||
}
|
||||
|
||||
.content p:last-of-type {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Blurring */
|
||||
.blur {
|
||||
position: absolute;
|
||||
inset: 60% 0 -26% 0;
|
||||
filter: blur(20px);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.blur img {
|
||||
-o-object-position: calc(-50% + (var(--x) * 40px)) calc(47.5% + (var(--y) * -40px));
|
||||
object-position: calc(-50% + (var(--x) * 40px)) calc(47.5% + (var(--y) * -40px));
|
||||
-o-object-fit: cover;
|
||||
object-fit: cover;
|
||||
left: 50%;
|
||||
translate: -50% 0;
|
||||
height: 330px;
|
||||
position: absolute;
|
||||
bottom: 25%;
|
||||
width: 660px;
|
||||
//-webkit-mask: radial-gradient(50% 100% at 50% 90%, white 50%, transparent);
|
||||
mask: radial-gradient(50% 100% at 50% 90%, white 50%, transparent);
|
||||
filter: saturate(1.5) brightness(0.8);
|
||||
}
|
||||
//
|
||||
//.bear-link {
|
||||
// color: canvasText;
|
||||
// position: fixed;
|
||||
// top: 1rem;
|
||||
// left: 1rem;
|
||||
// width: 48px;
|
||||
// aspect-ratio: 1;
|
||||
// display: grid;
|
||||
// place-items: center;
|
||||
// opacity: 0.8;
|
||||
//}
|
||||
|
||||
:where(.x-link, .bear-link):is(:hover, :focus-visible) {
|
||||
opacity: 1;
|
||||
}
|
||||
.bear-link svg {
|
||||
width: 75%;
|
||||
}
|
@@ -1,50 +0,0 @@
|
||||
/** @format */
|
||||
|
||||
import React, { useEffect } from "react";
|
||||
import styles from "./index.module.less";
|
||||
import { gsap } from "gsap";
|
||||
|
||||
const BlurCard: React.FC = () => {
|
||||
useEffect(() => {
|
||||
const UPDATE = ({ x, y }: { x: any; y: any }) => {
|
||||
gsap.set(document.documentElement, {
|
||||
"--x": gsap.utils.mapRange(0, window.innerWidth, -1, 1, x),
|
||||
"--y": gsap.utils.mapRange(0, window.innerHeight, -1, 1, y),
|
||||
});
|
||||
};
|
||||
|
||||
window.addEventListener("pointermove", UPDATE);
|
||||
}, []);
|
||||
return (
|
||||
<>
|
||||
<article>
|
||||
<img src="https://assets.codepen.io/605876/osaka-sky.jpeg" alt="" />
|
||||
<h3>Osaka</h3>
|
||||
<img src="https://assets.codepen.io/605876/osaka-tower.png" alt="" />
|
||||
<div className={styles.blur}>
|
||||
<img src="https://assets.codepen.io/605876/osaka.jpeg" alt="" />
|
||||
<div></div>
|
||||
-->
|
||||
</div>
|
||||
<div className={styles.content}>
|
||||
<p>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 24 24"
|
||||
fill="currentColor"
|
||||
className="w-6 h-6">
|
||||
<path d="M15.75 8.25a.75.75 0 0 1 .75.75c0 1.12-.492 2.126-1.27 2.812a.75.75 0 1 1-.992-1.124A2.243 2.243 0 0 0 15 9a.75.75 0 0 1 .75-.75Z"></path>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25ZM4.575 15.6a8.25 8.25 0 0 0 9.348 4.425 1.966 1.966 0 0 0-1.84-1.275.983.983 0 0 1-.97-.822l-.073-.437c-.094-.565.25-1.11.8-1.267l.99-.282c.427-.123.783-.418.982-.816l.036-.073a1.453 1.453 0 0 1 2.328-.377L16.5 15h.628a2.25 2.25 0 0 1 1.983 1.186 8.25 8.25 0 0 0-6.345-12.4c.044.262.18.503.389.676l1.068.89c.442.369.535 1.01.216 1.49l-.51.766a2.25 2.25 0 0 1-1.161.886l-.143.048a1.107 1.107 0 0 0-.57 1.664c.369.555.169 1.307-.427 1.605L9 13.125l.423 1.059a.956.956 0 0 1-1.652.928l-.679-.906a1.125 1.125 0 0 0-1.906.172L4.575 15.6Z"
|
||||
clipRule="evenodd"></path>
|
||||
</svg>
|
||||
<span>GuGong GuGong</span>
|
||||
</p>
|
||||
<p>GuGong, China</p>
|
||||
</div>
|
||||
</article>
|
||||
</>
|
||||
);
|
||||
};
|
||||
export default BlurCard;
|
@@ -1,10 +0,0 @@
|
||||
/** @format */
|
||||
|
||||
import styleRightWhite from "@/assets/images/arrow-right-white.svg";
|
||||
import style from "./arrow.module.less";
|
||||
|
||||
const Arrow = () => {
|
||||
return <img src={styleRightWhite} className={style.arrow} />;
|
||||
};
|
||||
|
||||
export default Arrow;
|
@@ -1,7 +0,0 @@
|
||||
.arrow {
|
||||
width: 1rem;
|
||||
}
|
||||
|
||||
a:hover .arrow {
|
||||
transform: translateX(0.2rem);
|
||||
}
|
@@ -1,27 +0,0 @@
|
||||
/** @format */
|
||||
|
||||
import { v4 } from "uuid";
|
||||
import { PLANS } from "@/constants/plans";
|
||||
import Plan from "../plan/Plan";
|
||||
import SectionSubtitle from "../section-subtitle/SectionSubtitle";
|
||||
import SectionTitle from "../section-title/SectionTitle";
|
||||
import style from "./billing.module.less";
|
||||
|
||||
const Billing = () => {
|
||||
return (
|
||||
<section className={style.billing}>
|
||||
{/* eslint-disable-next-line react/no-unescaped-entities */}
|
||||
<SectionTitle margin={"small"}>选择适合你的计划</SectionTitle>
|
||||
<SectionSubtitle content="我们提供多种计划供您选择,以满足您的不同需求。" />
|
||||
<div className={style.cardContainer}>
|
||||
{PLANS.map((item) => {
|
||||
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
||||
// @ts-expect-error
|
||||
return <Plan key={v4()} {...item} />;
|
||||
})}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Billing;
|
@@ -1,25 +0,0 @@
|
||||
.billing {
|
||||
padding: 5rem 0;
|
||||
max-width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.cardContainer {
|
||||
max-width: 24rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.billing {
|
||||
background-image: url('@/assets/images/pricing-illustration.svg');
|
||||
background-position: center bottom;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.cardContainer {
|
||||
max-width: var(--max-width);
|
||||
display: flex;
|
||||
align-items: start;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
}
|
16
src/components/Home/btns/BtnsDownload.tsx
Normal file
@@ -0,0 +1,16 @@
|
||||
/** @format */
|
||||
|
||||
import "./btnsDownload.less";
|
||||
|
||||
export function BtnsDownload() {
|
||||
return (
|
||||
<div className="download">
|
||||
<a href="/login" className="download_btn one">
|
||||
开始使用
|
||||
</a>
|
||||
<a href="/login" className="download_btn two">
|
||||
查看文档
|
||||
</a>
|
||||
</div>
|
||||
);
|
||||
}
|
38
src/components/Home/btns/btnsDownload.less
Normal file
@@ -0,0 +1,38 @@
|
||||
.download {
|
||||
display: flex;
|
||||
gap: 15px;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.download .download_btn {
|
||||
color: white;
|
||||
font-size: 1.12rem;
|
||||
padding: 10px 15px;
|
||||
border-radius: 40px;
|
||||
width: 200px;
|
||||
text-align: center;
|
||||
transition: filter .3s;
|
||||
}
|
||||
|
||||
.download .one {
|
||||
background-color: var(--Strong-Cyan);
|
||||
box-shadow: 0px 2px 0px hsl(171, 68%, 34%), 0px 4px 15px hsl(171, 55%, 68%);
|
||||
}
|
||||
|
||||
.download .two {
|
||||
background-color: var(--Light-Blue);
|
||||
box-shadow: 0px 2px 0px hsl(233, 45%, 50%),0px 4px 15px hsl(233, 96%, 79%) ;
|
||||
}
|
||||
|
||||
.download .download_btn:active {
|
||||
box-shadow: none;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.download .download_btn:hover {
|
||||
filter: brightness(1.1);
|
||||
}
|
@@ -1,15 +0,0 @@
|
||||
/** @format */
|
||||
|
||||
import Arrow from "../arrow/Arrow";
|
||||
import style from "./button.module.less";
|
||||
|
||||
const Button = ({ text, type, arrow, link }: { text: any; type: any; arrow: any; link: any }) => {
|
||||
return (
|
||||
<a className={`${style.button} ${style[type]}`} href={link}>
|
||||
{text}
|
||||
{arrow && <Arrow />}
|
||||
</a>
|
||||
);
|
||||
};
|
||||
|
||||
export default Button;
|
@@ -1,36 +0,0 @@
|
||||
.button {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.3em;
|
||||
padding: 1em 1.5em;
|
||||
border-radius: 0.25rem;
|
||||
box-shadow: 0px 0.25rem 0.875rem rgba(0, 0, 0, 0.5);
|
||||
color: white;
|
||||
}
|
||||
|
||||
header .button {
|
||||
padding: 0.6em 1em;
|
||||
}
|
||||
|
||||
.accent {
|
||||
background-image: linear-gradient(var(--accent-light), var(--accent));
|
||||
}
|
||||
|
||||
.accentSmall {
|
||||
background-image: linear-gradient(var(--accent-light), var(--accent));
|
||||
padding: 0.6em 1.5em;
|
||||
}
|
||||
|
||||
.regular {
|
||||
background-image: linear-gradient(var(--dark-100), var(--dark-200));
|
||||
}
|
||||
|
||||
.accent:hover,
|
||||
.accentSmall:hover {
|
||||
background: var(--accent);
|
||||
}
|
||||
|
||||
.regular:hover {
|
||||
background: var(--dark-200);
|
||||
}
|
79
src/components/Home/css2.less
Normal file
@@ -0,0 +1,79 @@
|
||||
/* thai */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8SsLLq7s.woff2") format('woff2');
|
||||
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
|
||||
}
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8UcLLq7s.woff2") format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8UMLLq7s.woff2") format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDI1apSCOBt_aeQQ7ftydoa8XsLL.woff2") format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
/* thai */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebegJo0yyg.woff2") format('woff2');
|
||||
unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
|
||||
}
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebem5o0yyg.woff2") format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebempo0yyg.woff2") format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Bai Jamjuree';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url("@/assets/fonts/LDIqapSCOBt_aeQQ7ftydoa0gebelJo0.woff2") format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
@@ -1,34 +0,0 @@
|
||||
/** @format */
|
||||
|
||||
import { FEATURES } from "@/constants/features";
|
||||
import { LOGOS } from "@/constants/logos";
|
||||
import SectionTitle from "../section-title/SectionTitle";
|
||||
import style from "./features.module.less";
|
||||
import features from "@/assets/images/features.svg";
|
||||
|
||||
const Features = () => {
|
||||
return (
|
||||
<section className={style.features}>
|
||||
<div className={style.logosGrid}>
|
||||
{LOGOS.map((item) => {
|
||||
return <img key={item.id} src={item.src} />;
|
||||
})}
|
||||
</div>
|
||||
<SectionTitle margin={"large"}>专 注 于 数 据 安 全</SectionTitle>
|
||||
<img src={features} alt="Features" />
|
||||
<div className={style.featuresGrid}>
|
||||
{FEATURES.map((item) => {
|
||||
return (
|
||||
<article key={item.id} className={style.featuresCard}>
|
||||
<img src={item.icon} />
|
||||
<h3>{item.title}</h3>
|
||||
<p>{item.body}</p>
|
||||
</article>
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Features;
|
@@ -1,74 +0,0 @@
|
||||
.features {
|
||||
width: var(--max-width);
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.logosGrid {
|
||||
max-width: 24rem;
|
||||
margin: 0 auto 3rem;
|
||||
padding: 2rem 0;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
place-items: center;
|
||||
gap: 1rem;
|
||||
border-bottom: 1px solid var(--dark-200);
|
||||
}
|
||||
|
||||
.logosGrid img:last-child {
|
||||
grid-column: span 2;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.logosGrid {
|
||||
max-width: 64rem;
|
||||
margin: 0 auto 5rem;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
|
||||
.logosGrid img:last-child {
|
||||
grid-column: span 1;
|
||||
}
|
||||
}
|
||||
|
||||
.featuresGrid {
|
||||
max-width: 24rem;
|
||||
margin: 4rem auto 3rem;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
.featuresGrid {
|
||||
max-width: none;
|
||||
margin: 4rem auto 5rem;
|
||||
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
|
||||
gap: 4rem;
|
||||
}
|
||||
}
|
||||
|
||||
.featuresCard {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.featuresCard img {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.featuresCard h3 {
|
||||
margin: 0;
|
||||
font-size: 1.5rem;
|
||||
color: var(--almost-white);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.featuresCard p {
|
||||
margin: 0;
|
||||
font-size: 1.125rem;
|
||||
line-height: 1.5;
|
||||
text-align: center;
|
||||
}
|
@@ -1,37 +0,0 @@
|
||||
/** @format */
|
||||
|
||||
import SectionSubtitle from "../section-subtitle/SectionSubtitle";
|
||||
import SectionTitle from "../section-title/SectionTitle";
|
||||
import style from "./features2.module.less";
|
||||
import features02 from "@/assets/images/features-02.png";
|
||||
|
||||
const Features2 = () => {
|
||||
return (
|
||||
<section className={style.features}>
|
||||
<div className={style.featuresContent}>
|
||||
<div className={style.heading}>
|
||||
<SectionTitle margin={"small"}>隐私开发,安全保障</SectionTitle>
|
||||
<SectionSubtitle content="避免收集过多的个人信息,保护了用户的隐私,用户数据加密传输,确保了数据的安全性。" />
|
||||
</div>
|
||||
<article className={style.twoCols}>
|
||||
<div>
|
||||
<img src={features02} alt="Features" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className={style.articleTitle}>标准化开发环境</h3>
|
||||
<p className={style.text}>
|
||||
采用一系列标准化的工具、技术、流程和规范,以提供稳定、可靠、高效的开发环境。确保软件开发的质量和效率,降低开发成本和风险。
|
||||
</p>
|
||||
<ul>
|
||||
<li className={style.listItem}>效果审查</li>
|
||||
<li className={style.listItem}>目标设定</li>
|
||||
<li className={style.listItem}>管理检查</li>
|
||||
</ul>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
};
|
||||
|
||||
export default Features2;
|