Skip to content

K
kus-admin
Commit b516e85f by talequale
Options

account

parent c988ffb0
Showing with 153 additions and 2 deletions
src/global-styles/base.scss
...@@ -42,6 +42,19 @@ img { ...@@ -42,6 +42,19 @@ img {
flex-grow: 1; flex-grow: 1;
} }
.readers-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
white-space: nowrap;
clip-path: inset(100%);
clip: rect(0 0 0 0);
overflow: hidden;
}
.zero-wrapper { .zero-wrapper {
width: 100%; width: 100%;
} }
......
src/svg/top.svg 0 → 100644
<svg width="75" height="70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.0798 70c19.374 0 35.0798-15.67 35.0798-35S56.4538 0 37.0798 0 2 15.67 2 35s15.7058 35 35.0798 35z" fill="#CFCFCF"/>
<path d="M36.9131 65.3428C20.1473 65.3428 6.5 51.725 6.5 35c0-16.7249 13.6473-30.34277 30.4131-30.34277C53.679 4.65723 67.3263 18.2751 67.3263 35c0 16.725-13.6473 30.3428-30.4132 30.3428z" fill="url(#paint0_linear)" stroke="#BABABA"/>
<path d="M36.7714 61.6358C22.001 61.6358 10 49.6621 10 34.9253S22.001 8.21478 36.7714 8.21478c14.7705 0 26.7715 11.97372 26.7715 26.71052 0 14.7368-12.026 26.7105-26.7715 26.7105z" fill="url(#paint1_linear)"/>
<path d="M2.86951 62.0589L.624023 67.635H14.5212V56.5077H.624023l2.245487 5.5512z" fill="#666867"/>
<path d="M0 69.2033h14.5209v-.8962H.349292L0 69.2033zM0 54.9146l.374251.9459H14.5209v-.9459H0z" fill="#656867"/>
<path d="M.623524 56.5077H14.5207v-.6473H.374023l.249501.6473zM.349609 68.3072H14.5213v-.6721H.624069l-.27446.6721z" fill="#E6E7E8"/>
<path d="M70.5586 51.554H4.41602v14.2887H70.5586V51.554z" fill="#5AC2EF"/>
<path d="M17.1406 55.4622h4.9651v2.1159l-1.2974-.0498v4.431H18.438v-4.431l-1.2974.0498v-2.1159zM29.6905 58.7232c0 2.091-1.6217 3.3357-3.5928 3.3357-1.996 0-3.5928-1.2447-3.5928-3.3357 0-2.0413 1.6217-3.3606 3.5928-3.3606s3.5928 1.3442 3.5928 3.3606zm-4.8154.0498c0 .7468.499 1.2446 1.2226 1.2446.7236 0 1.2225-.4978 1.2225-1.2446 0-.697-.474-1.2696-1.2225-1.2696-.7485 0-1.2226.5726-1.2226 1.2696zM30.5391 55.4622h2.994c1.5219 0 2.6447.7716 2.6447 2.3897 0 1.3194-.8234 2.1408-2.1457 2.1408h-1.1976v1.9417H30.564v-6.4722h-.0249zm2.2704 2.9125h.2246c.4241 0 .8732-.0747.8732-.5975 0-.4978-.474-.5227-.8732-.5227h-.2246v1.1202zM39.9697 55.4622h4.9651v2.1159l-1.2974-.0498v4.431h-2.3703v-4.431l-1.2974.0498v-2.1159zM45.5088 55.4622h4.3663v1.7674H47.879v.6223h1.8214v1.6928H47.879v.6472h2.0709v1.7674h-4.4411v-6.4971zM50.8984 55.4622h2.2705l2.1208 3.6095h.0748c-.0998-.5477-.1996-1.0953-.1996-1.643V55.487h2.2705v6.4723h-2.2705l-2.0709-3.4104h-.0748c.0748.4481.1497.8713.1497 1.2945v2.1159h-2.2705v-6.4971zM70.5586 52.475H4.41602v.6722H70.5586v-.6722zM70.5586 64.2495H4.41602v.6722H70.5586v-.6722z" fill="#fff"/>
<path d="M72.1058 62.0589l2.2455 5.5761H60.4541V56.5077h13.8972l-2.2455 5.5512z" fill="#666867"/>
<path d="M37 56.0001c11.598 0 21.0001-9.4021 21.0001-21.0001 0-11.598-9.4021-21-21.0001-21-11.598 0-21 9.402-21 21s9.402 21.0001 21 21.0001z" fill="url(#paint2_linear)"/>
<path d="M75 69.2033H60.4541v-.8962h14.1717l.3742.8962zM75 54.9146l-.3742.9459H60.4541v-.9459H75z" fill="#656867"/>
<path d="M74.3513 56.5077H60.4541v-.6473h14.1716l-.2744.6473zM74.6257 68.3072H60.4541v-.6721h13.8972l.2744.6721z" fill="#E6E7E8"/>
<path d="M70.5586 51.554H4.41602v14.2887H70.5586V51.554z" fill="#7B7B7B"/>
<path d="M70.5586 52.475H4.41602v.6722H70.5586v-.6722zM70.5586 64.2495H4.41602v.6722H70.5586v-.6722zM11.0986 57.3719c.3997 0 .7046.0763.9146.2287.2134.1524.3201.3777.3201.6758 0 .1626-.0423.3083-.127.437-.0847.1253-.2016.2253-.3506.2998.1998.061.354.1694.4624.3252.1084.1524.1626.3303.1626.5335 0 .2134-.0373.393-.1118.5387-.0711.1422-.1711.2574-.2998.3455-.1253.0881-.2727.1507-.4421.188-.166.0373-.3421.0559-.5284.0559H9.3252v-3.6281h1.7734zm-.0864 1.4279c.1016 0 .1897-.0305.2642-.0915.0745-.061.1118-.1456.1118-.254 0-.1118-.0339-.1982-.1016-.2592-.0678-.061-.1592-.0915-.2744-.0915h-.7419v.6962h.7419zm.0305 1.4431c.1558 0 .2761-.0322.3607-.0966.0881-.0677.1322-.171.1322-.3099 0-.1457-.0441-.2524-.1322-.3202-.088-.0711-.2083-.1067-.3607-.1067h-.7724v.8334h.7724zM13.9373 57.3719v1.2094h.5386c.4844 0 .8435.0999 1.0773.2998.2371.1965.3557.4946.3557.8943 0 .4133-.1186.7215-.3557.9248-.2372.1999-.5844.2998-1.0417.2998h-1.5193v-3.6281h.9451zm3.3181 0V61h-.9451v-3.6281h.9451zm-2.815 2.871c.1626 0 .2879-.0356.376-.1067.0914-.0746.1372-.188.1372-.3405 0-.1524-.0441-.2676-.1321-.3455-.0881-.0813-.2152-.122-.3811-.122h-.5031v.9147h.5031zM20.4311 57.3719v1.3212h1.2449v-1.3212h.9451V61h-.9451v-1.4939h-1.2449V61h-.9452v-3.6281h.9452zM26.152 57.3719v.7571h-1.9461v.6352h1.7784v.7317h-1.7784v.6911h1.9969V61h-2.9421v-3.6281h2.8913zM30.1171 57.3719c.3998 0 .7046.0763.9147.2287.2134.1524.3201.3777.3201.6758 0 .1626-.0424.3083-.1271.437-.0846.1253-.2015.2253-.3506.2998.1999.061.354.1694.4624.3252.1084.1524.1626.3303.1626.5335 0 .2134-.0372.393-.1118.5387-.0711.1422-.171.2574-.2997.3455-.1254.0881-.2727.1507-.4421.188-.166.0373-.3422.0559-.5285.0559h-1.7733v-3.6281h1.7733zm-.0864 1.4279c.1017 0 .1897-.0305.2643-.0915.0745-.061.1118-.1456.1118-.254 0-.1118-.0339-.1982-.1017-.2592-.0677-.061-.1592-.0915-.2744-.0915h-.7418v.6962h.7418zm.0305 1.4431c.1559 0 .2761-.0322.3608-.0966.0881-.0677.1321-.171.1321-.3099 0-.1457-.044-.2524-.1321-.3202-.0881-.0711-.2083-.1067-.3608-.1067h-.7723v.8334h.7723zM33.6622 57.2957c.2744 0 .5216.0474.7418.1423.2236.0948.4116.227.5641.3963.1558.166.2743.3659.3556.5996.0847.2304.1271.4811.1271.7521 0 .271-.0407.5216-.122.752-.0813.2303-.1998.4302-.3557.5996-.1524.166-.3404.2981-.564.3963-.2202.0949-.4692.1423-.7469.1423-.2676 0-.5116-.0457-.7317-.1372-.2168-.0915-.4049-.2202-.5641-.3862-.1558-.166-.2777-.3641-.3658-.5945-.0847-.2337-.1271-.4912-.1271-.7723 0-.2643.039-.5116.1169-.7419.0813-.2304.1982-.4302.3506-.5996.1525-.1728.3388-.3066.559-.4014.2235-.0983.4776-.1474.7622-.1474zm-.8435 1.8903c0 .1592.0186.3048.0559.4369.0372.1322.0914.2456.1626.3405.0711.0948.1592.1694.2642.2236.105.0508.2253.0762.3608.0762s.2557-.0254.3607-.0762c.1051-.0542.1931-.1288.2643-.2236.0711-.0949.1253-.2083.1626-.3405.0372-.1321.0559-.2777.0559-.4369 0-.1559-.0187-.2998-.0559-.432-.0339-.1321-.0864-.2455-.1576-.3404-.0711-.0982-.1609-.1728-.2693-.2236-.105-.0542-.2269-.0813-.3658-.0813-.1321 0-.2507.0271-.3557.0813-.105.0508-.1931.1237-.2642.2185-.0712.0949-.1254.2084-.1626.3405-.0373.1321-.0559.2777-.0559.437zM36.9008 57.3719v2.8151h1.0366v-2.8151h.9451v2.8151h1.0366v-2.8151h.9451V61h-4.9085v-3.6281h.9451zM44.6279 57.3719V61h-.9451v-2.8151h-.8282l-.0407 1.5143c-.0135.4708-.1169.8181-.31 1.0416-.1897.2236-.459.3354-.8079.3354-.0372 0-.0796-.0034-.127-.0102-.0474-.0033-.0949-.0084-.1423-.0152-.0474-.0068-.0915-.0136-.1321-.0203-.0373-.0068-.0627-.0136-.0762-.0204v-.7926c.0576.0169.1084.0288.1524.0355.0474.0068.0898.0102.127.0102.1457 0 .2423-.0525.2897-.1575.0508-.1084.0796-.2659.0864-.4726l.066-2.2612h2.688zM46.1721 57.3719V59.75l1.189-2.3781h1.0315V61h-.9147v-2.3171L46.3194 61h-1.062v-3.6281h.9147zM52.4072 57.3719c.3997 0 .7046.0763.9146.2287.2134.1524.3201.3777.3201.6758 0 .1626-.0423.3083-.127.437-.0847.1253-.2016.2253-.3506.2998.1998.061.354.1694.4624.3252.1084.1524.1626.3303.1626.5335 0 .2134-.0373.393-.1118.5387-.0711.1422-.1711.2574-.2998.3455-.1253.0881-.2727.1507-.4421.188-.166.0373-.3421.0559-.5284.0559h-1.7734v-3.6281h1.7734zm-.0864 1.4279c.1016 0 .1897-.0305.2642-.0915.0745-.061.1118-.1456.1118-.254 0-.1118-.0339-.1982-.1016-.2592-.0678-.061-.1592-.0915-.2744-.0915h-.7419v.6962h.7419zm.0305 1.4431c.1558 0 .276-.0322.3607-.0966.0881-.0677.1322-.171.1322-.3099 0-.1457-.0441-.2524-.1322-.3202-.088-.0711-.2083-.1067-.3607-.1067h-.7724v.8334h.7724zM58.7784 57.3719v.813H57.696V61h-.9451v-2.8151h-1.0823v-.813h3.1098zM60.752 57.2957c.2744 0 .5217.0474.7419.1423.2236.0948.4116.227.564.3963.1558.166.2744.3659.3557.5996.0847.2304.127.4811.127.7521 0 .271-.0406.5216-.1219.752-.0813.2303-.1999.4302-.3557.5996-.1525.166-.3405.2981-.564.3963-.2202.0949-.4692.1423-.747.1423-.2676 0-.5115-.0457-.7317-.1372-.2168-.0915-.4048-.2202-.564-.3862-.1559-.166-.2778-.3641-.3659-.5945-.0847-.2337-.127-.4912-.127-.7723 0-.2643.0389-.5116.1169-.7419.0813-.2304.1981-.4302.3506-.5996.1524-.1728.3387-.3066.5589-.4014.2236-.0983.4777-.1474.7622-.1474zm-.8435 1.8903c0 .1592.0186.3048.0559.4369.0373.1322.0915.2456.1626.3405.0711.0948.1592.1694.2642.2236.1051.0508.2253.0762.3608.0762s.2558-.0254.3608-.0762c.105-.0542.1931-.1288.2642-.2236.0711-.0949.1253-.2083.1626-.3405.0373-.1321.0559-.2777.0559-.4369 0-.1559-.0186-.2998-.0559-.432-.0339-.1321-.0864-.2455-.1575-.3404-.0711-.0982-.1609-.1728-.2693-.2236-.105-.0542-.227-.0813-.3659-.0813-.1321 0-.2506.0271-.3557.0813-.105.0508-.1931.1237-.2642.2185-.0711.0949-.1253.2084-.1626.3405-.0373.1321-.0559.2777-.0559.437zM66.1807 57.3719V61h-.9452v-2.8151h-1.2449V61h-.9451v-3.6281h3.1352z" fill="#fff"/>
<path d="M51 27l1.5086 2.9455L56 30.5 53.5 33l.5 3-3-1.5-3 1.5.5-3-2.5-2.5637L49.5 30l1.5-3z" fill="#E7E7E7"/>
<path d="M51 27v4.5L49.5 30l1.5-3zM56 30.5l-5 1 1.5-1.5 3.5.5zM48.5 33l2.5-1.5-5-1 2.5 2.5zM48 36l3-4.5v3L48 36zM54 36l-3-4.5 2.5 1.5.5 3z" fill="#CCC"/>
<path d="M23 27l1.5086 2.9455L28 30.5 25.5 33l.5 3-3-1.5-3 1.5.5-3-2.5-2.5637L21.5 30l1.5-3z" fill="#E7E7E7"/>
<path d="M23 27v4.5L21.5 30l1.5-3zM28 30.5l-5 1 1.5-1.5 3.5.5zM20.5 33l2.5-1.5-5-1 2.5 2.5zM20 36l3-4.5v3L20 36zM26 36l-3-4.5 2.5 1.5.5 3z" fill="#CCC"/>
<path d="M37 16l2.7155 5.3018L46 22.3l-4.5 4.5.9 5.4-5.4-2.7-5.4 2.7.9-5.4-4.5-4.6146 6.3-.7854L37 16z" fill="#E7E7E7"/>
<path d="M36.9988 16v8.1l-2.7-2.7 2.7-5.4zM45.999 22.3l-9 1.8 2.7-2.7 6.3.9z" fill="#CCC"/>
<path d="M32.5 26.8l4.5-2.7-9-1.8 4.5 4.5z" fill="#CCC"/>
<path d="M31.5996 32.2l5.4-8.1v5.4l-5.4 2.7z" fill="#CCC"/>
<path d="M42.399 32.2l-5.4-8.1 4.5 2.7.9 5.4z" fill="#CCC"/>
<defs>
<linearGradient id="paint0_linear" x1="36.9131" y1="4.15723" x2="36.9131" y2="65.8428" gradientUnits="userSpaceOnUse">
<stop offset=".236394" stop-color="#828282"/>
<stop offset="1" stop-color="#C2C2C2" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="24" y1="11" x2="56.5" y2="62" gradientUnits="userSpaceOnUse">
<stop stop-color="#C9C9C9"/>
<stop offset="1" stop-color="#ABAAAA"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="26.9819" y1="16.1898" x2="52.5582" y2="56.2336" gradientUnits="userSpaceOnUse">
<stop stop-color="#989898"/>
<stop offset="1" stop-color="#454444" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
src/svg/top100.svg 0 → 100644
<svg width="75" height="70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.0798 70c19.374 0 35.0798-15.67 35.0798-35S56.4538 0 37.0798 0 2 15.67 2 35s15.7058 35 35.0798 35z" fill="#CFCFCF"/>
<path d="M36.9131 65.8428C19.8722 65.8428 6 52.0022 6 35 6 17.9979 19.8722 4.15723 36.9131 4.15723S67.8263 17.9979 67.8263 35c0 17.0022-13.8723 30.8428-30.9132 30.8428z" fill="url(#paint0_linear)"/>
<path d="M36.7714 61.6358C22.001 61.6358 10 49.6621 10 34.9253S22.001 8.21478 36.7714 8.21478c14.7705 0 26.7715 11.97372 26.7715 26.71052 0 14.7368-12.026 26.7105-26.7715 26.7105z" fill="url(#paint1_linear)"/>
<path d="M29.0183 21.875h-2.3161v-7H24v-1.75h7.7205v1.75h-2.7022v7zM38.4132 15.5c0-.5-.2574-.75-.7721-.75h-2.1875c-.5147 0-.772.25-.772.75v4c0 .5.2573.75.772.75h2.1875c.5147 0 .7721-.25.7721-.75v-4zm2.3161 4c0 .875-.2059 1.5125-.6176 1.9125-.4032.3917-1.0552.5875-1.9559.5875h-3.2169c-.9007 0-1.5569-.1958-1.9687-.5875-.4032-.4-.6048-1.0375-.6048-1.9125v-4c0-.875.2016-1.5083.6048-1.9.4118-.4 1.068-.6 1.9687-.6h3.2169c.9007 0 1.5527.2 1.9559.6.4117.3917.6176 1.025.6176 1.9v4zM42.0221 13.125h5.4044c.9007 0 1.5527.2 1.9559.6.4117.3917.6176 1.025.6176 1.9v1.25c0 .875-.2059 1.5125-.6176 1.9125-.4032.3917-1.0552.5875-1.9559.5875h-3.0882v2.5h-2.3162v-8.75zm5.6617 2.5c0-.5-.2573-.75-.772-.75h-2.5735v2.75h2.5735c.5147 0 .772-.25.772-.75v-1.25z" fill="#EBEBEB"/>
<path d="M2.86951 62.0589L.624023 67.635H14.5212V56.5077H.624023l2.245487 5.5512zM0 69.2033h14.5209v-.8962H.349292L0 69.2033zM0 54.9146l.374251.9459H14.5209v-.9459H0z" fill="#0BA84D"/>
<path d="M.623524 56.5077H14.5207v-.6473H.374023l.249501.6473zM.349609 68.3072H14.5213v-.6721H.624069l-.27446.6721z" fill="#E6E7E8"/>
<path d="M70.5586 51.554H4.41602v14.2887H70.5586V51.554z" fill="#5AC2EF"/>
<path d="M17.1406 55.4622h4.9651v2.1159l-1.2974-.0498v4.431H18.438v-4.431l-1.2974.0498v-2.1159zM29.6905 58.7232c0 2.091-1.6217 3.3357-3.5928 3.3357-1.996 0-3.5928-1.2447-3.5928-3.3357 0-2.0413 1.6217-3.3606 3.5928-3.3606s3.5928 1.3442 3.5928 3.3606zm-4.8154.0498c0 .7468.499 1.2446 1.2226 1.2446.7236 0 1.2225-.4978 1.2225-1.2446 0-.697-.474-1.2696-1.2225-1.2696-.7485 0-1.2226.5726-1.2226 1.2696zM30.5391 55.4622h2.994c1.5219 0 2.6447.7716 2.6447 2.3897 0 1.3194-.8234 2.1408-2.1457 2.1408h-1.1976v1.9417H30.564v-6.4722h-.0249zm2.2704 2.9125h.2246c.4241 0 .8732-.0747.8732-.5975 0-.4978-.474-.5227-.8732-.5227h-.2246v1.1202zM39.9697 55.4622h4.9651v2.1159l-1.2974-.0498v4.431h-2.3703v-4.431l-1.2974.0498v-2.1159zM45.5088 55.4622h4.3663v1.7674H47.879v.6223h1.8214v1.6928H47.879v.6472h2.0709v1.7674h-4.4411v-6.4971zM50.8984 55.4622h2.2705l2.1208 3.6095h.0748c-.0998-.5477-.1996-1.0953-.1996-1.643V55.487h2.2705v6.4723h-2.2705l-2.0709-3.4104h-.0748c.0748.4481.1497.8713.1497 1.2945v2.1159h-2.2705v-6.4971zM70.5586 52.475H4.41602v.6722H70.5586v-.6722zM70.5586 64.2495H4.41602v.6722H70.5586v-.6722z" fill="#fff"/>
<path d="M72.1058 62.0589l2.2455 5.5761H60.4541V56.5077h13.8972l-2.2455 5.5512zM75 69.2033H60.4541v-.8962h14.1717l.3742.8962zM75 54.9146l-.3742.9459H60.4541v-.9459H75z" fill="#0BA84D"/>
<path d="M74.3513 56.5077H60.4541v-.6473h14.1716l-.2744.6473zM74.6257 68.3072H60.4541v-.6721h13.8972l.2744.6721z" fill="#E6E7E8"/>
<path d="M70.5586 51.554H4.41602v14.2887H70.5586V51.554z" fill="#0BA84D"/>
<path d="M70.5586 52.475H4.41602v.6722H70.5586v-.6722zM70.5586 64.2495H4.41602v.6722H70.5586v-.6722zM18.7342 56.7659v.8905H17.546v3.0833h-1.0375v-3.0833h-1.1882v-.8905h3.4139zM21.0861 56.7659l1.4894 3.9738h-1.0822l-.2454-.7124h-1.389l-.251.7124h-1.0655l1.4894-3.9738h1.0543zm-.9873 2.4933h.9037l-.4407-1.3913h-.0112l-.4518 1.3913zM24.1908 56.7659v1.5249l1.3109-1.5249h1.2886l-1.4727 1.5639 1.6568 2.4099h-1.2886l-1.071-1.6697-.424.4453v1.2244h-1.0375v-3.9738h1.0375zM33.1019 56.7659v3.0833h.4574v1.8645h-.9873v-.974h-2.2927v.974h-.9873v-1.8645h.4016c.1822-.3451.3161-.705.4016-1.0797.0856-.3748.1283-.7885.1283-1.2411v-.7625h2.8784zm-1.0375 3.0833v-2.1928h-.8535v.1057c0 .2226-.0074.4267-.0223.6122-.0149.1855-.0391.3618-.0725.5287-.0335.1633-.0781.3229-.1339.4787-.0521.1521-.1172.308-.1953.4675h1.2775zM37.4104 56.7659v.8292h-2.1365v.6957h1.9524v.8015h-1.9524v.7569h2.1923v.8905h-3.2299v-3.9738h3.1741zM40.2349 56.7659c.212 0 .4054.0278.5802.0835.1748.0519.3235.1317.4462.2393.1265.1076.225.2411.2957.4007.0706.1595.106.3469.106.5621 0 .4527-.119.794-.357 1.0241-.2343.2263-.5951.3395-1.0822.3395h-.8535v1.3246h-1.0376v-3.9738h1.9022zm-.1506 1.8477c.1674 0 .2994-.0389.3961-.1168.0967-.078.145-.2041.145-.3785 0-.1781-.0502-.3098-.1506-.3952-.0967-.0853-.2269-.128-.3905-.128h-.714v1.0185h.714zM43.2447 56.7659l1.2161 1.5361v-1.5361h1.0264v1.5472l1.2272-1.5472h1.244l-1.4504 1.6196 1.5787 2.3542h-1.244l-.9929-1.6307-.3626.4007v1.23h-1.0264v-1.2189l-.3738-.423-.9929 1.6419h-1.2328l1.5842-2.332-1.4559-1.6418h1.2551zM50.8115 56.7659l1.4894 3.9738h-1.0822l-.2454-.7124h-1.389l-.251.7124h-1.0655l1.4894-3.9738h1.0543zm-.9873 2.4933h.9036l-.4407-1.3913h-.0111l-.4518 1.3913zM55.5213 56.7659v.8905h-1.1881v3.0833h-1.0376v-3.0833h-1.1882v-.8905h3.4139zM57.2889 56.7659v1.3246h.7196c.5318 0 .926.1094 1.1826.3283.2603.2152.3905.5418.3905.9796 0 .4564-.132.794-.3961 1.0129-.2603.2189-.6415.3284-1.1435.3284h-1.7906v-3.9738h1.0375zm.6806 3.1445c.1785 0 .3161-.0389.4128-.1169.1004-.0816.1506-.2059.1506-.3729 0-.1669-.0484-.2931-.1451-.3784-.0966-.0891-.2361-.1336-.4183-.1336h-.6806v1.0018h.6806zM61.3447 56.7659v.9851l-.2566 1.6752h-.463l-.2566-1.6752v-.9851h.9762zm.0279 2.9386v1.0352h-1.0375v-1.0352h1.0375z" fill="#fff"/>
<path d="M53.8136 30.7778c0-1.5556-.5763-2.3334-1.7289-2.3334h-3.1694c-1.1526 0-1.7289.7778-1.7289 2.3334v12.4444c0 1.5556.5763 2.3334 1.7289 2.3334h3.1694c1.1526 0 1.7289-.7778 1.7289-2.3334V30.7778zM59 43.2222c0 2.7222-.461 4.7056-1.3831 5.95C56.7141 50.3907 55.2542 51 53.2373 51h-5.4746c-2.0169 0-3.4864-.6093-4.4085-1.8278C42.4514 47.9278 42 45.9444 42 43.2222V30.7778c0-2.7222.4514-4.6926 1.3542-5.9111C44.2763 23.6222 45.7458 23 47.7627 23h5.4746c2.0169 0 3.4768.6222 4.3796 1.8667C58.539 26.0852 59 28.0556 59 30.7778v12.4444z" fill="#E7E7E7"/>
<path d="M48.9153 45.375c-1.1526 0-1.7289-.8036-1.7289-2.4107v-2.1429S46 41.3571 42 41.3571v1.6072c0 2.8125.4514 4.8616 1.3542 6.1473C44.2763 50.3705 45.7458 51 47.7627 51h5.4746c2.0169 0 3.4768-.6295 4.3796-1.8884C58.539 47.8259 59 45.7768 59 42.9643V36c-2 1.6071-5.1864 3.2143-5.1864 3.2143v3.75c0 1.6071-.5763 2.4107-1.7289 2.4107h-3.1694z" fill="#D1D1D1" fill-opacity=".65"/>
<path d="M17.9364 51V29.8056l-3.5059 1.5555L13 26.8889l5.2927-3.1111h4.5775V51h-4.9338zM35.8503 30.7778c0-1.5556-.5722-2.3334-1.7166-2.3334h-3.147c-1.1443 0-1.7165.7778-1.7165 2.3334v12.4444c0 1.5556.5722 2.3334 1.7165 2.3334h3.147c1.1444 0 1.7166-.7778 1.7166-2.3334V30.7778zm5.1496 12.4444c0 2.7222-.4577 4.7056-1.3732 5.95C38.7303 50.3907 37.2808 51 35.2781 51h-5.4357c-2.0027 0-3.4617-.6093-4.3772-1.8278-.8964-1.2444-1.3446-3.2278-1.3446-5.95V30.7778c0-2.7222.4482-4.6926 1.3446-5.9111C26.3807 23.6222 27.8397 23 29.8424 23h5.4357c2.0027 0 3.4522.6222 4.3486 1.8667.9155 1.2185 1.3732 3.1889 1.3732 5.9111v12.4444z" fill="#E7E7E7"/>
<path d="M18 51h5V35.6309c-1.7633-1.3056-3.7461-2.3927-5-4.6309v20z" fill="#D8D8D8"/>
<path d="M34.0847 45.375c1.1526 0 1.7289-.8036 1.7289-2.4107v-2.1429S37 41.3571 41 41.3571v1.6072c0 2.8125-.4514 4.8616-1.3542 6.1473C38.7237 50.3705 37.2542 51 35.2373 51h-5.4746c-2.0169 0-3.4768-.6295-4.3796-1.8884C24.461 47.8259 24 45.7768 24 42.9643V36c2 1.6071 5.1864 3.2143 5.1864 3.2143v3.75c0 1.6071.5763 2.4107 1.7289 2.4107h3.1694z" fill="#D1D1D1" fill-opacity=".65"/>
<defs>
<linearGradient id="paint0_linear" x1="36.9131" y1="4.15723" x2="36.9131" y2="65.8428" gradientUnits="userSpaceOnUse">
<stop offset=".236394" stop-color="#828282"/>
<stop offset="1" stop-color="#C2C2C2" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="24" y1="11" x2="56.5" y2="62" gradientUnits="userSpaceOnUse">
<stop stop-color="#989898"/>
<stop offset="1" stop-color="#454444" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
src/svg/top20.svg 0 → 100644
<svg width="75" height="70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.0798 70c19.374 0 35.0798-15.67 35.0798-35S56.4538 0 37.0798 0 2 15.67 2 35s15.7058 35 35.0798 35z" fill="#FDD836"/>
<path d="M36.9131 65.8428C19.8722 65.8428 6 52.0022 6 35 6 17.9979 19.8722 4.15723 36.9131 4.15723S67.8263 17.9979 67.8263 35c0 17.0022-13.8723 30.8428-30.9132 30.8428z" fill="#F9C12E"/>
<path d="M36.7714 61.6358C22.001 61.6358 10 49.6621 10 34.9253S22.001 8.21478 36.7714 8.21478c14.7705 0 26.7715 11.97372 26.7715 26.71052 0 14.7368-12.026 26.7105-26.7715 26.7105z" fill="#D19038"/>
<path d="M29.0183 21.875h-2.3161v-7H24v-1.75h7.7205v1.75h-2.7022v7zM38.4132 15.5c0-.5-.2574-.75-.7721-.75h-2.1875c-.5147 0-.772.25-.772.75v4c0 .5.2573.75.772.75h2.1875c.5147 0 .7721-.25.7721-.75v-4zm2.3161 4c0 .875-.2059 1.5125-.6176 1.9125-.4032.3917-1.0552.5875-1.9559.5875h-3.2169c-.9007 0-1.5569-.1958-1.9687-.5875-.4032-.4-.6048-1.0375-.6048-1.9125v-4c0-.875.2016-1.5083.6048-1.9.4118-.4 1.068-.6 1.9687-.6h3.2169c.9007 0 1.5527.2 1.9559.6.4117.3917.6176 1.025.6176 1.9v4zM42.0221 13.125h5.4044c.9007 0 1.5527.2 1.9559.6.4117.3917.6176 1.025.6176 1.9v1.25c0 .875-.2059 1.5125-.6176 1.9125-.4032.3917-1.0552.5875-1.9559.5875h-3.0882v2.5h-2.3162v-8.75zm5.6617 2.5c0-.5-.2573-.75-.772-.75h-2.5735v2.75h2.5735c.5147 0 .772-.25.772-.75v-1.25z" fill="#FDD836"/>
<path d="M2.86951 62.0589L.624023 67.635H14.5212V56.5077H.624023l2.245487 5.5512z" fill="#1A258E"/>
<path d="M0 69.2033h14.5209v-.8962H.349292L0 69.2033zM0 54.9146l.374251.9459H14.5209v-.9459H0z" fill="#333EA4"/>
<path d="M.623524 56.5077H14.5207v-.6473H.374023l.249501.6473zM.349609 68.3072H14.5213v-.6721H.624069l-.27446.6721z" fill="#E6E7E8"/>
<path d="M70.5586 51.554H4.41602v14.2887H70.5586V51.554z" fill="#5AC2EF"/>
<path d="M17.1406 55.4622h4.9651v2.1159l-1.2974-.0498v4.431H18.438v-4.431l-1.2974.0498v-2.1159zM29.6905 58.7232c0 2.091-1.6217 3.3357-3.5928 3.3357-1.996 0-3.5928-1.2447-3.5928-3.3357 0-2.0413 1.6217-3.3606 3.5928-3.3606s3.5928 1.3442 3.5928 3.3606zm-4.8154.0498c0 .7468.499 1.2446 1.2226 1.2446.7236 0 1.2225-.4978 1.2225-1.2446 0-.697-.474-1.2696-1.2225-1.2696-.7485 0-1.2226.5726-1.2226 1.2696zM30.5391 55.4622h2.994c1.5219 0 2.6447.7716 2.6447 2.3897 0 1.3194-.8234 2.1408-2.1457 2.1408h-1.1976v1.9417H30.564v-6.4722h-.0249zm2.2704 2.9125h.2246c.4241 0 .8732-.0747.8732-.5975 0-.4978-.474-.5227-.8732-.5227h-.2246v1.1202zM39.9697 55.4622h4.9651v2.1159l-1.2974-.0498v4.431h-2.3703v-4.431l-1.2974.0498v-2.1159zM45.5088 55.4622h4.3663v1.7674H47.879v.6223h1.8214v1.6928H47.879v.6472h2.0709v1.7674h-4.4411v-6.4971zM50.8984 55.4622h2.2705l2.1208 3.6095h.0748c-.0998-.5477-.1996-1.0953-.1996-1.643V55.487h2.2705v6.4723h-2.2705l-2.0709-3.4104h-.0748c.0748.4481.1497.8713.1497 1.2945v2.1159h-2.2705v-6.4971zM70.5586 52.475H4.41602v.6722H70.5586v-.6722zM70.5586 64.2495H4.41602v.6722H70.5586v-.6722z" fill="#fff"/>
<path d="M72.1058 62.0589l2.2455 5.5761H60.4541V56.5077h13.8972l-2.2455 5.5512z" fill="#1A258E"/>
<path d="M75 69.2033H60.4541v-.8962h14.1717l.3742.8962zM75 54.9146l-.3742.9459H60.4541v-.9459H75z" fill="#333EA4"/>
<path d="M74.3513 56.5077H60.4541v-.6473h14.1716l-.2744.6473zM74.6257 68.3072H60.4541v-.6721h13.8972l.2744.6721z" fill="#E6E7E8"/>
<path d="M70.5586 51.554H4.41602v14.2887H70.5586V51.554z" fill="#333EA4"/>
<path d="M70.5586 52.475H4.41602v.6722H70.5586v-.6722zM70.5586 64.2495H4.41602v.6722H70.5586v-.6722zM18.7342 56.7659v.8905H17.546v3.0833h-1.0375v-3.0833h-1.1882v-.8905h3.4139zM21.0861 56.7659l1.4894 3.9738h-1.0822l-.2454-.7124h-1.389l-.251.7124h-1.0655l1.4894-3.9738h1.0543zm-.9873 2.4933h.9037l-.4407-1.3913h-.0112l-.4518 1.3913zM24.1908 56.7659v1.5249l1.3109-1.5249h1.2886l-1.4727 1.5639 1.6568 2.4099h-1.2886l-1.071-1.6697-.424.4453v1.2244h-1.0375v-3.9738h1.0375zM33.1019 56.7659v3.0833h.4574v1.8645h-.9873v-.974h-2.2927v.974h-.9873v-1.8645h.4016c.1822-.3451.3161-.705.4016-1.0797.0856-.3748.1283-.7885.1283-1.2411v-.7625h2.8784zm-1.0375 3.0833v-2.1928h-.8535v.1057c0 .2226-.0074.4267-.0223.6122-.0149.1855-.0391.3618-.0725.5287-.0335.1633-.0781.3229-.1339.4787-.0521.1521-.1172.308-.1953.4675h1.2775zM37.4104 56.7659v.8292h-2.1365v.6957h1.9524v.8015h-1.9524v.7569h2.1923v.8905h-3.2299v-3.9738h3.1741zM40.2349 56.7659c.212 0 .4054.0278.5802.0835.1748.0519.3235.1317.4462.2393.1265.1076.225.2411.2957.4007.0706.1595.106.3469.106.5621 0 .4527-.119.794-.357 1.0241-.2343.2263-.5951.3395-1.0822.3395h-.8535v1.3246h-1.0376v-3.9738h1.9022zm-.1506 1.8477c.1674 0 .2994-.0389.3961-.1168.0967-.078.145-.2041.145-.3785 0-.1781-.0502-.3098-.1506-.3952-.0967-.0853-.2269-.128-.3905-.128h-.714v1.0185h.714zM43.2447 56.7659l1.2161 1.5361v-1.5361h1.0264v1.5472l1.2272-1.5472h1.244l-1.4504 1.6196 1.5787 2.3542h-1.244l-.9929-1.6307-.3626.4007v1.23h-1.0264v-1.2189l-.3738-.423-.9929 1.6419h-1.2328l1.5842-2.332-1.4559-1.6418h1.2551zM50.8115 56.7659l1.4894 3.9738h-1.0822l-.2454-.7124h-1.389l-.251.7124h-1.0655l1.4894-3.9738h1.0543zm-.9873 2.4933h.9036l-.4407-1.3913h-.0111l-.4518 1.3913zM55.5213 56.7659v.8905h-1.1881v3.0833h-1.0376v-3.0833h-1.1882v-.8905h3.4139zM57.2889 56.7659v1.3246h.7196c.5318 0 .926.1094 1.1826.3283.2603.2152.3905.5418.3905.9796 0 .4564-.132.794-.3961 1.0129-.2603.2189-.6415.3284-1.1435.3284h-1.7906v-3.9738h1.0375zm.6806 3.1445c.1785 0 .3161-.0389.4128-.1169.1004-.0816.1506-.2059.1506-.3729 0-.1669-.0484-.2931-.1451-.3784-.0966-.0891-.2361-.1336-.4183-.1336h-.6806v1.0018h.6806zM61.3447 56.7659v.9851l-.2566 1.6752h-.463l-.2566-1.6752v-.9851h.9762zm.0279 2.9386v1.0352h-1.0375v-1.0352h1.0375z" fill="#fff"/>
<path d="M51.5085 31.5c0-1.5-.6102-2.25-1.8305-2.25h-3.356c-1.2203 0-1.8305.75-1.8305 2.25v12c0 1.5.6102 2.25 1.8305 2.25h3.356c1.2203 0 1.8305-.75 1.8305-2.25v-12zM57 43.5c0 2.625-.4881 4.5375-1.4644 5.7375C54.5797 50.4125 53.0339 51 50.8983 51h-5.7966c-2.1356 0-3.6915-.5875-4.6678-1.7625C39.478 48.0375 39 46.125 39 43.5v-12c0-2.625.478-4.525 1.4339-5.7.9763-1.2 2.5322-1.8 4.6678-1.8h5.7966c2.1356 0 3.6814.6 4.6373 1.8C56.5119 26.975 57 28.875 57 31.5v12zM37 32.4857c0 2.1857-.8 4.0757-2.4 5.67-.4889.4886-1.0222.9772-1.6 1.4657L25.8333 45.6H37V51H19v-7.3286l12-10.0285v-1.9286c0-1.5429-.6667-2.3143-2-2.3143h-9.3333V24h10.6666c2.3334 0 4.0223.6171 5.0667 1.8514 1.0667 1.2086 1.6 3.1629 1.6 5.8629v.7714z" fill="#FDD836"/>
<path d="M46.322 45.75c-1.2203 0-1.8305-.75-1.8305-2.25v-2S43.2353 42 39 42v1.5c0 2.625.478 4.5375 1.4339 5.7375C41.4102 50.4125 42.9661 51 45.1017 51h5.7966c2.1356 0 3.6814-.5875 4.6373-1.7625C56.5119 48.0375 57 46.125 57 43.5V37c-2.1176 1.5-5.4915 3-5.4915 3v3.5c0 1.5-.6102 2.25-1.8305 2.25h-3.356zM25.8333 45.6L31.5 41s-1.6667-.5-5.6667-3L19 43.6714V51h18v-5.4H25.8333z" fill="#F9C12E"/>
</svg>
src/view/block/header/Header.jsx
...@@ -22,17 +22,19 @@ export default D.declare('view.block.Header', () => { ...@@ -22,17 +22,19 @@ export default D.declare('view.block.Header', () => {
</div> </div>
<IF condition={NOT(store.valEqual( 'navigation.current', 'login'))}> <IF condition={NOT(store.valEqual( 'navigation.current', 'login'))}>
<div className="page-header__wrapper"> <div className="page-header__wrapper">
<a href="#" class="page-header__logo"> <a href="#" class="page-header__logo" aria-label={"Логотип ВкусВилл"}>
<Logo width="116" height="41"/> <Logo width="116" height="41"/>
</a> </a>
<div class="page-header__user-block"> <div class="page-header__user-block">
<Button class={"button page-header__profile-link"} <Button class={"button page-header__profile-link"}
type={"button"} type={"button"}
aria-label={"Ссылка на страницу личного кабинетаа"}
> >
<User width="32" height="32"/><span>Иванов Иван</span> <User width="32" height="32"/><span>Иванов Иван</span>
</Button> </Button>
<Button class={"button page-header__logout-link"} <Button class={"button page-header__logout-link"}
type={"button"} type={"button"}
aria-label={"Кнопка выхода"}
> >
<Logout width="18" height="18"/><span>Выйти</span> <Logout width="18" height="18"/><span>Выйти</span>
</Button> </Button>
......
src/view/block/ratingBlock/Rating.jsx 0 → 100644
import Progress from '../../cmp/progress/Progress.jsx';
import Top1 from '/svg/top1.svg';
export default D.declare('Rating', () => {
return <div class="rating-block">
<div class="rating-block__result">95<sup>%</sup></div>
<div class="rating-block__progress">
<Progress />
</div>
<div class="rating-block__stage">
<h3>Итоговое тестирование</h3>
<p>Пройдено: <time>07.08.2019</time></p>
<p>Следующее: <time class="available">08.08.2019</time></p>
</div>
<div className="rating-block__badge">
<div>
<Top1 width={"154"} height={"104"}/>
</div>
<h3>Рейтинг вашей локации</h3>
<p>Улучшайте результаты итогового теста, чтобы его поднять!</p>
</div>
<div className="rating-block__series">
<div className="rating-block__chain">8</div>
<h3>Лучшая цепочка ответов</h3>
<p>Это ваша лучшая цепочка в&nbsp;режиме бесконечной генерации вопросов.</p>
</div>
</div>
})
src/view/cmp/progress/Progress.jsx 0 → 100644
export default D.declare('Progress', () => {
return <div class="progress-bar">
.........
</div>
})
src/view/page/account/Account.jsx
import './accountPage.scss'; import './accountPage.scss';
import User from "/svg/user.svg"; import User from "/svg/user.svg";
import Rating from '../../block/ratingBlock/Rating.jsx';
export default D.declare('view.page.Account', () => { export default D.declare('view.page.Account', () => {
return <div class="account-page"> return <div class="account-page">
<h1 class="readers-only">Страница личного кабинета сотрудника</h1>
<div class="account-page__wrapper"> <div class="account-page__wrapper">
<div class="account-page__menu"> <div class="account-page__menu">
<div class="account"> <div class="account">
...@@ -10,11 +12,14 @@ export default D.declare('view.page.Account', () => { ...@@ -10,11 +12,14 @@ export default D.declare('view.page.Account', () => {
<div class="account__info"> <div class="account__info">
<h3 class="account__name"> <h3 class="account__name">
<User width="32" height="32" /> <User width="32" height="32" />
<span>Иванов Иван</span> <span>{'Ким Ир Сен Константин Му Константинович Константинопольский'.split(/\s/).map(word=><div cls="title-name-word">{word}</div>)}</span>
</h3> </h3>
<p>Химки-2</p> <p>Химки-2</p>
<p>Кассир</p> <p>Кассир</p>
</div> </div>
<div class="account__rating">
<Rating />
</div>
</div> </div>
</div> </div>
<div class="account-page__content"> <div class="account-page__content">
......
src/view/page/account/accountPage.scss
...@@ -12,10 +12,12 @@ ...@@ -12,10 +12,12 @@
} }
.account-page__menu { .account-page__menu {
max-height: 100%;
box-sizing: border-box; box-sizing: border-box;
padding: 23px 20px 50px 50px; padding: 23px 20px 50px 50px;
width: 320px; width: 320px;
background-color: $bg-main; background-color: $bg-main;
overflow-y: auto;
} }
.account-page__content { .account-page__content {
...@@ -57,3 +59,13 @@ ...@@ -57,3 +59,13 @@
transform: translate(-18px, 0); transform: translate(-18px, 0);
color: $accent-main; color: $accent-main;
} }
.title-name-word {
display: inline-block;
vertical-align: top;
margin-right: 0.5em;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment