commit 31a57b7c5cf1b2c924bdd1bd34f6616de710ba80 Author: Галина Федоренко Date: Sun Nov 12 13:22:57 2023 +0400 First commit diff --git a/Admin_Pannel.html b/Admin_Pannel.html new file mode 100644 index 0000000..b71cabf --- /dev/null +++ b/Admin_Pannel.html @@ -0,0 +1,130 @@ + + + + + + + + + + + Книжный подвальчик + + +
+
+

+ Книжный
+ подвальчик +

+
+
+ +
+
+
+
+
+

ALL(10)

+
+
+ +
+
+ +
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + ИмяЛогинEmalAction
+ + Петров Иванpetya875xemt23@yopmail.com...
+ + Сергеева Викторияvikwinfigo64@yopmail.com...
+ + Федоров Артемbookinistfigo64@yopmail.com...
+ + Корпеев Даниилkorp0qwerteiv37@yopmail.com...
+ + Малкин Максимmalik926gra09@yopmail.com...
+ + Емельянова Дарьяhyper15xoux75@yopmail.com...
+
+
+ + diff --git a/Book.html b/Book.html new file mode 100644 index 0000000..edcb772 --- /dev/null +++ b/Book.html @@ -0,0 +1,67 @@ + + + + + + + + + + + Книжный подвальчик + + +
+ +
+ +
+
+ Обложка книги +
+
+

Книга, покорившая мир, эталон литературы для читателей всех возрастов, + синоним успеха. Книга, сделавшая Джоан Роулинг самым читаемым писателем + современности. Книга, ставшая культовой уже для нескольких поколений. + "Гарри Поттер и Философский камень" - история начинается. +

+
+ В избранное + Читать отрывок +
+ +
+
+ + + \ No newline at end of file diff --git a/Catalog.html b/Catalog.html new file mode 100644 index 0000000..a01c429 --- /dev/null +++ b/Catalog.html @@ -0,0 +1,123 @@ + + + + + + + + + + + + Книжный подвальчик + + +
+ +
+ +
+
+
+ Обложка книги 1 +

Мастер и Маргарита, М.А. Булгагов

+ Подробнее + В избранное +
+
+ Обложка книги 1 +

Мастер и Маргарита, М.А. Булгагов

+ Подробнее + В избранное +
+
+
+
+ Обложка книги 2 +

Собор парижской Богоматери, В. Гюго

+ Подробнее + В избранное +
+
+ Обложка книги 2 +

Собор парижской Богоматери, В. Гюго

+ Подробнее + В избранное +
+
+
+
+ Обложка книги 3 +

Гарри Поттер и философский камень, Дж.К. Роулинг

+ Подробнее + В избранное +
+
+ Обложка книги 3 +

Гарри Поттер и философский камень, Дж.К. Роулинг

+ Подробнее + В избранное +
+
+
+
+ Обложка книги 4 +

Грозовой перевал, Э. Бронте

+ Подробнее + В избранное +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/SignIn.html b/SignIn.html new file mode 100644 index 0000000..6a0039f --- /dev/null +++ b/SignIn.html @@ -0,0 +1,40 @@ + + + + + + + + + + + Книжный подвальчик + + +
+
+ + + + + + + +
+
+ + + + \ No newline at end of file diff --git a/SignUp.html b/SignUp.html new file mode 100644 index 0000000..ed662f5 --- /dev/null +++ b/SignUp.html @@ -0,0 +1,41 @@ + + + + + + + + + + + Книжный подвальчик + + +
+
+ + + + + + + +
+
+ + + + \ No newline at end of file diff --git a/images/background.jpg b/images/background.jpg new file mode 100644 index 0000000..d4075df Binary files /dev/null and b/images/background.jpg differ diff --git a/images/backgroung_sign.png b/images/backgroung_sign.png new file mode 100644 index 0000000..233c1b3 Binary files /dev/null and b/images/backgroung_sign.png differ diff --git a/images/book.png b/images/book.png new file mode 100644 index 0000000..e3890e3 Binary files /dev/null and b/images/book.png differ diff --git a/images/cross.svg b/images/cross.svg new file mode 100644 index 0000000..0bbcb7c --- /dev/null +++ b/images/cross.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/images/fil-kam-big.png b/images/fil-kam-big.png new file mode 100644 index 0000000..f30116c Binary files /dev/null and b/images/fil-kam-big.png differ diff --git a/images/fil-kam.png b/images/fil-kam.png new file mode 100644 index 0000000..5980ec2 Binary files /dev/null and b/images/fil-kam.png differ diff --git a/images/groz-per.png b/images/groz-per.png new file mode 100644 index 0000000..e62ea28 Binary files /dev/null and b/images/groz-per.png differ diff --git a/images/heart.png b/images/heart.png new file mode 100644 index 0000000..9561cca Binary files /dev/null and b/images/heart.png differ diff --git a/images/mast-marg.png b/images/mast-marg.png new file mode 100644 index 0000000..b8a37a8 Binary files /dev/null and b/images/mast-marg.png differ diff --git a/images/sob-pari.png b/images/sob-pari.png new file mode 100644 index 0000000..ab682ff Binary files /dev/null and b/images/sob-pari.png differ diff --git a/images/unchecked.png b/images/unchecked.png new file mode 100644 index 0000000..7b17a17 Binary files /dev/null and b/images/unchecked.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..1e06851 --- /dev/null +++ b/index.html @@ -0,0 +1,82 @@ + + + + + + + + + + + + Книжный подвальчик + + +
+ +
+

