Skip to content

Commit

Permalink
Старт header
Browse files Browse the repository at this point in the history
  • Loading branch information
@Alekseevich-psk
Alekseevich-psk committed Apr 10, 2024
1 parent 85f7af8 commit cc81241
Show file tree
Hide file tree
Showing 35 changed files with 397 additions and 9 deletions.
Binary file added docs/img/icons-catalog/ico-moddocs.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/img/icons-catalog/ico-moddocs.webp
View file
Binary file not shown.
Binary file added docs/img/icons-catalog/ico-modhost.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/img/icons-catalog/ico-modhost.webp
View file
Binary file not shown.
Binary file added docs/img/icons-catalog/ico-modstore.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/img/icons-catalog/ico-modstore.webp
View file
Binary file not shown.
1 change: 1 addition & 0 deletions docs/img/sprites/intermediate-svg/ico-list-close.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions docs/img/sprites/intermediate-svg/ico-list-open.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions docs/img/sprites/intermediate-svg/ico-logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions docs/img/sprites/sprite.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 4 additions & 0 deletions docs/img/svg/ico-list-close.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
5 changes: 5 additions & 0 deletions docs/img/svg/ico-list-open.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 18 additions & 0 deletions docs/img/svg/ico-logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
40 changes: 39 additions & 1 deletion docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,45 @@
<body>
<header class="header" id="header">
<div class="l-default">
<p>test</p>
<div class="header__wrapper">
<div class="header__inner header__inner--logo"><a class="header__logo" href="#"> <img src="./img/svg/ico-logo.svg" alt="title" srcset=""></a></div>
<div class="header__inner header__inner--nav">
<button class="header__btn-nav" type="button"></button>
<div class="header__sub-inner header__sub-inner--catalog">
<div class="header__catalog catalog">
<button class="catalog__btn" type="button">Другие продукты</button>
<ul class="catalog__list">
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-modhost.png" alt=""><span>Modshost</span></a></li>
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-modstore.png" alt=""><span>Modstore</span></a></li>
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-moddocs.png" alt=""><span>Docs</span></a></li>
</ul>
</div>
</div>
<div class="header__sub-inner header__sub-inner--menu">
<div class="header__menu menu">
<buttin class="menu__btn" type="button"></buttin>
<ul class="menu__list">
<li class="menu__item"> <a class="menu__link" href="#">Разделы</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Комментарии</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Публикации</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Пользователи</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Чат</a></li>
<li class="menu__item"> <a class="menu__link" href="#">RSS</a></li>
</ul>
</div>
</div>
<div class="header__sub-inner header__sub-inner--search">
<div class="header__h-search h-search">
<button class="h-search__search" type="button">
<p>1</p>
</button>
</div>
</div>
</div>
<div class="header__inner header__inner--auth">
<button class="header__auth" type="button">Войти</button>
</div>
</div>
</div>
</header>
<main class="l-main__content">
Expand Down
41 changes: 41 additions & 0 deletions docs/styles/main.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion docs/styles/maps/main.css.map
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/styles/maps/ui.css.map
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/styles/maps/users.css.map
View file

Large diffs are not rendered by default.

41 changes: 41 additions & 0 deletions docs/styles/ui.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

41 changes: 41 additions & 0 deletions docs/styles/users.css
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

