Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Сделать новый лендинг #279

Closed
ssssank opened this issue Jun 9, 2023 · 28 comments · Fixed by #362
Closed

Сделать новый лендинг #279

ssssank opened this issue Jun 9, 2023 · 28 comments · Fixed by #362
Assignees
Labels
frontend The task is related to the frontend task

Comments

@ssssank
Copy link
Contributor

ssssank commented Jun 9, 2023

Problem description

Текущий лендинг неплох, но пришло время его обновить

Proposed solution

Сверстать и накатить лендинг по макету:
https://www.figma.com/file/Bg2lLcGXG1mpyimERbeqP8/RunIT?type=design

@ssssank ssssank added the task label Jun 9, 2023
@SemyonSt
Copy link
Contributor

SemyonSt commented Jun 9, 2023

Попробую сделать

@ssssank
Copy link
Contributor Author

ssssank commented Jul 3, 2023

@SemyonSt как успехи? :)

@SemyonSt
Copy link
Contributor

SemyonSt commented Jul 6, 2023

Да не очень :(

@ssssank
Copy link
Contributor Author

ssssank commented Jul 6, 2023

Совсем не очень и задачу можно отдать другому или делаешь неспеша?

@SemyonSt
Copy link
Contributor

SemyonSt commented Jul 6, 2023

Если есть кандидаты, то пусть берут)
Либо можем поделить и помогать друг другу, а то я застрял

@ssssank
Copy link
Contributor Author

ssssank commented Jul 6, 2023

Если ты что-то начал делать, то закидывай это в ПР, путь даже совсем немного, а там уже можно найти кого-нибудь в помощь

@Sckandinav
Copy link

Sckandinav commented Jul 10, 2023

Привет, я готов взяться)
Могу приступать?

@SemyonSt
Copy link
Contributor

Да, бери)

@Ledchig
Copy link
Contributor

Ledchig commented Aug 12, 2023

@Sckandinav Привет. Готов забрать эту задачу. Ты будешь ее продолжать?

@Sckandinav
Copy link

привет, да, забирай

@fey fey added this to Runit Aug 23, 2023
@fey fey moved this to 🔖 Ready in Runit Aug 23, 2023
@fey fey assigned Ledchig and unassigned Sckandinav Aug 25, 2023
@fey fey moved this from 🔖 Ready to 🏗 In progress in Runit Aug 25, 2023
@fey fey added the frontend The task is related to the frontend label Aug 25, 2023
@fey fey linked a pull request Sep 8, 2023 that will close this issue
@HelenOne
Copy link
Contributor

HelenOne commented Nov 3, 2023

@Ledchig привет! как дела с лендингом нужна помощь?

@Ledchig
Copy link
Contributor

Ledchig commented Nov 3, 2023

@HelenOne нужна помощь. Я основную часть сделал, но мелкие штуки меня выбили. Можем в телеге списаться, я бы задал вопросы.
Telegram: @Ledchig

@fey
Copy link
Contributor

fey commented Nov 13, 2023

@Ledchig привет, можешь накидать немного сюда, что пошло как надо, а что нет?)
Думаю, что другим ребятам будет полезно и интересно узнать, и вероятно что-то смогут подхватить в работу.

@HelenOne
Copy link
Contributor

@fey мы договорились созвониться с @Ledchig и обсудить, но в целом, да, если удастся описать письменно, может и без созвона сможем направить/подключить кого-нибудь в помощь)

@fey
Copy link
Contributor

fey commented Nov 13, 2023

кул! давайте только не тет-а-тет, а если есть возможность - позвать желающих поспрашивать ,посмотреть, позадавать вопросики =)

@Ledchig
Copy link
Contributor

Ledchig commented Nov 13, 2023

Для себя вчера вечером накидал такие задачи:

  • анимации при наведении на элементы меню и кнопки
  • ссылки проставить
  • фоновые картинки
  • карусель заменить на инлайн блок со скролом?
  • черный фон для трех фигур в ряд после первой кнопки "начать кодить"
  • цвета для тем
  • как обработать "Напишите нам"?