Книжный подвальчик

+ +
+
+ +
+
+
+

Без книг пуста человеческая жизнь. Книга не только наш друг, но и постоянный вечный спутник.

+
Д. Бедный
+
+
+
+
+ +
+ + + + + + + + \ No newline at end of file diff --git a/styles/Admin_Pannel_Style.css b/styles/Admin_Pannel_Style.css new file mode 100644 index 0000000..1258235 --- /dev/null +++ b/styles/Admin_Pannel_Style.css @@ -0,0 +1,170 @@ +.tg { + border-collapse:collapse; + border-spacing:0; +} +.tg td{ + border-bottom-width:1px; + border-color:black; + border-style:solid; + border-top-width:1px; + border-width:0px; + font-family:Arial, sans-serif; + font-size:14px; + overflow:hidden; + padding:10px 5px; + word-break:normal; +} +.tg th{ + border-bottom-width:1px; + border-color:black; + border-style:solid; + border-top-width:1px; + border-width:0px; + font-family:Arial, sans-serif; + font-size:14px; + font-weight:normal; + overflow:hidden; + padding:10px 5px; + word-break:normal; +} +.tg .tg-7803{ + color:#ffffff; + text-align:left; + vertical-align:top +} +.tg .tg-0lax{ + text-align:left; + vertical-align:top +} +.tg .tg-0pky{ + border-color:inherit; + text-align:left; + vertical-align:top +} +.tg img{ + height: 20px; + width: 20px; +} +li{ + list-style-type: none; +} +ul{ + margin-left: 10px; + padding-left: 10px; +} +button{ + background-color: transparent; + border: 0px; + color: #ffffff; +} + +body{ + display: grid; + grid-template-areas: "navBar content"; + grid-template-columns: 20% 80%; +} +.navBar{ + grid-area: navBar; + background-color: #383F51; + color: #ffffff; + height: 1024px; +} +.navBar-header{ + padding-left: 10px; + margin-bottom: 10px; + margin-top: 10px; + padding-bottom: 10px; + filter: drop-shadow(10px 35px 25px rgba(0, 0, 0, 0.25)); + background: #383F51; + color: #FFF; + text-align: center; + font-family: 'Source Serif 4'; + font-size: 35px; + font-style: normal; + font-weight: 700; + line-height: normal; + +} +.navBarMenu li{ + padding-left: 30px; + padding-top: 30px; + color: #FFF; + font-family: Jost; + font-size: 18px; + font-style: normal; + font-weight: 400; + line-height: normal; +} +.navBar a{ + text-decoration: none; + color: #ffffff; +} + +.content{ + display: grid; + grid-area: content; + grid-template-areas: "contentNav" "contentTable"; + grid-template-rows: 10% 90%; +} +.contentNav{ + grid-area: contentNav; + display: grid; + grid-template-areas: "contentNav-Amount contentNav-AddButton contentNav-DeleteButton"; + justify-items: start; + grid-template-columns: 15% 20% 20%; + padding-left: 70px; + padding-top: 50px; +} + +.contentNav-Amount{ + grid-area: contentNav-Amount; +} +.contentNav-AddButton{ + grid-area: contentNav-AddButton; + border-radius: 24px; + width: 157px; + height: 41px; + color: #FFF; + text-align: center; + font-feature-settings: 'clig' off, 'liga' off; + font-family: Jost; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: normal; + background: #6052f6 !important; +} +.contentNav-DeleteButton{ + grid-area: contentNav-DeleteButton; + border-radius: 24px; + width: 157px; + height: 41px; + color: #FFF; + + text-align: center; + font-feature-settings: 'clig' off, 'liga' off; + font-family: Jost; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: normal; + background: #E72727 !important; +} +.contentTable{ + grid-area: contentTable; + padding-left: 50px; +} +@media (max-width: 767px){ + body { + grid-template-columns: 30% 70%; + } + + .navBar-header{ + font-size: 15px; + } + + .navBarMenu li { + padding-left: 0; + font-size: 12px; + } +} \ No newline at end of file diff --git a/styles/modal.css b/styles/modal.css new file mode 100644 index 0000000..8fe0926 --- /dev/null +++ b/styles/modal.css @@ -0,0 +1,56 @@ +.modal { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100vh; + z-index: 99998; + background-color: rgba(0, 0, 0, 0.7 ); + display: grid; + align-items: center; + justify-content: center; + overflow-y: auto; + visibility: hidden; + opacity: 0; + transition: opacity .4s, visibility .4s; + } + + .modal-box { + position: relative; + max-width: 500px; + padding: 50px; + z-index: 1; + margin: 30px 15px; + background-color: white; + border-radius: 15px; + box-shadow: 0px 0px 30px 10px rgba(0, 0, 0, 0.15); + transform: scale(0); + transition: transform .8s; + } + + .modal-close { + position: absolute; + top: 8px; + right: 8px; + border: none; + background-color: transparent; + padding: 5px; + cursor: pointer; + } + + .modal-close svg path { + transition: fill .4s; + } + + .modal-close:hover svg path { + fill: rgb(175, 0, 0); + } + + .modal.open { + visibility: visible; + opacity: 1; + } + + .modal.open .modal-box { + transform: scale(1); + } \ No newline at end of file diff --git a/styles/styleCatalog.css b/styles/styleCatalog.css new file mode 100644 index 0000000..eb04535 --- /dev/null +++ b/styles/styleCatalog.css @@ -0,0 +1,120 @@ +body { + margin: 0; + padding: 0; + background-color: #66442B; +} + +.navbar { + background-color: #452A21; +} + +.nav-item svg path { + transition: fill .4s; + } + + .nav-item:hover svg path { + fill: #79584c; + } + +.row { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + +} + +.nav-link { + font-family: 'Jost', sans-serif; + font-size: 24px; + margin-right: 25px; + color: white !important; +} + +.nav-link:hover{ + color: #79584c !important; + } + +.book { + padding: 15px; + text-align: center; + margin-bottom: 20px; + flex: 0 0 calc(25% - 30px); +} + +.book img { + max-width: 60%; + height: auto; + border-radius: 5px; + margin-bottom: 10px; +} + +.book h3 { + color: #FFF; + text-align: center; + font-family: Jost; + font-size: 20px; + font-style: normal; + font-weight: 300; + line-height: normal; + margin-bottom: 10px; + height: 100px; +} + +.book button { + width: 80%; + margin-top: 10px; +} + +a.btn-custom { + border-radius: 8px; + width: 250px; + height: 50px; + margin-bottom: 20px; + background-color: #452B21; + color: #fff; + text-align: center; + font-family: Jost; + font-size: 25px; + font-style: normal; + font-weight: 400; + line-height: normal; + border: 2px solid #452B21; +} + +a.btn-custom:hover { + background-color: #66442B; + border: 2px solid #66442B; +} + +.footer { + font-family: 'Jost', sans-serif; + position: fixed; + bottom: 0; + width: 100%; + padding: 5px 0; + background-color: #452A21 !important; + z-index: 999; +} + +.about { + margin-top: 20px; + color: white; + font-family: Jost; + text-align:justify; + font-size: 24px; +} + +@media (max-width: 767px) { + a.btn-custom { + display: block; + margin-bottom: 20px; + margin-left: auto; + margin-right: auto; + } + + .about { + margin-left: 15px; + margin-right: 15px; + font-size: 20px; + } +} \ No newline at end of file diff --git a/styles/styleMain.css b/styles/styleMain.css new file mode 100644 index 0000000..d25c6da --- /dev/null +++ b/styles/styleMain.css @@ -0,0 +1,80 @@ +body { + background-image: url("/images/background.jpg"); + background-size: cover; + background-position: center; + height: 100vh; +} + +.nav-link { + font-family: 'Jost', sans-serif; + font-size: 24px; + margin-right: 25px; + color: white !important; +} + +.nav-link:hover{ + color: #79584c !important; +} + +.nav-item svg path { + transition: fill .4s; +} + +.nav-item:hover svg path { + fill: #79584c; +} + +.display-4 { + color: #FFF; + font-family: 'Source Serif 4'; + font-size: 96px; + font-style: normal; + margin-top: 100px; +} + +blockquote { + color: white; + font-family: 'Source Serif 4'; + text-align: right; + font-size: 24px; + margin-top: 30px; +} + +blockquote footer { + color: white !important; + font-family: 'Source Serif 4'; + text-align: right; + font-size: 24px; +} + +.footer { + font-family: 'Jost', sans-serif; + position: fixed; + bottom: 0; + width: 100%; + padding: 5px 0; + background-color: #452A21 !important; + z-index: 999; +} + +@media (max-width: 767px) { + .nav-link { + font-size: 18px; + margin-right: 10px; + margin-left: 10px; + } + + .display-4 { + font-size: 36px; + margin-top: 50px; + } + + blockquote { + font-size: 18px !important; + margin-top: 20px; + } + + blockquote footer { + font-size: 18px; + } +} diff --git a/styles/styleSigh.css b/styles/styleSigh.css new file mode 100644 index 0000000..8141e2d --- /dev/null +++ b/styles/styleSigh.css @@ -0,0 +1,152 @@ +body { + margin: 0; + padding: 0; + background-color: #452B21; +} + +.nav-item svg path { + transition: fill .4s; + } + + .nav-item:hover svg path { + fill: #79584c; + } + +.background-image { + background-image: url("/images/backgroung_sign.png"); + background-size: cover; + width: 50%; + height: 100vh; + display: inline-block; +} + +.sign-in-container { + background-color: #ffffff; + border-radius: 15px; + padding: 20px; + width: 500px; + height: 400px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} + +.sign-up-container { + background-color: #ffffff; + border-radius: 15px; + padding: 20px; + width: 500px; + height: 475px; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; +} + +.custom-h { + color: #000; + text-align: center; + font-family: Jost; + font-size: 50px; + font-style: normal; + font-weight: 300; + line-height: normal; + margin-bottom: 20px; +} + +.input-box { + border-radius: 8px; + font-size: 17px; + width: 450px; + height: 60px; + margin-bottom: 20px; +} + +.form-control { + border-radius: 8px; + font-size: 17px; + width: 450px; + height: 60px; + margin-bottom: 20px; +} + +.btn-custom { + border-radius: 8px; + width: 450px; + height: 60px; + background-color: #452B21; + margin-bottom: 20px; + color: #fff; + text-align: center; + font-family: Jost; + font-size: 32px; + font-style: normal; + font-weight: 400; + line-height: normal; + border: 2px solid #452B21; +} + +.btn-custom:hover { + background-color: #66442B; + border: 2px solid #66442B; +} + +.custom-text { + color: #8C8C8C; + text-align: center; + font-family: Jost; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: normal; +} + +.custom-a { + color: #452B21; + font-family: Jost; + font-size: 20px; + font-style: normal; + font-weight: 400; + line-height: normal; +} + +.custom-a:hover { + color: #9c614a; +} + +.error { + border-color: red !important; + background-color: rgba(255, 222, 222, 0.26) !important; +} + +@media (max-width: 767px) { + .sign-in-container { + width: 290px; + height: 375px; + padding: 10px; + } + + .sign-up-container { + width: 290px; + height: 425px; + padding: 10px; + } + + .custom-h { + font-size: 28px; + } + + .form-control { + width: 80%; + } + + .btn-custom { + width: 80%; + font-size: 90%; + } +} \ No newline at end of file