40 changes: 39 additions & 1 deletion docs/ui-colors.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,45 @@
<body>
<header class="header" id="header">
<div class="l-default">
<p>test</p>
<div class="header__wrapper">
<div class="header__inner header__inner--logo"><a class="header__logo" href="#"> <img src="./img/svg/ico-logo.svg" alt="title" srcset=""></a></div>
<div class="header__inner header__inner--nav">
<button class="header__btn-nav" type="button"></button>
<div class="header__sub-inner header__sub-inner--catalog">
<div class="header__catalog catalog">
<button class="catalog__btn" type="button">Другие продукты</button>
<ul class="catalog__list">
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-modhost.png" alt=""><span>Modshost</span></a></li>
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-modstore.png" alt=""><span>Modstore</span></a></li>
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-moddocs.png" alt=""><span>Docs</span></a></li>
</ul>
</div>
</div>
<div class="header__sub-inner header__sub-inner--menu">
<div class="header__menu menu">
<buttin class="menu__btn" type="button"></buttin>
<ul class="menu__list">
<li class="menu__item"> <a class="menu__link" href="#">Разделы</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Комментарии</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Публикации</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Пользователи</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Чат</a></li>
<li class="menu__item"> <a class="menu__link" href="#">RSS</a></li>
</ul>
</div>
</div>
<div class="header__sub-inner header__sub-inner--search">
<div class="header__h-search h-search">
<button class="h-search__search" type="button">
<p>1</p>
</button>
</div>
</div>
</div>
<div class="header__inner header__inner--auth">
<button class="header__auth" type="button">Войти</button>
</div>
</div>
</div>
</header>
<main class="l-main__content">
Expand Down
40 changes: 39 additions & 1 deletion docs/users.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,45 @@
<body>
<header class="header" id="header">
<div class="l-default">
<p>test</p>
<div class="header__wrapper">
<div class="header__inner header__inner--logo"><a class="header__logo" href="#"> <img src="./img/svg/ico-logo.svg" alt="title" srcset=""></a></div>
<div class="header__inner header__inner--nav">
<button class="header__btn-nav" type="button"></button>
<div class="header__sub-inner header__sub-inner--catalog">
<div class="header__catalog catalog">
<button class="catalog__btn" type="button">Другие продукты</button>
<ul class="catalog__list">
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-modhost.png" alt=""><span>Modshost</span></a></li>
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-modstore.png" alt=""><span>Modstore</span></a></li>
<li class="catalog__item"><a class="catalog__link" href="#"><img class="catalog__ico" src="./img/icons-catalog/ico-moddocs.png" alt=""><span>Docs</span></a></li>
</ul>
</div>
</div>
<div class="header__sub-inner header__sub-inner--menu">
<div class="header__menu menu">
<buttin class="menu__btn" type="button"></buttin>
<ul class="menu__list">
<li class="menu__item"> <a class="menu__link" href="#">Разделы</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Комментарии</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Публикации</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Пользователи</a></li>
<li class="menu__item"> <a class="menu__link" href="#">Чат</a></li>
<li class="menu__item"> <a class="menu__link" href="#">RSS</a></li>
</ul>
</div>
</div>
<div class="header__sub-inner header__sub-inner--search">
<div class="header__h-search h-search">
<button class="h-search__search" type="button">
<p>1</p>
</button>
</div>
</div>
</div>
<div class="header__inner header__inner--auth">
<button class="header__auth" type="button">Войти</button>
</div>
</div>
</div>
</header>
<main class="l-main__content">
Expand Down
4 changes: 3 additions & 1 deletion src/blocks/components/_components.scss
View file
Original file line number Diff line number Diff line change
@@ -1 +1,3 @@
@import "user-card/user-card";
@import "user-card/user-card";
@import "catalog/catalog";
@import "menu/menu";
6 changes: 6 additions & 0 deletions src/blocks/components/catalog/_catalog.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
.catalog {

&__list {
display: none;
}
}
14 changes: 14 additions & 0 deletions src/blocks/components/catalog/catalog.pug
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
button(type="button").catalog__btn Другие продукты
ul.catalog__list
li.catalog__item
a(href="#").catalog__link
img(src="./img/icons-catalog/ico-modhost.png" alt="").catalog__ico
span Modshost
li.catalog__item
a(href="#").catalog__link
img(src="./img/icons-catalog/ico-modstore.png" alt="").catalog__ico
span Modstore
li.catalog__item
a(href="#").catalog__link
img(src="./img/icons-catalog/ico-moddocs.png" alt="").catalog__ico
span Docs
10 changes: 10 additions & 0 deletions src/blocks/components/menu/_menu.scss
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
.menu {

&__list {

}

&__item {
display: inline-block;
}
}
Loading

0 comments on commit cc81241

Please sign in to comment.