commit 51cb27927abebcfbcc2d6c602a5128e0050e723b Author: Max Date: Fri Jun 28 01:31:19 2024 +0300 GP init diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..eabfe7e --- /dev/null +++ b/.gitignore @@ -0,0 +1,133 @@ +# Logs +logs +*.log + +# Runtime data +pids +*.pid +*.seed +*.pid.lock + +# Directory for instrumented libs generated by jscoverage/JSCover +lib-cov + +# Coverage directory used by tools like istanbul +coverage + +# nyc test coverage +.nyc_output + +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) +.grunt + +# Bower dependency directory (https://bower.io/) +bower_components + +# node-waf configuration +.lock-wscript + +# Compiled binary addons (https://nodejs.org/api/addons.html) +build/Release + +# Dependency directories +node_modules/ +jspm_packages/ + +# TypeScript v1 declaration files +typings/ + +# Optional npm cache directory +.npm + +# Optional eslint cache +.eslintcache + +# Optional REPL history +.node_repl_history + +# Output of 'npm pack' +*.tgz + +# Yarn Integrity file +.yarn-integrity + +# dotenv environment variables file +.env + +# parcel-bundler cache (https://parceljs.org/) +.cache + +# next.js build output +.next + +# nuxt.js build output +.nuxt + +# Nuxt generate +dist + +# vuepress build output +.vuepress/dist + +# Serverless directories +.serverless + +# IDE +.idea +.vscode +config.js +/yarn-error.log +package-lock.json +jsconfig.json + + +# GP | Files ext +*.sql +*.tgz +*.tar.gz +*.tar +*.rar +*.zip +*.wav +*.flv +*.db +*.psd +*.pdf +*.doc +*.docx +*.txt +*.text +*.log +*.config +*.xml +*.tbk +*.csv +*.json + +# GP | Dirs & files +/bower_components/ +/node_modules/ +/nbproject/ +/cache/ +.cache/ +/phpMyAdmin-* +/timthumb_cache/ +/webstat/ +/.idea/ +/.csscomb.json +/.htaccess +/sitemap*.xml +/sftp-config.json +/robots.txt +/bower.json +/.bowerrc +/backup_rsync/ +.bash_history +.idea/ +.fleet/ +.DS_Store +.config/ +.bash* +.vim* +test*.php +gp-test*.php \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..8b1d9c2 --- /dev/null +++ b/README.md @@ -0,0 +1,34 @@ +# Требования к верстке + + +## С точки зрения веб-разработки: +* верстаем на чистом HTML/CSS с использованием flex и grid (без подключение библиотек типа bootstrap и т.п.) +* при именовании блоков используем методологию **БЭМ в стиле "Two Dashes"**: + `block-name__elem-name--mod-name--mod-val` + + имена записываются латиницей в нижнем регистре + + для разделения слов в именах БЭМ-сущностей используется дефис (-) + + имя элемента отделяется от имени блока двумя подчеркиваниями (__) + + модификаторы отделяются от имения блока или элемента двумя дефисами (--) + + значение модификатора отделяется от его имени двумя дефисами (--) +* из конечного HTML-файла убрать все комментарии, если такие имеются + + + +## С точки зрения SEO: +* все теги использовать строго по назначению! Текстовые (strong, b, i, em, h1-h6… p) используем только в текстовых блоках и заголовках. Для дизайна используем div и span. Например не нужно втыкать в подвал, шапку или формы захвата h4 или закрывать просто крупный текст, который не является заголовком в h2. +* на странице должен быть только один заголовок первого уровня (h1) +* должны присутствовать все основные теги и атрибуты — html, head, body, title, description, lang=ru, content=html, charset=utf8 +* для кнопок, нажатие на которые не требует редиректа используем тег \, а не \ +* для \ самостоятельно проставляем атрибут alt="", со значением описывающим того что изображено на картинке + + +## Оптимальный порядок действий +1. Сначала определить CSS-переменные для основных цветов/градиентов, начертаний шрифтов (толщина, размер, модификация, межтрочный интервал) и занести в специально подгтовленный CSS-файл style-core.css +2. Все шрифты выкачать и сохранить локально в директорию /assets/fonts/ и подключить их в файле style-core.css +3. Далее начинать стоит с верстки UI kit (должен быть предоставлен в макете дизайнером), для того чтобы переиспользовать готовые элементы по ходу верстки макетов. Для удобства подготовлен файл "ui_kit.html" +3. Как UI kit будет готов, можно смело переходить к верстке основных листов макета "*.html" + + +### Примечания + +Для работы с Figma рекомендуем использовать плагин ["Inspect Styles"](https://www.figma.com/community/plugin/1254262542670221199) для инспевтирования CSS-свойсв. \ No newline at end of file diff --git a/assets/css/gp-style-core.css b/assets/css/gp-style-core.css new file mode 100644 index 0000000..17b7034 --- /dev/null +++ b/assets/css/gp-style-core.css @@ -0,0 +1,11 @@ +/* + +ШАБЛОН использования глобальных переменных: + +:root { + --main-text: #e1667c; + --main-color: #8da6cb; + --font-family: "Craftwork Grotesk", sans-serif; +} + +*/ diff --git a/assets/css/gp-style-desktop.css b/assets/css/gp-style-desktop.css new file mode 100644 index 0000000..1c11a4e --- /dev/null +++ b/assets/css/gp-style-desktop.css @@ -0,0 +1,4 @@ +/* Стили для лептопов */ +@media only screen and (max-width: 1720px) { + +} \ No newline at end of file diff --git a/assets/css/gp-style-mobile.css b/assets/css/gp-style-mobile.css new file mode 100644 index 0000000..ca8d1c6 --- /dev/null +++ b/assets/css/gp-style-mobile.css @@ -0,0 +1,5 @@ +/* Стили для мобильных устройств */ +@media only screen and (max-width: 480px) { + + +} \ No newline at end of file diff --git a/assets/css/gp-style-tablet.css b/assets/css/gp-style-tablet.css new file mode 100644 index 0000000..b6835e3 --- /dev/null +++ b/assets/css/gp-style-tablet.css @@ -0,0 +1,5 @@ +/* Стили для планшетов */ +@media only screen and (max-width: 1024px) { + + +} \ No newline at end of file diff --git a/assets/css/gp-style-ultra.css b/assets/css/gp-style-ultra.css new file mode 100644 index 0000000..60aa1f7 --- /dev/null +++ b/assets/css/gp-style-ultra.css @@ -0,0 +1,2 @@ +/* Стили для ультрашироких экранов */ +@media only screen and (min-width: 1720px) {} \ No newline at end of file diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..907a7cf --- /dev/null +++ b/index.html @@ -0,0 +1,20 @@ + + + + + + + Main page + + + + + + + + + + + + + \ No newline at end of file diff --git a/ui_kit.html b/ui_kit.html new file mode 100644 index 0000000..9ecea8f --- /dev/null +++ b/ui_kit.html @@ -0,0 +1,37 @@ + + + + + + + UI kit + + + + +
+
+
+
+ +
+
+ + \ No newline at end of file