Zakharov_Rostislav/Internet-programming_PIbd-23_ZakharovRA
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lab2

Browse Source
This commit is contained in:
Zakharov_Rostislav 2023-11-07 12:47:47 +04:00
parent 2522b9b1c5
commit c4d5e6dc32
9 changed files with 1192 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

102
Library/adding-books.html Normal file
View File

@ -0,0 +1,102 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Добавление</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Добавление новой книги</h1>
<div class="d-grid col-md-8 fs-4">
<div>
<label for="titleField" class="col-form-label orange-text">Название:</label>
<input type="text" class="form-control border-secondary-subtle rounded-8" id="titleField">
</div>
<div>
<label for="authorField" class="col-form-label orange-text">Автор:</label>
<input type="text" class="form-control border-secondary-subtle rounded-8" id="authorField">
</div>
<div class="dropdown">
<label for="dropdownMenuButton" class="col-form-label orange-text">Категории:</label>
<button class="btn border-secondary-subtle orange-text text-start fs-4 dropdown-toggle container-fluid" type="button" id="dropdownMenuButton"
data-bs-toggle="dropdown" aria-expanded="false">
Выберете категорию
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><div class="dropdown-item">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadio1">
<label class="form-check-label" for="flexRadio1">
Оды
</label>
</div>
</div></li>
<li><div class="dropdown-item">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadio2">
<label class="form-check-label" for="flexRadio2">
Послания
</label>
</div>
</div></li>
<li><div class="dropdown-item">
<div class="form-check">
<input class="form-check-input" type="radio" name="flexRadioDefault" id="flexRadio3">
<label class="form-check-label" for="flexRadio3">
Элегии
</label>
</div>
</div></li>
</ul>
</div>
<div>
<label for="addFile" class="col-form-label orange-text">Добавьте файл:</label>
<button class="btn border-secondary-subtle orange-text text-md-start fs-4 container-fluid" type="button" id="addFile">Добавить</button>
</div>
</div>
<div class="d-grid gap-2 mt-4 d-md-flex justify-content-md-start">
<a href="./search-results.html" class="library-button btn fs-4">Продолжить</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>

61
Library/book-info.html Normal file
View File

@ -0,0 +1,61 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>"Зимний вечер"</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0 mx-auto">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Пушкин А. С. "Зимний вечер"</h1>
<div class="d-grid d-md-flex">
<div class="d-block p-2 mx-auto mx-md-0"><img src="./img/winter-night.png" alt="picture" height="385" width="227"></div>
<div class="p-2 mt-auto">
<div class="d-grid gap-2 height-min">
<button type="button" class="library-button btn fs-4">Скачать</button>
<button type="button" class="library-button btn fs-4 text-nowrap">В избранное</button>
</div>
</div>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>

81
Library/favorites.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Избранное</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Ваши избранные книги</h1>
<div class="d-grid mt-4 gap-1 col-md-8">
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox1" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox2" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox3" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox4" value="" aria-label="...">
</div>
</div>
<div class="d-grid gap-2 mt-4 d-md-flex justify-content-md-start">
<a href="./user-page.html" class="library-button btn fs-4">Удалить</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>

81
Library/history.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>История чтения</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Ваша история чтения</h1>
<div class="d-grid mt-4 gap-1 col-md-8">
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox1" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox2" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox3" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox4" value="" aria-label="...">
</div>
</div>
<div class="d-grid gap-2 mt-4 d-md-flex justify-content-md-start">
<a href="./user-page.html" class="library-button btn fs-4">Очистить</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>

66
Library/login-page.html Normal file
View File

@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Авторизация</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link active">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Вход в аккаунт</h1>
<div class="d-grid gap-1 col-md-8 fs-4">
<div>
<label for="nameField" class="col-form-label orange-text">Имя:</label>
<input type="text" class="form-control rounded-8" id="nameField">
</div>
<div>
<label for="passwordField" class="col-form-label orange-text">Пароль:</label>
<input type="password" class="form-control rounded-8" id="passwordField">
</div>
</div>
<div class="d-grid gap-2 mt-4 d-md-flex justify-content-md-start">
<a href="./user-page.html" class="library-button btn fs-4">Продолжить</a>
<a href="./registration-page.html" class="library-button btn fs-4">У меня нет аккаунта</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>

