Hero: обновил текст, добавил marquee-секцию с бегущей строкой
This commit is contained in:
Local Build committed
1 parent
5544a48400
commit
77a9f6dfe6
7 files changed
+1111
-1001
No files matched your search
+139
-139
@@ -1,139 +1,139 @@
|
||||
/* geologica-cyrillic-ext-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* geologica-cyrillic-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-cyrillic-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* geologica-greek-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-greek-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* geologica-vietnamese-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-vietnamese-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* geologica-latin-ext-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-latin-ext-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* geologica-latin-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-latin-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-cyrillic-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-cyrillic-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-latin-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-latin-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
/* geologica-cyrillic-ext-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-cyrillic-ext-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* geologica-cyrillic-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-cyrillic-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* geologica-greek-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-greek-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* geologica-vietnamese-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-vietnamese-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* geologica-latin-ext-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-latin-ext-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* geologica-latin-wght-normal */
|
||||
@font-face {
|
||||
font-family: 'Geologica';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 100 900;
|
||||
src: url(./files/geologica-latin-wght-normal.woff2) format('woff2-variations');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-sans-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-cyrillic-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* pt-sans-cyrillic-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-cyrillic-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-latin-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* pt-sans-latin-700-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Sans';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/pt-sans-latin-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
@@ -1,139 +1,139 @@
|
||||
/* alice-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* alice-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* alice-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* alice-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* merriweather-vietnamese-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-vietnamese-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* merriweather-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* merriweather-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-cyrillic-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-cyrillic-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* merriweather-vietnamese-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-vietnamese-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* merriweather-latin-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-latin-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* merriweather-latin-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-latin-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
/* alice-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* alice-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* alice-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* alice-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Alice';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/alice-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* merriweather-vietnamese-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-vietnamese-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* merriweather-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* merriweather-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/merriweather-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-cyrillic-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* merriweather-cyrillic-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-cyrillic-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* merriweather-vietnamese-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-vietnamese-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* merriweather-latin-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-latin-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* merriweather-latin-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Merriweather';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/merriweather-latin-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
+319
-319
@@ -1,319 +1,319 @@
|
||||
/* pt-mono-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* pt-mono-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* pt-mono-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* pt-mono-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-greek-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-greek-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-vietnamese-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-cyrillic-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-greek-ext-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-greek-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-vietnamese-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-latin-ext-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-latin-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-cyrillic-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-greek-ext-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-greek-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-vietnamese-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-latin-ext-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-latin-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-cyrillic-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-greek-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-greek-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-vietnamese-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-latin-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-latin-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
/* pt-mono-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* pt-mono-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* pt-mono-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* pt-mono-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'PT Mono';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/pt-mono-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-cyrillic-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-greek-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-greek-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-vietnamese-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-latin-ext-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-400-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 400;
|
||||
src: url(./files/source-code-pro-latin-400-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-cyrillic-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-greek-ext-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-greek-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-vietnamese-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-latin-ext-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-500-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 500;
|
||||
src: url(./files/source-code-pro-latin-500-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-cyrillic-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-greek-ext-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-greek-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-vietnamese-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-latin-ext-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-600-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 600;
|
||||
src: url(./files/source-code-pro-latin-600-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-cyrillic-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* source-code-pro-cyrillic-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-cyrillic-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-greek-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* source-code-pro-greek-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-greek-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-vietnamese-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-vietnamese-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-ext-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-latin-ext-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* source-code-pro-latin-700-normal */
|
||||
@font-face {
|
||||
font-family: 'Source Code Pro';
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
font-weight: 700;
|
||||
src: url(./files/source-code-pro-latin-700-normal.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
|
||||
}
|
||||
@@ -2413,6 +2413,7 @@ html[data-theme="dark"] {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 0.75rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
@@ -5148,3 +5149,31 @@ body.content-edit-shift-active.content-edit-mode-active .content-edit-fab-stack
|
||||
border-bottom: 1px solid var(--line);
|
||||
}
|
||||
}
|
||||
|
||||
/* Marquee — бегущая строка */
|
||||
.marquee {
|
||||
overflow: hidden;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
.marquee__track {
|
||||
display: flex;
|
||||
width: max-content;
|
||||
animation: marquee 30s linear infinite;
|
||||
}
|
||||
|
||||
.marquee__content {
|
||||
display: flex;
|
||||
gap: 1rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
.marquee__content .hero__tag {
|
||||
white-space: nowrap;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@keyframes marquee {
|
||||
0% { transform: translateX(0); }
|
||||
100% { transform: translateX(-33.333%); }
|
||||
}
|
||||
+260
-225
@@ -221,19 +221,11 @@
|
||||
<div class="hero__text">
|
||||
<p class="hero__eyebrow">Николай Мамадаев</p>
|
||||
<h1 id="hero-title" class="hero__title">
|
||||
Создаю интерфейсы для продуктов
|
||||
Укрощаю сложные интерфейсы
|
||||
<span class="hero-rotator" data-hero-rotator aria-label="web, mobile, desktop">
|
||||
<span class="hero-rotator__word" data-hero-rotator-word>web</span>
|
||||
</span>
|
||||
</h1>
|
||||
<ul class="hero__tags" aria-label="Ключевые компетенции">
|
||||
<li class="hero__tag">UX/UI</li>
|
||||
<li class="hero__tag">10+ лет опыта</li>
|
||||
<li class="hero__tag">Продуктовое мышление</li>
|
||||
<li class="hero__tag">Дизайн-системы</li>
|
||||
<li class="hero__tag">Менторство и наставничество</li>
|
||||
<li class="hero__tag">AI инструменты и вайбкодинг</li>
|
||||
</ul>
|
||||
<div class="hero__actions">
|
||||
<a class="btn btn--primary btn--flat" href="#contact"><span class="btn__icon" aria-hidden="true"></span><span>Написать мне</span></a>
|
||||
<a class="btn btn--secondary btn--flat" href="#projects"><span class="btn__icon" aria-hidden="true"></span><span>Смотреть портфолио</span></a>
|
||||
@@ -277,6 +269,35 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="marquee" aria-hidden="true">
|
||||
<div class="marquee__track">
|
||||
<div class="marquee__content">
|
||||
<span class="hero__tag">UX/UI</span>
|
||||
<span class="hero__tag">10+ лет опыта</span>
|
||||
<span class="hero__tag">Продуктовое мышление</span>
|
||||
<span class="hero__tag">Дизайн-системы</span>
|
||||
<span class="hero__tag">Менторство и наставничество</span>
|
||||
<span class="hero__tag">AI инструменты и вайбкодинг</span>
|
||||
</div>
|
||||
<div class="marquee__content" aria-hidden="true">
|
||||
<span class="hero__tag">UX/UI</span>
|
||||
<span class="hero__tag">10+ лет опыта</span>
|
||||
<span class="hero__tag">Продуктовое мышление</span>
|
||||
<span class="hero__tag">Дизайн-системы</span>
|
||||
<span class="hero__tag">Менторство и наставничество</span>
|
||||
<span class="hero__tag">AI инструменты и вайбкодинг</span>
|
||||
</div>
|
||||
<div class="marquee__content" aria-hidden="true">
|
||||
<span class="hero__tag">UX/UI</span>
|
||||
<span class="hero__tag">10+ лет опыта</span>
|
||||
<span class="hero__tag">Продуктовое мышление</span>
|
||||
<span class="hero__tag">Дизайн-системы</span>
|
||||
<span class="hero__tag">Менторство и наставничество</span>
|
||||
<span class="hero__tag">AI инструменты и вайбкодинг</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="projects" class="section section--surface" data-reveal>
|
||||
<div class="section__inner">
|
||||
<h2 class="section__title">Портфолио</h2>
|
||||
@@ -655,121 +676,177 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="mini-projects" class="section section--surface" aria-labelledby="mini-projects-title" data-reveal>
|
||||
|
||||
<section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
|
||||
<div class="section__inner">
|
||||
<h2 id="mini-projects-title" class="section__title">Активность</h2>
|
||||
<div
|
||||
class="skills-intro skills-intro--chat section__prose"
|
||||
data-skills-intro
|
||||
role="region"
|
||||
aria-labelledby="mini-projects-title"
|
||||
>
|
||||
<div class="skills-msg" data-skills-msg>
|
||||
<div class="skills-msg__body">
|
||||
<p class="skills-msg__author">Николай М:</p>
|
||||
<p class="skills-msg__text">
|
||||
Люблю делать разные мини-проекты или делиться чем-то полезным с миром.
|
||||
<h2 id="experience-title" class="section__title">Опыт работы</h2>
|
||||
<ol id="experience-list" class="experience-grid">
|
||||
<li class="experience-grid__item">
|
||||
<div class="exp-card" data-exp-order="1">
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Январь 2026 — Настоящее время</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Астратек
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.
|
||||
</p>
|
||||
<time class="skills-msg__time" datetime="" data-skills-msg-time></time>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
|
||||
<li class="mini-projects-grid__item" data-mp-cells="2">
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
||||
href="https://www.figma.com/@mamadaevv"
|
||||
class="exp-card exp-card--link"
|
||||
href="https://primo-rpa.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Figma Community — открыть профиль"
|
||||
data-exp-order="2"
|
||||
aria-label="Primo RPA — открыть сайт компании"
|
||||
>
|
||||
<div class="mp-card__media" aria-hidden="true">
|
||||
<img
|
||||
class="mp-card__image"
|
||||
src="assets/misc/figma_logo.webp"
|
||||
alt=""
|
||||
width="800"
|
||||
height="800"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="mp-card__body">
|
||||
<h3 class="mp-card__title">
|
||||
Figma Community
|
||||
<span class="mp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="mp-card__desc">
|
||||
Выкладываю полезные файлы и плагины для сообщества.
|
||||
</p>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Февраль 2023 — Ноябрь 2025</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">2 года 10 месяцев</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Primo RPA
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Платформа для автоматизации бизнес‑процессов с комплексом продуктов: студией для создания роботов, оркестратором для их управления, Idea Hub для отбора процессов и AI‑серверами для работы с моделями и распознаванием данных.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mini-projects-grid__item" data-mp-cells="2">
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
||||
href="https://dribbble.com/mamadaevv"
|
||||
class="exp-card exp-card--link"
|
||||
href="https://icons8.com/lunacy"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Dribbble — открыть профиль"
|
||||
data-exp-order="3"
|
||||
aria-label="Icons8 (Lunacy) — открыть сайт компании"
|
||||
>
|
||||
<div class="mp-card__media" aria-hidden="true">
|
||||
<img
|
||||
class="mp-card__image"
|
||||
src="assets/misc/dribbble_logo.webp"
|
||||
alt=""
|
||||
width="1024"
|
||||
height="1024"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="mp-card__body">
|
||||
<h3 class="mp-card__title">
|
||||
Dribbble
|
||||
<span class="mp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="mp-card__desc">
|
||||
Красивые картинки с элементами интерфейсов.
|
||||
</p>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2022 — Январь 2023</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">7 месяцев</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Icons8 (Lunacy)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Векторный редактор для UI/UX и веб‑дизайна с поддержкой Sketch‑файлов, встроенной библиотекой иконок/фото/иллюстраций и набором AI‑инструментов для ускорения рутинных задач.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="mini-projects-grid__item" data-mp-cells="2">
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
||||
href="https://t.me/designnotpizza"
|
||||
class="exp-card exp-card--link"
|
||||
href="https://manu.co/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
aria-label="Дизайн не пицца — открыть канал в Telegram"
|
||||
data-exp-order="4"
|
||||
aria-label="MANU Video Game Maker — открыть сайт компании"
|
||||
>
|
||||
<div class="mp-card__media" aria-hidden="true">
|
||||
<img
|
||||
class="mp-card__image"
|
||||
src="assets/misc/tg-channel-logo-design_not_pizza.webp"
|
||||
alt=""
|
||||
width="640"
|
||||
height="640"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Январь 2019 — Декабрь 2021</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">3 года</span>
|
||||
</div>
|
||||
<div class="mp-card__body">
|
||||
<h3 class="mp-card__title">
|
||||
Дизайн не пицца
|
||||
<span class="mp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="mp-card__desc">
|
||||
Мой канал про дизайн. Посты на тему продуктового дизайна и полезные ссылки.
|
||||
</p>
|
||||
<h3 class="exp-card__company">
|
||||
MANU Video Game Maker
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
No-code/low-code платформа для создания 2D и 3D игр без необходимости писать код.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://www.orioninnovation.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="6"
|
||||
aria-label="Orion Innovation (ex MERA) — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2016 — Октябрь 2017</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 4 месяца</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Orion Innovation (ex MERA)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Международная технологическая компания, специализирующаяся на заказной разработке и инженерных решениях для крупных корпоративных клиентов.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://aegees.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="5"
|
||||
aria-label="Aegees — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 3 месяца</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Aegees
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://spaceshipapps.ru/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="7"
|
||||
aria-label="SpaceshipApps — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июнь 2015 — Июнь 2016</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 1 месяц</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
SpaceshipApps
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Студия разработки мобильных и веб‑приложений под ключ для бизнеса и предпринимателей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="experience__actions">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn--secondary btn--flat experience__toggle"
|
||||
data-exp-toggle
|
||||
aria-expanded="false"
|
||||
aria-controls="experience-list"
|
||||
>
|
||||
Показать все
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="skills" class="section section--tight" aria-labelledby="skills-title" data-reveal>
|
||||
<div class="section__inner">
|
||||
<h2 id="skills-title" class="section__title">Навыки</h2>
|
||||
@@ -1068,163 +1145,121 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
|
||||
<section id="mini-projects" class="section section--surface" aria-labelledby="mini-projects-title" data-reveal>
|
||||
<div class="section__inner">
|
||||
<h2 id="experience-title" class="section__title">Опыт работы</h2>
|
||||
<ol id="experience-list" class="experience-grid">
|
||||
<li class="experience-grid__item">
|
||||
<h2 id="mini-projects-title" class="section__title">Активность</h2>
|
||||
<div
|
||||
class="skills-intro skills-intro--chat section__prose"
|
||||
data-skills-intro
|
||||
role="region"
|
||||
aria-labelledby="mini-projects-title"
|
||||
>
|
||||
<div class="skills-msg" data-skills-msg>
|
||||
<div class="skills-msg__body">
|
||||
<p class="skills-msg__author">Николай М:</p>
|
||||
<p class="skills-msg__text">
|
||||
Люблю делать разные мини-проекты или делиться чем-то полезным с миром.
|
||||
</p>
|
||||
<time class="skills-msg__time" datetime="" data-skills-msg-time></time>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<ol id="mini-projects-list" class="mini-projects-grid" data-mini-projects-list>
|
||||
<li class="mini-projects-grid__item" data-mp-cells="2">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://primo-rpa.com/"
|
||||
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
||||
href="https://www.figma.com/@mamadaevv"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="1"
|
||||
aria-label="Primo RPA — открыть сайт компании"
|
||||
aria-label="Figma Community — открыть профиль"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Февраль 2023 — Ноябрь 2025</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">2 года 10 месяцев</span>
|
||||
<div class="mp-card__media" aria-hidden="true">
|
||||
<img
|
||||
class="mp-card__image"
|
||||
src="assets/misc/figma_logo.webp"
|
||||
alt=""
|
||||
width="800"
|
||||
height="800"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="mp-card__body">
|
||||
<h3 class="mp-card__title">
|
||||
Figma Community
|
||||
<span class="mp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="mp-card__desc">
|
||||
Выкладываю полезные файлы и плагины для сообщества.
|
||||
</p>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Primo RPA
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Платформа для автоматизации бизнес‑процессов с комплексом продуктов: студией для создания роботов, оркестратором для их управления, Idea Hub для отбора процессов и AI‑серверами для работы с моделями и распознаванием данных.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<li class="mini-projects-grid__item" data-mp-cells="2">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://icons8.com/lunacy"
|
||||
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
||||
href="https://dribbble.com/mamadaevv"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="2"
|
||||
aria-label="Icons8 (Lunacy) — открыть сайт компании"
|
||||
aria-label="Dribbble — открыть профиль"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2022 — Январь 2023</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">7 месяцев</span>
|
||||
<div class="mp-card__media" aria-hidden="true">
|
||||
<img
|
||||
class="mp-card__image"
|
||||
src="assets/misc/dribbble_logo.webp"
|
||||
alt=""
|
||||
width="1024"
|
||||
height="1024"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<div class="mp-card__body">
|
||||
<h3 class="mp-card__title">
|
||||
Dribbble
|
||||
<span class="mp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="mp-card__desc">
|
||||
Красивые картинки с элементами интерфейсов.
|
||||
</p>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Icons8 (Lunacy)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Векторный редактор для UI/UX и веб‑дизайна с поддержкой Sketch‑файлов, встроенной библиотекой иконок/фото/иллюстраций и набором AI‑инструментов для ускорения рутинных задач.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<li class="mini-projects-grid__item" data-mp-cells="2">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://manu.co/"
|
||||
class="mp-card mp-card--link mp-card--horizontal mp-card--hor-image"
|
||||
href="https://t.me/designnotpizza"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="3"
|
||||
aria-label="MANU Video Game Maker — открыть сайт компании"
|
||||
aria-label="Дизайн не пицца — открыть канал в Telegram"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Январь 2019 — Декабрь 2021</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">3 года</span>
|
||||
<div class="mp-card__media" aria-hidden="true">
|
||||
<img
|
||||
class="mp-card__image"
|
||||
src="assets/misc/tg-channel-logo-design_not_pizza.webp"
|
||||
alt=""
|
||||
width="640"
|
||||
height="640"
|
||||
loading="lazy"
|
||||
decoding="async"
|
||||
/>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
MANU Video Game Maker
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
No-code/low-code платформа для создания 2D и 3D игр без необходимости писать код.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://aegees.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="4"
|
||||
aria-label="AEGEES — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 3 месяца</span>
|
||||
<div class="mp-card__body">
|
||||
<h3 class="mp-card__title">
|
||||
Дизайн не пицца
|
||||
<span class="mp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="mp-card__desc">
|
||||
Мой канал про дизайн. Посты на тему продуктового дизайна и полезные ссылки.
|
||||
</p>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
AEGEES
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://www.orioninnovation.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="5"
|
||||
aria-label="Orion Innovation (ex MERA) — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2016 — Октябрь 2017</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 4 месяца</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Orion Innovation (ex MERA)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Международная технологическая компания, специализирующаяся на заказной разработке и инженерных решениях для крупных корпоративных клиентов.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://spaceshipapps.ru/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="6"
|
||||
aria-label="SpaceshipApps — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июнь 2015 — Июнь 2016</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 1 месяц</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
SpaceshipApps
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Студия разработки мобильных и веб‑приложений под ключ для бизнеса и предпринимателей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="experience__actions">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn--secondary btn--flat experience__toggle"
|
||||
data-exp-toggle
|
||||
aria-expanded="false"
|
||||
aria-controls="experience-list"
|
||||
>
|
||||
Показать все
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="contact" class="section section--surface section--footerish" data-reveal>
|
||||
<div class="section__inner">
|
||||
<h2 class="section__title">Контакты</h2>
|
||||
|
||||
@@ -36,6 +36,30 @@
|
||||
var L = Number(l);
|
||||
if (Number.isFinite(L)) d.style.setProperty("--theme-l", String(Math.min(70, Math.max(20, L))));
|
||||
}
|
||||
var hVal = h !== null ? h : 210;
|
||||
var sVal = s !== null ? s : 90;
|
||||
var lVal = l !== null ? Math.min(70, Math.max(20, Number(l))) : 40;
|
||||
var H = (((hVal % 360) + 360) % 360) / 360;
|
||||
var S = Math.min(100, Math.max(0, sVal)) / 100;
|
||||
var Lv = Math.min(100, Math.max(0, lVal)) / 100;
|
||||
var r, g, b;
|
||||
if (S === 0) { r = g = b = Lv; }
|
||||
else {
|
||||
var q = Lv < 0.5 ? Lv * (1 + S) : Lv + S - Lv * S;
|
||||
var p = 2 * Lv - q;
|
||||
var hue2rgb = function(p, q, t) {
|
||||
if (t < 0) t += 1; if (t > 1) t -= 1;
|
||||
if (t < 1/6) return p + (q - p) * 6 * t;
|
||||
if (t < 1/2) return q;
|
||||
if (t < 2/3) return p + (q - p) * (2/3 - t) * 6;
|
||||
return p;
|
||||
};
|
||||
r = hue2rgb(p, q, H + 1/3);
|
||||
g = hue2rgb(p, q, H);
|
||||
b = hue2rgb(p, q, H - 1/3);
|
||||
}
|
||||
var lum = 0.2126 * r + 0.7152 * g + 0.0722 * b;
|
||||
d.style.setProperty("--on-accent", lum > 0.58 ? "hsl(220 14% 12%)" : "hsl(0 0% 98%)");
|
||||
var rad = t.radius;
|
||||
if (rad === "soft" || rad === "medium" || rad === "strong") {
|
||||
d.dataset.radius = rad;
|
||||
|
||||
+201
-179
@@ -20,19 +20,11 @@
|
||||
<div class="hero__text">
|
||||
<p class="hero__eyebrow">Николай Мамадаев</p>
|
||||
<h1 id="hero-title" class="hero__title">
|
||||
Создаю интерфейсы для продуктов
|
||||
Укрощаю сложные интерфейсы
|
||||
<span class="hero-rotator" data-hero-rotator aria-label="web, mobile, desktop">
|
||||
<span class="hero-rotator__word" data-hero-rotator-word>web</span>
|
||||
</span>
|
||||
</h1>
|
||||
<ul class="hero__tags" aria-label="Ключевые компетенции">
|
||||
<li class="hero__tag">UX/UI</li>
|
||||
<li class="hero__tag">10+ лет опыта</li>
|
||||
<li class="hero__tag">Продуктовое мышление</li>
|
||||
<li class="hero__tag">Дизайн-системы</li>
|
||||
<li class="hero__tag">Менторство и наставничество</li>
|
||||
<li class="hero__tag">AI инструменты и вайбкодинг</li>
|
||||
</ul>
|
||||
<div class="hero__actions">
|
||||
<a class="btn btn--primary btn--flat" href="#contact"><span class="btn__icon" aria-hidden="true"></span><span>Написать мне</span></a>
|
||||
<a class="btn btn--secondary btn--flat" href="#projects"><span class="btn__icon" aria-hidden="true"></span><span>Смотреть портфолио</span></a>
|
||||
@@ -76,8 +68,206 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="marquee" aria-hidden="true">
|
||||
<div class="marquee__track">
|
||||
<div class="marquee__content">
|
||||
<span class="hero__tag">UX/UI</span>
|
||||
<span class="hero__tag">10+ лет опыта</span>
|
||||
<span class="hero__tag">Продуктовое мышление</span>
|
||||
<span class="hero__tag">Дизайн-системы</span>
|
||||
<span class="hero__tag">Менторство и наставничество</span>
|
||||
<span class="hero__tag">AI инструменты и вайбкодинг</span>
|
||||
</div>
|
||||
<div class="marquee__content" aria-hidden="true">
|
||||
<span class="hero__tag">UX/UI</span>
|
||||
<span class="hero__tag">10+ лет опыта</span>
|
||||
<span class="hero__tag">Продуктовое мышление</span>
|
||||
<span class="hero__tag">Дизайн-системы</span>
|
||||
<span class="hero__tag">Менторство и наставничество</span>
|
||||
<span class="hero__tag">AI инструменты и вайбкодинг</span>
|
||||
</div>
|
||||
<div class="marquee__content" aria-hidden="true">
|
||||
<span class="hero__tag">UX/UI</span>
|
||||
<span class="hero__tag">10+ лет опыта</span>
|
||||
<span class="hero__tag">Продуктовое мышление</span>
|
||||
<span class="hero__tag">Дизайн-системы</span>
|
||||
<span class="hero__tag">Менторство и наставничество</span>
|
||||
<span class="hero__tag">AI инструменты и вайбкодинг</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{{> projects-section-mp}}{{> projects-section}}
|
||||
{{> mini-projects-section}}
|
||||
|
||||
<section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
|
||||
<div class="section__inner">
|
||||
<h2 id="experience-title" class="section__title">Опыт работы</h2>
|
||||
<ol id="experience-list" class="experience-grid">
|
||||
<li class="experience-grid__item">
|
||||
<div class="exp-card" data-exp-order="1">
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Январь 2026 — Настоящее время</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Астратек
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://primo-rpa.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="2"
|
||||
aria-label="Primo RPA — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Февраль 2023 — Ноябрь 2025</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">2 года 10 месяцев</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Primo RPA
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Платформа для автоматизации бизнес‑процессов с комплексом продуктов: студией для создания роботов, оркестратором для их управления, Idea Hub для отбора процессов и AI‑серверами для работы с моделями и распознаванием данных.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://icons8.com/lunacy"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="3"
|
||||
aria-label="Icons8 (Lunacy) — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2022 — Январь 2023</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">7 месяцев</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Icons8 (Lunacy)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Векторный редактор для UI/UX и веб‑дизайна с поддержкой Sketch‑файлов, встроенной библиотекой иконок/фото/иллюстраций и набором AI‑инструментов для ускорения рутинных задач.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://manu.co/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="4"
|
||||
aria-label="MANU Video Game Maker — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Январь 2019 — Декабрь 2021</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">3 года</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
MANU Video Game Maker
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
No-code/low-code платформа для создания 2D и 3D игр без необходимости писать код.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://www.orioninnovation.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="6"
|
||||
aria-label="Orion Innovation (ex MERA) — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2016 — Октябрь 2017</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 4 месяца</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Orion Innovation (ex MERA)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Международная технологическая компания, специализирующаяся на заказной разработке и инженерных решениях для крупных корпоративных клиентов.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://aegees.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="5"
|
||||
aria-label="Aegees — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 3 месяца</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Aegees
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://spaceshipapps.ru/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="7"
|
||||
aria-label="SpaceshipApps — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июнь 2015 — Июнь 2016</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 1 месяц</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
SpaceshipApps
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Студия разработки мобильных и веб‑приложений под ключ для бизнеса и предпринимателей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="experience__actions">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn--secondary btn--flat experience__toggle"
|
||||
data-exp-toggle
|
||||
aria-expanded="false"
|
||||
aria-controls="experience-list"
|
||||
>
|
||||
Показать все
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="skills" class="section section--tight" aria-labelledby="skills-title" data-reveal>
|
||||
<div class="section__inner">
|
||||
@@ -377,175 +567,7 @@
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="experience" class="section section--surface" aria-labelledby="experience-title" data-reveal>
|
||||
<div class="section__inner">
|
||||
<h2 id="experience-title" class="section__title">Опыт работы</h2>
|
||||
<ol id="experience-list" class="experience-grid">
|
||||
<li class="experience-grid__item">
|
||||
<div class="exp-card" data-exp-order="1">
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Январь 2026 — Настоящее время</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Астратек
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Разработка и поддержка цифровых систем и инструментов для повышения эффективности сотрудников.
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://primo-rpa.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="2"
|
||||
aria-label="Primo RPA — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Февраль 2023 — Ноябрь 2025</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">2 года 10 месяцев</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Primo RPA
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Платформа для автоматизации бизнес‑процессов с комплексом продуктов: студией для создания роботов, оркестратором для их управления, Idea Hub для отбора процессов и AI‑серверами для работы с моделями и распознаванием данных.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://icons8.com/lunacy"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="3"
|
||||
aria-label="Icons8 (Lunacy) — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2022 — Январь 2023</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">7 месяцев</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Icons8 (Lunacy)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Векторный редактор для UI/UX и веб‑дизайна с поддержкой Sketch‑файлов, встроенной библиотекой иконок/фото/иллюстраций и набором AI‑инструментов для ускорения рутинных задач.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item">
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://manu.co/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="4"
|
||||
aria-label="MANU Video Game Maker — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Январь 2019 — Декабрь 2021</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">3 года</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
MANU Video Game Maker
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
No-code/low-code платформа для создания 2D и 3D игр без необходимости писать код.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://www.orioninnovation.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="6"
|
||||
aria-label="Orion Innovation (ex MERA) — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июль 2016 — Октябрь 2017</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 4 месяца</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Orion Innovation (ex MERA)
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Международная технологическая компания, специализирующаяся на заказной разработке и инженерных решениях для крупных корпоративных клиентов.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://aegees.com/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="5"
|
||||
aria-label="Aegees — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Октябрь 2017 — Декабрь 2018</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 3 месяца</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
Aegees
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Защищённый мессенджер с end‑to‑end шифрованием и отсутствием хранения сообщений на серверах, сфокусированный на максимальной приватности пользователей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="experience-grid__item" data-exp-extra hidden>
|
||||
<a
|
||||
class="exp-card exp-card--link"
|
||||
href="https://spaceshipapps.ru/"
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
data-exp-order="7"
|
||||
aria-label="SpaceshipApps — открыть сайт компании"
|
||||
>
|
||||
<div class="exp-card__time-row">
|
||||
<span class="exp-card__period">Июнь 2015 — Июнь 2016</span>
|
||||
<span class="exp-card__sep" aria-hidden="true">·</span>
|
||||
<span class="exp-card__duration">1 год 1 месяц</span>
|
||||
</div>
|
||||
<h3 class="exp-card__company">
|
||||
SpaceshipApps
|
||||
<span class="exp-card__ext" aria-hidden="true"></span>
|
||||
</h3>
|
||||
<p class="exp-card__desc">
|
||||
Студия разработки мобильных и веб‑приложений под ключ для бизнеса и предпринимателей.
|
||||
</p>
|
||||
</a>
|
||||
</li>
|
||||
</ol>
|
||||
<div class="experience__actions">
|
||||
<button
|
||||
type="button"
|
||||
class="btn btn--secondary btn--flat experience__toggle"
|
||||
data-exp-toggle
|
||||
aria-expanded="false"
|
||||
aria-controls="experience-list"
|
||||
>
|
||||
Показать все
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{> mini-projects-section}}
|
||||
|
||||
{{> contact-section}}
|
||||
{{> footer-spacer}}
|
||||
|
||||
Reference in new issue
Block a user