Оцените верстку

Добрый день! Дайте пожалуйста обратную связь по поводу верстки сайта. Что можно улучшить, на что обратить внимание и т.д.
Буду очень признателен. Спасибо!

https://sacramind.github.io/Panakeia/build/

мож вы там для разнообразия загрузите на github pages? или надо самому репозиторий скопировать и все такое?
хорошим тоном служит размещение ссылки на хостинг в readme

ну что, погнали делать порно :sunglasses::

  1. image
    обводка в фокусе

  2. <script src="js/main.js" deffer></script> - а где сам скрипт?

  3. image
    так и должно быть после клика? или там все же должно быть еще выпадающее меню внутри?

  4. image
    обводка после клика кнопок

  5. image
    в обработчике бургера не думали использовать метод toggle()?
    а, понял, БЭМом обмазались

Спасибо за обратную связь.
Можешь скинуть ссылку где можно почитать как загружать на github pages. До этого с гитом не работал, закинул туда как место для хранения файлов.

По поводу outline, разве не считается плохим тоном его полностью убирать?

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

Файл скрипта пустой, косяк мой, забыл вынести в него меню. JS только учу, сделал как смог.

Не понял про БЭМ, чем он плох?

ну outline можно также закруглить, например при вводе невалидных значений её красным делают.
а вот на бургере её надо убрать.

БЭМ плох тем, что он не нужен в малых проектах, сама идея каскада им извращена. Ну и используется он в основном только в РФ, в частности яндекс и хабр этим грешат. Собственно он добавляет сложности верстке.

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

А есть ли ограничение на количество таких проектов на одном профиле имеющем структуру https:// username .github.io . ?

а хз, вроде нет
главное каждый новый проект в новый репозиторий сувать :sweat_smile:
вот еще ссылка от академии про создание
или тут

Окей, спасибо за обратную связь)

Подскажи пожалуйста, правильно ли я сделал. Здесь создаются папки в которых лежат разные сайты и в файле readme указывается описание и ссылки?

https://github.com/sacramind/sacramind.github.io

ну пока там только репозиторий panakeia
по идее в мастер должны добавляться новые репозитории
т.е. должны быть папки panakeia, проект2, проект3 и файл README.md в корневом каталоге

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

“по идее в мастер должны добавляться новые репозитории”

можешь поподробнее объяснить
Они должны добавляться здесь https://github.com/sacramind/sacramind.github.io

Или как отдельные репозитории здесь https://github.com/sacramind?tab=repositories?

хм… неправильно выразился наверное =)
как отдельные репозитории

Как я понял, чтобы сайт мог отображаться в окне браузера, нужно чтобы в адресной строке шло username.github.io, и при создании нового репозитория с указанием такого же имени не будет ли перетираться адрес?) Я слегка запутался)

просто переназови свой репозиторий с сайтом panakeia.
потому что ты назвал репозиторий своим ником, а засунул туда сайт с версткой.
у тебя под каждый проект свой репозиторий должен быть.

у меня не слишком показательно например, но вот 2 репозитория, в одном учебный проект, в другом форк обучалки.

Посмотри, здесь ссылка идет от корня сайта в пути на другой проект http://irkoman.github.io/#work
Но в самом репозитории нет папки с сайтом https://github.com/Irkoman/irkoman.github.io

Как этого добиться?)

а, ну если так делать, то ты вот сюда зайди и посмотри как она сделала


портфолио у нее в 1 репо

У неё их 13, и она с репозитория https://github.com/Irkoman/irkoman.github.io ссылается на другие

ну, все верно
в первом у нее лежит титульная страница
а в других - ресурсы, на которые ссылается

я добавил второй проект https://github.com/sacramind/coffee
И пробую перейти на него через третий пункт меню Coffee, но выдает ошибку, посмотри плз


вот переходишь сюда, ищешь раздел Github Pages

великолепно, страница обновляется и появляется ссылка на репо из GitHub Pages
image

эту ссылку потом копируешь в README.md куда хочешь. можешь в новый ридми, можешь в предыдущий, чтобы как ссылка на портфолио

Спасибо тебе добрый человек) Все заработало)