feat: add Product-section, Team-section, Process-section and fix comm… #2
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,14 @@ | ||
| [ | ||
| { | ||
| "img": "open-source", | ||
| "link": "https://t.me/HighLoadChannel/4936" | ||
| }, | ||
| { | ||
| "img": "html-academy", | ||
| "link": "https://t.me/htmlacademy/7915" | ||
| }, | ||
| { | ||
| "img": "coding-on-mlut", | ||
|
Contributor
There was a problem hiding this comment. Это изображение в списке ломается, в плане соотношения сторон. |
||
| "link": "https://www.youtube.com/watch?v=ilv-cEOX4TE&t=55s" | ||
| } | ||
| ] | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,14 +1,14 @@ | ||
| [ | ||
| { | ||
| "link":"/#product-section", | ||
| "text":"О нас" | ||
| }, | ||
| { | ||
| "link":"/#team-section", | ||
| "text":"Команда" | ||
| }, | ||
| { | ||
| "link":"/#faq-section", | ||
| "text":"FAQ" | ||
| } | ||
| ] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,104 @@ | ||
| [ | ||
| { | ||
| "name": "first_step", | ||
| "title": "Анализ на начальном этапе", | ||
| "text": "Проводим аудит текущего положения дел по чеклисту продукта на ранней стадии", | ||
| "img": [ | ||
|
Contributor
There was a problem hiding this comment. Если анимация линий пока не планируется, то зачем их отдельными img делать? |
||
| { "src": "Ellipse35", "styles": "T16p L9p md_T5p" }, | ||
| { "src": "Ellipse36", "styles": "T20p L15p md_T9p" }, | ||
| { "src": "Ellipse37", "styles": "T20p L11p md_T11p" }, | ||
| { "src": "Ellipse38", "styles": "T30p L10p md_T24p" }, | ||
| { "src": "Ellipse39", "styles": "T34p L8p md_T31p" }, | ||
| { "src": "Ellipse65", "styles": "T41p L8p" }, | ||
| { "src": "Ellipse66", "styles": "T41p L11p" }, | ||
| { "src": "Ellipse67", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse68", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse69", "styles": "T40p L8p" } | ||
| ] | ||
| }, | ||
| { | ||
| "name": "second_step", | ||
| "title": "План", | ||
| "text": "Составляем подробный план действий", | ||
| "img": [ | ||
| { "src": "Ellipse40", "styles": "T19p L9p md_T8p" }, | ||
| { "src": "Ellipse41", "styles": "T20p L15p md_T9p" }, | ||
| { "src": "Ellipse42", "styles": "T21p L11p md_T13p" }, | ||
| { "src": "Ellipse43", "styles": "T28p L10p md_T24p" }, | ||
| { "src": "Ellipse44", "styles": "T34p L8p md_T31p" }, | ||
| { "src": "Ellipse70", "styles": "T41p L8p" }, | ||
| { "src": "Ellipse71", "styles": "T41p L12p" }, | ||
| { "src": "Ellipse72", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse73", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse74", "styles": "T40p L8p" } | ||
| ] | ||
| }, | ||
| { | ||
| "name": "third_step", | ||
| "title": "Договор", | ||
| "text": "Берем символический платеж ~100$ для закрепления сотрудничества и подписываем договор", | ||
| "img": [ | ||
| { "src": "Ellipse45", "styles": "T16p L9p md_T6p" }, | ||
| { "src": "Ellipse46", "styles": "T20p L12p md_T9p" }, | ||
| { "src": "Ellipse47", "styles": "T19p L5p md_T10p" }, | ||
| { "src": "Ellipse48", "styles": "T30p L10p md_T24p" }, | ||
| { "src": "Ellipse49", "styles": "T34p L8p md_T32p" }, | ||
| { "src": "Ellipse75", "styles": "T40p L9p" }, | ||
| { "src": "Ellipse76", "styles": "T41p L12p" }, | ||
| { "src": "Ellipse77", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse78", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse79", "styles": "T40p L8p" } | ||
| ] | ||
| }, | ||
| { | ||
| "name": "fourth_step", | ||
| "title": "Продающий сайт", | ||
| "text": "Создаем продающий сайт с индивидуальным дизайном", | ||
| "img": [ | ||
| { "src": "Ellipse50", "styles": "T19p L9p md_T9p" }, | ||
| { "src": "Ellipse51", "styles": "T18p L11p md_T9p" }, | ||
| { "src": "Ellipse52", "styles": "T23p L8p md_T16p md_L6p" }, | ||
| { "src": "Ellipse53", "styles": "T29p L10p md_T24p" }, | ||
| { "src": "Ellipse54", "styles": "T34p L8p md_T32p" }, | ||
| { "src": "Ellipse80", "styles": "T40p L8p md_L10p" }, | ||
| { "src": "Ellipse81", "styles": "T41p L12p" }, | ||
| { "src": "Ellipse82", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse83", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse84", "styles": "T40p L8p" } | ||
| ] | ||
| }, | ||
| { | ||
| "name": "fifth_step", | ||
| "title": "Доводим до конца", | ||
| "text": "Помогаем клиенту закрыть оставшиеся пункты чеклиста", | ||
| "img": [ | ||
| { "src": "Ellipse55", "styles": "T18p L9p md_T5p" }, | ||
| { "src": "Ellipse56", "styles": "T18p L11p md_T9p" }, | ||
| { "src": "Ellipse57", "styles": "T23p L8p md_T14p md_L6p" }, | ||
| { "src": "Ellipse58", "styles": "T30p L10p md_T21p" }, | ||
| { "src": "Ellipse90", "styles": "T34p L8p md_T32p" }, | ||
| { "src": "Ellipse85", "styles": "T41p L8p md_L10p" }, | ||
| { "src": "Ellipse86", "styles": "T41p L12p" }, | ||
| { "src": "Ellipse87", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse88", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse89", "styles": "T40p L8p" } | ||
| ] | ||
| }, | ||
| { | ||
| "name": "sixth_step", | ||
| "title": "Поиск финансирования", | ||
| "text": "При необходимости, помогаем клиенту с получением инвестиций/грантов/пилотов с корпорациями", | ||
| "img": [ | ||
| { "src": "Ellipse60", "styles": "T19p L9p md_T10p" }, | ||
| { "src": "Ellipse61", "styles": "T20p L11p md_T9p" }, | ||
| { "src": "Ellipse62", "styles": "T26p L8p md_T20p md_L6p" }, | ||
| { "src": "Ellipse63", "styles": "T30p L10p md_T21p" }, | ||
| { "src": "Ellipse64", "styles": "T34p L8p md_T32p" }, | ||
| { "src": "Ellipse91", "styles": "T41p L8p md_L10p" }, | ||
| { "src": "Ellipse91", "styles": "T41p L12p" }, | ||
| { "src": "Ellipse93", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse94", "styles": "T41p L10p" }, | ||
| { "src": "Ellipse95", "styles": "T40p L8p" } | ||
| ] | ||
| } | ||
| ] | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,26 @@ | ||
| [ | ||
| { | ||
| "title": "Сколько стоит разработка сайта?", | ||
| "text": "Средняя стоимость разработки дизайна сайта составляет от 10 до 100 000 долларов. Необходимо учитывать расходы на домен, хостинг и дизайн." | ||
| }, | ||
| { | ||
| "title": "Какие еще есть услуги?", | ||
| "text": "Средняя стоимость разработки дизайна сайта составляет от 10 до 100 000 долларов. Необходимо учитывать расходы на домен, хостинг и дизайн." | ||
| }, | ||
| { | ||
| "title": "Какие договоры необходимо оформить?", | ||
| "text": "Средняя стоимость разработки дизайна сайта составляет от 10 до 100 000 долларов. Необходимо учитывать расходы на домен, хостинг и дизайн." | ||
| }, | ||
| { | ||
| "title": "А что насчет правок?", | ||
| "text": "Средняя стоимость разработки дизайна сайта составляет от 10 до 100 000 долларов. Необходимо учитывать расходы на домен, хостинг и дизайн." | ||
| }, | ||
| { | ||
| "title": "Помогаете с контентом?", | ||
| "text": "Средняя стоимость разработки дизайна сайта составляет от 10 до 100 000 долларов. Необходимо учитывать расходы на домен, хостинг и дизайн." | ||
| }, | ||
| { | ||
| "title": "Как быть, если не знаю, чего хочу?", | ||
| "text": "Средняя стоимость разработки дизайна сайта составляет от 10 до 100 000 долларов. Необходимо учитывать расходы на домен, хостинг и дизайн." | ||
| } | ||
| ] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,30 @@ | ||
| [ | ||
| { | ||
| "name": "Валентин Ульянов", | ||
| "img": "Valentin_Ulyanov", | ||
| "profession": "инженер программист, изобретатель", | ||
| "description": "Имеет профессиональный опыт более десяти лет. Работал фронтенд и бэкенд-разработчиком, а также занимался инфраструктурой и внедрением инженерных практик. Создатель open source фреймворка mlut, аналога Tailwind для вёрстки кастомных сайтов и креативов.", | ||
| "connection": true | ||
| }, | ||
| { | ||
| "name": "Егор Егоров", | ||
| "img": "Egor_Egorov", | ||
| "profession": "продуктовый дизайнер", | ||
| "description": "В индустрии дизайна более 10 лет. Создает удобные интерфейсы и дизайн-системы, проводит исследования, совмещает визуальную эстетику с техническим подходом. Профессиональные навыки: Web Interfaces, Landing Pages, Product UX, Design Systems, Figma, AI tools.", | ||
| "connection": true | ||
| }, | ||
| { | ||
| "name": "Евгения Рахметова", | ||
| "img": "Evgeniya_Rakhmetova", | ||
| "profession": "дизайнер интерфейсов", | ||
| "description": "Проектирует логичные пользовательские сценарии и переводит идеи в готовые к разработке интерфейсы. Фокусируется на структуре, чистоте макетов и точности передаваемых верстальщикам компонентов. Профессиональные навыки: User Flow, Wireframing, UI Kits, Web & Mobile Interfaces, Figma, Design Hand-off.", | ||
| "connection": false | ||
| }, | ||
| { | ||
| "name": "Олег Остапчук", | ||
| "img": "photo4", | ||
| "profession": "Разработчик", | ||
| "description": "Соединяет любовь к структуре и точности с умением создавать сложную клиентскую логику и уникальные дизайн-решения под каждую задачу. Превращает абстрактный замысел в отзывчивый работающий интерфейс. Стек: HTML, CSS, JS, TS, React, mlut, Eleventy.", | ||
| "connection": false | ||
| } | ||
| ] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,11 @@ | ||
| <div class="D-f Fld-c Gap2u md_Gap6u"> | ||
| <div class="Bd1;s;$accent100 Bdrd2u Ov-h W61u H40u md_W77u md_H57u xxl_W104u xxl_H70u"> | ||
| <img src="/assets/img/product/<%= it.img %>.png" class="-Sz100p Ojf Ojp-c"/> | ||
| </div> | ||
| <a href="<%= it.url %>" target="_blank" class="D-f Ai-c Gap3u As-fs Fns4u xxl_Fns5u Txd-n C-$accent900 md_C-$brand_h C-$brand500_a -Ts"> | ||
| Читать полностью | ||
| <svg class="W24 H24"> | ||
| <use href="/assets/img/icons.svg#arrow-up-right"></use> | ||
| </svg> | ||
| </a> | ||
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,19 @@ | ||
| <li class="Ps D-f W300 md_W460 Mnh330 md_Mnh353 Fls0"> | ||
| <% for (let img of it.images) { %> | ||
| <img | ||
| src="assets/img/arcs/<%= it.name %>/<%= img.src %>.svg" | ||
| class="Ps-a W100p H-a <%= img.styles %>" | ||
| /> | ||
| <% } %> | ||
|
|
||
| <div class="Ps Mt37p md_Mt24p W90p D-f Fld-c Ai-st Gap11u W100p C-$accent900"> | ||
| <img src="assets/img/arcs/dot_anm.svg" class="-Sz48 md_-Sz68"/> | ||
| <div class="Ml2u D-f Fld-c Ai-st Gap2.5u"> | ||
| <span class="Fns4.5u Fnw700 md_Mxw60p md_Fns6u"><%= it.title %></span> | ||
| <p class="M0 Fns4u"><%= it.text %></p> | ||
| </div> | ||
| </div> | ||
| <% if (it.name === 'sixth_step') { %> | ||
| <div class="Ps-a T0 R-13p H100p W15p -Gdl90d,tp;0p,$core100;70p;100p"></div> | ||
| <% } %> | ||
| </li> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| <% | ||
| let socialLinkVisible; | ||
| if (it.connection) { | ||
| socialLinkVisible = 'Vs-v O1'; | ||
| } else { | ||
| socialLinkVisible = 'Vs-h O0'; | ||
| } | ||
|
|
||
| const labelCss = 'Cs Mt7u md_Mt8u xxl_Mt10u C-$accent900 md_C-$brand_h C-$brand500_a -Ts'; | ||
| %> | ||
|
|
||
| <div class="D-f Fld-c Ai-c Jc-sb Gap3u no-expanded W242 Mnh375 lg_W305 lg_Mnh390 xxl_W412 xxl_P5u;7u;0"> | ||
| <div class="Ps D-f Fld-c Gap1u"> | ||
| <div class="Bdrd100p Ov-h -Sz100 lg_-Sz140"> | ||
| <img src="/assets/img/team/<%= it.img %>.png" class="W100p Ojf Ojp-c"/> | ||
| </div> | ||
| <div class="W100p D-f Jc-c Ai-c Gap4u lg_Gap2u lg_Ps-a lg_T67p lg_L50p lg_Tf lg_-Tr-50p;0 <%= socialLinkVisible %>"> | ||
| <div class="P0.5u"> | ||
| <%- include('./external-link.ejs',{ | ||
| icon: 'telegram', | ||
| link: `#0`, | ||
| }) %> | ||
| </div> | ||
| <div class="P0.5u"> | ||
| <%- include('./external-link.ejs',{ | ||
| icon: 'mail', | ||
| link: `#0`, | ||
| }) %> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="Ps D-f Fld-c Ai-c Jc-fs Gap4u Flg1 W100p Fns4u Lnh-n Fnst-n C-$accent900"> | ||
| <h3 class="M0 Fnw700 lg_Fns6u"><%= it.name %></h3> | ||
| <span class="Txa-c xxl_Fns4.5u"><%= it.profession %></span> | ||
| <input type="checkbox" id="expand-<%= it.name %>" class="-Ctx-expanded -D-vh"> | ||
| <div class="Flg1 W100p H20u xxl_H18u Ovy-h -Gdl0d,$core100;5p,$accent900;100p Bgcl-t C-tp ^expanded:c:~_H100p ^expanded:c:~_Ovy-v ^expanded:c:~_C-$accent900 ^expanded:c:~_Bgi-n ^expanded:c:~_Bgcl-bb"> | ||
| <p class="M0 Txa-c xxl_Fns4.5u"><%= it.description %></p> | ||
| </div> | ||
| <label for="expand-<%= it.name %>" class="<%= labelCss %> ^expanded:c:~_D-n">Подробнее</label> | ||
| <label for="expand-<%= it.name %>" class="D-n <%= labelCss %> ^expanded:c:~_D">Свернуть</label> | ||
| </div> | ||
| </div> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| <% | ||
| const stepCss = "M0 Fns4u xxl_Fns4.5u Fnw-n Lnh-n Fnst-n Lts0 C-$accent900 D-ib Coi-step Ct-counter(step);'.'_b D-ib_b C-$accent900_b Mr6_b" | ||
| %> | ||
|
|
||
| <faq-item | ||
| class="D-f Fld-c Gap3u md_Gap5u W100p P2u;5u Bdrd2u Bd0.5u;s;$accent100 -Ctx-question Cs" | ||
| active-css="Bgc-$brand100" | ||
| > | ||
| <div class="D-f Ai-c Jc-sb Gap2u W100p"> | ||
| <h3 class="<%= stepCss %>"><%= it.title %></h3> | ||
| <svg class="arrow Fls0 C-$accent900 md_^question:h_C-$brand ^question:a_C-$brand500 -Ts Tf" width="32" height="32"> | ||
| <use href="/assets/img/icons.svg#arrow-down"></use> | ||
| </svg> | ||
| </div> | ||
| <p class="text D-n M0 W88p C-$accent900 Fns4u Fnw-n Lnh-n Fnst-n xxl_Fns4.5u"><%= it.text %></p> | ||
| </faq-item> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Не очевидное название файла, надо более понятное