sonia13marker / our_team_project Goto Github PK

Командный проект в рамках Яндекс Интенсива

HTML 0.52% JavaScript 66.41% CSS 33.07%

our_team_project's Introduction

My name is Sonia, and i am a begginer frontend developer 🖱⌨️.


 ---------------------------
< hello! nice to meet you ♡ >
 ---------------------------
 \
  \
   \ >(')_
      (___)__ _

At the moment I am developing using

My the BEST✨ projects :

our_team_project's People

Contributors

Stargazers

Watchers

Forkers

mrphysix grusl

our_team_project's Issues

сверстать первую страницу

Сверстать страницу по макету. Все размеры и материалы находятся в файлах.

исправить шрифт в блоке "наши навыки"

нужно исправить шрифт в блоке "наши навыки" на странице о нас. он выглядел вот так:

сейчас чуть получше, я в font-family убрала гарнитуру, оставила только sans-serif (читайте коменты!!)

в любом случае это надо исправить.

верстка второй страницы 1

сверстать шапку и описание команды

верстка второй страницы 3

сверстать раздел "технологии". я думаю, что наверное будет удобнее, если сначала написать в 4 строчки слово "технологии", к которым потом будет прикручиваться анимация, а сверху уже блок с самими технологиями.
в макете красными линиями показала, как оно идет, для удобства.

реализовать кнопку "посмотреть еще" в проектах

сжать проекты до 4 отображаемых по дефолту и добавить кнопку "показать еще", т.е. сделать первую версию из макета.

верстка второй страницы 5

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

сделать эффекты для картинок

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

прикрепить страницу 404

она уже сверстана, осталось ее прикрепить

bugS :(

пофиксить переключения между страницами в хедере

добавить readme

надо добавить файл readme.md

меню бургер

МЕНЮ БУРГЕР - реализовать переключение, сделать плавное появление.

изменить картинки

изменить картинки на странице "портфолио" на более нормальные, растянутые.

ЗАДАНИЯ ДЛЯ КАЖДОГО

скинуть мне свою фотографию, желательно в книжной ориентации (вертикальную).
скинуть мне 2-3 любимых места из вашего города.

исправить line height в строке "о нас"

на странице "о нас"

бэкенд для формы отправки

сделать простой бэкенд для формы отправки

добавить страницу 404 в дизайн

добавить страницу 404 в дизайн в темной и светлой теме.

написать привет

пробуем что-то делать в gh projects
привет!!

дописать ридми

реализовать анимацию на второй странице 2

нужно реализовать анимацию либо при наведении, либо при прокрутке у раздела "наши качества". подробную информацию можно увидеть в макете или узнать у меня.

ПРАВКИ по светлой/темной теме

не работают кнопки на MainPage, ЗАТО переключение работает в футере (успех!). некоторые картинки и шрифты не отображаются, потому что сливаются на фоне, их надо переключить.
еще заметила, что картинки решили поменяться местами (надо исправить)

кнопка в шапке теперь работает, все цвета переключает. картинки теперь не меняются, все на своих местах

для темной темы

добавить переменные в :root, чтобы работало переключение на темную тему.

Доверстать страницу "контакты"

сейчас страница выглядит вот так:

нужно доверстать оставшуюся форму, возможно переделать карту (чтобы удобнее было).
семантически правильно сверстать форму, добавить в форму валидацию (возможно через react-hook-form; Яндекс Формы??), кнопка о согласии на обработку данных (radio).

переключение по страницам

исправить переключение по страницам. сейчас оно не работает, и все изменения находятся на главной странице (чтобы их можно было увидеть). перенести то, чего не хватает с MainPage на AboutPage (разделы) и возобновить переключение по страницам. + добавить анимацию при наведении (она слетела -)

сделать бургер меню

сделать дизайн бургер меню в светлой и темной теме, заменить их на страницах.

внести Политику Конфиденциальности

деплой проекта на гитхаб пэйджес

добавить фавиконку

Добавить фавиконку из файлов проекта на сайт.

правки для "наша команда"

добавить ссылки и иконки, картинки и их смену при наведении, изменить шрифт (его жирность).

темные темы

добавить темные темы для всех существующих страниц в дизайн-проект

верстка второй страницы 2

сверстать раздел "наши качества". он будет на черном фоне в СВЕТЛОЙ теме, и на белом фоне в ТЕМНОЙ теме. анимацию потом прикрутим, но я так полагаю, что ее можно реализовать с помощью hover & after.

верстка третьей страницы "портфолио"

нужно сверстать третью страницу.

большому заголовку пока не нужна полоска посередине, я еще буду думать над его реализацией, достаточно просто написать "проекты".
нужно сверстать все 12 карточек проектов, наполнить их информацией.
сверстать левый блок "теги" и добавить их туда (ПОТОМ реализуем выборку проектов по тегам), но нужно ОБЯЗАТЕЛЬНО посчитать их количество и внести (сколько проектов на данный тег).

картинки будут Черно-Белые, пока оставь либо прямоугольники серые вместо них, либо вставь те, которые в макете сейчас.

4. нужно вставить ссылки на кнопку "смотреть". (они черным текстом рядом с макетом). там где ссылок нет, оставь пустое место, потом разберемся, что делать.

думаю, что наполнение карточек можно реализовать через массив в отдельном файле (как в домашке 4 по реакту), но если придумаешь что-то другое - смело реализуй.
на неровности не смотри, верстай остальные карточки по примерам нескольких первых.

работа над фотографиями и прочим

все подробности выслала в личные сообщения.

сверстать header второй страницы

надо сверстать header второй страницы (о нас), так как он сейчас там в принципе отсутствует.

верстка второй страницы 4

сверстать блок "познакомьтесь с командой". обрати внимание, что над двумя буквами в заголовке есть полоска, сам заголовок с маленькой буквы. нужно сверстать серые блоки с будущими фотографиями, и ВСЕ черные блоки (блок посередине, который серый, также будет иметь стрелочку, направленную вверх (как образец, полностью идентичный, смотри последний блок)). также добавить имена, возраст и должности.