apuc/guild_front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

layout pages outstaffing and main page, refactor

Browse Source 
footer and adaptive footer, add font BebasNeue
This commit is contained in:
Никита Губарь 2024-05-14 06:14:04 +03:00
parent 65b716fa27
commit ec1e2a8a7f
16 changed files with 900 additions and 325 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/fonts/BebasNeue Bold.ttf
View File

Binary file not shown.

BIN
src/assets/fonts/BebasNeue-Regular.ttf
View File

Binary file not shown.

BIN
src/assets/fonts/BebasNeueBold.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/BebasNeueBook.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/BebasNeueLight.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/BebasNeueRegular.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/fonts/BebasNeueThin.woff2 Normal file
View File

Binary file not shown.

550
src/assets/fonts/stylesheet.css
View File

@ -1,409 +1,513 @@
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-ThinItalic.eot'); src: url("GTEestiProText-ThinItalic.eot");
src: local('GT Eesti Pro Text Thin Italic'), local('GTEestiProText-ThinItalic'), src: local("GT Eesti Pro Text Thin Italic"),
url('GTEestiProText-ThinItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProText-ThinItalic"),
url('GTEestiProText-ThinItalic.woff2') format('woff2'), url('GTEestiProText-ThinItalic.woff') format('woff'), url("GTEestiProText-ThinItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-ThinItalic.ttf') format('truetype'); url("GTEestiProText-ThinItalic.woff2") format("woff2"),
url("GTEestiProText-ThinItalic.woff") format("woff"),
url("GTEestiProText-ThinItalic.ttf") format("truetype");
font-weight: 100; font-weight: 100;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-Medium.eot'); src: url("GTEestiProText-Medium.eot");
src: local('GT Eesti Pro Text Medium'), local('GTEestiProText-Medium'), src: local("GT Eesti Pro Text Medium"), local("GTEestiProText-Medium"),
url('GTEestiProText-Medium.eot?#iefix') format('embedded-opentype'), url("GTEestiProText-Medium.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-Medium.woff2') format('woff2'), url('GTEestiProText-Medium.woff') format('woff'), url("GTEestiProText-Medium.woff2") format("woff2"),
url('GTEestiProText-Medium.ttf') format('truetype'); url("GTEestiProText-Medium.woff") format("woff"),
url("GTEestiProText-Medium.ttf") format("truetype");
font-weight: 500; font-weight: 500;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-LightItalic.eot'); src: url("GTEestiProText-LightItalic.eot");
src: local('GT Eesti Pro Text Light Italic'), local('GTEestiProText-LightItalic'), src: local("GT Eesti Pro Text Light Italic"),
url('GTEestiProText-LightItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProText-LightItalic"),
url('GTEestiProText-LightItalic.woff2') format('woff2'), url('GTEestiProText-LightItalic.woff') format('woff'), url("GTEestiProText-LightItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-LightItalic.ttf') format('truetype'); url("GTEestiProText-LightItalic.woff2") format("woff2"),
url("GTEestiProText-LightItalic.woff") format("woff"),
url("GTEestiProText-LightItalic.ttf") format("truetype");
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-Bold.eot'); src: url("GTEestiProDisplay-Bold.eot");
src: local('GT Eesti Pro Display Bold'), local('GTEestiProDisplay-Bold'), src: local("GT Eesti Pro Display Bold"), local("GTEestiProDisplay-Bold"),
url('GTEestiProDisplay-Bold.eot?#iefix') format('embedded-opentype'), url("GTEestiProDisplay-Bold.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-Bold.woff2') format('woff2'), url('GTEestiProDisplay-Bold.woff') format('woff'), url("GTEestiProDisplay-Bold.woff2") format("woff2"),
url('GTEestiProDisplay-Bold.ttf') format('truetype'); url("GTEestiProDisplay-Bold.woff") format("woff"),
url("GTEestiProDisplay-Bold.ttf") format("truetype");
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-Light.eot'); src: url("GTEestiProText-Light.eot");
src: local('GT Eesti Pro Text Light'), local('GTEestiProText-Light'), src: local("GT Eesti Pro Text Light"), local("GTEestiProText-Light"),
url('GTEestiProText-Light.eot?#iefix') format('embedded-opentype'), url("GTEestiProText-Light.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-Light.woff2') format('woff2'), url('GTEestiProText-Light.woff') format('woff'), url("GTEestiProText-Light.woff2") format("woff2"),
url('GTEestiProText-Light.ttf') format('truetype'); url("GTEestiProText-Light.woff") format("woff"),
url("GTEestiProText-Light.ttf") format("truetype");
font-weight: 300; font-weight: 300;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-MediumItalic.eot'); src: url("GTEestiProDisplay-MediumItalic.eot");
src: local('GT Eesti Pro Display Medium Italic'), local('GTEestiProDisplay-MediumItalic'), src: local("GT Eesti Pro Display Medium Italic"),
url('GTEestiProDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-MediumItalic"),
url('GTEestiProDisplay-MediumItalic.woff2') format('woff2'), url("GTEestiProDisplay-MediumItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-MediumItalic.woff') format('woff'), url("GTEestiProDisplay-MediumItalic.woff2") format("woff2"),
url('GTEestiProDisplay-MediumItalic.ttf') format('truetype'); url("GTEestiProDisplay-MediumItalic.woff") format("woff"),
url("GTEestiProDisplay-MediumItalic.ttf") format("truetype");
font-weight: 500; font-weight: 500;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-RegularItalic.eot'); src: url("GTEestiProText-RegularItalic.eot");
src: local('GT Eesti Pro Text Regular Italic'), local('GTEestiProText-RegularItalic'), src: local("GT Eesti Pro Text Regular Italic"),
url('GTEestiProText-RegularItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProText-RegularItalic"),
url('GTEestiProText-RegularItalic.woff2') format('woff2'), url('GTEestiProText-RegularItalic.woff') format('woff'), url("GTEestiProText-RegularItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-RegularItalic.ttf') format('truetype'); url("GTEestiProText-RegularItalic.woff2") format("woff2"),
url("GTEestiProText-RegularItalic.woff") format("woff"),
url("GTEestiProText-RegularItalic.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text Book'; font-family: "GT Eesti Pro Text Book";
src: url('GTEestiProText-Book.eot'); src: url("GTEestiProText-Book.eot");
src: local('GT Eesti Pro Text Book'), local('GTEestiProText-Book'), src: local("GT Eesti Pro Text Book"), local("GTEestiProText-Book"),
url('GTEestiProText-Book.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Book.woff2') format('woff2'), url("GTEestiProText-Book.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-Book.woff') format('woff'), url('GTEestiProText-Book.ttf') format('truetype'); url("GTEestiProText-Book.woff2") format("woff2"),
url("GTEestiProText-Book.woff") format("woff"),
url("GTEestiProText-Book.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-BoldItalic.eot'); src: url("GTEestiProText-BoldItalic.eot");
src: local('GT Eesti Pro Text Bold Italic'), local('GTEestiProText-BoldItalic'), src: local("GT Eesti Pro Text Bold Italic"),
url('GTEestiProText-BoldItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProText-BoldItalic"),
url('GTEestiProText-BoldItalic.woff2') format('woff2'), url('GTEestiProText-BoldItalic.woff') format('woff'), url("GTEestiProText-BoldItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-BoldItalic.ttf') format('truetype'); url("GTEestiProText-BoldItalic.woff2") format("woff2"),
url("GTEestiProText-BoldItalic.woff") format("woff"),
url("GTEestiProText-BoldItalic.ttf") format("truetype");
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-UltraLightItalic.eot'); src: url("GTEestiProText-UltraLightItalic.eot");
src: local('GT Eesti Pro Text UltraLight Italic'), local('GTEestiProText-UltraLightItalic'), src: local("GT Eesti Pro Text UltraLight Italic"),
url('GTEestiProText-UltraLightItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProText-UltraLightItalic"),
url('GTEestiProText-UltraLightItalic.woff2') format('woff2'), url("GTEestiProText-UltraLightItalic.eot?#iefix")
url('GTEestiProText-UltraLightItalic.woff') format('woff'), format("embedded-opentype"),
url('GTEestiProText-UltraLightItalic.ttf') format('truetype'); url("GTEestiProText-UltraLightItalic.woff2") format("woff2"),
url("GTEestiProText-UltraLightItalic.woff") format("woff"),
url("GTEestiProText-UltraLightItalic.ttf") format("truetype");
font-weight: 200; font-weight: 200;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-Thin.eot'); src: url("GTEestiProDisplay-Thin.eot");
src: local('GT Eesti Pro Display Thin'), local('GTEestiProDisplay-Thin'), src: local("GT Eesti Pro Display Thin"), local("GTEestiProDisplay-Thin"),
url('GTEestiProDisplay-Thin.eot?#iefix') format('embedded-opentype'), url("GTEestiProDisplay-Thin.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-Thin.woff2') format('woff2'), url('GTEestiProDisplay-Thin.woff') format('woff'), url("GTEestiProDisplay-Thin.woff2") format("woff2"),
url('GTEestiProDisplay-Thin.ttf') format('truetype'); url("GTEestiProDisplay-Thin.woff") format("woff"),
url("GTEestiProDisplay-Thin.ttf") format("truetype");
font-weight: 100; font-weight: 100;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-Regular.eot'); src: url("GTEestiProText-Regular.eot");
src: local('GT Eesti Pro Text Regular'), local('GTEestiProText-Regular'), src: local("GT Eesti Pro Text Regular"), local("GTEestiProText-Regular"),
url('GTEestiProText-Regular.eot?#iefix') format('embedded-opentype'), url("GTEestiProText-Regular.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-Regular.woff2') format('woff2'), url('GTEestiProText-Regular.woff') format('woff'), url("GTEestiProText-Regular.woff2") format("woff2"),
url('GTEestiProText-Regular.ttf') format('truetype'); url("GTEestiProText-Regular.woff") format("woff"),
url("GTEestiProText-Regular.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-Light.eot'); src: url("GTEestiProDisplay-Light.eot");
src: local('GT Eesti Pro Display Light'), local('GTEestiProDisplay-Light'), src: local("GT Eesti Pro Display Light"), local("GTEestiProDisplay-Light"),
url('GTEestiProDisplay-Light.eot?#iefix') format('embedded-opentype'), url("GTEestiProDisplay-Light.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-Light.woff2') format('woff2'), url('GTEestiProDisplay-Light.woff') format('woff'), url("GTEestiProDisplay-Light.woff2") format("woff2"),
url('GTEestiProDisplay-Light.ttf') format('truetype'); url("GTEestiProDisplay-Light.woff") format("woff"),
url("GTEestiProDisplay-Light.ttf") format("truetype");
font-weight: 300; font-weight: 300;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-UltraBold.eot'); src: url("GTEestiProDisplay-UltraBold.eot");
src: local('GT Eesti Pro Display UltraBold'), local('GTEestiProDisplay-UltraBold'), src: local("GT Eesti Pro Display UltraBold"),
url('GTEestiProDisplay-UltraBold.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-UltraBold"),
url('GTEestiProDisplay-UltraBold.woff2') format('woff2'), url('GTEestiProDisplay-UltraBold.woff') format('woff'), url("GTEestiProDisplay-UltraBold.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-UltraBold.ttf') format('truetype'); url("GTEestiProDisplay-UltraBold.woff2") format("woff2"),
url("GTEestiProDisplay-UltraBold.woff") format("woff"),
url("GTEestiProDisplay-UltraBold.ttf") format("truetype");
font-weight: 800; font-weight: 800;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-UltraBoldItalic.eot'); src: url("GTEestiProDisplay-UltraBoldItalic.eot");
src: local('GT Eesti Pro Display UltraBold Italic'), local('GTEestiProDisplay-UltraBoldItalic'), src: local("GT Eesti Pro Display UltraBold Italic"),
url('GTEestiProDisplay-UltraBoldItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-UltraBoldItalic"),
url('GTEestiProDisplay-UltraBoldItalic.woff2') format('woff2'), url("GTEestiProDisplay-UltraBoldItalic.eot?#iefix")
url('GTEestiProDisplay-UltraBoldItalic.woff') format('woff'), format("embedded-opentype"),
url('GTEestiProDisplay-UltraBoldItalic.ttf') format('truetype'); url("GTEestiProDisplay-UltraBoldItalic.woff2") format("woff2"),
url("GTEestiProDisplay-UltraBoldItalic.woff") format("woff"),
url("GTEestiProDisplay-UltraBoldItalic.ttf") format("truetype");
font-weight: 800; font-weight: 800;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-Medium.eot'); src: url("GTEestiProDisplay-Medium.eot");
src: local('GT Eesti Pro Display Medium'), local('GTEestiProDisplay-Medium'), src: local("GT Eesti Pro Display Medium"), local("GTEestiProDisplay-Medium"),
url('GTEestiProDisplay-Medium.eot?#iefix') format('embedded-opentype'), url("GTEestiProDisplay-Medium.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-Medium.woff2') format('woff2'), url('GTEestiProDisplay-Medium.woff') format('woff'), url("GTEestiProDisplay-Medium.woff2") format("woff2"),
url('GTEestiProDisplay-Medium.ttf') format('truetype'); url("GTEestiProDisplay-Medium.woff") format("woff"),
url("GTEestiProDisplay-Medium.ttf") format("truetype");
font-weight: 500; font-weight: 500;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-UltraLight.eot'); src: url("GTEestiProDisplay-UltraLight.eot");
src: local('GT Eesti Pro Display UltraLight'), local('GTEestiProDisplay-UltraLight'), src: local("GT Eesti Pro Display UltraLight"),
url('GTEestiProDisplay-UltraLight.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-UltraLight"),
url('GTEestiProDisplay-UltraLight.woff2') format('woff2'), url('GTEestiProDisplay-UltraLight.woff') format('woff'), url("GTEestiProDisplay-UltraLight.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-UltraLight.ttf') format('truetype'); url("GTEestiProDisplay-UltraLight.woff2") format("woff2"),
url("GTEestiProDisplay-UltraLight.woff") format("woff"),
url("GTEestiProDisplay-UltraLight.ttf") format("truetype");
font-weight: 200; font-weight: 200;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-RegularItalic.eot'); src: url("GTEestiProDisplay-RegularItalic.eot");
src: local('GT Eesti Pro Display Regular Italic'), local('GTEestiProDisplay-RegularItalic'), src: local("GT Eesti Pro Display Regular Italic"),
url('GTEestiProDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-RegularItalic"),
url('GTEestiProDisplay-RegularItalic.woff2') format('woff2'), url("GTEestiProDisplay-RegularItalic.eot?#iefix")
url('GTEestiProDisplay-RegularItalic.woff') format('woff'), format("embedded-opentype"),
url('GTEestiProDisplay-RegularItalic.ttf') format('truetype'); url("GTEestiProDisplay-RegularItalic.woff2") format("woff2"),
url("GTEestiProDisplay-RegularItalic.woff") format("woff"),
url("GTEestiProDisplay-RegularItalic.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-LightItalic.eot'); src: url("GTEestiProDisplay-LightItalic.eot");
src: local('GT Eesti Pro Display Light Italic'), local('GTEestiProDisplay-LightItalic'), src: local("GT Eesti Pro Display Light Italic"),
url('GTEestiProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-LightItalic"),
url('GTEestiProDisplay-LightItalic.woff2') format('woff2'), url('GTEestiProDisplay-LightItalic.woff') format('woff'), url("GTEestiProDisplay-LightItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-LightItalic.ttf') format('truetype'); url("GTEestiProDisplay-LightItalic.woff2") format("woff2"),
url("GTEestiProDisplay-LightItalic.woff") format("woff"),
url("GTEestiProDisplay-LightItalic.ttf") format("truetype");
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-Bold.eot'); src: url("GTEestiProText-Bold.eot");
src: local('GT Eesti Pro Text Bold'), local('GTEestiProText-Bold'), src: local("GT Eesti Pro Text Bold"), local("GTEestiProText-Bold"),
url('GTEestiProText-Bold.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Bold.woff2') format('woff2'), url("GTEestiProText-Bold.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-Bold.woff') format('woff'), url('GTEestiProText-Bold.ttf') format('truetype'); url("GTEestiProText-Bold.woff2") format("woff2"),
url("GTEestiProText-Bold.woff") format("woff"),
url("GTEestiProText-Bold.ttf") format("truetype");
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-Thin.eot'); src: url("GTEestiProText-Thin.eot");
src: local('GT Eesti Pro Text Thin'), local('GTEestiProText-Thin'), src: local("GT Eesti Pro Text Thin"), local("GTEestiProText-Thin"),
url('GTEestiProText-Thin.eot?#iefix') format('embedded-opentype'), url('GTEestiProText-Thin.woff2') format('woff2'), url("GTEestiProText-Thin.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-Thin.woff') format('woff'), url('GTEestiProText-Thin.ttf') format('truetype'); url("GTEestiProText-Thin.woff2") format("woff2"),
url("GTEestiProText-Thin.woff") format("woff"),
url("GTEestiProText-Thin.ttf") format("truetype");
font-weight: 100; font-weight: 100;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-UltraLightItalic.eot'); src: url("GTEestiProDisplay-UltraLightItalic.eot");
src: local('GT Eesti Pro Display UltraLight Italic'), local('GTEestiProDisplay-UltraLightItalic'), src: local("GT Eesti Pro Display UltraLight Italic"),
url('GTEestiProDisplay-UltraLightItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-UltraLightItalic"),
url('GTEestiProDisplay-UltraLightItalic.woff2') format('woff2'), url("GTEestiProDisplay-UltraLightItalic.eot?#iefix")
url('GTEestiProDisplay-UltraLightItalic.woff') format('woff'), format("embedded-opentype"),
url('GTEestiProDisplay-UltraLightItalic.ttf') format('truetype'); url("GTEestiProDisplay-UltraLightItalic.woff2") format("woff2"),
url("GTEestiProDisplay-UltraLightItalic.woff") format("woff"),
url("GTEestiProDisplay-UltraLightItalic.ttf") format("truetype");
font-weight: 200; font-weight: 200;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-BoldItalic.eot'); src: url("GTEestiProDisplay-BoldItalic.eot");
src: local('GT Eesti Pro Display Bold Italic'), local('GTEestiProDisplay-BoldItalic'), src: local("GT Eesti Pro Display Bold Italic"),
url('GTEestiProDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-BoldItalic"),
url('GTEestiProDisplay-BoldItalic.woff2') format('woff2'), url('GTEestiProDisplay-BoldItalic.woff') format('woff'), url("GTEestiProDisplay-BoldItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-BoldItalic.ttf') format('truetype'); url("GTEestiProDisplay-BoldItalic.woff2") format("woff2"),
url("GTEestiProDisplay-BoldItalic.woff") format("woff"),
url("GTEestiProDisplay-BoldItalic.ttf") format("truetype");
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-MediumItalic.eot'); src: url("GTEestiProText-MediumItalic.eot");
src: local('GT Eesti Pro Text Medium Italic'), local('GTEestiProText-MediumItalic'), src: local("GT Eesti Pro Text Medium Italic"),
url('GTEestiProText-MediumItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProText-MediumItalic"),
url('GTEestiProText-MediumItalic.woff2') format('woff2'), url('GTEestiProText-MediumItalic.woff') format('woff'), url("GTEestiProText-MediumItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-MediumItalic.ttf') format('truetype'); url("GTEestiProText-MediumItalic.woff2") format("woff2"),
url("GTEestiProText-MediumItalic.woff") format("woff"),
url("GTEestiProText-MediumItalic.ttf") format("truetype");
font-weight: 500; font-weight: 500;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text Book'; font-family: "GT Eesti Pro Text Book";
src: url('GTEestiProText-BookItalic.eot'); src: url("GTEestiProText-BookItalic.eot");
src: local('GT Eesti Pro Text Book Italic'), local('GTEestiProText-BookItalic'), src: local("GT Eesti Pro Text Book Italic"),
url('GTEestiProText-BookItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProText-BookItalic"),
url('GTEestiProText-BookItalic.woff2') format('woff2'), url('GTEestiProText-BookItalic.woff') format('woff'), url("GTEestiProText-BookItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-BookItalic.ttf') format('truetype'); url("GTEestiProText-BookItalic.woff2") format("woff2"),
url("GTEestiProText-BookItalic.woff") format("woff"),
url("GTEestiProText-BookItalic.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Text'; font-family: "GT Eesti Pro Text";
src: url('GTEestiProText-UltraLight.eot'); src: url("GTEestiProText-UltraLight.eot");
src: local('GT Eesti Pro Text UltraLight'), local('GTEestiProText-UltraLight'), src: local("GT Eesti Pro Text UltraLight"), local("GTEestiProText-UltraLight"),
url('GTEestiProText-UltraLight.eot?#iefix') format('embedded-opentype'), url("GTEestiProText-UltraLight.eot?#iefix") format("embedded-opentype"),
url('GTEestiProText-UltraLight.woff2') format('woff2'), url('GTEestiProText-UltraLight.woff') format('woff'), url("GTEestiProText-UltraLight.woff2") format("woff2"),
url('GTEestiProText-UltraLight.ttf') format('truetype'); url("GTEestiProText-UltraLight.woff") format("woff"),
url("GTEestiProText-UltraLight.ttf") format("truetype");
font-weight: 200; font-weight: 200;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-Regular.eot'); src: url("GTEestiProDisplay-Regular.eot");
src: local('GT Eesti Pro Display Regular'), local('GTEestiProDisplay-Regular'), src: local("GT Eesti Pro Display Regular"), local("GTEestiProDisplay-Regular"),
url('GTEestiProDisplay-Regular.eot?#iefix') format('embedded-opentype'), url("GTEestiProDisplay-Regular.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-Regular.woff2') format('woff2'), url('GTEestiProDisplay-Regular.woff') format('woff'), url("GTEestiProDisplay-Regular.woff2") format("woff2"),
url('GTEestiProDisplay-Regular.ttf') format('truetype'); url("GTEestiProDisplay-Regular.woff") format("woff"),
url("GTEestiProDisplay-Regular.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'GT Eesti Pro Display'; font-family: "GT Eesti Pro Display";
src: url('GTEestiProDisplay-ThinItalic.eot'); src: url("GTEestiProDisplay-ThinItalic.eot");
src: local('GT Eesti Pro Display Thin Italic'), local('GTEestiProDisplay-ThinItalic'), src: local("GT Eesti Pro Display Thin Italic"),
url('GTEestiProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'), local("GTEestiProDisplay-ThinItalic"),
url('GTEestiProDisplay-ThinItalic.woff2') format('woff2'), url('GTEestiProDisplay-ThinItalic.woff') format('woff'), url("GTEestiProDisplay-ThinItalic.eot?#iefix") format("embedded-opentype"),
url('GTEestiProDisplay-ThinItalic.ttf') format('truetype'); url("GTEestiProDisplay-ThinItalic.woff2") format("woff2"),
url("GTEestiProDisplay-ThinItalic.woff") format("woff"),
url("GTEestiProDisplay-ThinItalic.ttf") format("truetype");
font-weight: 100; font-weight: 100;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'Circle'; font-family: "Circle";
src: url('BasierCircle-Regular.woff2') format('woff2'), url('BasierCircle-Regular.woff') format('woff'), src: url("BasierCircle-Regular.woff2") format("woff2"),
url('BasierCircle-Regular.ttf') format('truetype'); url("BasierCircle-Regular.woff") format("woff"),
url("BasierCircle-Regular.ttf") format("truetype");
font-weight: 100; font-weight: 100;
font-style: italic; font-style: italic;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: "Muller";
src: local('Muller Bold'), local('Muller-Bold'), src: local("Muller Bold"), local("Muller-Bold"),
url('MullerBold.woff2') format('woff2'), url("MullerBold.woff2") format("woff2"),
url('MullerBold.woff') format('woff'), url("MullerBold.woff") format("woff"),
url('MullerBold.ttf') format('truetype'); url("MullerBold.ttf") format("truetype");
font-weight: 700; font-weight: 700;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: "Muller";
src: local('Muller Regular'), local('Muller-Regular'), src: local("Muller Regular"), local("Muller-Regular"),
url('MullerRegular.woff2') format('woff2'), url("MullerRegular.woff2") format("woff2"),
url('MullerRegular.woff') format('woff'), url("MullerRegular.woff") format("woff"),
url('MullerRegular.ttf') format('truetype'); url("MullerRegular.ttf") format("truetype");
font-weight: 400; font-weight: 400;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'Muller'; font-family: "Muller";
src: local('Muller Light'), local('Muller-Light'), src: local("Muller Light"), local("Muller-Light"),
url('MullerLight.woff2') format('woff2'), url("MullerLight.woff2") format("woff2"),
url('MullerLight.woff') format('woff'), url("MullerLight.woff") format("woff"),
url('MullerLight.ttf') format('truetype'); url("MullerLight.ttf") format("truetype");
font-weight: 300; font-weight: 300;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'CeraPro'; font-family: "CeraPro";
src: url('CeraPro-Bold.woff2') format('woff2'), url('CeraPro-Bold.woff') format('woff'), src: url("CeraPro-Bold.woff2") format("woff2"),
url('CeraPro-Bold.ttf') format('truetype'); url("CeraPro-Bold.woff") format("woff"),
url("CeraPro-Bold.ttf") format("truetype");
font-weight: bold; font-weight: bold;
font-style: normal; font-style: normal;
} }
@font-face { @font-face {
font-family: 'LabGrotesque'; font-family: "LabGrotesque";
src: url('LabGrotesque-Regular.eot'); src: url("LabGrotesque-Regular.eot");
src: local('LabGrotesque-Regular'), local('LabGrotesque-Regular'), src: local("LabGrotesque-Regular"), local("LabGrotesque-Regular"),
url('LabGrotesque-Regular.eot?#iefix') format('embedded-opentype'), url("LabGrotesque-Regular.eot?#iefix") format("embedded-opentype"),
url('LabGrotesque-Regular.woff2') format('woff2'), url('LabGrotesque-Regular.woff') format('woff'), url("LabGrotesque-Regular.woff2") format("woff2"),
url('LabGrotesque-Regular.ttf') format('truetype'); url("LabGrotesque-Regular.woff") format("woff"),
url("LabGrotesque-Regular.ttf") format("truetype");
font-weight: 400; font-weight: 400;
} }
@font-face { @font-face {
font-family: 'LabGrotesque'; font-family: "LabGrotesque";
src: url('LabGrotesque-Medium.eot'); src: url("LabGrotesque-Medium.eot");
src: local('LabGrotesque-Medium'), local('LabGrotesque-Medium'), src: local("LabGrotesque-Medium"), local("LabGrotesque-Medium"),
url('LabGrotesque-Medium.eot?#iefix') format('embedded-opentype'), url("LabGrotesque-Medium.eot?#iefix") format("embedded-opentype"),
url('LabGrotesque-Medium.woff2') format('woff2'), url('LabGrotesque-Medium.woff') format('woff'), url("LabGrotesque-Medium.woff2") format("woff2"),
url('LabGrotesque-Medium.ttf') format('truetype'); url("LabGrotesque-Medium.woff") format("woff"),
url("LabGrotesque-Medium.ttf") format("truetype");
font-weight: 500; font-weight: 500;
} }
@font-face { @font-face {
font-family: 'LabGrotesque'; font-family: "LabGrotesque";
src: url('LabGrotesque-Bold.eot'); src: url("LabGrotesque-Bold.eot");
src: local('LabGrotesque-Bold'), local('LabGrotesque-Bold'), src: local("LabGrotesque-Bold"), local("LabGrotesque-Bold"),
url('LabGrotesque-Bold.eot?#iefix') format('embedded-opentype'), url("LabGrotesque-Bold.eot?#iefix") format("embedded-opentype"),
url('LabGrotesque-Bold.woff2') format('woff2'), url('LabGrotesque-Bold.woff') format('woff'), url("LabGrotesque-Bold.woff2") format("woff2"),
url('LabGrotesque-Bold.ttf') format('truetype'); url("LabGrotesque-Bold.woff") format("woff"),
url("LabGrotesque-Bold.ttf") format("truetype");
font-weight: 700; font-weight: 700;
} }
@font-face { @font-face {
font-family: 'LabGrotesque'; font-family: "LabGrotesque";
src: url('LabGrotesque-Light.eot'); src: url("LabGrotesque-Light.eot");
src: local('LabGrotesque-Light'), local('LabGrotesque-Light'), src: local("LabGrotesque-Light"), local("LabGrotesque-Light"),
url('LabGrotesque-Light.eot?#iefix') format('embedded-opentype'), url("LabGrotesque-Light.eot?#iefix") format("embedded-opentype"),
url('LabGrotesque-Light.woff2') format('woff2'), url('LabGrotesque-Light.woff') format('woff'), url("LabGrotesque-Light.woff2") format("woff2"),
url('LabGrotesque-Light.ttf') format('truetype'); url("LabGrotesque-Light.woff") format("woff"),
url("LabGrotesque-Light.ttf") format("truetype");
font-weight: 300; font-weight: 300;
} }
@font-face { @font-face {
font-family: 'Geraspoheko'; font-family: "Geraspoheko";
src: url('GeraspohekoRegular.eot'); src: url("GeraspohekoRegular.eot");
src: local('Geraspoheko'), local('GeraspohekoRegular'), src: local("Geraspoheko"), local("GeraspohekoRegular"),
url('GeraspohekoRegular.eot?#iefix') format('embedded-opentype'), url("GeraspohekoRegular.eot?#iefix") format("embedded-opentype"),
url('GeraspohekoRegular.woff2') format('woff2'), url("GeraspohekoRegular.woff2") format("woff2"),
url('GeraspohekoRegular.woff') format('woff'), url("GeraspohekoRegular.woff") format("woff"),
url('GeraspohekoRegular.ttf') format('truetype'); url("GeraspohekoRegular.ttf") format("truetype");
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
font-display: swap; font-display: swap;
} }
@font-face {
font-family: "Geraspoheko";
src: url("GeraspohekoRegular.eot");
src: local("Geraspoheko"), local("GeraspohekoRegular"),
url("GeraspohekoRegular.eot?#iefix") format("embedded-opentype"),
url("GeraspohekoRegular.woff2") format("woff2"),
url("GeraspohekoRegular.woff") format("woff"),
url("GeraspohekoRegular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bebas Neue";
src: url("BebasNeueThin.woff2") format("woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bebas Neue";
src: url("BebasNeueLight.woff2") format("woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bebas Neue";
src: url("BebasNeueBook.woff2") format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bebas Neue";
src: url("BebasNeueRegular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Bebas Neue";
src: url("BebasNeueBold.woff2") format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}

11
src/assets/icons/tgFooter.svg
View File

@ -1,10 +1,3 @@
<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_931_833)"> <path d="M10.9461 22.0001C4.87347 21.9702 -0.0423218 16.9977 0.000274756 10.9273C0.0436186 4.86661 4.99678 -0.0297562 11.0545 0.000136144C17.1159 0.0307758 22.0317 4.98468 22.0018 11.0349C21.9719 17.1247 17.0255 22.0293 10.9461 22.0001ZM16.0487 7.6025C16.0711 6.87985 15.8103 6.63324 15.2715 6.68256C14.9591 6.71096 14.664 6.8126 14.3777 6.93217C12.3622 7.77513 10.3475 8.61809 8.335 9.46778C7.12361 9.97969 5.91447 10.4968 4.71056 11.0259C4.48935 11.1231 4.25096 11.2531 4.27338 11.567C4.2958 11.8749 4.56782 11.9234 4.77557 11.9937C5.37491 12.1962 5.97874 12.392 6.59303 12.5415C7.0997 12.6655 7.61161 12.6199 8.06298 12.3173C9.56955 11.3069 11.0709 10.2898 12.5782 9.28021C12.7307 9.17857 12.9108 8.94392 13.0901 9.15316C13.2747 9.36764 13.0087 9.5029 12.8801 9.62995C11.8354 10.6612 10.7809 11.6828 9.7362 12.7133C9.26839 13.1752 9.31397 13.6011 9.85727 13.9718C10.1547 14.1743 10.4603 14.3656 10.76 14.5667C11.5544 15.0995 12.3361 15.6525 13.1447 16.1629C14.0243 16.7182 14.4457 16.5523 14.7476 15.5852C14.7768 15.4911 14.8029 15.3947 14.8239 15.2983C15.1318 13.9016 15.3246 12.4847 15.5465 11.073C15.7378 9.85713 15.8993 8.63678 16.0472 7.6025H16.0487Z" fill="#838383"/>
<path d="M10.9461 22.0001C4.87347 21.9702 -0.0423218 16.9977 0.000274756 10.9273C0.0436186 4.86661 4.99678 -0.0297562 11.0545 0.000136144C17.1159 0.0307758 22.0317 4.98468 22.0018 11.0349C21.9719 17.1247 17.0262 22.0293 10.9468 22.0001H10.9461ZM16.0487 7.6025C16.0711 6.87985 15.8103 6.63324 15.2715 6.68256C14.9591 6.71096 14.664 6.8126 14.3777 6.93217C12.3622 7.77513 10.3475 8.61809 8.335 9.46778C7.12361 9.97969 5.91447 10.4968 4.71056 11.0259C4.48935 11.1231 4.25096 11.2531 4.27338 11.567C4.2958 11.8749 4.56782 11.9234 4.77557 11.9937C5.37491 12.1962 5.97874 12.392 6.59303 12.5415C7.0997 12.6655 7.61161 12.6199 8.06298 12.3173C9.56955 11.3069 11.0709 10.2898 12.5782 9.28021C12.7307 9.17857 12.9108 8.94392 13.0901 9.15316C13.2747 9.36764 13.0087 9.5029 12.8801 9.62995C11.8354 10.6612 10.7809 11.6828 9.7362 12.7133C9.26839 13.1752 9.31397 13.6011 9.85727 13.9718C10.1547 14.1743 10.4603 14.3656 10.76 14.5667C11.5544 15.0995 12.3361 15.6525 13.1447 16.1629C14.0243 16.7182 14.4457 16.5523 14.7476 15.5852C14.7768 15.4911 14.8029 15.3947 14.8239 15.2983C15.1318 13.9016 15.3246 12.4847 15.5465 11.073C15.7378 9.85713 15.8993 8.63678 16.0472 7.6025H16.0487Z" fill="#333333"/>
</g>
<defs>
<clipPath id="clip0_931_833">
<rect width="22.0015" height="22" fill="white"/>
</clipPath>
</defs>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

10
src/assets/icons/vkLogo.svg
View File

@ -1,11 +1,3 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_781_847)"> <path d="M10.9755 22C4.9123 21.9881 -0.0230861 17.0228 8.12304e-05 10.9589C0.0232485 4.91 4.97209 -0.0119356 11.0195 2.17408e-05C17.07 0.0119791 21.9994 4.95335 21.9956 11.003C21.9919 17.0743 17.0438 22.012 10.9755 22ZM11.4724 9.84166C11.4724 9.53076 11.4807 9.21913 11.4702 8.90824C11.4545 8.42621 11.3454 8.29393 10.8716 8.20798C10.2289 8.09215 9.58239 8.10336 8.93968 8.20873C8.77303 8.23638 8.60861 8.31336 8.4569 8.39332C8.28875 8.48151 8.26708 8.58987 8.47858 8.66012C8.78797 8.76325 8.99424 8.96653 9.04132 9.29162C9.12203 9.84689 9.16313 10.4044 9.05552 10.9634C8.95164 11.503 8.5974 11.6315 8.1774 11.2691C8.07502 11.1801 7.98758 11.0718 7.90014 10.9671C7.31797 10.2669 6.96373 9.44856 6.68348 8.59436C6.58409 8.29019 6.37633 8.13923 6.07739 8.134C5.45561 8.12279 4.83308 8.12129 4.2113 8.13998C3.84959 8.15119 3.76739 8.28645 3.91685 8.62126C4.63728 10.2355 5.43095 11.8101 6.52953 13.2084C7.66324 14.6515 9.10634 15.4354 10.9874 15.2972C11.314 15.2733 11.515 15.2045 11.4702 14.8226C11.4538 14.6784 11.4821 14.5237 11.5158 14.3795C11.6234 13.9139 11.9208 13.7756 12.3491 13.9841C12.6428 14.1276 12.8931 14.3376 13.127 14.5581C13.6898 15.0909 14.3302 15.3689 15.1202 15.2987C15.5155 15.2636 15.9161 15.2927 16.3144 15.292C16.6387 15.292 17.0117 15.3241 17.1589 14.9684C17.3001 14.6261 17.0109 14.3854 16.7957 14.1702C16.3024 13.6792 15.7838 13.2136 15.2868 12.7256C14.9468 12.3916 14.9274 12.1935 15.2046 11.8116C15.4819 11.4297 15.789 11.0688 16.0768 10.6944C16.5401 10.0913 16.9661 9.465 17.1634 8.71617C17.2785 8.27898 17.2037 8.15567 16.7576 8.14521C15.999 8.12802 15.2397 8.14297 14.4812 8.15119C14.2189 8.15418 14.0874 8.32307 14.0066 8.554C13.8788 8.91646 13.757 9.28265 13.6038 9.63464C13.334 10.2557 12.9701 10.8192 12.4634 11.2758C12.2885 11.4335 12.0793 11.5874 11.8252 11.4963C11.5509 11.3984 11.4919 11.1368 11.4784 10.8849C11.4597 10.5374 11.4739 10.1884 11.4724 9.84016V9.84166Z" fill="#838383"/>
<path d="M10.9754 22C4.91224 21.9881 -0.0231471 17.0228 2.01954e-05 10.9589C0.0231875 4.91 4.97203 -0.0119356 11.0194 2.17408e-05C17.0699 0.0119791 21.9993 4.95335 21.9955 11.003C21.9918 17.0743 17.0437 22.012 10.9754 22ZM11.4723 9.84166C11.4723 9.53076 11.4806 9.21913 11.4701 8.90824C11.4544 8.42621 11.3453 8.29393 10.8715 8.20798C10.2288 8.09215 9.58233 8.10336 8.93962 8.20873C8.77297 8.23638 8.60855 8.31336 8.45684 8.39332C8.28869 8.48151 8.26702 8.58987 8.47852 8.66012C8.78791 8.76325 8.99418 8.96653 9.04126 9.29162C9.12197 9.84689 9.16307 10.4044 9.05546 10.9634C8.95158 11.503 8.59734 11.6315 8.17734 11.2691C8.07496 11.1801 7.98752 11.0718 7.90008 10.9671C7.31791 10.2669 6.96367 9.44856 6.68342 8.59436C6.58403 8.29019 6.37627 8.13923 6.07733 8.134C5.45555 8.12279 4.83302 8.12129 4.21124 8.13998C3.84953 8.15119 3.76733 8.28645 3.91679 8.62126C4.63722 10.2355 5.43089 11.8101 6.52947 13.2084C7.66318 14.6515 9.10628 15.4354 10.9873 15.2972C11.3139 15.2733 11.5149 15.2045 11.4701 14.8226C11.4537 14.6784 11.482 14.5237 11.5157 14.3795C11.6233 13.9139 11.9207 13.7756 12.349 13.9841C12.6427 14.1276 12.893 14.3376 13.1269 14.5581C13.6897 15.0909 14.3301 15.3689 15.1201 15.2987C15.5154 15.2636 15.916 15.2927 16.3143 15.292C16.6386 15.292 17.0116 15.3241 17.1588 14.9684C17.3 14.6261 17.0108 14.3854 16.7956 14.1702C16.3023 13.6792 15.7837 13.2136 15.2867 12.7256C14.9467 12.3916 14.9273 12.1935 15.2045 11.8116C15.4818 11.4297 15.7889 11.0688 16.0767 10.6944C16.54 10.0913 16.966 9.465 17.1633 8.71617C17.2784 8.27898 17.2036 8.15567 16.7575 8.14521C15.9989 8.12802 15.2396 8.14297 14.4811 8.15119C14.2188 8.15418 14.0873 8.32307 14.0065 8.554C13.8787 8.91646 13.7569 9.28265 13.6037 9.63464C13.3339 10.2557 12.97 10.8192 12.4633 11.2758C12.2884 11.4335 12.0792 11.5874 11.8251 11.4963C11.5508 11.3984 11.4918 11.1368 11.4783 10.8849C11.4596 10.5374 11.4738 10.1884 11.4723 9.84016V9.84166Z" fill="#333333"/>
<path d="M11.4731 9.84153C11.4731 10.1898 11.4596 10.5388 11.4783 10.8863C11.4918 11.1381 11.5516 11.3997 11.8251 11.4976C12.0792 11.588 12.2892 11.4341 12.4633 11.2772C12.97 10.8205 13.3332 10.257 13.6037 9.63601C13.7569 9.28402 13.8788 8.91782 14.0065 8.55537C14.088 8.32369 14.2188 8.15479 14.4811 8.15255C15.2396 8.14433 15.9989 8.13013 16.7575 8.14657C17.2036 8.15629 17.2791 8.2796 17.1633 8.71754C16.966 9.46636 16.54 10.0926 16.0767 10.6957C15.7889 11.0701 15.4818 11.4311 15.2045 11.813C14.9273 12.1956 14.9459 12.3929 15.2867 12.727C15.7837 13.215 16.3024 13.6806 16.7956 14.1716C17.0108 14.3861 17.3 14.6267 17.1588 14.9697C17.0123 15.3255 16.6394 15.2933 16.3143 15.2933C15.916 15.2933 15.5154 15.2649 15.1201 15.3C14.3301 15.3703 13.6904 15.0923 13.1269 14.5594C12.8938 14.3382 12.6434 14.129 12.349 13.9855C11.9207 13.7762 11.6233 13.9152 11.5157 14.3808C11.4821 14.5251 11.4537 14.6798 11.4701 14.824C11.5142 15.2059 11.3139 15.2746 10.9873 15.2986C9.10628 15.4368 7.66318 14.6529 6.52948 13.2098C5.4309 11.8115 4.63798 10.2369 3.9168 8.62262C3.76733 8.28782 3.84954 8.15255 4.21125 8.14134C4.83303 8.12266 5.45556 8.12415 6.07734 8.13536C6.37702 8.1406 6.58403 8.29156 6.68343 8.59572C6.96293 9.44992 7.31791 10.2683 7.90009 10.9685C7.98753 11.0739 8.07422 11.1822 8.17735 11.2704C8.5966 11.6329 8.95159 11.5051 9.05547 10.9648C9.16308 10.4058 9.12198 9.84825 9.04127 9.29298C8.99418 8.96715 8.78792 8.76387 8.47852 8.66149C8.26628 8.59124 8.2887 8.48287 8.45685 8.39469C8.60856 8.31472 8.77297 8.237 8.93963 8.2101C9.58159 8.10472 10.2288 8.09351 10.8715 8.20935C11.3453 8.29455 11.4544 8.42682 11.4701 8.9096C11.4798 9.22049 11.4723 9.53213 11.4723 9.84302L11.4731 9.84153Z" fill="#FBFBFB"/>
</g>
<defs>
<clipPath id="clip0_781_847">
<rect width="21.9955" height="22" fill="white"/>
</clipPath>
</defs>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.8 KiB

After

Width:  |  Height:  |  Size: 2.0 KiB

21
src/components/Common/Footer/Footer.jsx
View File

@ -1,10 +1,10 @@
import React from "react"; import React from "react";
import email from "assets/icons/emailLogo.svg"; // import email from "assets/icons/emailLogo.svg";
import tg from "assets/icons/tgFooter.svg"; import tg from "assets/icons/tgFooter.svg";
import vk from "assets/icons/vkLogo.svg"; import vk from "assets/icons/vkLogo.svg";
import logo from "assets/images/logo/ITguild.svg";
// import logo from "assets/images/logo/ITguild.svg";
import "./footer.scss"; import "./footer.scss";
export const Footer = () => { export const Footer = () => {
@ -12,7 +12,7 @@ export const Footer = () => {
<footer> <footer>
<div className="container"> <div className="container">
<div className="footer"> <div className="footer">
<div className="footer__top"> {/* <div className="footer__top">
<img src={logo} alt="logo" className="logo" /> <img src={logo} alt="logo" className="logo" />
<p> <p>
Подберем и документально оформим IT-специалистов, после чего Подберем и документально оформим IT-специалистов, после чего
@ -20,10 +20,7 @@ export const Footer = () => {
управление над сотрудниками, имея возможность контролировать и управление над сотрудниками, имея возможность контролировать и
заменять IT штат. заменять IT штат.
</p> </p>
<div className="footer__copyright"> </div> */}
© {new Date().getFullYear()} - Все права защищены
</div>
</div>
<div className="footer__bottom"> <div className="footer__bottom">
<div className="footer__social"> <div className="footer__social">
<div className="footer__social__icons"> <div className="footer__social__icons">
@ -34,14 +31,16 @@ export const Footer = () => {
<img src={tg} alt="tg" width={24} /> <img src={tg} alt="tg" width={24} />
</a> </a>
</div> </div>
<p>Присоединиться к команде</p> <a href="mailto:office@itguild.info">office@itguild.info</a>
</div> </div>
<div className="footer__info"> <div className="footer__info">
<div className="footer__mail"> <div className="footer__mail">
<img src={email} alt="email" /> {/* <img src={email} alt="email" /> */}
<a href="mailto:office@itguild.info">office@itguild.info</a> <a href="#">Присоединиться к команде</a>
</div> </div>
<a className="footer__policy">Политика конфиденциальности</a> <p>
© {new Date().getFullYear()} - Outstaffing. Все права защищены
</p>
</div> </div>
</div> </div>
</div> </div>

116
src/components/Common/Footer/footer.scss
View File

@ -1,14 +1,35 @@
footer { footer {
border-top: 1px solid #ebebeb;
padding: 35px 0 50px; padding: 35px 0 50px;
@media (max-width: 772px) {
padding: 56px 0 35px;
background: #1e1e1e;
}
} }
.footer { .footer {
p,
a {
max-width: 620px;
text-decoration: underline;
color: #838383;
font-family: GT Eesti Pro Display;
font-size: 12px;
font-weight: 400;
line-height: 13.92px;
letter-spacing: 0.01em;
@media (max-width: 772px) {
margin-left: 0;
text-align: center;
}
}
&__top { &__top {
display: flex; display: flex;
align-items: start; align-items: start;
@media (max-width: 620px) { @media (max-width: 772px) {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
row-gap: 15px; row-gap: 15px;
@ -17,29 +38,14 @@ footer {
.logo { .logo {
width: 83px; width: 83px;
} }
p {
max-width: 620px;
margin-left: 33px;
font-weight: 400;
font-size: 12px;
line-height: 16px;
color: #5b6871;
@media (max-width: 620px) {
margin-left: 0;
text-align: center;
}
}
} }
&__bottom { &__bottom {
display: flex; display: flex;
align-items: center; align-items: center;
margin-top: 22px;
justify-content: space-between; justify-content: space-between;
@media (max-width: 590px) { @media (max-width: 772px) {
flex-direction: column; flex-direction: column;
} }
} }
@ -47,9 +53,10 @@ footer {
&__social { &__social {
display: flex; display: flex;
align-items: center; align-items: center;
column-gap: 23px;
@media (max-width: 590px) { @media (max-width: 772px) {
flex-direction: column; margin: 0 0 60px 0;
justify-content: center; justify-content: center;
} }
@ -58,15 +65,10 @@ footer {
column-gap: 10px; column-gap: 10px;
} }
p { a {
cursor: pointer; @media (max-width: 772px) {
margin-left: 60px; font-size: 16px;
font-weight: 500; line-height: 18.56px;
font-size: 14px;
line-height: 33px;
@media (max-width: 590px) {
margin-left: 0;
} }
} }
} }
@ -74,6 +76,22 @@ footer {
&__info { &__info {
display: flex; display: flex;
align-items: center; align-items: center;
column-gap: 104px;
@media (max-width: 772px) {
display: flex;
flex-direction: column;
align-items: center;
row-gap: 76px;
}
p {
@media (max-width: 772px) {
font-size: 14px;
line-height: 16.24px;
text-decoration: none;
}
}
} }
&__mail { &__mail {
@ -82,41 +100,11 @@ footer {
column-gap: 5px; column-gap: 5px;
a { a {
font-weight: 400; @media (max-width: 772px) {
font-size: 14px; color: #a7ca60;
line-height: 16px; font-size: 17px;
color: #5b6871; line-height: 19.72px;
} }
}
&__policy {
font-weight: 400;
font-size: 13px;
line-height: 16px;
color: #5b6871;
margin-left: 150px;
@media (max-width: 720px) {
margin-left: 30px;
}
&:hover {
color: #5b6871;
text-decoration: none;
}
}
&__copyright {
margin-left: auto;
font-size: 13px;
@media (max-width: 910px) {
min-width: 142px;
margin-left: 15px;
}
@media (max-width: 620px) {
margin-left: 0;
} }
} }
} }

2
src/pages/Landing/Landing.jsx
View File

@ -20,8 +20,10 @@ export const Landing = () => {
const toggleBar = () => { const toggleBar = () => {
if (active) { if (active) {
setActive(false); setActive(false);
document.body.style.overflow = "auto";
} else { } else {
setActive(true); setActive(true);
document.body.style.overflow = "hidden";
} }
}; };

34
src/pages/Landing/landing.scss
View File

@ -22,6 +22,7 @@
@media (max-width: 431px) { @media (max-width: 431px) {
padding: 0 24px; padding: 0 24px;
z-index: auto;
} }
.head { .head {
@ -126,6 +127,7 @@
@media (max-width: 431px) { @media (max-width: 431px) {
margin: 0; margin: 0;
z-index: 9;
} }
&__logo { &__logo {
@ -180,7 +182,7 @@
visibility: hidden; visibility: hidden;
transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
opacity: 0; opacity: 0;
z-index: 99; z-index: 8;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@ -196,6 +198,10 @@
img { img {
width: 160px; width: 160px;
@media (max-width: 431px) {
width: 120px;
}
} }
} }
@ -203,8 +209,11 @@
margin-top: 28px; margin-top: 28px;
padding: 0; padding: 0;
list-style: none; list-style: none;
font-size: 20px; font-size: 14px;
line-height: 33px; line-height: 20px;
display: flex;
flex-direction: column;
row-gap: 15px;
a, a,
a:hover, a:hover,
@ -218,6 +227,10 @@
font-size: 14px; font-size: 14px;
line-height: 22px; line-height: 22px;
color: #000000; color: #000000;
@media (max-width: 431px) {
font-size: 11px;
}
} }
&__contacts { &__contacts {
@ -238,8 +251,9 @@
transition: 0.1s ease-in-out; transition: 0.1s ease-in-out;
opacity: 1; opacity: 1;
display: flex; display: flex;
width: 24%; width: calc(100vw / 2.5);
left: 0; left: 0;
overflow: hidden;
} }
&__info { &__info {
@ -486,7 +500,19 @@
bottom: auto; bottom: auto;
} }
} }
@media (max-width: 431px) {
&:hover {
p {
font-weight: 700;
color: rgba(74, 74, 74, 1);
max-width: 165px;
span {
color: rgba(167, 202, 96, 1);
}
}
}
}
@media (min-width: 432px) { @media (min-width: 432px) {
&:hover { &:hover {
padding: 16px 12px 14px 2px; padding: 16px 12px 14px 2px;

198
src/pages/Stack/Stack.jsx
View File

@ -1,7 +1,8 @@
import React from "react"; import React, { useState } from "react";
import SVG from "react-inlinesvg"; import SVG from "react-inlinesvg";
import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader"; import { AuthHeader } from "@components/Common/AuthHeader/AuthHeader";
import { Footer } from "@components/Common/Footer/Footer";
import arrowReviewsLeft from "assets/icons/arrows/arrowReviewsLeft.png"; import arrowReviewsLeft from "assets/icons/arrows/arrowReviewsLeft.png";
import arrowReviewsRight from "assets/icons/arrows/arrowReviewsRight.png"; import arrowReviewsRight from "assets/icons/arrows/arrowReviewsRight.png";
@ -99,6 +100,65 @@ export const Stack = () => {
} }
]; ];
const [error, setError] = useState({
name: false,
companyName: false,
email: false,
phoneNumber: false,
requestDescription: false,
agreement: false
});
const [formData, setFormData] = useState({
name: "",
companyName: "",
email: "",
phoneNumber: "",
requestDescription: "",
file: null,
agreement: false
});
const handleChange = (e) => {
const { name, value, type, checked } = e.target;
setFormData((prevState) => ({
...prevState,
[name]: type === "checkbox" ? checked : value
}));
};
const handleSubmit = (e) => {
e.preventDefault();
const newError = {
name: !formData.name.trim(),
companyName: !formData.companyName.trim(),
email: !formData.email.trim(),
phoneNumber: !formData.phoneNumber.trim(),
requestDescription: !formData.requestDescription.trim(),
agreement: !formData.agreement
};
setError(newError);
const isValid = !Object.values(newError).some((err) => err);
if (isValid) {
// Данные формы валидны, можно отправлять форму
console.log("Форма отправлена", formData);
setFormData({
name: "",
companyName: "",
email: "",
phoneNumber: "",
requestDescription: "",
file: null,
agreement: false
});
} else {
// Данные формы невалидны, показываем ошибки
console.log("Форма содержит ошибки");
}
};
return ( return (
<section className="stack"> <section className="stack">
<AuthHeader /> <AuthHeader />
@ -335,8 +395,142 @@ export const Stack = () => {
/> />
</div> </div>
</section> </section>
<section className="stack__contact"> <section className="stack__contact">
<div className="stack__container contact__container"></div> <img src={backgroundOpp} className="contact__background" />
<img src={backgroundOpp} className="contact__background--right" />
<div className="stack__container contact__container">
<img src={code} className="contact__code" />
<img src={code} className="contact__code--center" />
<div className="contact__block">
<div className="contact-info">
<img src={clue} alt="clue" />
<h3 className="info__title">ПОИСК</h3>
<div className="info-content">
<p>
Заполните, пожалуйста, форму и наш <br /> менеджер обязательно
с вами свяжется
</p>
<h4>Нужен специалист?</h4>
<span>Посмотрите и другие продукты ITGUILD</span>
<div className="info-content__buttons">
<button>Система для отчётности</button>
<button>Система контроля версий GIT</button>
</div>
</div>
</div>
<form className="contact__form" onSubmit={handleSubmit}>
<span className="form__subtitle">
Окунитесь в экосистему ITGUIL
</span>
<div className="form-container">
<p>
Пожалуйста, заполните форму и наш менеджер обязательно с вами
свяжется
</p>
<div className="form-info">
<div>
<input
type="text"
name="name"
value={formData.name}
onChange={handleChange}
placeholder="имя и фамилия"
/>
{error.name && (
<span className="error">
Поле обязательно для заполнения
</span>
)}
</div>
<div>
<input
type="text"
name="companyName"
value={formData.companyName}
onChange={handleChange}
placeholder="название вашей компании"
/>
{error.companyName && (
<span className="error">
Поле обязательно для заполнения
</span>
)}
</div>
<div>
<input
type="email"
name="email"
value={formData.email}
onChange={handleChange}
placeholder="e-mail"
/>
{error.email && (
<span className="error">
Поле обязательно для заполнения
</span>
)}
</div>
<div>
<input
type="tel"
name="phoneNumber"
value={formData.phoneNumber}
onChange={handleChange}
placeholder="+7"
/>
{error.phoneNumber && (
<span className="error">
Поле обязательно для заполнения
</span>
)}
</div>
</div>
<div className="form-description">
<textarea
name="requestDescription"
value={formData.requestDescription}
onChange={handleChange}
placeholder="опишите, что вам требуется"
/>
{error.requestDescription && (
<span className="error">
Поле обязательно для заполнения
</span>
)}
</div>
<div className="form-file">
<input type="file" name="file" onChange={handleChange} />
<p>
.eps, .ai, .psd, .jpg, .png, .pdf, .doc, .docx, .xlsx, .xls,
.ppt, .jpeg <br />
<span>максимальный размер одного файла 10 Мб</span>
</p>
</div>
<div className="form-submit">
<div className="form-submit__agreement">
<input
type="radio"
name="agreement"
checked={formData.agreement}
onChange={handleChange}
/>
<p>
Соглашаюсь с <a href="">Пользовательским соглашением</a> и
<br />
<a href="">Политикой обработки данных</a>
</p>
</div>
<button type="submit">оставить заявку</button>
</div>
</div>
</form>
</div>
</div>
<Footer />
</section> </section>
</section> </section>
); );

283
src/pages/Stack/stack.scss
View File

@ -762,8 +762,12 @@
padding: 35px; padding: 35px;
border-radius: 8px; border-radius: 8px;
border: 0.5px solid #ffffff; border: 0.5px solid #ffffff;
background: linear-gradient(137deg, #ffffff -10%, #dddddd 100%); background: linear-gradient(
box-shadow: inset; 124.61deg,
rgba(255, 255, 255, 0.34) 44.32%,
rgba(221, 221, 221, 0.34) 90.95%
);
box-shadow: 10px 9px 14.3px 0px #0000000f;
&__client { &__client {
display: flex; display: flex;
@ -822,10 +826,283 @@
} }
&__contact { &__contact {
background-color: #1e1e1e; background: #1e1e1e;
position: relative;
.contact { .contact {
&__background {
position: absolute;
left: -150px;
bottom: 0;
mix-blend-mode: plus-lighter;
}
&__background--right {
position: absolute;
right: 0;
top: -300px;
mix-blend-mode: plus-lighter;
}
&__container { &__container {
padding: 105px 0 0px;
flex-direction: column;
}
&__code {
position: absolute;
top: 35px;
left: 0;
&--center {
position: absolute;
right: -150px;
bottom: 35px;
}
}
&__block {
display: flex;
justify-content: center;
}
&-info {
img {
right: 423px;
width: 100px;
position: absolute;
z-index: 3;
}
.info {
&__title {
position: relative;
right: -30px;
top: -10px;
font-family: "Bebas Neue";
font-weight: 700;
font-size: 300px;
line-height: 230.18px;
margin-bottom: 0;
z-index: 2;
background: linear-gradient(
358.88deg,
#1e1e1e 26.61%,
#323232 147.14%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: drop-shadow(0px 0px 30px rgba(0, 0, 0, 0.1294117647));
}
&-content {
z-index: 3;
position: relative;
top: -120px;
padding: 0 0 0 60px;
p {
color: #a7ca60;
font-weight: 400;
font-size: 19px;
}
h4 {
color: #a7ca60;
font-weight: 900;
font-size: 66px;
line-height: 64.94px;
text-transform: uppercase;
margin: 20px 0 30px 0;
}
span {
color: #eeeeee;
font-weight: 700;
font-size: 14px;
}
&__buttons {
display: flex;
margin: 19px 0 0 0;
column-gap: 30px;
button {
background: linear-gradient(
110.06deg,
rgba(87, 87, 87, 0.34) 0%,
rgba(104, 104, 104, 0.34) 99.25%
);
width: 208px;
height: 101px;
border-radius: 8px;
border: 0.5px solid #6c6c6c;
box-shadow: 10px 9px 14.3px 0px #0000000f;
color: #838383;
font-size: 20px;
font-weight: 500;
}
}
}
}
}
&__form {
display: flex;
flex-direction: column;
align-items: flex-end;
z-index: 1;
.form {
&__subtitle {
font-weight: 700;
font-size: 14px;
color: #a7ca60;
position: relative;
top: -10px;
}
&-container {
background-color: #a7ca60;
padding: 40px 50px;
border-radius: 8px 24px 8px 113px;
font-size: 14px;
font-weight: 700;
color: #607536;
.error {
color: red;
font-size: 11px;
letter-spacing: 0.2px;
font-weight: 300;
line-height: 1;
}
}
&-info {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 15px;
row-gap: 10px;
justify-items: center;
input {
padding: 10px;
width: 205px;
height: 45px;
border: 0.2px solid #607536;
border-radius: 8px;
background-color: #98b857;
}
input::placeholder {
margin: 0 0 0 19px;
color: #435225;
font-size: 13px;
font-weight: 400;
}
input:focus-visible {
outline: none;
border: 2px solid #607536;
}
}
&-description {
textarea {
padding: 10px;
margin: 10px 0 0 0;
width: 424px;
height: 90px;
border: 0.2px solid #607536;
border-radius: 8px;
resize: none;
background-color: #98b857;
}
textarea::placeholder {
color: #435225;
font-size: 13px;
font-weight: 400;
}
textarea:focus-visible {
outline: none;
border: 2px solid #607536;
}
}
&-file {
display: flex;
margin-top: 17px;
input {
width: 40%;
}
input::-webkit-file-upload-button {
visibility: hidden;
display: none;
}
input::before {
cursor: pointer;
content: "прикрепите файл";
width: 160px;
height: 45px;
color: #435225;
font-size: 13px;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
border: 0.2px solid #89a64f;
border-radius: 8px;
}
p {
font-size: 9px;
font-weight: 300;
}
span {
font-weight: 400;
}
}
&-submit {
display: flex;
align-items: center;
justify-content: space-around;
&__agreement {
display: flex;
input {
accent-color: #607536;
}
p {
margin-left: 11px;
font-weight: 300;
font-size: 9px;
color: #607536;
}
a:active,
a:hover,
a {
text-decoration: underline;
color: #607536;
font-weight: 500;
}
}
button {
width: 177px;
height: 44px;
background-color: #ffffff;
font-size: 15px;
font-weight: 400;
color: #4a4a4a;
border-radius: 44px;
border: none;
}
}
}
} }
} }
} }