591
Library/package-lock.json generated Normal file
View File

@ -0,0 +1,591 @@
{
"name": "int-prog",
"version": "1 .0.0",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "int-prog",
"version": "1 .0.0",
"dependencies": {
"@fortawesome/fontawesome-free": "6.2.0",
"bootstrap": "5.2.1"
},
"devDependencies": {
"vite": "^4.4.5"
}
},
"node_modules/@esbuild/android-arm": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.18.20.tgz",
"integrity": "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==",
"cpu": [
"arm"
],
"dev": true,
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/android-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.18.20.tgz",
"integrity": "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==",
"cpu": [
"arm64"
],
"dev": true,
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/android-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.18.20.tgz",
"integrity": "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"android"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/darwin-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.18.20.tgz",
"integrity": "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==",
"cpu": [
"arm64"
],
"dev": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/darwin-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz",
"integrity": "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/freebsd-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.18.20.tgz",
"integrity": "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==",
"cpu": [
"arm64"
],
"dev": true,
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/freebsd-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.18.20.tgz",
"integrity": "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"freebsd"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-arm": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.18.20.tgz",
"integrity": "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==",
"cpu": [
"arm"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.18.20.tgz",
"integrity": "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==",
"cpu": [
"arm64"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-ia32": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.18.20.tgz",
"integrity": "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==",
"cpu": [
"ia32"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-loong64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.18.20.tgz",
"integrity": "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==",
"cpu": [
"loong64"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-mips64el": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.18.20.tgz",
"integrity": "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==",
"cpu": [
"mips64el"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-ppc64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.18.20.tgz",
"integrity": "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==",
"cpu": [
"ppc64"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-riscv64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.18.20.tgz",
"integrity": "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==",
"cpu": [
"riscv64"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-s390x": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.18.20.tgz",
"integrity": "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==",
"cpu": [
"s390x"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/linux-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.18.20.tgz",
"integrity": "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"linux"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/netbsd-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.18.20.tgz",
"integrity": "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"netbsd"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/openbsd-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.18.20.tgz",
"integrity": "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"openbsd"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/sunos-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.18.20.tgz",
"integrity": "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"sunos"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/win32-arm64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.18.20.tgz",
"integrity": "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==",
"cpu": [
"arm64"
],
"dev": true,
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/win32-ia32": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.18.20.tgz",
"integrity": "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==",
"cpu": [
"ia32"
],
"dev": true,
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@esbuild/win32-x64": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz",
"integrity": "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==",
"cpu": [
"x64"
],
"dev": true,
"optional": true,
"os": [
"win32"
],
"engines": {
"node": ">=12"
}
},
"node_modules/@fortawesome/fontawesome-free": {
"version": "6.2.0",
"resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-6.2.0.tgz",
"integrity": "sha512-CNR7qRIfCwWHNN7FnKUniva94edPdyQzil/zCwk3v6k4R6rR2Fr8i4s3PM7n/lyfPA6Zfko9z5WDzFxG9SW1uQ==",
"hasInstallScript": true,
"engines": {
"node": ">=6"
}
},
"node_modules/@popperjs/core": {
"version": "2.11.8",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
"integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/bootstrap": {
"version": "5.2.1",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.1.tgz",
"integrity": "sha512-UQi3v2NpVPEi1n35dmRRzBJFlgvWHYwyem6yHhuT6afYF+sziEt46McRbT//kVXZ7b1YUYEVGdXEH74Nx3xzGA==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/twbs"
},
{
"type": "opencollective",
"url": "https://opencollective.com/bootstrap"
}
],
"peerDependencies": {
"@popperjs/core": "^2.11.6"
}
},
"node_modules/esbuild": {
"version": "0.18.20",
"resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.18.20.tgz",
"integrity": "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==",
"dev": true,
"hasInstallScript": true,
"bin": {
"esbuild": "bin/esbuild"
},
"engines": {
"node": ">=12"
},
"optionalDependencies": {
"@esbuild/android-arm": "0.18.20",
"@esbuild/android-arm64": "0.18.20",
"@esbuild/android-x64": "0.18.20",
"@esbuild/darwin-arm64": "0.18.20",
"@esbuild/darwin-x64": "0.18.20",
"@esbuild/freebsd-arm64": "0.18.20",
"@esbuild/freebsd-x64": "0.18.20",
"@esbuild/linux-arm": "0.18.20",
"@esbuild/linux-arm64": "0.18.20",
"@esbuild/linux-ia32": "0.18.20",
"@esbuild/linux-loong64": "0.18.20",
"@esbuild/linux-mips64el": "0.18.20",
"@esbuild/linux-ppc64": "0.18.20",
"@esbuild/linux-riscv64": "0.18.20",
"@esbuild/linux-s390x": "0.18.20",
"@esbuild/linux-x64": "0.18.20",
"@esbuild/netbsd-x64": "0.18.20",
"@esbuild/openbsd-x64": "0.18.20",
"@esbuild/sunos-x64": "0.18.20",
"@esbuild/win32-arm64": "0.18.20",
"@esbuild/win32-ia32": "0.18.20",
"@esbuild/win32-x64": "0.18.20"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
"hasInstallScript": true,
"optional": true,
"os": [
"darwin"
],
"engines": {
"node": "^8.16.0 || ^10.6.0 || >=11.0.0"
}
},
"node_modules/nanoid": {
"version": "3.3.7",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
"integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
"dev": true,
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/ai"
}
],
"bin": {
"nanoid": "bin/nanoid.cjs"
},
"engines": {
"node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
}
},
"node_modules/picocolors": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
"integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
"dev": true
},
"node_modules/postcss": {
"version": "8.4.31",
"resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
"integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
"dev": true,
"funding": [
{
"type": "opencollective",
"url": "https://opencollective.com/postcss/"
},
{
"type": "tidelift",
"url": "https://tidelift.com/funding/github/npm/postcss"
},
{
"type": "github",
"url": "https://github.com/sponsors/ai"
}
],
"dependencies": {
"nanoid": "^3.3.6",
"picocolors": "^1.0.0",
"source-map-js": "^1.0.2"
},
"engines": {
"node": "^10 || ^12 || >=14"
}
},
"node_modules/rollup": {
"version": "3.29.4",
"resolved": "https://registry.npmjs.org/rollup/-/rollup-3.29.4.tgz",
"integrity": "sha512-oWzmBZwvYrU0iJHtDmhsm662rC15FRXmcjCk1xD771dFDx5jJ02ufAQQTn0etB2emNk4J9EZg/yWKpsn9BWGRw==",
"dev": true,
"bin": {
"rollup": "dist/bin/rollup"
},
"engines": {
"node": ">=14.18.0",
"npm": ">=8.0.0"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
}
},
"node_modules/source-map-js": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
"dev": true,
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/vite": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/vite/-/vite-4.5.0.tgz",
"integrity": "sha512-ulr8rNLA6rkyFAlVWw2q5YJ91v098AFQ2R0PRFwPzREXOUJQPtFUG0t+/ZikhaOCDqFoDhN6/v8Sq0o4araFAw==",
"dev": true,
"dependencies": {
"esbuild": "^0.18.10",
"postcss": "^8.4.27",
"rollup": "^3.27.1"
},
"bin": {
"vite": "bin/vite.js"
},
"engines": {
"node": "^14.18.0 || >=16.0.0"
},
"funding": {
"url": "https://github.com/vitejs/vite?sponsor=1"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
},
"peerDependencies": {
"@types/node": ">= 14",
"less": "*",
"lightningcss": "^1.21.0",
"sass": "*",
"stylus": "*",
"sugarss": "*",
"terser": "^5.4.0"
},
"peerDependenciesMeta": {
"@types/node": {
"optional": true
},
"less": {
"optional": true
},
"lightningcss": {
"optional": true
},
"sass": {
"optional": true
},
"stylus": {
"optional": true
},
"sugarss": {
"optional": true
},
"terser": {
"optional": true
}
}
}
}
}

69
Library/registration-page.html Normal file
View File

@ -0,0 +1,69 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Регистрация</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Создание аккаунта</h1>
<div class="d-grid gap-1 col-md-8 fs-4">
<div>
<label for="nameField" class="col-form-label orange-text">Имя:</label>
<input type="text" class="form-control rounded-8" id="nameField">
</div>
<div>
<label for="passwordField" class="col-form-label orange-text">Пароль:</label>
<input type="password" class="form-control rounded-8" id="passwordField">
</div>
<div>
<label for="secondPasswordField" class="col-form-label orange-text">Повторите пароль:</label>
<input type="password" class="form-control rounded-8" id="secondPasswordField">
</div>
</div>
<div class="d-grid gap-2 mt-4 d-md-flex justify-content-md-start">
<a href="./user-page.html" class="library-button btn fs-4">Продолжить</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>

81
Library/search-results.html Normal file
View File

@ -0,0 +1,81 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Результаты</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Результаты поиска</h1>
<div class="d-grid mt-4 gap-1 col-md-8">
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a href="./book-info.html" class="container-fluid black-text">
"Зимний вечер". А. С. Пушкин.
</a>
<input class="form-check-input" type="checkbox" id="checkbox1" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox2" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox3" value="" aria-label="...">
</div>
<div class="library-reference text-start align-items-center btn fs-4 d-flex">
<a class="container-fluid black-text">
Название. Автор.
</a>
<input class="form-check-input" type="checkbox" id="checkbox4" value="" aria-label="...">
</div>
</div>
<div class="d-grid gap-2 mt-4 d-md-flex justify-content-md-start">
<a href="./user-page.html" class="library-button btn fs-4">Скрыть</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>

60
Library/user-page.html Normal file
View File

@ -0,0 +1,60 @@
<!DOCTYPE html>
<html lang="ru" class="h-100">
<head>
<meta charset="UTF-8">
<title>Личный кабинет</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<script defer src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
</head>
<body class="d-flex flex-column h-100">
<header>
<nav class="navbar navbar-expand-md navbar-light">
<div class="container-fluid">
<a href="./index.html" class="navbar-brand fs-4">
<img src="./img/logo.svg" alt="logo" width="50px">
Библиотека
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end fs-4" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li>
<a href="./index.html" class="nav-link">Главная</a>
</li>
<li class="nav-item">
<a href="./login-page.html" class="nav-link">Войти</a>
</li>
<li class="nav-item">
<a href="./user-page.html" class="nav-link active">Личный кабинет</a>
</li>
<li class="nav-item">
<a href="./search.html" class="nav-link">Поиск</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<main class="flex-shrink-0">
<div class="p-4 mx-auto mt-5 mb-5 w-75">
<h1 class="text-md-start text-center">Ваш личный кабинет</h1>
<div class="fs-4 mt-2 orange-text text-md-start text-center">
Здесь вы можете посмотреть вашу Историю чтения и Избранные книги.
</div>
<div class="d-grid gap-2 mt-2 d-md-flex justify-content-md-start">
<a href="./favorites.html" class="library-button btn fs-4">Избранное</a>
<a href="./history.html" class="library-button btn fs-4">История</a>
<a href="./adding-books.html" class="library-button btn fs-4">Добавить книгу</a>
</div>
</div>
</main>
<footer class="footer mt-auto d-flex justify-content-center align-items-center white-text">
2023, Захаров Р.А.
</footer>
</body>
</html>