Из них у меня не получается с фоновыми картинками совсем никак. Читал доку, смотрел примеры, еле как сделал первую картинку похожей процентов на 80 от образца, но не то.
Ну и как обрабатывать "Напишите нам" в подвале не очень понимаю. Просто по submit'у отправлять на какую-то почту сообщение?
С остальным, кажется, что смогу справится.

@HelenOne
Copy link
Contributor

HelenOne commented Nov 14, 2023

@Ledchig думаю можно пока не делать фоновые картинки, а "Напишите нам" нужно обрабатывать так, как сейчас уже сделано
Там по идее даже не нужно логику менять в этом месте, только стили

@bobrov-site
Copy link
Contributor

как обстоят дела с этой задачей? Она сейчас выполняется?

@Ledchig
Copy link
Contributor

Ledchig commented Nov 24, 2023

Потихоньку возвращаюсь к работе. Сейчас эффекты при наведении сделал.

@fey
Copy link
Contributor

fey commented Nov 24, 2023

@Ledchig Николай. Давайте что сделаем. Давайте все что касается нового лендоса положим сбоку рядом со старым. И добавим фича тогглер по переменной окружения.
Если еременная NEW_LANDING=true, то показываем новый лендос, если нет, то старый.
Это позволит нам смержить новый лендин и помогать его дарабатывать. ИНаче ПР будет очень очень долго в статусе черновика =)

@Ledchig
Copy link
Contributor

Ledchig commented Nov 27, 2023

Все ссылки сделал рабочими и эффекты при наведении норм работают (только плавность анимации добавить нужно, уже знаю как). В ближайшие дни постараюсь сделать вместо бутстраповской карусели инлайн блок, который по горизонтали можно скролить. Я же правильно понял, что так нужно?

Извиняюсь, что затянул. Как обучение закончил - так расслабило, что только на основную работу хватало сил. Сейчас вроде собрался с силами. Буду навёрстывать.

@Ledchig
Copy link
Contributor

Ledchig commented Dec 3, 2023

Сделал блок с вертикальным скролом колесиком. Теперь осталось:

  • фоновые картинки
  • черный фон для трех фигур в ряд после первой кнопки "начать кодить"
  • цвета для тем
  • привести стили текста и ссылок в порядок

@Ledchig
Copy link
Contributor

Ledchig commented Dec 12, 2023

Я добавил фоновые картинки. Из-за контейнеров с ограничинной шириной при разрешении 1920х1080 выглядит более менее, но если оно больше, то все плохо. Как лучше поступить? Сделать fluid контейнер что бы по всему экрану тянулся или пытаться подстроиться под контейнеры на брэйкпоинтах?
@fey @HelenOne

@fey
Copy link
Contributor

fey commented Dec 12, 2023

по идее у нас дефолтный бутстрап. Нужно посмотреть, как он с этим справится. Картинки можно например спрятать и не показывать их, если с ними все плохо

@Ledchig
Copy link
Contributor

Ledchig commented Dec 12, 2023

https://ledchig-runit.onrender.com/ - посмотрите в темном режиме. Как лучше поступить?

@geophyzik
Copy link
Contributor

небольшой фидбек

при просмотре сайта с тачпада этот элемент цепляется и не дает нормально скроллить страницу

@Ledchig
Copy link
Contributor

Ledchig commented Dec 15, 2023

@geophyzik
Сейчас лучше? Это на маке так было?

@geophyzik
Copy link
Contributor

geophyzik commented Dec 15, 2023

@geophyzik
Сейчас лучше? Это на маке так было?

неа
да на маке, но эт не важно, на любом ноуте с похожим разрешением ты при скролле тачпадом дойдешь до этого элемента и если курсор окажется на нем скроллиться будет уже сам элемент, прост в плане ux дизайна наверн эт такое себе решение

@github-project-automation github-project-automation bot moved this from 🏗 In progress to ✅ Done in Runit Feb 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend The task is related to the frontend task
Projects
Status: Done
Development

Successfully merging a pull request may close this issue.

8 participants