Merge branch 'master' of git.flexites.org:Students/ITRadio
This commit is contained in:
Mike0001-droid
commit
b063160759
|
|
@ -0,0 +1,8 @@
|
|||
# Default ignored files
|
||||
/shelf/
|
||||
/workspace.xml
|
||||
# Editor-based HTTP Client requests
|
||||
/httpRequests/
|
||||
# Datasource local storage ignored files
|
||||
/dataSources/
|
||||
/dataSources.local.xml
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<module type="WEB_MODULE" version="4">
|
||||
<component name="NewModuleRootManager">
|
||||
<content url="file://$MODULE_DIR$" />
|
||||
<orderEntry type="inheritedJdk" />
|
||||
<orderEntry type="sourceFolder" forTests="false" />
|
||||
</component>
|
||||
</module>
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="ProjectModuleManager">
|
||||
<modules>
|
||||
<module fileurl="file://$PROJECT_DIR$/.idea/it-radio-fullstack.iml" filepath="$PROJECT_DIR$/.idea/it-radio-fullstack.iml" />
|
||||
</modules>
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<project version="4">
|
||||
<component name="VcsDirectoryMappings">
|
||||
<mapping directory="" vcs="Git" />
|
||||
</component>
|
||||
</project>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
root = true
|
||||
|
||||
[*]
|
||||
charset = utf-8
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
trim_trailing_whitespace = true
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
BUILD_MODE=development
|
||||
AJAX_TIMEOUT=75000
|
||||
AJAX_RESPONSE_TYPE=json
|
||||
AJAX_ENCODING=utf8
|
||||
CACHE_STORAGE=tempStorage
|
||||
ROBOTS_USER_AGENT=*
|
||||
ROBOTS_ALLOW=
|
||||
ROBOTS_DISALLOW=["/"]
|
||||
SERVICE_SELF_URL=//it-radio.flexidev.ru
|
||||
SERVICE_URL=//it-radio.flexidev.ru
|
||||
SERVICE_URL_AUDIO=//82.97.242.49:10084
|
||||
SERVICE_PROTOCOL=http
|
||||
SERVICE_PORT=8000
|
||||
SERVICE_API=/api
|
||||
SERVICE_ON_LOCAL=false
|
||||
SENTRY_DSN=https://e6dd82de128240cd8858fc6d47a0fff9@glitchtip.flexidev.ru/6
|
||||
METRIKA_ID=
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
BUILD_MODE=development
|
||||
AJAX_TIMEOUT=75000
|
||||
AJAX_RESPONSE_TYPE=json
|
||||
AJAX_ENCODING=utf8
|
||||
CACHE_STORAGE=tempStorage
|
||||
ROBOTS_USER_AGENT=*
|
||||
ROBOTS_ALLOW=
|
||||
ROBOTS_DISALLOW=["/"]
|
||||
SERVICE_SELF_URL=//tender.alidi.ru
|
||||
SERVICE_URL=//backend.tender.alidi.ru
|
||||
SERVICE_PROTOCOL=https
|
||||
SERVICE_PORT=8000
|
||||
SERVICE_API=
|
||||
SERVICE_ON_LOCAL=false
|
||||
SENTRY_DSN=https://e6dd82de128240cd8858fc6d47a0fff9@glitchtip.flexidev.ru/6
|
||||
METRIKA_ID=
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
/dist
|
||||
/src-bex/www
|
||||
/src-capacitor
|
||||
/src-cordova
|
||||
/.quasar
|
||||
/node_modules
|
||||
.eslintrc.js
|
||||
babel.config.js
|
||||
/quasar.config.*.temporary.compiled*
|
||||
|
|
@ -0,0 +1,87 @@
|
|||
module.exports = {
|
||||
// https://eslint.org/docs/user-guide/configuring#configuration-cascading-and-hierarchy
|
||||
// This option interrupts the configuration hierarchy at this file
|
||||
// Remove this if you have an higher level ESLint config file (it usually happens into a monorepos)
|
||||
root: true,
|
||||
|
||||
parserOptions: {
|
||||
parser: '@babel/eslint-parser',
|
||||
ecmaVersion: 2021, // Allows for the parsing of modern ECMAScript features
|
||||
sourceType: 'module' // Allows for the use of imports
|
||||
},
|
||||
|
||||
env: {
|
||||
browser: true,
|
||||
'vue/setup-compiler-macros': true
|
||||
},
|
||||
|
||||
// Rules order is important, please avoid shuffling them
|
||||
extends: [
|
||||
// Base ESLint recommended rules
|
||||
'eslint:recommended',
|
||||
|
||||
// Uncomment any of the lines below to choose desired strictness,
|
||||
// but leave only one uncommented!
|
||||
// See https://eslint.vuejs.org/rules/#available-rules
|
||||
'plugin:import/recommended',
|
||||
'plugin:vue/essential', // Priority A: Essential (Error Prevention)
|
||||
// 'plugin:vue/vue3-essential', // Priority A: Essential (Error Prevention)
|
||||
// 'plugin:vue/vue3-strongly-recommended', // Priority B: Strongly Recommended (Improving Readability)
|
||||
// 'plugin:vue/vue3-recommended', // Priority C: Recommended (Minimizing Arbitrary Choices and Cognitive Overhead)
|
||||
|
||||
// 'standard'
|
||||
|
||||
],
|
||||
|
||||
plugins: [
|
||||
// https://eslint.vuejs.org/user-guide/#why-doesn-t-it-work-on-vue-files
|
||||
// required to lint *.vue files
|
||||
'vue',
|
||||
|
||||
],
|
||||
|
||||
globals: {
|
||||
ga: 'readonly', // Google Analytics
|
||||
cordova: 'readonly',
|
||||
__statics: 'readonly',
|
||||
__QUASAR_SSR__: 'readonly',
|
||||
__QUASAR_SSR_SERVER__: 'readonly',
|
||||
__QUASAR_SSR_CLIENT__: 'readonly',
|
||||
__QUASAR_SSR_PWA__: 'readonly',
|
||||
process: 'readonly',
|
||||
Capacitor: 'readonly',
|
||||
chrome: 'readonly'
|
||||
},
|
||||
|
||||
// add your custom rules here
|
||||
rules: {
|
||||
|
||||
// allow async-await
|
||||
'generator-star-spacing': 'off',
|
||||
// allow paren-less arrow functions
|
||||
'arrow-parens': 'off',
|
||||
'one-var': 'off',
|
||||
'no-void': 'off',
|
||||
'multiline-ternary': 'off',
|
||||
|
||||
'import/first': 'off',
|
||||
'import/named': 'error',
|
||||
'import/namespace': 'error',
|
||||
'import/default': 'error',
|
||||
'import/export': 'error',
|
||||
'import/extensions': 'off',
|
||||
'import/no-unresolved': 'off',
|
||||
'import/no-extraneous-dependencies': 'off',
|
||||
|
||||
'prefer-promise-reject-errors': 'off',
|
||||
|
||||
'no-multiple-template-root': 'off',
|
||||
'no-v-for-template-key': 'off',
|
||||
'no-unused-vars': 'off',
|
||||
'vue/no-multiple-template-root': 'warn',
|
||||
'vue/no-v-for-template-key': 'warn',
|
||||
'vue/multi-word-component-names': 'off',
|
||||
// allow debugger during development only
|
||||
'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
.DS_Store
|
||||
.thumbs.db
|
||||
node_modules
|
||||
|
||||
# Quasar core related directories
|
||||
.quasar
|
||||
/dist
|
||||
/conf
|
||||
var
|
||||
/quasar.config.*.temporary.compiled*
|
||||
|
||||
# Cordova related directories and files
|
||||
/src-cordova/node_modules
|
||||
/src-cordova/platforms
|
||||
/src-cordova/plugins
|
||||
/src-cordova/www
|
||||
|
||||
# Capacitor related directories and files
|
||||
/src-capacitor/www
|
||||
/src-capacitor/node_modules
|
||||
|
||||
# BEX related directories and files
|
||||
/src-bex/www
|
||||
/src-bex/js/core
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
#.env files
|
||||
# local .env files
|
||||
.env.local*
|
||||
.env.*.local
|
||||
ecosystem.config.js
|
||||
|
||||
public
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
# pnpm-related options
|
||||
shamefully-hoist=true
|
||||
strict-peer-dependencies=false
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
# Al App (al-client)
|
||||
|
||||
A Al project
|
||||
|
||||
## Install the dependencies
|
||||
```bash
|
||||
yarn
|
||||
# or
|
||||
npm install
|
||||
```
|
||||
|
||||
### Start the app in development mode (hot-code reloading, error reporting, etc.)
|
||||
```bash
|
||||
quasar dev
|
||||
```
|
||||
|
||||
|
||||
### Lint the files
|
||||
```bash
|
||||
yarn lint
|
||||
# or
|
||||
npm run lint
|
||||
```
|
||||
|
||||
|
||||
|
||||
### Build the app for production
|
||||
```bash
|
||||
quasar build
|
||||
```
|
||||
|
||||
### Customize the configuration
|
||||
See [Configuring quasar.config.js](https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js).
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
/* eslint-disable */
|
||||
|
||||
module.exports = api => {
|
||||
return {
|
||||
presets: [
|
||||
[
|
||||
'@quasar/babel-preset-app',
|
||||
api.caller(caller => caller && caller.target === 'node')
|
||||
? { targets: { node: 'current' } }
|
||||
: {}
|
||||
]
|
||||
]
|
||||
}
|
||||
}
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<browserconfig>
|
||||
<msapplication>
|
||||
<tile>
|
||||
<square150x150logo src="/mstile-150x150.png"/>
|
||||
<TileColor>#da532c</TileColor>
|
||||
</tile>
|
||||
</msapplication>
|
||||
</browserconfig>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 125 KiB |
|
|
@ -1 +0,0 @@
|
|||
<!DOCTYPE html><html lang=ru><head><base href=/ ><meta charset=utf-8><meta name=format-detection content="telephone=no"><meta name=msapplication-tap-highlight content=no><meta name=viewport content="user-scalable=yes,initial-scale=1,maximum-scale=5,minimum-scale=1,width=device-width"><link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/favicon-16x16.png><link rel=manifest href=/site.webmanifest><link rel=mask-icon href=/safari-pinned-tab.svg color=#5bbad5><meta name=msapplication-TileColor content=#00a300><meta name=theme-color content=#119b58><script defer src=/js/vendor.c4ca484a.js></script><script defer src=/js/app.96656978.js></script><link href=/css/vendor.7a6922bc.css rel=stylesheet><link href=/css/app.c356e720.css rel=stylesheet></head><body><div id=q-app></div></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,39 @@
|
|||
{
|
||||
"compilerOptions": {
|
||||
"baseUrl": ".",
|
||||
"paths": {
|
||||
"src/*": [
|
||||
"src/*"
|
||||
],
|
||||
"app/*": [
|
||||
"*"
|
||||
],
|
||||
"components/*": [
|
||||
"src/components/*"
|
||||
],
|
||||
"layouts/*": [
|
||||
"src/layouts/*"
|
||||
],
|
||||
"pages/*": [
|
||||
"src/pages/*"
|
||||
],
|
||||
"assets/*": [
|
||||
"src/assets/*"
|
||||
],
|
||||
"boot/*": [
|
||||
"src/boot/*"
|
||||
],
|
||||
"stores/*": [
|
||||
"src/stores/*"
|
||||
],
|
||||
"vue$": [
|
||||
"node_modules/vue/dist/vue.runtime.esm-bundler.js"
|
||||
]
|
||||
}
|
||||
},
|
||||
"exclude": [
|
||||
"dist",
|
||||
".quasar",
|
||||
"node_modules"
|
||||
]
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,80 @@
|
|||
{
|
||||
"name": "it-radio",
|
||||
"version": "0.1.0",
|
||||
"description": "it-radio",
|
||||
"productName": "it-radio",
|
||||
"author": "fedyanin stepan",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"lint": "eslint --ext .js,.vue ./",
|
||||
"test": "echo \"No test specified\" && exit 0",
|
||||
"serve": "npx cross-env NODE_ENV=development quasar dev",
|
||||
"serve:ssr": "quasar dev -m ssr",
|
||||
"build": "npx cross-env NODE_ENV=development quasar build",
|
||||
"build:ssr": "quasar build -m ssr",
|
||||
"build:dev": "quasar build",
|
||||
"build:ssr:dev": "npx cross-env NODE_ENV=development quasar build -m ssr"
|
||||
},
|
||||
"dependencies": {
|
||||
"@formkit/i18n": "^1.6.3",
|
||||
"@formkit/vue": "^1.6.3",
|
||||
"@quasar/extras": "^1.16.4",
|
||||
"axios": "^1.2.1",
|
||||
"core-js": "^3.6.5",
|
||||
"esm": "^3.2.25",
|
||||
"gsap": "^3.12.5",
|
||||
"maska": "^2.1.11",
|
||||
"quasar": "^2.6.0",
|
||||
"scrollmagic": "^2.0.8",
|
||||
"scrolltrigger": "^1.0.1",
|
||||
"swiper": "^11.1.3",
|
||||
"vue": "^3.3.13",
|
||||
"vue-final-modal": "^4.5.4",
|
||||
"vue-router": "^4.0.0",
|
||||
"vuex": "^4.0.1",
|
||||
"vuex-persist": "^3.1.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@babel/eslint-parser": "^7.13.14",
|
||||
"@quasar/app-webpack": "^3.0.0",
|
||||
"dotenv": "^16.3.1",
|
||||
"eslint": "^8.10.0",
|
||||
"eslint-config-standard": "^17.0.0",
|
||||
"eslint-plugin-import": "^2.19.1",
|
||||
"eslint-plugin-n": "^15.0.0",
|
||||
"eslint-plugin-promise": "^6.0.0",
|
||||
"eslint-plugin-vue": "^9.0.0",
|
||||
"eslint-webpack-plugin": "^3.1.1",
|
||||
"postcss": "^8.4.31",
|
||||
"postcss-cli": "^10.1.0",
|
||||
"postcss-color-function": "^4.1.0",
|
||||
"postcss-conditionals": "^2.1.0",
|
||||
"postcss-font-weights": "^5.0.0",
|
||||
"postcss-hexrgba": "^2.1.0",
|
||||
"postcss-import": "^15.1.0",
|
||||
"postcss-inline-svg": "^6.0.0",
|
||||
"postcss-math": "^0.0.10",
|
||||
"postcss-mixins": "^9.0.4",
|
||||
"postcss-nested": "^6.0.1",
|
||||
"postcss-preset-env": "^9.2.0",
|
||||
"postcss-simple-vars": "^7.0.1",
|
||||
"sass-loader": "^13.3.2",
|
||||
"vue-loader": "^17.3.0"
|
||||
},
|
||||
"browserslist": [
|
||||
"last 10 Chrome versions",
|
||||
"last 10 Firefox versions",
|
||||
"last 4 Edge versions",
|
||||
"last 7 Safari versions",
|
||||
"last 8 Android versions",
|
||||
"last 8 ChromeAndroid versions",
|
||||
"last 8 FirefoxAndroid versions",
|
||||
"last 10 iOS versions",
|
||||
"last 5 Opera versions"
|
||||
],
|
||||
"engines": {
|
||||
"node": ">= 12.22.1",
|
||||
"npm": ">= 6.13.4",
|
||||
"yarn": ">= 1.21.1"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
module.exports = {
|
||||
parser: 'postcss',
|
||||
plugins: {
|
||||
'postcss-import': {},
|
||||
'postcss-mixins': {},
|
||||
'postcss-nested': {},
|
||||
'postcss-simple-vars': {},
|
||||
'postcss-hexrgba': {},
|
||||
'postcss-color-function': {},
|
||||
'postcss-font-weights': {},
|
||||
'postcss-inline-svg': {
|
||||
paths: ['./src']
|
||||
},
|
||||
'postcss-math': {
|
||||
functionName: 'calculate'
|
||||
},
|
||||
'postcss-conditionals': {},
|
||||
'postcss-preset-env': {}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,300 @@
|
|||
const path = require('path');
|
||||
const webpack = require('webpack');
|
||||
const nodeExternals = require("webpack-node-externals");
|
||||
const env = require('dotenv').config({ path: `.env.${process.env.NODE_ENV.toLowerCase()}` }).parsed;
|
||||
/* eslint-env node */
|
||||
|
||||
/*
|
||||
* This file runs in a Node context (it's NOT transpiled by Babel), so use only
|
||||
* the ES6 features that are supported by your Node version. https://node.green/
|
||||
*/
|
||||
|
||||
// Configuration for your app
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js
|
||||
|
||||
const ESLintPlugin = require('eslint-webpack-plugin')
|
||||
const { configure } = require('quasar/wrappers')
|
||||
module.exports = configure(function (ctx) {
|
||||
return {
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/supporting-ts
|
||||
supportTS: false,
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/prefetch-feature
|
||||
preFetch: true,
|
||||
|
||||
// app boot file (/src/boot)
|
||||
// --> boot files are part of "main.js"
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/boot-files
|
||||
boot: [
|
||||
'main',
|
||||
'directive',
|
||||
{ path: 'store', server: false },
|
||||
//{ path: 'directive', server: false },
|
||||
//'axios'
|
||||
],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-css
|
||||
css: [
|
||||
// 'app.scss'
|
||||
],
|
||||
|
||||
// https://github.com/quasarframework/quasar/tree/dev/extras
|
||||
extras: [
|
||||
// 'ionicons-v4',
|
||||
// 'mdi-v5',
|
||||
// 'fontawesome-v6',
|
||||
// 'eva-icons',
|
||||
// 'themify',
|
||||
// 'line-awesome',
|
||||
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
|
||||
|
||||
// 'roboto-font', // optional, you are not bound to it
|
||||
// 'material-icons' // optional, you are not bound to it
|
||||
],
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-build
|
||||
build: {
|
||||
vueRouterMode: 'history', // available values: 'hash', 'history'
|
||||
env: {
|
||||
...process.env
|
||||
},
|
||||
// transpile: false,
|
||||
// publicPath: '/',
|
||||
|
||||
// Add dependencies for transpiling with Babel (Array of string/regex)
|
||||
// (from node_modules, which are by default not transpiled).
|
||||
// Applies only if "transpile" is set to true.
|
||||
transpileDependencies: [],
|
||||
|
||||
// rtl: true, // https://quasar.dev/options/rtl-support
|
||||
// preloadChunks: true,
|
||||
// showProgress: false,
|
||||
// gzip: true,
|
||||
// analyze: true,
|
||||
|
||||
// Options below are automatically set depending on the env, set them if you want to override
|
||||
// extractCSS: false,
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/handling-webpack
|
||||
// "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
|
||||
|
||||
chainWebpack (chain) {
|
||||
chain.plugin('eslint-webpack-plugin')
|
||||
.use(ESLintPlugin, [{ extensions: ['js', 'vue'] }])
|
||||
// chain.plugin('normal-module-replacement').use(
|
||||
// new webpack.NormalModuleReplacementPlugin(/settings$/, function(resource) {
|
||||
// resource.request = resource.request.replace(/settings$/, `settings/${process.env.NODE_ENV}`);
|
||||
// })
|
||||
// )
|
||||
// require = require('esm')(module);
|
||||
// const settings = require(`./src/settings`);
|
||||
// chain.plugin('robotstxt-webpack-plugin')
|
||||
// .use(new RobotstxtPlugin(settings.robotsTxt))
|
||||
|
||||
chain.module.rule('images')
|
||||
.test(/\.(png|jpe?g|gif|svg|webp|avif|ico)(\?.*)?$/)
|
||||
.type('javascript/auto')
|
||||
.use('url-loader')
|
||||
.loader('url-loader')
|
||||
.options({
|
||||
esModule: false,
|
||||
limit: 16384,
|
||||
name: `assets/img/[name].[hash:8].[ext]`
|
||||
})
|
||||
chain.module.rule('videos')
|
||||
.test(/\.(mp4|webm|mov)(\?.*)?$/)
|
||||
.type('javascript/auto')
|
||||
.use('url-loader')
|
||||
.loader('url-loader')
|
||||
.options({
|
||||
esModule: false,
|
||||
limit: 32768,
|
||||
name: `assets/media/[name].[hash:8].[ext]`
|
||||
})
|
||||
},
|
||||
extendWebpack (cfg) {
|
||||
cfg.resolve.alias = {
|
||||
...cfg.resolve.alias,
|
||||
'@': path.resolve(__dirname, './src'),
|
||||
};
|
||||
},
|
||||
devtool: 'source-map'
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-devServer
|
||||
devServer: {
|
||||
server: {
|
||||
type: 'http'
|
||||
},
|
||||
port: 5173,
|
||||
open: false // opens browser window automatically
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/quasar-config-js#Property%3A-framework
|
||||
framework: {
|
||||
config: {},
|
||||
|
||||
// iconSet: 'material-icons', // Quasar icon set
|
||||
lang: 'ru', // Quasar language pack
|
||||
|
||||
// For special cases outside of where the auto-import strategy can have an impact
|
||||
// (like functional components as one of the examples),
|
||||
// you can manually specify Quasar components/directives to be available everywhere:
|
||||
//
|
||||
// components: [],
|
||||
// directives: [],
|
||||
|
||||
// Quasar plugins
|
||||
plugins: ['Meta']
|
||||
},
|
||||
|
||||
// animations: 'all', // --- includes all animations
|
||||
// https://quasar.dev/options/animations
|
||||
animations: [],
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/developing-ssr/configuring-ssr
|
||||
ssr: {
|
||||
pwa: false,
|
||||
|
||||
/**
|
||||
* Manually serialize the store state and provide it yourself
|
||||
* as window.__INITIAL_STATE__ to the client-side (through a <script> tag)
|
||||
* (Requires @quasar/app-webpack v3.5+)
|
||||
*/
|
||||
manualStoreSerialization: false,
|
||||
|
||||
/**
|
||||
* Manually inject the store state into ssrContext.state
|
||||
* (Requires @quasar/app-webpack v3.5+)
|
||||
*/
|
||||
manualStoreSsrContextInjection: false,
|
||||
|
||||
/**
|
||||
* Manually handle the store hydration instead of letting Quasar CLI do it.
|
||||
* For Pinia: store.state.value = window.__INITIAL_STATE__
|
||||
* For Vuex: store.replaceState(window.__INITIAL_STATE__)
|
||||
*/
|
||||
manualStoreHydration: true,
|
||||
|
||||
/**
|
||||
* Manually call $q.onSSRHydrated() instead of letting Quasar CLI do it.
|
||||
* This announces that client-side code should takeover.
|
||||
*/
|
||||
manualPostHydrationTrigger: false,
|
||||
|
||||
prodPort: 3004, // The default port that the production server should use
|
||||
// (gets superseded if process.env.PORT is specified at runtime)
|
||||
|
||||
maxAge: 1000 * 60 * 60 * 24 * 30,
|
||||
// Tell browser when a file from the server should expire from cache (in ms)
|
||||
|
||||
chainWebpackWebserver (chain) {
|
||||
chain.plugin('eslint-webpack-plugin')
|
||||
.use(ESLintPlugin, [{ extensions: ['js'] }])
|
||||
},
|
||||
|
||||
middlewares: [
|
||||
ctx.prod ? 'compression' : '',
|
||||
'render' // keep this as last one
|
||||
]
|
||||
},
|
||||
|
||||
// https://v2.quasar.dev/quasar-cli-webpack/developing-pwa/configuring-pwa
|
||||
pwa: {
|
||||
workboxPluginMode: 'GenerateSW', // 'GenerateSW' or 'InjectManifest'
|
||||
workboxOptions: {}, // only for GenerateSW
|
||||
|
||||
// for the custom service worker ONLY (/src-pwa/custom-service-worker.[js|ts])
|
||||
// if using workbox in InjectManifest mode
|
||||
|
||||
chainWebpackCustomSW (chain) {
|
||||
chain.plugin('eslint-webpack-plugin')
|
||||
.use(ESLintPlugin, [{ extensions: ['js'] }])
|
||||
},
|
||||
|
||||
manifest: {
|
||||
name: 'Tugan App',
|
||||
short_name: 'Tugan App',
|
||||
description: 'A Tugan project',
|
||||
display: 'standalone',
|
||||
orientation: 'portrait',
|
||||
background_color: '#ffffff',
|
||||
theme_color: '#027be3',
|
||||
icons: [
|
||||
{
|
||||
src: 'icons/icon-128x128.png',
|
||||
sizes: '128x128',
|
||||
type: 'image/png'
|
||||
},
|
||||
{
|
||||
src: 'icons/icon-192x192.png',
|
||||
sizes: '192x192',
|
||||
type: 'image/png'
|
||||
},
|
||||
{
|
||||
src: 'icons/icon-256x256.png',
|
||||
sizes: '256x256',
|
||||
type: 'image/png'
|
||||
},
|
||||
{
|
||||
src: 'icons/icon-384x384.png',
|
||||
sizes: '384x384',
|
||||
type: 'image/png'
|
||||
},
|
||||
{
|
||||
src: 'icons/icon-512x512.png',
|
||||
sizes: '512x512',
|
||||
type: 'image/png'
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-cordova-apps/configuring-cordova
|
||||
cordova: {
|
||||
// noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-capacitor-apps/configuring-capacitor
|
||||
capacitor: {
|
||||
hideSplashscreen: true
|
||||
},
|
||||
|
||||
// Full list of options: https://v2.quasar.dev/quasar-cli-webpack/developing-electron-apps/configuring-electron
|
||||
electron: {
|
||||
bundler: 'packager', // 'packager' or 'builder'
|
||||
|
||||
packager: {
|
||||
// https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options
|
||||
|
||||
// OS X / Mac App Store
|
||||
// appBundleId: '',
|
||||
// appCategoryType: '',
|
||||
// osxSign: '',
|
||||
// protocol: 'myapp://path',
|
||||
|
||||
// Windows only
|
||||
// win32metadata: { ... }
|
||||
},
|
||||
|
||||
builder: {
|
||||
// https://www.electron.build/configuration/configuration
|
||||
|
||||
appId: 'tugan'
|
||||
},
|
||||
|
||||
// "chain" is a webpack-chain object https://github.com/neutrinojs/webpack-chain
|
||||
|
||||
chainWebpackMain (chain) {
|
||||
chain.plugin('eslint-webpack-plugin')
|
||||
.use(ESLintPlugin, [{ extensions: ['js'] }])
|
||||
},
|
||||
|
||||
chainWebpackPreload (chain) {
|
||||
chain.plugin('eslint-webpack-plugin')
|
||||
.use(ESLintPlugin, [{ extensions: ['js'] }])
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
@ -0,0 +1,68 @@
|
|||
<template>
|
||||
<div class="app">
|
||||
<AppHeader :showAuthentication="showAuthentication" @shopAuthentication="changeShowAuthentication"/>
|
||||
<div class="app__block">
|
||||
<Page404 v-if="showErrorPage404"/>
|
||||
<Page500 v-if="showErrorPage500"/>
|
||||
<routerView v-else/>
|
||||
</div>
|
||||
<Player @shopAuthentication="changeShowAuthentication"/>
|
||||
<AppFooter/>
|
||||
</div>
|
||||
<Authentication :showModal="showAuthentication" @hideModal="changeShowAuthentication"/>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Page404 from '@/views/Page404.vue';
|
||||
import Page500 from '@/views/Page500.vue';
|
||||
import AppHeader from "@/components/app-header.vue";
|
||||
import AppFooter from "@/components/app-footer.vue";
|
||||
import Authentication from "@/components/authentication.vue";
|
||||
import Player from "@/components/player.vue";
|
||||
|
||||
export default {
|
||||
async preFetch({store, currentRoute, previousRoute, redirect, ssrContext, urlPath, publicPath}) {
|
||||
},
|
||||
components: {
|
||||
Player,
|
||||
Authentication,
|
||||
AppFooter,
|
||||
AppHeader,
|
||||
Page404,
|
||||
Page500,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showAuthentication: false,
|
||||
showSidebarBlock: false,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
user() {
|
||||
return this.$store.state.user;
|
||||
},
|
||||
showErrorPage404() {
|
||||
return false
|
||||
// return this.$store.state.showErrorPage?.response?.status === 404;
|
||||
},
|
||||
showErrorPage500() {
|
||||
return false
|
||||
// return this.$store.state.showErrorPage?.response?.status === 500;
|
||||
}
|
||||
},
|
||||
watch: {},
|
||||
created() {
|
||||
},
|
||||
mounted() {
|
||||
},
|
||||
methods: {
|
||||
changeShowAuthentication(value) {
|
||||
this.showAuthentication = value;
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
@import "swiper/swiper.css";
|
||||
@import "assets/css/index.scss";
|
||||
</style>
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
outline: none !important;
|
||||
}
|
||||
h1{
|
||||
margin: 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
.text{
|
||||
@mixin p;
|
||||
}
|
||||
.h1 {
|
||||
@mixin h1;
|
||||
}
|
||||
|
||||
.h2, h2 {
|
||||
@mixin h2;
|
||||
}
|
||||
|
||||
.h3 {
|
||||
@mixin h3;
|
||||
}
|
||||
|
||||
.h4 {
|
||||
@mixin h4;
|
||||
}
|
||||
|
||||
.p {
|
||||
@mixin p;
|
||||
}
|
||||
|
||||
.title {
|
||||
@mixin p;
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
font-size: 34px;
|
||||
&.m--white{
|
||||
color: var(--color-white);
|
||||
}
|
||||
}
|
||||
|
||||
.ul {
|
||||
@mixin ul;
|
||||
}
|
||||
|
||||
.ol {
|
||||
@mixin ol;
|
||||
}
|
||||
|
||||
.hr {
|
||||
@mixin hr;
|
||||
}
|
||||
|
||||
.a,
|
||||
a {
|
||||
@mixin a;
|
||||
/*@mixin a--color $color-base;*/
|
||||
}
|
||||
|
||||
html{
|
||||
scrollbar-color: var(--color-black) var(--color-white-opacity);
|
||||
scrollbar-gutter: stable;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
body{
|
||||
font-size: var(--base-fz);
|
||||
line-height: var(--base-lh);
|
||||
background: var(--color-black);
|
||||
font-family: var(--font-family-base);
|
||||
color: var(--color-white);
|
||||
padding: 0 !important;
|
||||
}
|
||||
|
||||
.button {
|
||||
@mixin button;
|
||||
}
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
@import "./mixins/responsive.scss";
|
||||
@import "./setting.scss";
|
||||
@import "./lib/reset.css";
|
||||
@import './lib/fonts.css';
|
||||
@import "./mixins/form.scss";
|
||||
@import "./mixins/text.scss";
|
||||
@import "./common.scss";
|
||||
@import "./module/app.scss";
|
||||
@import "./module/app-header.scss";
|
||||
@import "./module/app-footer.scss";
|
||||
@import "./module/app-breadcrumbs.scss";
|
||||
@import "./module/modal.scss";
|
||||
@import "./module/fiald.scss";
|
||||
@import "./module/pagination.scss";
|
||||
@import "./module/home.scss";
|
||||
@import "./module/team.scss";
|
||||
@import "./module/rubric.scss";
|
||||
@import "./module/blog.scss";
|
||||
@import "./module/authentication.scss";
|
||||
@import "./module/tabs.scss";
|
||||
@import "./module/about.scss";
|
||||
@import "./module/playlists.scss";
|
||||
@import "./module/contacts.scss";
|
||||
@import "./module/support.scss";
|
||||
@import "./module/player.scss";
|
||||
@import "./module/loader.scss";
|
||||
@import "./module/profile.scss";
|
||||
@import "./module/song.scss";
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,71 @@
|
|||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
/* src: url('assets/fonts/Manrope-ExtraLight.woff') format('woff'),
|
||||
url('assets/fonts/Manrope-ExtraLight.woff2') format('woff2'),
|
||||
url('assets/fonts/Manrope-ExtraLight.ttf') format('truetype');*/
|
||||
src: url('assets/fonts/Manrope-ExtraLight.ttf') format('truetype');
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
/*src: url('assets/fonts/Manrope-Light.woff') format('woff'),
|
||||
url('assets/fonts/Manrope-Light.woff2') format('woff2'),
|
||||
url('assets/fonts/Manrope-Light.ttf') format('truetype');*/
|
||||
src: url('assets/fonts/Manrope-Light.ttf') format('truetype');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
/*src: url('assets/fonts/Manrope-Regular.ttf.woff') format('woff'),
|
||||
url('assets/fonts/Manrope-Regular.ttf.woff2') format('woff2'),
|
||||
url('assets/fonts/Manrope-Regular.ttf') format('truetype');*/
|
||||
src: url('assets/fonts/Manrope-Regular.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
/*src: url('assets/fonts/Manrope-Medium.woff') format('woff'),
|
||||
url('assets/fonts/Manrope-Medium.woff2') format('woff2'),
|
||||
url('assets/fonts/Manrope-Medium.ttf') format('truetype');*/
|
||||
src: url('assets/fonts/Manrope-Medium.ttf') format('truetype');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
/*src: url('assets/fonts/Manrope-SemiBold.woff') format('woff'),
|
||||
url('assets/fonts/Manrope-SemiBold.woff2') format('woff2'),
|
||||
url('assets/fonts/Manrope-SemiBold.ttf') format('truetype');*/
|
||||
src: url('assets/fonts/Manrope-SemiBold.ttf') format('truetype');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
/*src: url('assets/fonts/Manrope-Bold.woff') format('woff'),
|
||||
url('assets/fonts/Manrope-Bold.woff2') format('woff2'),
|
||||
url('assets/fonts/Manrope-Bold.ttf') format('truetype');*/
|
||||
src: url('assets/fonts/Manrope-Bold.ttf') format('truetype');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Manrope';
|
||||
/*src: url('assets/fonts/Manrope-ExtraBold.woff') format('woff'),
|
||||
url('assets/fonts/Manrope-ExtraBold.woff2') format('woff2'),
|
||||
url('assets/fonts/Manrope-ExtraBold.ttf') format('truetype');*/
|
||||
src: url('assets/fonts/Manrope-ExtraBold.ttf') format('truetype');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,57 @@
|
|||
html, body, div, span, applet, object, iframe,
|
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
||||
a, abbr, acronym, address, big, cite, code,
|
||||
del, dfn, em, img, ins, kbd, q, s, samp,
|
||||
small, strike, strong, sub, sup, tt, var,
|
||||
b, u, i, center,
|
||||
dl, dt, dd, ol, ul, li,
|
||||
fieldset, form, label, legend,
|
||||
table, caption, tbody, tfoot, thead, tr, th, td,
|
||||
article, aside, canvas, details, embed,
|
||||
figure, figcaption, footer, header, hgroup,
|
||||
menu, nav, output, ruby, section, summary,
|
||||
time, mark, audio, video {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font: inherit;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
article, aside, details, figcaption, figure,
|
||||
footer, header, hgroup, menu, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
ol, ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
blockquote, q {
|
||||
quotes: none;
|
||||
}
|
||||
|
||||
blockquote:before, blockquote:after,
|
||||
q:before, q:after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
input, textarea, select {
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
font-weight: inherit;
|
||||
}
|
||||
|
||||
img{
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
|
@ -0,0 +1,186 @@
|
|||
@define-mixin input {
|
||||
background: transparent;
|
||||
border: 1px solid var(--color-white);
|
||||
border-radius: 40px;
|
||||
padding: 1rem 1.2rem;
|
||||
width: 100%;
|
||||
color: var(--color-white);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
@define-mixin button {
|
||||
font-family: var(--font-family-base);
|
||||
|
||||
color: var(--color-white);
|
||||
min-width: 220px;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
box-sizing: border-box;
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
font-size: 1rem;
|
||||
line-height: 1rem;
|
||||
border-radius: 100px;
|
||||
cursor: pointer;
|
||||
border: 1px solid var(--color-white);
|
||||
min-height: 3rem;
|
||||
transition: border 0.5s ease, background 0.5s ease, color 0.5s ease;
|
||||
background: transparent;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
color: var(--color-black);
|
||||
background: var(--color-white);
|
||||
}
|
||||
&-violet{
|
||||
border-color: var(--color-primary);
|
||||
color: var(--color-primary);
|
||||
&:hover {
|
||||
border-color: transparent;
|
||||
}
|
||||
}
|
||||
&.is-active,
|
||||
&:active {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
color: var(--color-black);
|
||||
background: var(--color-white-darker);
|
||||
}
|
||||
|
||||
&:disabled {
|
||||
cursor: not-allowed;
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
&:active:not(:disabled) {
|
||||
}
|
||||
|
||||
&.m--fit-content {
|
||||
width: fit-content;
|
||||
}
|
||||
|
||||
&.m--blur {
|
||||
min-width: 0;
|
||||
padding: 1rem 1.5rem;
|
||||
background: var(--bg-opacity);
|
||||
border: none;
|
||||
backdrop-filter: blur(5px);
|
||||
|
||||
&:hover {
|
||||
background: var(--color-white);
|
||||
}
|
||||
|
||||
&:active {
|
||||
color: var(--color-white);
|
||||
background: transparent;
|
||||
backdrop-filter: blur(5px);
|
||||
}
|
||||
}
|
||||
|
||||
&.m--arrow {
|
||||
&::after {
|
||||
margin-left: 10px;
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#FFFF) no-repeat 100%;
|
||||
background-size: cover;
|
||||
transition: background 0.3s ease, width 0.3s ease;
|
||||
}
|
||||
|
||||
&:hover::after {
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#232323) no-repeat 100%;
|
||||
}
|
||||
|
||||
&.m--active::after,
|
||||
&:active::after {
|
||||
width: 45px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&.m--w-100 {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.m--white {
|
||||
color: var(--color-black);
|
||||
background: var(--color-white-darker);
|
||||
|
||||
&:hover {
|
||||
color: var(--color-white);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
&.m--arrow {
|
||||
&::after {
|
||||
content: '';
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#232323) no-repeat 100%;
|
||||
background-size: cover;
|
||||
transition: background 0.3s ease, width 0.3s ease;
|
||||
}
|
||||
|
||||
&:hover::after {
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#FFFFFF) no-repeat 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.m--text-link{
|
||||
border: none;
|
||||
pad: 0;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
&:hover{
|
||||
background: transparent;
|
||||
}
|
||||
@mixin a;
|
||||
}
|
||||
&.m--circle {
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
min-width: 0;
|
||||
border-color: var(--color-white-opacity);
|
||||
overflow: hidden;
|
||||
|
||||
&:before {
|
||||
background: var(--linear-gradient);
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
opacity: 0;
|
||||
transition: opacity .3s ease;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: auto auto;
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#404145FF) no-repeat 100%;
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
&:hover:before {
|
||||
opacity: 1;
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#FFFF) no-repeat 100%;
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
@define-mixin responsive-xl{
|
||||
@media (max-width: $document-width-xl) {
|
||||
@mixin-content;
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin responsive-l {
|
||||
@media (max-width: $document-width-l) {
|
||||
@mixin-content;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@define-mixin responsive-m {
|
||||
@media (max-width: $document-width-m) {
|
||||
@mixin-content;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@define-mixin responsive-s {
|
||||
@media (max-width: $document-width-s) {
|
||||
@mixin-content;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@define-mixin responsive-xs {
|
||||
@media (max-width: $document-width-xs) {
|
||||
@mixin-content;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@define-mixin responsive-xxs {
|
||||
@media (max-width: $document-width-xxs) {
|
||||
@mixin-content;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,326 @@
|
|||
@define-mixin __p {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
&.m--mb-1 {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
&.m--mb-2 {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
&.m--mb-3 {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
&.m--mb-4 {
|
||||
margin-bottom: 4rem;
|
||||
}
|
||||
|
||||
&.m--mb-5 {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin h1 {
|
||||
@mixin __p;
|
||||
|
||||
/*margin-top: 32px;*/
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 100px;
|
||||
line-height: 1.2;
|
||||
font-weight: 500;
|
||||
color: var(--color-white);
|
||||
padding-bottom: 6px;
|
||||
@mixin responsive-l {
|
||||
font-size: 84px;
|
||||
}
|
||||
@mixin responsive-m {
|
||||
font-size: 48px;
|
||||
}
|
||||
@mixin responsive-s {
|
||||
font-size: 36px;
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin h2 {
|
||||
@mixin __p;
|
||||
|
||||
margin: 2.5rem 0;
|
||||
font-size: 3.375rem;
|
||||
line-height: 1.3;
|
||||
font-weight: 500;
|
||||
color: transparent;
|
||||
padding-bottom: 6px;
|
||||
background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
text-transform: uppercase;
|
||||
|
||||
&.m--white {
|
||||
color: var(--color-white);
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
&.m--border {
|
||||
&:after {
|
||||
margin-top: 10px;
|
||||
content: '';
|
||||
display: block;
|
||||
background: url("./assets/img/icon/borderLine.svg");
|
||||
max-width: 260px;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
color: var(--color-white);
|
||||
transition: color 0.5s ease;
|
||||
|
||||
&:hover {
|
||||
color: var(--color-white);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin h3 {
|
||||
@mixin __p;
|
||||
|
||||
margin-top: 24px;
|
||||
margin-bottom: 16px;
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@define-mixin h4 {
|
||||
@mixin __p;
|
||||
|
||||
margin-top: 16px;
|
||||
margin-bottom: 8px;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
@define-mixin p {
|
||||
@mixin __p;
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
@define-mixin ul {
|
||||
@mixin p;
|
||||
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
padding-left: 15px;
|
||||
position: relative;
|
||||
margin-bottom: 16px;
|
||||
|
||||
/* &:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 15px;
|
||||
height: 14px;
|
||||
top: 3px;
|
||||
background-size: contain;
|
||||
background-position: center;
|
||||
background-image: svg-load('assets/img/icons/vector.svg', fill=$color-red);
|
||||
background-repeat: no-repeat;
|
||||
}*/
|
||||
&:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
top: 7px;
|
||||
background: var(--color-white);
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.m--dots {
|
||||
li {
|
||||
padding-left: 1rem;
|
||||
|
||||
&:before {
|
||||
content: '•';
|
||||
top: 0;
|
||||
height: auto;
|
||||
width: auto;
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin ol {
|
||||
@mixin p;
|
||||
|
||||
list-style: none;
|
||||
counter-reset: item;
|
||||
li {
|
||||
counter-increment: item;
|
||||
margin-bottom: 16px;
|
||||
vertical-align: middle;
|
||||
|
||||
&:before {
|
||||
content: counter(item);
|
||||
padding-left: 12px;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
color: var(--color-white);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin hr {
|
||||
@mixin p;
|
||||
}
|
||||
|
||||
@define-mixin a {
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
transition: all 0.5s ease;
|
||||
color: var(--color-white);
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
&:hover {
|
||||
color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.m--link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1px solid transparent;
|
||||
|
||||
&::after {
|
||||
margin-left: 10px;
|
||||
content: '';
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#FFFF) no-repeat 100%;
|
||||
background-size: cover;
|
||||
transition: background 0.3s ease, width 0.3s ease;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--color-white);
|
||||
border-bottom: 1px solid var(--color-white);
|
||||
}
|
||||
|
||||
&:hover::after {
|
||||
width: 40px;
|
||||
}
|
||||
}
|
||||
&.m--underline{
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin a--color $color {
|
||||
color: $color;
|
||||
border-color: rgba($color, 0.5);
|
||||
}
|
||||
|
||||
@define-mixin table {
|
||||
/* dummy */
|
||||
}
|
||||
|
||||
@define-mixin base {
|
||||
font: $font-size-base/$line-height-base $font-family-base;
|
||||
color: $color-base;
|
||||
}
|
||||
|
||||
@define-mixin format {
|
||||
h1:not(.nostyle) {
|
||||
@mixin h1;
|
||||
}
|
||||
|
||||
h2:not(.nostyle) {
|
||||
@mixin h2;
|
||||
}
|
||||
|
||||
h3:not(.nostyle) {
|
||||
@mixin h3;
|
||||
}
|
||||
|
||||
h4:not(.nostyle) {
|
||||
@mixin h4;
|
||||
}
|
||||
|
||||
p:not(.nostyle) {
|
||||
@mixin p;
|
||||
}
|
||||
|
||||
ul:not(.nostyle) {
|
||||
@mixin ul;
|
||||
}
|
||||
|
||||
ol:not(.nostyle) {
|
||||
@mixin ol;
|
||||
}
|
||||
|
||||
hr:not(.nostyle) {
|
||||
@mixin hr;
|
||||
}
|
||||
|
||||
a:not(.nostyle) {
|
||||
@mixin a;
|
||||
}
|
||||
|
||||
table:not(.nostyle) {
|
||||
@mixin table;
|
||||
}
|
||||
|
||||
b:not(.nostyle),
|
||||
strong:not(.nostyle) {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
i:not(.nostyle),
|
||||
em:not(.nostyle) {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
u:not(.nostyle),
|
||||
ins:not(.nostyle) {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
strike:not(.nostyle),
|
||||
del:not(.nostyle) {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
}
|
||||
|
||||
@define-mixin text {
|
||||
@mixin format;
|
||||
|
||||
font: $font-size-text/$line-height-text $font-family-text;
|
||||
color: $color-text;
|
||||
}
|
||||
|
|
@ -0,0 +1,117 @@
|
|||
.about {
|
||||
&__header {
|
||||
margin-bottom: var(--space-between-sections);
|
||||
|
||||
&-top {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin-bottom: var(--space-between-block);
|
||||
}
|
||||
|
||||
&-left {
|
||||
width: calc(42% - 10px);
|
||||
}
|
||||
|
||||
&-right {
|
||||
flex: 1 1 auto;
|
||||
background: url("./assets/img/bg/about-banner.svg") no-repeat 50% 60%;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&-description {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
&-bottom {
|
||||
width: calc(58% - 10px);
|
||||
margin-left: auto;
|
||||
text-align: end;
|
||||
}
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-bottom: var(--space-between-block);
|
||||
|
||||
&-info {
|
||||
display: flex;
|
||||
gap: var(--space-between-block);
|
||||
}
|
||||
|
||||
&-item {
|
||||
flex: 1 1 auto;
|
||||
|
||||
&.m--left {
|
||||
width: calc(70% - 40px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__video {
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
width: 100%;
|
||||
margin-bottom: var(--space-between-sections);
|
||||
}
|
||||
|
||||
&__gallery {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
margin-bottom: var(--space-between-sections);
|
||||
|
||||
&-item {
|
||||
width: calc(100% / 3 - 20px / 3);
|
||||
min-height: 725px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
&.m--gallery-item-one {
|
||||
background-image: url("./assets/img/bg/gallery-item-one.svg");
|
||||
}
|
||||
|
||||
&.m--gallery-item-two {
|
||||
background-image: url("./assets/img/bg/gallery-item-two.svg");
|
||||
|
||||
}
|
||||
|
||||
&.m--gallery-item-three {
|
||||
background-image: url("./assets/img/bg/gallery-item-three.svg");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__history {
|
||||
margin-bottom: var(--space-between-sections);
|
||||
|
||||
&-header {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
margin-bottom: var(--space-between-block);
|
||||
}
|
||||
|
||||
&-title {
|
||||
flex: 1 1 auto;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&-date {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
&-list {
|
||||
|
||||
}
|
||||
|
||||
&-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-bottom: 1.5rem;
|
||||
margin-bottom: 1.5rem;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
border-bottom: 1px solid var(--color-white-opacity);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
.breadcrumbs{
|
||||
display: flex;
|
||||
margin-top: 80px;
|
||||
margin-bottom: var(--space-between-block);
|
||||
&__item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
&:last-child:after{
|
||||
display: none;
|
||||
}
|
||||
&:after{
|
||||
margin: 0 10px;
|
||||
content: '/';
|
||||
}
|
||||
&-link{
|
||||
font-size: 0.875rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,43 @@
|
|||
.footer{
|
||||
padding: 0 0 var(--space-between-block);
|
||||
width: 100%;
|
||||
&__top{
|
||||
padding-bottom: 80px;
|
||||
margin-bottom: 80px;
|
||||
border-bottom: 1px solid var(--color-white-opacity);
|
||||
}
|
||||
&__question{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&__bottom{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
&__menu{
|
||||
display: grid;
|
||||
grid-template-columns: var(--space-between-sections) var(--space-between-sections);
|
||||
grid-template-rows: min-content min-content;
|
||||
grid-column-gap: var(--space-between-sections);
|
||||
grid-row-gap: var(--space-between-block);
|
||||
&-item{
|
||||
|
||||
}
|
||||
&-link{
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
&__social{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--space-between-block);
|
||||
}
|
||||
&__connection{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
.header {
|
||||
position: sticky;
|
||||
top: -30px;
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
backdrop-filter: blur(100px);
|
||||
@mixin responsive-l {
|
||||
top: 0;
|
||||
}
|
||||
&__wrapper {
|
||||
padding: 40px 20px 10px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
@mixin responsive-l {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
}
|
||||
|
||||
&__logo {
|
||||
position: relative;
|
||||
width: 220px;
|
||||
height: 43px;
|
||||
margin-right: auto;
|
||||
|
||||
&.m--menu {
|
||||
display: none;
|
||||
margin-bottom: var(--space-between-block);
|
||||
@mixin responsive-l {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
}
|
||||
|
||||
&__menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 50px;
|
||||
transition: transform .3s ease;
|
||||
@mixin responsive-xl {
|
||||
gap: 20px;
|
||||
}
|
||||
@mixin responsive-l {
|
||||
position: fixed;
|
||||
flex-direction: column;
|
||||
align-items: start;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 320px;
|
||||
bottom: 0;
|
||||
min-height: calc(100vh + 30px);
|
||||
transform: translateX(-100%);
|
||||
background: var(--color-black);
|
||||
padding: 40px 20px 0;
|
||||
z-index: 10;
|
||||
&.m--active {
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
&-item {
|
||||
}
|
||||
|
||||
&-link {
|
||||
text-transform: uppercase;
|
||||
|
||||
&.is-subactive {
|
||||
color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__btn {
|
||||
@mixin responsive-l {
|
||||
margin-top: auto;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
&__burger {
|
||||
width: 38px;
|
||||
height: 24px;
|
||||
position: relative;
|
||||
display: none;
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
&.m--menu{
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
}
|
||||
&.m--active {
|
||||
span {
|
||||
display: none;
|
||||
}
|
||||
|
||||
&:after {
|
||||
transform: rotate(45deg);
|
||||
bottom: 10px;
|
||||
}
|
||||
|
||||
&:before {
|
||||
transform: rotate(-45deg);
|
||||
top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin responsive-l {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&:after, &:before, span {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
background: var(--color-white);
|
||||
border-radius: 20px;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
span {
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
.app{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
padding-bottom: 100px;
|
||||
&:after{
|
||||
content: '';
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background: url("./assets/img/bg/bg.svg");
|
||||
z-index: 1;
|
||||
}
|
||||
&__block{
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
&__overlay{
|
||||
position: fixed;
|
||||
z-index: 5;
|
||||
min-height: 100vh;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: var(--color-black-cc);
|
||||
}
|
||||
&__content{
|
||||
max-width: var(--container);
|
||||
margin: 0 auto;
|
||||
.m--indentation{
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,98 @@
|
|||
.blog {
|
||||
margin-bottom: var(--space-between-sections);
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
&__content {
|
||||
display: flex;
|
||||
gap: 80px;
|
||||
}
|
||||
|
||||
&__cover {
|
||||
width: 50%;
|
||||
max-height: 640px;
|
||||
background: url("./assets/img/bg/blog.svg") no-repeat center;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&__list {
|
||||
|
||||
}
|
||||
|
||||
&__item {
|
||||
border-bottom: 1px solid var(--color-white-opacity);
|
||||
color: var(--color-white-opacity);
|
||||
padding: 2rem 0;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
transition: all .3s ease;
|
||||
|
||||
&:after, &:before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: var(--color-white-opacity);
|
||||
height: 1px;
|
||||
display: none;
|
||||
transition: background .3s ease;
|
||||
}
|
||||
|
||||
&:before {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
&:after {
|
||||
display: block;
|
||||
bottom: -1px;
|
||||
}
|
||||
|
||||
&:first-child {
|
||||
&:before {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: var(--color-white);
|
||||
|
||||
&:after, &:before {
|
||||
display: block;
|
||||
background: var(--linear-gradient);
|
||||
}
|
||||
}
|
||||
|
||||
&:hover &-btn {
|
||||
&:before {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&:after {
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#FFFF) no-repeat 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
&-title {
|
||||
font-size: 2rem;
|
||||
width: calc(100% - 56px - 1rem);
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
&__info {
|
||||
display: flex;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,65 @@
|
|||
.contacts{
|
||||
&__content{
|
||||
display: flex;
|
||||
gap: var(--space-between-block);
|
||||
margin-bottom: var(--space-between-sections);
|
||||
}
|
||||
&__info{
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
width: 50px;
|
||||
background: url("./assets/img/icon/one-circle.svg") no-repeat center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
&__item{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
&:not(&:last-child){
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
&__social{
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
&.m--telegram, &.m--vk{
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
&.m--telegram{
|
||||
background: url("./assets/img/icon/telegram.svg") no-repeat;
|
||||
}
|
||||
&.m--vk{
|
||||
background: url("./assets/img/icon/vk.svg") no-repeat;
|
||||
}
|
||||
}
|
||||
&__map{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
flex: 1 1 auto;
|
||||
&-frame{
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
&__form{
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
max-width: 360px;
|
||||
width: 100%;
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
width: 100px;
|
||||
background: url("./assets/img/icon/two-circle.svg") no-repeat center;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,96 @@
|
|||
.field {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding-bottom: 28px;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 0;
|
||||
&&.m--100 {
|
||||
width: 100%;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
|
||||
&__inner {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
&__label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.input {
|
||||
@mixin input;
|
||||
}
|
||||
&__checkbox {
|
||||
&-label{
|
||||
padding-left: 50px;
|
||||
display: flex;
|
||||
font-size: 1rem;
|
||||
color: var(--color-white-opacity);
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
&:before{
|
||||
content: "";
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
text-indent: -9999px;
|
||||
width: 40px;
|
||||
height: 24px;
|
||||
background: var(--color-white-opacity);
|
||||
display: block;
|
||||
border-radius: 100px;
|
||||
transition: all .3s ease;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
&:after{
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
left: 3px;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: #fff;
|
||||
border-radius: 90px;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
}
|
||||
&-input{
|
||||
display: none;
|
||||
}
|
||||
&-input:checked + &-label{
|
||||
&:before{
|
||||
background: var(--color-primary);
|
||||
}
|
||||
&:after{
|
||||
left: 37px;
|
||||
transform: translateX(-100%);
|
||||
}
|
||||
}
|
||||
}
|
||||
textarea{
|
||||
border-radius: 30px !important;
|
||||
resize: none;
|
||||
min-height: 80px;
|
||||
scrollbar-color: var(--color-black) var(--color-white-opacity);
|
||||
scrollbar-gutter: stable;
|
||||
scrollbar-width: thin;
|
||||
scroll-margin-right: 20px;
|
||||
}
|
||||
&__comment{
|
||||
font-size: 1rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,230 @@
|
|||
.home {
|
||||
overflow-x: hidden;
|
||||
&__meaning {
|
||||
min-height: var(--base-content-size);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
&:after, &:before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: url("./assets/img/icon/ellipseGradient.svg") no-repeat 50% 60%;
|
||||
background-size: 100%;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
&:after {
|
||||
right: 50vh;
|
||||
bottom: 10vh;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
animation: moving-circle-2 9s infinite linear;
|
||||
@keyframes moving-circle-2 {
|
||||
0%{
|
||||
-webkit-transform: rotate(360deg) translatex(100%) translatey(100%) scale(1.5);
|
||||
}
|
||||
100%{
|
||||
-webkit-transform: rotate(0deg) translatex(100%) translatey(100%) scale(1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:before {
|
||||
width: 250px;
|
||||
height: 250px;
|
||||
left: 10vh;
|
||||
bottom: 10vh;
|
||||
animation: moving-circle-3 8s infinite linear;
|
||||
@keyframes moving-circle-3 {
|
||||
0%{
|
||||
-webkit-transform: rotate(360deg) translatex(-100%) translatey(150%) scale(1.5);
|
||||
}
|
||||
100%{
|
||||
-webkit-transform:rotate(0deg) translatex(-100%) translatey(200%) scale(1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__subtitle {
|
||||
text-align: center;
|
||||
|
||||
span {
|
||||
font-weight: 700;
|
||||
}
|
||||
&:after{
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
background: url("./assets/img/icon/ellipseGradient.svg") no-repeat 50% 60%;
|
||||
background-size: 100%;
|
||||
animation: moving-circle 10s infinite linear;
|
||||
z-index: -1;
|
||||
@keyframes moving-circle {
|
||||
0%{
|
||||
-webkit-transform: rotate(0) translatex(-400px) translatey(-100px) scale(1.5);
|
||||
}
|
||||
50%{
|
||||
-webkit-transform: rotate(180deg) translatex(-200px) translatey(-200px) scale(1);
|
||||
}
|
||||
100%{
|
||||
-webkit-transform: rotate(360deg) translatex(-400px) translatey(-100px) scale(1.5);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&__title {
|
||||
@mixin h1;
|
||||
-webkit-background-clip: text;
|
||||
text-align: center;
|
||||
background-clip: text;
|
||||
background-image: linear-gradient(91.17deg, var(--color-white) -4.01%, var(--color-white) 36.14%, var(--color-white) 77.44%, var(--color-white) 106.11%);
|
||||
padding: 0 20px;
|
||||
span {
|
||||
color: var(--color-black);
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-stroke: 3px transparent;
|
||||
}
|
||||
}
|
||||
&__banner {
|
||||
position: absolute;
|
||||
z-index: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: url("./assets/img/bg/home-banner.png") no-repeat center;
|
||||
width: 1920px;
|
||||
max-height: var(--base-content-size);
|
||||
background-size: contain;
|
||||
scale: 0.8;
|
||||
margin-left: calc(-1920px + 100vw);
|
||||
}
|
||||
|
||||
&__description {
|
||||
margin-top: calc(var(--space-between-sections) / 2);
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-bottom: var(--space-between-sections);
|
||||
}
|
||||
|
||||
&__info {
|
||||
width: 60%;
|
||||
|
||||
&--item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
|
||||
&.m--circle {
|
||||
align-items: end;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 130px;
|
||||
height: 130px;
|
||||
background: url("./assets/img/icon/circleGradient.svg") no-repeat center;
|
||||
}
|
||||
}
|
||||
|
||||
span {
|
||||
font-weight: 400;
|
||||
color: var(--color-white);
|
||||
width: 57%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
max-width: 360px;
|
||||
|
||||
&--item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
font-size: 16px;
|
||||
margin-bottom: 2.5rem;
|
||||
|
||||
&:before {
|
||||
content: '';
|
||||
height: 50px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&.m--one-circle:before {
|
||||
width: 50px;
|
||||
background: url("./assets/img/icon/one-circle.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.m--two-circle:before {
|
||||
width: 100px;
|
||||
background: url("./assets/img/icon/two-circle.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.m--three-circle:before {
|
||||
width: 150px;
|
||||
background: url("./assets/img/icon/three-circle.svg") no-repeat center;
|
||||
}
|
||||
|
||||
span {
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__social {
|
||||
height: var(--base-content-size);
|
||||
max-height: 900px;
|
||||
background: url("./assets/img/bg/bg-social.svg") no-repeat center;
|
||||
padding: 3rem 2.5rem;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: center;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
margin-bottom: var(--space-between-sections);
|
||||
background-size: cover;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: linear-gradient(179.74deg, rgba(0, 0, 0, 0) 0.23%, rgba(0, 0, 0, 0.66) 99.77%);
|
||||
}
|
||||
|
||||
&--tools {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
&--description {
|
||||
max-width: 45%;
|
||||
}
|
||||
|
||||
&--btns {
|
||||
display: grid;
|
||||
grid-template-columns: min-content min-content;
|
||||
grid-template-rows: min-content min-content;
|
||||
grid-column-gap: 8px;
|
||||
grid-row-gap: 8px;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,61 @@
|
|||
.loader {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 1.25rem;
|
||||
font-weight: 600;
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
margin: 0.75rem 0;
|
||||
gap: 1rem;
|
||||
.spinner {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 50%;
|
||||
position: relative;
|
||||
animation: rotate 1s linear infinite;
|
||||
|
||||
&:before, &:after {
|
||||
content: "";
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
inset: 0px;
|
||||
border-radius: 50%;
|
||||
border: 5px solid var(--color-primary);
|
||||
animation: prixClipFix 5s linear infinite;
|
||||
}
|
||||
|
||||
&:after {
|
||||
border-color: var(--color-white);
|
||||
animation: prixClipFix 5s linear infinite, rotate 0.5s linear infinite reverse;
|
||||
inset: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes rotate {
|
||||
0% {
|
||||
transform: rotate(0deg)
|
||||
}
|
||||
100% {
|
||||
transform: rotate(360deg)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes prixClipFix {
|
||||
0% {
|
||||
clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
|
||||
}
|
||||
25% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
|
||||
}
|
||||
50% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
|
||||
}
|
||||
75% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%)
|
||||
}
|
||||
100% {
|
||||
clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0)
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,83 @@
|
|||
.modal {
|
||||
&__container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
z-index: 100;
|
||||
|
||||
.vfm__overlay {
|
||||
background: var(--bg-wrapper-modal);
|
||||
}
|
||||
|
||||
&.m--right{
|
||||
justify-content: flex-end;
|
||||
align-items: stretch;
|
||||
}
|
||||
}
|
||||
&__container.m--right &__block{
|
||||
margin: 0;
|
||||
max-height: none;
|
||||
}
|
||||
&__block {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin: 0 1.5rem;
|
||||
padding: 2.5rem;
|
||||
background: var(--color-black);
|
||||
min-height: 96px;
|
||||
max-height: 90vh;
|
||||
max-width: 90vw;
|
||||
min-width: 360px;
|
||||
&.m--half{
|
||||
max-width: 950px;
|
||||
width: 50%;
|
||||
}
|
||||
&.m--long {
|
||||
width: 100%;
|
||||
max-width: 950px;
|
||||
}
|
||||
|
||||
&.m--middle {
|
||||
width: 100%;
|
||||
max-width: 640px;
|
||||
}
|
||||
|
||||
&.m--small {
|
||||
width: 100%;
|
||||
max-width: 420px;
|
||||
}
|
||||
}
|
||||
|
||||
&__close{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
background: transparent;
|
||||
border: none;
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
&:after,&:before{
|
||||
content: '';
|
||||
position: absolute;
|
||||
background: var(--color-white);
|
||||
left: 5px;
|
||||
right: 5px;
|
||||
height: 2px;
|
||||
border-radius: 20px;
|
||||
transition: all .3s ease;
|
||||
}
|
||||
&:after{
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
&:before{
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
&:hover:after, &:hover:before{
|
||||
background: var(--color-black);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,55 @@
|
|||
.pagination {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin-top: var(--space-between-block);
|
||||
margin-bottom: var(--space-between-sections);
|
||||
&__list {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&__item {
|
||||
margin: 0 5px;
|
||||
|
||||
}
|
||||
|
||||
&__link {
|
||||
padding: 0 5px;
|
||||
&.m--current{
|
||||
color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
}
|
||||
}
|
||||
|
||||
&__btn {
|
||||
min-height: 25px;
|
||||
min-width: 25px;
|
||||
position: relative;
|
||||
border-radius: 50%;
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 5px;
|
||||
}
|
||||
&:hover{
|
||||
background: var(--color-white);
|
||||
}
|
||||
&.m--prev:after {
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#FFFF) no-repeat 100%;
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
&.m--prev:hover:after{
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#232323) no-repeat 100%;
|
||||
}
|
||||
&.m--next:after {
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#FFFF) no-repeat 100%;
|
||||
}
|
||||
&.m--next:hover:after{
|
||||
background: svg-load('./assets/img/icon/ArrowRight.svg', stroke=#232323) no-repeat 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,196 @@
|
|||
.player {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
backdrop-filter: blur(100px);
|
||||
z-index: 3;
|
||||
padding: 10px var(--space-between-block);
|
||||
display: flex;
|
||||
gap: var(--space-between-block);
|
||||
//display: none;
|
||||
&__cover {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
&__content {
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
&__top {
|
||||
margin-bottom: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__executor {
|
||||
font-size: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-left: 20px;
|
||||
|
||||
span {
|
||||
color: var(--color-white-opacity);
|
||||
}
|
||||
}
|
||||
|
||||
&__favorites {
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
background: svg-load('./assets/img/icon/favorites.svg', fill=#404145FF) no-repeat 100%;
|
||||
margin-left: var(--space-between-block);
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
&.m--active{
|
||||
background: svg-load('./assets/img/icon/favorites.svg', fill=#FFF) no-repeat 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&__bottom {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
|
||||
&__time {
|
||||
font-size: 1rem;
|
||||
color: var(--color-white-opacity);
|
||||
font-weight: 500;
|
||||
position: relative;
|
||||
|
||||
&.m--ether {
|
||||
padding-right: 10px;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
border-radius: 50%;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 5px;
|
||||
height: 5px;
|
||||
background: var(--color-emmit);
|
||||
}
|
||||
}
|
||||
}
|
||||
&__tools{
|
||||
display: flex;
|
||||
gap: var(--space-between-block);
|
||||
align-items: center;
|
||||
margin-left: auto;
|
||||
}
|
||||
&__volume{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
gap: 10px;
|
||||
span{
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
background: svg-load('./assets/img/icon/volume.svg', fill=#FFFF) no-repeat 100%;
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
}
|
||||
input {
|
||||
position: relative;
|
||||
appearance: none;
|
||||
width: calc(100% - 34px);
|
||||
height: 5px;
|
||||
border-radius: 10px;
|
||||
display: block;
|
||||
background: var(--color-white-opacity);
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
|
||||
&::-webkit-slider-thumb,
|
||||
&::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
width: 1px;
|
||||
height: 5px;
|
||||
box-shadow: -100vmax 0 0 100vmax var(--color-white);
|
||||
}
|
||||
}
|
||||
}
|
||||
&__progress {
|
||||
flex: 1 1 auto;
|
||||
position: relative;
|
||||
|
||||
input {
|
||||
position: relative;
|
||||
appearance: none;
|
||||
width: 100%;
|
||||
height: 5px;
|
||||
border-radius: 10px;
|
||||
display: block;
|
||||
background: var(--color-white-opacity);
|
||||
margin-bottom: 20px;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
|
||||
&::-webkit-slider-thumb,
|
||||
&::-webkit-slider-thumb {
|
||||
-webkit-appearance: none;
|
||||
width: 1px;
|
||||
height: 5px;
|
||||
box-shadow: -100vmax 0 0 100vmax var(--color-primary);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__btn {
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
background: var(--color-primary);
|
||||
position: relative;
|
||||
|
||||
&.m--play {
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: auto;
|
||||
background: svg-load('./assets/img/icon/play.svg', fill=#FFFF) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
background: svg-load('./assets/img/icon/play.svg', fill=$color-primary) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.m--pause {
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: auto;
|
||||
background: svg-load('./assets/img/icon/pause.svg', fill=#FFFF) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
background: svg-load('./assets/img/icon/pause.svg', fill=$color-primary) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
.playlists {
|
||||
&__content {
|
||||
|
||||
}
|
||||
|
||||
&__list {
|
||||
|
||||
}
|
||||
|
||||
&__item {
|
||||
display: flex;
|
||||
position: relative;
|
||||
padding-bottom: 1rem;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
padding-top: 1rem;
|
||||
|
||||
&:after{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: var(--linear-gradient);
|
||||
}
|
||||
}
|
||||
&__time{
|
||||
width: 100px;
|
||||
margin: 0;
|
||||
}
|
||||
&__param{
|
||||
margin: 0;
|
||||
width: 25%;
|
||||
&.m--long{
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
.profile {
|
||||
&__title {
|
||||
margin-bottom: 0.5rem;
|
||||
padding: 0;
|
||||
}
|
||||
&__tabs{
|
||||
margin-top: var(--space-between-block);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,95 @@
|
|||
.rubric {
|
||||
&-block {
|
||||
margin-bottom: var(--space-between-sections);
|
||||
&__header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: start;
|
||||
}
|
||||
&__description{
|
||||
max-width: 60%;
|
||||
margin-bottom: 2.5rem;
|
||||
&.m--50{
|
||||
margin-bottom: 0;
|
||||
max-width: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
&__list{
|
||||
position: relative;
|
||||
padding-bottom: 10px;
|
||||
&:before{
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
content: '';
|
||||
background: url("./assets/img/bg/rubric-list.svg") no-repeat;
|
||||
background-position: 25%;
|
||||
background-size: 35%;
|
||||
}
|
||||
}
|
||||
&__item{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
padding: 20px 0;
|
||||
z-index: 2;
|
||||
&:hover{
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
&:after{
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
content: '';
|
||||
background: #000;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
background: var(--linear-gradient);
|
||||
}
|
||||
}
|
||||
&__title{
|
||||
transition: all .3s ease;
|
||||
margin-right: auto;
|
||||
color: var(--color-white);
|
||||
}
|
||||
&__btn{
|
||||
transition: all .35s ease, visibility .0s ease;
|
||||
visibility: hidden;
|
||||
text-wrap: nowrap;
|
||||
min-width: 0;
|
||||
width: 0;
|
||||
}
|
||||
&__item:hover &__btn{
|
||||
visibility: visible;
|
||||
min-width: 240px;
|
||||
width: 240px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
&__item:hover &__title{
|
||||
color: transparent;
|
||||
background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
}
|
||||
}
|
||||
&-modal{
|
||||
&__header{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
&__title{
|
||||
margin-bottom: 0;
|
||||
}
|
||||
&__close{
|
||||
position: relative;
|
||||
}
|
||||
&__cover{
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
&__description{
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,156 @@
|
|||
.song {
|
||||
&-list{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0 var(--space-between-block);
|
||||
}
|
||||
&-item{
|
||||
width: calc(50% - 40px / 2);
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
z-index: 2;
|
||||
border-left: 3px solid transparent;
|
||||
padding: 10px;
|
||||
transition: all .5s ease;
|
||||
background: transparent;
|
||||
&.m--select &__selected{
|
||||
margin-right: 20px;
|
||||
width: 35px;
|
||||
height: 33px;
|
||||
&.m--stop{
|
||||
path{
|
||||
animation-play-state: paused;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__selected{
|
||||
width: 0;
|
||||
overflow: hidden;
|
||||
transition: all .2s ease;
|
||||
path:nth-child(n){
|
||||
animation: play-transform 3s infinite linear;
|
||||
}
|
||||
path:nth-child(2n){
|
||||
animation: play-transform 2s infinite linear;
|
||||
}
|
||||
path:nth-child(3n){
|
||||
animation: play-transform 1.5s infinite linear;
|
||||
}
|
||||
|
||||
}
|
||||
&:hover{
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
border-color: var(--color-primary);
|
||||
background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
&__btn{
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
background: var(--color-primary);
|
||||
position: relative;
|
||||
&.m--small{
|
||||
background: transparent;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
&.m--favorites{
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin: auto;
|
||||
background: svg-load('./assets/img/icon/favorites.svg', fill=$color-primary) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
background: svg-load('./assets/img/icon/favorites.svg', fill=#FFF) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
&.m--add{
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
margin: auto;
|
||||
background: svg-load('./assets/img/icon/add-icon.svg', fill=$color-primary) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
background: svg-load('./assets/img/icon/add-icon.svg', fill=#FFF) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
&.m--play {
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: auto;
|
||||
background: svg-load('./assets/img/icon/play.svg', fill=#FFFF) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
background: svg-load('./assets/img/icon/play.svg', fill=$color-primary) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.m--pause {
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
margin: auto;
|
||||
background: svg-load('./assets/img/icon/pause.svg', fill=#FFFF) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
|
||||
&:hover:after {
|
||||
background: svg-load('./assets/img/icon/pause.svg', fill=$color-primary) no-repeat 100%;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
&__info{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
font-size: 1rem;
|
||||
color: var(--color-white-opacity);
|
||||
line-height: 21px;
|
||||
margin-left: 20px;
|
||||
span{
|
||||
color: var(--color-white);
|
||||
}
|
||||
}
|
||||
&__tools{
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@keyframes play-transform {
|
||||
0%{
|
||||
transform: translateY(0);
|
||||
}
|
||||
50%{
|
||||
transform: translateY(50%);
|
||||
}
|
||||
100%{
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
.support{
|
||||
&-block{
|
||||
margin-bottom: var(--space-between-sections);
|
||||
&__item {
|
||||
width: calc(100% / 3);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
font-size: 16px;
|
||||
margin-bottom: 2.5rem;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
&:before {
|
||||
content: '';
|
||||
height: 50px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&.m--one-circle:before {
|
||||
width: 50px;
|
||||
background: url("./assets/img/icon/one-circle.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.m--two-circle:before {
|
||||
width: 100px;
|
||||
background: url("./assets/img/icon/two-circle.svg") no-repeat center;
|
||||
}
|
||||
|
||||
&.m--three-circle:before {
|
||||
width: 150px;
|
||||
background: url("./assets/img/icon/three-circle.svg") no-repeat center;
|
||||
}
|
||||
}
|
||||
&__list{
|
||||
display: flex;
|
||||
gap: var(--space-between-block);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,44 @@
|
|||
.tabs {
|
||||
display: flex;
|
||||
margin-bottom: var(--space-between-block);
|
||||
&.m--btns{
|
||||
gap: 10px;
|
||||
}
|
||||
&__item {
|
||||
border: none;
|
||||
background: none;
|
||||
color: var(--color-white);
|
||||
text-transform: uppercase;
|
||||
font-size: 2rem;
|
||||
margin-right: 10px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
padding: 0;
|
||||
transition: all 0.5s ease;
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
background: var(--color-white);
|
||||
border-radius: 20px;
|
||||
height: 100%;
|
||||
width: 3px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-active, &:hover {
|
||||
color: transparent;
|
||||
-webkit-background-clip: text;
|
||||
background-image: var(--linear-gradient);
|
||||
cursor: url("./assets/img/icon/cursor.svg"), auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,79 @@
|
|||
.team {
|
||||
margin-left: auto;
|
||||
max-width: calc(100vw - ((100vw - var(--container)) / 2));
|
||||
margin-bottom: var(--space-between-sections);
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
&__title {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
&__slider {
|
||||
&:hover {
|
||||
cursor: url("./assets/img/icon/cursorDragAndDrop.svg"), auto;
|
||||
}
|
||||
|
||||
.swiper-wrapper {
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
&__item {
|
||||
|
||||
}
|
||||
|
||||
&__tools {
|
||||
margin-top: 65px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
max-width: var(--container);
|
||||
}
|
||||
|
||||
&__progress {
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
position: relative;
|
||||
max-width: 460px;
|
||||
background: var(--color-white-opacity);
|
||||
border-radius: 20px;
|
||||
overflow: hidden;
|
||||
|
||||
span {
|
||||
background: var(--color-white);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform-origin: left top;
|
||||
}
|
||||
}
|
||||
|
||||
&__cover {
|
||||
margin-bottom: 0.5rem;
|
||||
height: 450px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
&__name {
|
||||
font-weight: 500;
|
||||
font-size: 1.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
|
||||
span {
|
||||
font-weight: 400;
|
||||
font-size: 1.125rem;
|
||||
}
|
||||
}
|
||||
|
||||
&__description {
|
||||
max-width: 820px;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
$document-width-xl: 1420px;
|
||||
$document-width-l: 1180px;
|
||||
$document-width-m: 1024px;
|
||||
$document-width-s: 730px;
|
||||
$document-width-xs: 640px;
|
||||
$document-width-xxs: 480px;
|
||||
$color-primary: #5E5BFC;
|
||||
:root {
|
||||
--color-black: #232323;
|
||||
--color-white: #FFFFFF;
|
||||
--color-white-darker: #E7E7E7;
|
||||
--color-white-opacity: #404145;
|
||||
--bg-wrapper-modal: #000000E5;
|
||||
--color-primary: $color-primary;
|
||||
--color-black-cc: #000000CC;
|
||||
--color-emmit: #E81717;
|
||||
--bg-opacity: rgba(255, 255, 255, 0.15);
|
||||
--base-fz: 18px;
|
||||
--base-lh: 1.3;
|
||||
--font-family-base: 'Manrope', 'Tahoma', sans-serif;
|
||||
--linear-gradient-highlight: linear-gradient(259.3deg, #5E5BFC 0.44%, #871DF0 97.88%);
|
||||
--linear-gradient: linear-gradient(91.17deg, #C6F1F7 -4.01%, #F983E9 36.14%, #B877FF 77.44%, #C2E9CD 106.11%);
|
||||
--container: $document-width-xl;
|
||||
--space-between-block: calc(var(--base-fz) * 2.25);
|
||||
--space-between-sections: calc(var(--base-fz) * 7);
|
||||
--base-content-size: calc(100vh - 140px);
|
||||
|
||||
@media (max-width: $document-width-xl) {
|
||||
--container: $document-width-l;
|
||||
|
||||
}
|
||||
@media (max-width: $document-width-l) {
|
||||
--container: $document-width-m;
|
||||
}
|
||||
@media (max-width: $document-width-m) {
|
||||
--container: $document-width-s;
|
||||
}
|
||||
@media (max-width: $document-width-s) {
|
||||
--container: $document-width-xs;
|
||||
}
|
||||
}
|
||||
|
||||
|
Before Width: | Height: | Size: 267 KiB After Width: | Height: | Size: 267 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 3.8 MiB After Width: | Height: | Size: 3.8 MiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 4.0 MiB After Width: | Height: | Size: 4.0 MiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 160 KiB After Width: | Height: | Size: 160 KiB |
|
Before Width: | Height: | Size: 4.3 MiB After Width: | Height: | Size: 4.3 MiB |
|
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
|
Before Width: | Height: | Size: 3.8 MiB After Width: | Height: | Size: 3.8 MiB |
|
Before Width: | Height: | Size: 741 KiB After Width: | Height: | Size: 741 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 193 KiB After Width: | Height: | Size: 193 KiB |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="47" height="20" viewBox="0 0 47 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M4 10H45" stroke="current" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M40 4.375L45.625 10L40 15.625" stroke="current" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 332 B |
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="26" height="26" viewBox="0 0 26 26" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="11.0002" width="3.5" height="26" rx="1.75" fill="current"/>
|
||||
<rect x="26" y="11" width="3.5" height="26" rx="1.75" transform="rotate(90 26 11)" fill="current"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 272 B |
|
|
@ -0,0 +1,102 @@
|
|||
<svg width="260" height="10" viewBox="0 0 260 10" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M229.959 8.09091C230.732 6.21212 231.95 4.39394 233.614 2.63636C235.278 0.878788 237.031 0 238.873 0C240.775 0 242.885 0.666666 245.202 2C247.58 3.27273 249.362 3.90909 250.551 3.90909C252.572 3.90909 254.681 2.60606 256.88 0C257.89 0.424241 258.93 1.0606 260 1.90909C259.227 3.84848 258.009 5.69697 256.345 7.45455C254.681 9.15152 252.898 10 250.997 10C249.095 10 246.985 9.36364 244.668 8.09091C242.35 6.75758 240.567 6.09091 239.319 6.09091C237.358 6.09091 235.278 7.39394 233.079 10C232.069 9.75758 231.029 9.12121 229.959 8.09091Z" fill="url(#paint0_linear_106_197)"/>
|
||||
<path d="M212.27 8.09091C213.043 6.21212 214.261 4.39394 215.925 2.63636C217.589 0.878788 219.342 0 221.184 0C223.086 0 225.196 0.666666 227.513 2C229.891 3.27273 231.673 3.90909 232.862 3.90909C234.883 3.90909 236.992 2.60606 239.191 0C240.201 0.424241 241.241 1.0606 242.311 1.90909C241.539 3.84848 240.32 5.69697 238.656 7.45455C236.992 9.15152 235.209 10 233.308 10C231.406 10 229.296 9.36364 226.979 8.09091C224.661 6.75758 222.878 6.09091 221.63 6.09091C219.669 6.09091 217.589 7.39394 215.39 10C214.38 9.75758 213.34 9.12121 212.27 8.09091Z" fill="url(#paint1_linear_106_197)"/>
|
||||
<path d="M194.581 8.09091C195.353 6.21212 196.572 4.39394 198.236 2.63636C199.899 0.878788 201.653 0 203.495 0C205.397 0 207.506 0.666666 209.824 2C212.201 3.27273 213.984 3.90909 215.173 3.90909C217.193 3.90909 219.303 2.60606 221.502 0C222.512 0.424241 223.552 1.0606 224.622 1.90909C223.849 3.84848 222.631 5.69697 220.967 7.45455C219.303 9.15152 217.52 10 215.618 10C213.717 10 211.607 9.36364 209.289 8.09091C206.971 6.75758 205.189 6.09091 203.941 6.09091C201.979 6.09091 199.9 7.39394 197.701 10C196.69 9.75758 195.65 9.12121 194.581 8.09091Z" fill="url(#paint2_linear_106_197)"/>
|
||||
<path d="M176.892 8.09091C177.664 6.21212 178.882 4.39394 180.546 2.63636C182.21 0.878788 183.964 0 185.806 0C187.708 0 189.817 0.666666 192.135 2C194.512 3.27273 196.295 3.90909 197.483 3.90909C199.504 3.90909 201.614 2.60606 203.813 0C204.823 0.424241 205.863 1.0606 206.933 1.90909C206.16 3.84848 204.942 5.69697 203.278 7.45455C201.614 9.15152 199.831 10 197.929 10C196.027 10 193.918 9.36364 191.6 8.09091C189.282 6.75758 187.5 6.09091 186.252 6.09091C184.29 6.09091 182.21 7.39394 180.012 10C179.001 9.75758 177.961 9.12121 176.892 8.09091Z" fill="url(#paint3_linear_106_197)"/>
|
||||
<path d="M159.202 8.09091C159.975 6.21212 161.193 4.39394 162.857 2.63636C164.521 0.878788 166.274 0 168.117 0C170.018 0 172.128 0.666666 174.446 2C176.823 3.27273 178.606 3.90909 179.794 3.90909C181.815 3.90909 183.925 2.60606 186.123 0C187.134 0.424241 188.174 1.0606 189.243 1.90909C188.471 3.84848 187.252 5.69697 185.589 7.45455C183.925 9.15152 182.142 10 180.24 10C178.338 10 176.229 9.36364 173.911 8.09091C171.593 6.75758 169.81 6.09091 168.562 6.09091C166.601 6.09091 164.521 7.39394 162.322 10C161.312 9.75758 160.272 9.12121 159.202 8.09091Z" fill="url(#paint4_linear_106_197)"/>
|
||||
<path d="M141.513 8.09091C142.286 6.21212 143.504 4.39394 145.168 2.63636C146.832 0.878788 148.585 0 150.427 0C152.329 0 154.439 0.666666 156.757 2C159.134 3.27273 160.916 3.90909 162.105 3.90909C164.126 3.90909 166.235 2.60606 168.434 0C169.444 0.424241 170.484 1.0606 171.554 1.90909C170.782 3.84848 169.563 5.69697 167.899 7.45455C166.235 9.15152 164.452 10 162.551 10C160.649 10 158.539 9.36364 156.222 8.09091C153.904 6.75758 152.121 6.09091 150.873 6.09091C148.912 6.09091 146.832 7.39394 144.633 10C143.623 9.75758 142.583 9.12121 141.513 8.09091Z" fill="url(#paint5_linear_106_197)"/>
|
||||
<path d="M123.824 8.09091C124.597 6.21212 125.815 4.39394 127.479 2.63636C129.143 0.878788 130.896 0 132.739 0C134.64 0 136.75 0.666666 139.068 2C141.445 3.27273 143.228 3.90909 144.416 3.90909C146.437 3.90909 148.546 2.60606 150.745 0C151.756 0.424241 152.796 1.0606 153.865 1.90909C153.093 3.84848 151.874 5.69697 150.21 7.45455C148.546 9.15152 146.764 10 144.862 10C142.96 10 140.851 9.36364 138.533 8.09091C136.215 6.75758 134.432 6.09091 133.184 6.09091C131.223 6.09091 129.143 7.39394 126.944 10C125.934 9.75758 124.894 9.12121 123.824 8.09091Z" fill="url(#paint6_linear_106_197)"/>
|
||||
<path d="M106.135 8.09091C106.907 6.21212 108.126 4.39394 109.79 2.63636C111.454 0.878788 113.207 0 115.049 0C116.951 0 119.061 0.666666 121.378 2C123.755 3.27273 125.538 3.90909 126.727 3.90909C128.747 3.90909 130.857 2.60606 133.056 0C134.066 0.424241 135.106 1.0606 136.176 1.90909C135.403 3.84848 134.185 5.69697 132.521 7.45455C130.857 9.15152 129.074 10 127.172 10C125.271 10 123.161 9.36364 120.843 8.09091C118.526 6.75758 116.743 6.09091 115.495 6.09091C113.534 6.09091 111.454 7.39394 109.255 10C108.245 9.75758 107.205 9.12121 106.135 8.09091Z" fill="url(#paint7_linear_106_197)"/>
|
||||
<path d="M88.4458 8.09091C89.2184 6.21212 90.4366 4.39394 92.1006 2.63636C93.7646 0.878788 95.5178 0 97.36 0C99.2617 0 101.371 0.666666 103.689 2C106.066 3.27273 107.849 3.90909 109.038 3.90909C111.058 3.90909 113.168 2.60606 115.367 0C116.377 0.424241 117.417 1.0606 118.487 1.90909C117.714 3.84848 116.496 5.69697 114.832 7.45455C113.168 9.15152 111.385 10 109.483 10C107.582 10 105.472 9.36364 103.154 8.09091C100.837 6.75758 99.0537 6.09091 97.8057 6.09091C95.8446 6.09091 93.7646 7.39394 91.5658 10C90.5555 9.75758 89.5155 9.12121 88.4458 8.09091Z" fill="url(#paint8_linear_106_197)"/>
|
||||
<path d="M70.7566 8.09091C71.5292 6.21212 72.7474 4.39394 74.4114 2.63636C76.0754 0.878788 77.8285 0 79.6708 0C81.5725 0 83.6822 0.666666 85.9999 2C88.377 3.27273 90.1599 3.90909 91.3485 3.90909C93.369 3.90909 95.4787 2.60606 97.6776 0C98.6878 0.424241 99.7278 1.0606 100.798 1.90909C100.025 3.84848 98.8067 5.69697 97.1427 7.45455C95.4787 9.15152 93.6959 10 91.7942 10C89.8925 10 87.7828 9.36364 85.4651 8.09091C83.1474 6.75758 81.3645 6.09091 80.1165 6.09091C78.1554 6.09091 76.0754 7.39394 73.8766 10C72.8663 9.75758 71.8263 9.12121 70.7566 8.09091Z" fill="url(#paint9_linear_106_197)"/>
|
||||
<path d="M53.0674 8.09091C53.8399 6.21212 55.0582 4.39394 56.7222 2.63636C58.3862 0.878788 60.1393 0 61.9816 0C63.8833 0 65.993 0.666666 68.3107 2C70.6878 3.27273 72.4707 3.90909 73.6592 3.90909C75.6798 3.90909 77.7895 2.60606 79.9883 0C80.9986 0.424241 82.0386 1.0606 83.1083 1.90909C82.3358 3.84848 81.1175 5.69697 79.4535 7.45455C77.7895 9.15152 76.0067 10 74.105 10C72.2033 10 70.0936 9.36364 67.7759 8.09091C65.4582 6.75758 63.6753 6.09091 62.4273 6.09091C60.4662 6.09091 58.3862 7.39394 56.1874 10C55.1771 9.75758 54.1371 9.12121 53.0674 8.09091Z" fill="url(#paint10_linear_106_197)"/>
|
||||
<path d="M35.3784 8.09091C36.151 6.21212 37.3693 4.39394 39.0333 2.63636C40.6972 0.878788 42.4504 0 44.2926 0C46.1943 0 48.304 0.666666 50.6217 2C52.9989 3.27273 54.7817 3.90909 55.9703 3.90909C57.9908 3.90909 60.1005 2.60606 62.2994 0C63.3097 0.424241 64.3497 1.0606 65.4194 1.90909C64.6468 3.84848 63.4285 5.69697 61.7645 7.45455C60.1005 9.15152 58.3177 10 56.416 10C54.5143 10 52.4046 9.36364 50.0869 8.09091C47.7692 6.75758 45.9863 6.09091 44.7384 6.09091C42.7772 6.09091 40.6972 7.39394 38.4984 10C37.4881 9.75758 36.4481 9.12121 35.3784 8.09091Z" fill="url(#paint11_linear_106_197)"/>
|
||||
<path d="M17.689 8.09091C18.4615 6.21212 19.6798 4.39394 21.3438 2.63636C23.0078 0.878788 24.7609 0 26.6032 0C28.5049 0 30.6146 0.666666 32.9323 2C35.3094 3.27273 37.0923 3.90909 38.2808 3.90909C40.3014 3.90909 42.4111 2.60606 44.6099 0C45.6202 0.424241 46.6602 1.0606 47.7299 1.90909C46.9573 3.84848 45.7391 5.69697 44.0751 7.45455C42.4111 9.15152 40.6282 10 38.7265 10C36.8248 10 34.7151 9.36364 32.3974 8.09091C30.0797 6.75758 28.2969 6.09091 27.0489 6.09091C25.0878 6.09091 23.0078 7.39394 20.8089 10C19.7987 9.75758 18.7587 9.12121 17.689 8.09091Z" fill="url(#paint12_linear_106_197)"/>
|
||||
<path d="M0 8.09091C0.772566 6.21212 1.99084 4.39394 3.65483 2.63636C5.31882 0.878788 7.07195 0 8.91423 0C10.8159 0 12.9256 0.666666 15.2433 2C17.6205 3.27273 19.4033 3.90909 20.5919 3.90909C22.6124 3.90909 24.7221 2.60606 26.921 0C27.9312 0.424241 28.9712 1.0606 30.0409 1.90909C29.2684 3.84848 28.0501 5.69697 26.3861 7.45455C24.7221 9.15152 22.9393 10 21.0376 10C19.1359 10 17.0262 9.36364 14.7085 8.09091C12.3908 6.75758 10.6079 6.09091 9.35994 6.09091C7.39881 6.09091 5.31882 7.39394 3.11998 10C2.1097 9.75758 1.06971 9.12121 0 8.09091Z" fill="url(#paint13_linear_106_197)"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76873" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_106_197" x1="-13.2669" y1="-23.5065" x2="284.299" y2="-7.76874" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76875" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76875" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76871" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_106_197" x1="-13.2672" y1="-23.5065" x2="284.299" y2="-7.76871" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_106_197" x1="-13.2669" y1="-23.5065" x2="284.299" y2="-7.76872" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76874" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76874" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76876" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint10_linear_106_197" x1="-13.2672" y1="-23.5065" x2="284.299" y2="-7.76876" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint11_linear_106_197" x1="-13.267" y1="-23.5065" x2="284.299" y2="-7.76871" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint12_linear_106_197" x1="-13.2672" y1="-23.5065" x2="284.299" y2="-7.76872" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint13_linear_106_197" x1="-13.2671" y1="-23.5065" x2="284.299" y2="-7.76879" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 12 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="22" height="28" viewBox="0 0 22 28" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M2.79194 15.486C1.59734 16.2877 1 17.6144 1 19.4662C1 22.2439 4.47473 26.9918 7.60809 26.9918C10.7414 26.9918 12.5586 26.9918 15.6255 26.9918C18.6923 26.9918 20.5551 24.3574 20.5551 22.2439C20.5551 19.2676 20.5551 16.2914 20.5551 13.3151C20.5551 12.1816 19.6171 11.2627 18.4599 11.2627H18.4535C17.2999 11.2627 16.3647 12.1788 16.3647 13.3089" fill="white"/>
|
||||
<path d="M2.79194 15.486C1.59734 16.2877 1 17.6144 1 19.4662C1 22.2439 4.47473 26.9918 7.60809 26.9918C10.7414 26.9918 12.5586 26.9918 15.6255 26.9918C18.6923 26.9918 20.5551 24.3574 20.5551 22.2439C20.5551 19.2676 20.5551 16.2914 20.5551 13.3151C20.5551 12.1816 19.6171 11.2627 18.4599 11.2627H18.4535C17.2999 11.2627 16.3647 12.1788 16.3647 13.3089" stroke="#871DF0" stroke-linecap="round"/>
|
||||
<path d="M3.78027 17.0342V3.05077C3.78027 1.91816 4.71752 1 5.87372 1C5.87567 1 5.87763 1 5.87951 1.00001C7.03983 1.00315 7.97882 1.92548 7.97882 3.06214V15.7663" fill="white"/>
|
||||
<path d="M3.78027 17.0342V3.05077C3.78027 1.91816 4.71752 1 5.87372 1C5.87567 1 5.87763 1 5.87951 1.00001C7.03983 1.00315 7.97882 1.92548 7.97882 3.06214V15.7663" stroke="#871DF0" stroke-linecap="round"/>
|
||||
<path d="M7.979 15.3671V10.5831C7.979 9.44368 8.92191 8.52002 10.085 8.52002C11.2481 8.52002 12.191 9.44368 12.191 10.5831C12.191 10.5831 12.191 14.3004 12.191 15.3671" fill="white"/>
|
||||
<path d="M7.979 15.3671V10.5831C7.979 9.44368 8.92191 8.52002 10.085 8.52002C11.2481 8.52002 12.191 9.44368 12.191 10.5831C12.191 10.5831 12.191 14.3004 12.191 15.3671" stroke="#871DF0" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M12.1741 14.4829V11.259C12.1741 10.1255 13.1121 9.20654 14.2693 9.20654C15.4264 9.20654 16.3644 10.1255 16.3644 11.259V14.6797" fill="white"/>
|
||||
<path d="M12.1741 14.4829V11.259C12.1741 10.1255 13.1121 9.20654 14.2693 9.20654C15.4264 9.20654 16.3644 10.1255 16.3644 11.259V14.6797" stroke="#871DF0" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
|
|
@ -0,0 +1,20 @@
|
|||
<svg width="66" height="66" viewBox="0 0 66 66" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_b_136_244)">
|
||||
<rect width="66" height="66" rx="33" fill="url(#paint0_linear_136_244)"/>
|
||||
<path d="M19.2699 39.5V29.108H15.2459V27.98H24.4699V29.108H20.4459V39.5H19.2699ZM30.0438 39.5V36.244H28.0278C27.7931 36.244 27.5505 36.236 27.2998 36.22C27.0545 36.1987 26.8251 36.1693 26.6118 36.132C26.0038 36.0147 25.4865 35.748 25.0598 35.332C24.6385 34.9107 24.4278 34.3293 24.4278 33.588C24.4278 32.8627 24.6251 32.2813 25.0198 31.844C25.4145 31.4013 25.8918 31.1133 26.4518 30.98C26.7078 30.9213 26.9665 30.8867 27.2278 30.876C27.4945 30.8653 27.7238 30.86 27.9158 30.86H31.2198L31.2278 39.5H30.0438ZM24.1478 39.5L26.5558 35.876H27.8598L25.4358 39.5H24.1478ZM27.9638 35.236H30.0438V31.868H27.9638C27.8358 31.868 27.6571 31.8733 27.4278 31.884C27.1985 31.8947 26.9825 31.9293 26.7798 31.988C26.6038 32.0413 26.4278 32.1347 26.2518 32.268C26.0811 32.396 25.9371 32.5693 25.8198 32.788C25.7025 33.0013 25.6438 33.2627 25.6438 33.572C25.6438 34.004 25.7611 34.3507 25.9958 34.612C26.2358 34.868 26.5345 35.044 26.8918 35.14C27.0838 35.1827 27.2758 35.2093 27.4678 35.22C27.6598 35.2307 27.8251 35.236 27.9638 35.236ZM33.4636 39.5V30.86H34.6396V34.612H39.5116V30.86H40.6876V39.5H39.5116V35.74H34.6396V39.5H33.4636ZM49.7887 30.86V39.5H48.6447V32.772L43.9087 39.5H42.9167V30.86H44.0607V37.532L48.8047 30.86H49.7887Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_b_136_244" x="-20" y="-20" width="106" height="106" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feGaussianBlur in="BackgroundImageFix" stdDeviation="10"/>
|
||||
<feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_136_244"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_136_244" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_136_244" x1="-2.58824" y1="-5.37205" x2="71.5397" y2="-3.86224" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#C6F1F7"/>
|
||||
<stop offset="0.364583" stop-color="#F983E9"/>
|
||||
<stop offset="0.739583" stop-color="#B877FF"/>
|
||||
<stop offset="1" stop-color="#C2E9CD"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
|
@ -0,0 +1,16 @@
|
|||
<svg width="428" height="428" viewBox="0 0 428 428" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g filter="url(#filter0_f_103_236)">
|
||||
<circle cx="214" cy="214" r="114" fill="url(#paint0_linear_103_236)"/>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_f_103_236" x="0" y="0" width="428" height="428" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
|
||||
<feGaussianBlur stdDeviation="50" result="effect1_foregroundBlur_103_236"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_103_236" x1="334" y1="138" x2="78.9504" y2="186.188" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#5E5BFC"/>
|
||||
<stop offset="1" stop-color="#871DF0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 801 B |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="27" height="24" viewBox="0 0 27 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.2058 0.290083C1.85154 1.43896 -0.275876 4.65827 0.0289571 8.12357C0.325192 11.4904 1.98676 14.5718 5.29146 17.8821C7.97196 20.5672 12.5793 24 13.5026 24C13.9987 24 16.9273 22.1078 18.723 20.6269C20.7274 18.974 22.5877 17.1083 24.0582 15.276C25.2521 13.7886 26.3826 11.3535 26.7967 9.37819C27.3834 6.57919 26.6923 4.05567 24.8261 2.18276C23.338 0.689359 21.6633 0.00031388 19.5211 1.07089e-07C17.5076 -0.000313666 15.8473 0.688888 14.4405 2.10887L13.5026 3.05567L12.5646 2.10965C11.634 1.17131 10.7131 0.626447 9.35997 0.21415C8.37747 -0.0851892 6.18455 -0.0451833 5.2058 0.290083Z" fill="current"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 754 B |
|
|
@ -0,0 +1,19 @@
|
|||
<svg width="220" height="44" viewBox="0 0 220 44" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M11.8613 39.863H4.09082V4.6818H11.8613V39.863Z" fill="white"/>
|
||||
<path d="M44.8737 11.2536H34.282V39.863H26.5115V11.2536H15.9198V4.6818H44.8737V11.2536Z" fill="white"/>
|
||||
<path d="M80.5092 4.6818C86.9929 4.6818 92.3877 7.59709 92.3877 14.663C92.3877 18.7642 90.309 21.9759 86.7949 23.31C90.7049 24.1006 91.6948 28.0536 91.9918 31.5124C92.1898 33.7359 92.2887 38.5783 93.6746 39.863H85.6566C84.7657 38.0842 84.7657 34.5759 84.5677 32.6489C84.0728 27.8065 82.5879 26.0771 77.5396 26.0771H70.6599V39.863H62.9884V4.6818H80.5092ZM70.6599 20.4936H77.985C81.5981 20.4936 84.8152 19.8512 84.8152 15.503C84.8152 11.4512 81.5981 10.7594 78.3315 10.7594H70.6599V20.4936Z" fill="white"/>
|
||||
<path d="M129.357 39.8629H121.24L118.469 32.0064H105.353L102.482 39.8629H94.563L107.976 4.63232H115.944L129.357 39.8629ZM111.935 13.2794L107.233 26.3735H116.588L111.935 13.2794Z" fill="white"/>
|
||||
<path d="M142.131 8.41233L158.702 19.7375C160.34 20.743 160.446 22.8826 158.912 24.0116L142.341 35.0774C140.401 36.5103 137.481 35.2676 137.481 33.0095V10.621C137.481 8.47163 140.159 7.19927 142.131 8.41233Z" fill="url(#paint0_linear_2001_110)" stroke="url(#paint1_linear_2001_110)" stroke-width="7.67085" stroke-miterlimit="10" stroke-linejoin="round"/>
|
||||
<path d="M176.755 39.8258H168.984V4.64462H176.755V39.8258Z" fill="white"/>
|
||||
<path d="M216.795 22.2846C216.795 33.2541 209.817 40.6658 199.472 40.6658C189.029 40.6658 182.051 33.3035 182.051 22.2846C182.051 11.1176 188.98 3.80464 199.522 3.80464C209.817 3.80464 216.795 11.2658 216.795 22.2846ZM189.871 22.1364C189.871 29.6964 193.533 34.2423 199.522 34.2917C205.362 34.2917 208.975 29.647 208.975 22.1364C208.975 14.7246 205.313 10.1293 199.423 10.1293C193.583 10.1293 189.871 14.8235 189.871 22.1364Z" fill="white"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_2001_110" x1="138.986" y1="9.5765" x2="159.951" y2="29.7647" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#8E00FE"/>
|
||||
<stop offset="1" stop-color="#6800FF"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_2001_110" x1="138.986" y1="9.5765" x2="159.951" y2="29.7647" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#8E00FE"/>
|
||||
<stop offset="1" stop-color="#6800FF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 421 KiB After Width: | Height: | Size: 421 KiB |
|
|
@ -0,0 +1,11 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_504_1709)">
|
||||
<path d="M8.4375 0.625H2.96875V19.375H8.4375V0.625Z" fill="current"/>
|
||||
<path d="M17.0313 0.625H11.5625V19.375H17.0313V0.625Z" fill="current"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_504_1709">
|
||||
<rect width="18.75" height="18.75" fill="current" transform="translate(0.625 0.625)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 432 B |
|
|
@ -0,0 +1,15 @@
|
|||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_2167_22)">
|
||||
<mask id="mask0_2167_22" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
|
||||
<path d="M0 0H24V24H0V0Z" fill="current"/>
|
||||
</mask>
|
||||
<g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.134 15.246C24.6315 13.803 24.6315 10.197 22.134 8.75249L9.3765 1.37699C6.8775 -0.0675101 3.75 1.73699 3.75 4.62449V19.3755C3.75 22.263 6.8775 24.0675 9.3765 22.6215L22.134 15.246Z" fill="current"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_2167_22">
|
||||
<rect width="24" height="24" fill="current"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 646 B |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 512 KiB After Width: | Height: | Size: 512 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 103 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 117 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 74 KiB |
|
|
@ -0,0 +1,10 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clip-path="url(#clip0_356_552)">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7767 5.2164C20.0238 5.11239 20.2943 5.07652 20.5599 5.11252C20.8256 5.14852 21.0768 5.25507 21.2873 5.42109C21.4979 5.58711 21.6601 5.80652 21.757 6.05649C21.854 6.30645 21.8822 6.57784 21.8387 6.8424L19.5707 20.5994C19.3507 21.9264 17.8947 22.6874 16.6777 22.0264C15.6597 21.4734 14.1477 20.6214 12.7877 19.7324C12.1077 19.2874 10.0247 17.8624 10.2807 16.8484C10.5007 15.9814 14.0007 12.7234 16.0007 10.7864C16.7857 10.0254 16.4277 9.5864 15.5007 10.2864C13.1987 12.0244 9.50265 14.6674 8.28065 15.4114C7.20265 16.0674 6.64065 16.1794 5.96865 16.0674C4.74265 15.8634 3.60565 15.5474 2.67765 15.1624C1.42365 14.6424 1.48465 12.9184 2.67665 12.4164L19.7767 5.2164Z" fill="white"/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_356_552">
|
||||
<rect width="24" height="24" fill="white" transform="translate(0 0.786377)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1012 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 429 KiB After Width: | Height: | Size: 429 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 427 KiB After Width: | Height: | Size: 427 KiB |
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M21.504 19.1674H19.222C18.359 19.1674 18.099 18.4684 16.552 16.9204C15.2 15.6174 14.629 15.4554 14.287 15.4554C13.814 15.4554 13.685 15.5854 13.685 16.2364V18.2884C13.685 18.8434 13.505 19.1684 12.055 19.1684C10.6483 19.0739 9.28416 18.6466 8.07497 17.9216C6.86578 17.1966 5.84612 16.1947 5.1 14.9984C3.32839 12.7934 2.09571 10.2055 1.5 7.44041C1.5 7.09841 1.63 6.78841 2.282 6.78841H4.562C5.148 6.78841 5.359 7.04941 5.589 7.65241C6.696 10.9104 8.585 13.7444 9.352 13.7444C9.646 13.7444 9.774 13.6144 9.774 12.8814V9.52541C9.677 7.99441 8.864 7.86541 8.864 7.31141C8.87428 7.16525 8.94114 7.02885 9.05037 6.9312C9.15961 6.83354 9.30261 6.78232 9.449 6.78841H13.033C13.523 6.78841 13.685 7.03241 13.685 7.61841V12.1484C13.685 12.6374 13.895 12.7994 14.043 12.7994C14.337 12.7994 14.563 12.6374 15.102 12.0994C16.2574 10.6904 17.2013 9.12057 17.904 7.43941C17.9759 7.23756 18.1119 7.06478 18.2912 6.94742C18.4705 6.83006 18.6832 6.77457 18.897 6.78941H21.178C21.862 6.78941 22.007 7.13141 21.862 7.61941C21.0324 9.47782 20.0058 11.2419 18.8 12.8814C18.554 13.2564 18.456 13.4514 18.8 13.8914C19.026 14.2334 19.826 14.9014 20.363 15.5364C21.145 16.3164 21.794 17.2184 22.285 18.2064C22.481 18.8424 22.155 19.1674 21.504 19.1674Z" fill="white"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue