Egor_Petrushin/Web-programming_Petrushin_E.A._PIbd-22
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
GokaPek 2023-10-27 14:55:26 +04:00
commit fee0247e0f
36 changed files with 738252 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
Lab1/1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 662 KiB

BIN
Lab1/2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

BIN
Lab1/3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 164 KiB

BIN
Lab1/4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 514 KiB

BIN
Lab1/5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
Lab1/6.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 73 KiB

BIN
Lab1/7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 149 KiB

731335
Lab1/PIbd-12_Petrushin_E.A._Web_1.rtf Normal file
View File

File diff suppressed because it is too large Load Diff

BIN
Lab1/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

3736
Lab2/PIbd-12_Petrushin_E.A._Web_2.rtf Normal file
View File

File diff suppressed because it is too large Load Diff

45
Lab2/PrBookfill/.gitignore vendored Normal file
View File

@ -0,0 +1,45 @@
# See http://help.github.com/ignore-files/ for more about ignoring files.
# Compiled output
/dist
/tmp
/out-tsc
/bazel-out
# Node
/node_modules
npm-debug.log
yarn-error.log
# IDEs and editors
.idea/
.project
.classpath
.c9/
*.launch
.settings/
*.sublime-workspace
# Visual Studio Code
.vscode/*
!.vscode/settings.json
!.vscode/tasks.json
!.vscode/launch.json
!.vscode/extensions.json
.history/*
# Miscellaneous
/.angular/cache
.sass-cache/
/connect.lock
/coverage
/libpeerconnection.log
testem.log
/typings
# System files
.DS_Store
Thumbs.db
# Ignore dist
dist/

15
Lab2/PrBookfill/.vscode/launch.json vendored Normal file
View File

@ -0,0 +1,15 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Launch Chrome against localhost",
"url": "http://localhost:8080",
"webRoot": "${workspaceFolder}"
}
]
}

139
Lab2/PrBookfill/admin.html Normal file
View File

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Boolfill</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<div class="container-fluid px-4">
<div class="row">
<header class="col-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent py-0">
<a class="navbar-brand" href="index.html">
<img class="logo mb-2" src="png/logo.png" alt="Логотип">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 custom-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
</form>
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="audio.html">Audio</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="comics.html">Comics</a>
</li>
<a class="nav-item mb-3" href="login.html">
<img id="profile" class="user-photo mt-1 ml-4 mr-3">
</a>
</ul>
</div>
</nav>
</header>
</div>
<div class="row">
<div class="col">
<form class="form-inlinecustom-search mx-auto mt-5" id="big-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<div class="form-group col-md-6">
<input type="text" class="form-control mt-2" id="keyword" placeholder="Keyword">
</div>
<div class="scroll-panel-favour">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Book</th>
<th scope="col">Author</th>
<th scope="col">Gener</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<div class="col">
<main class="container-fluid">
<form class="mr-sm-2 mx-auto mt-3 pt-5 px-5" id="big-search" action="./page3.html" method="get">
<div class="mb-2">
<input id="name" name="name" class="form-control" type="text" placeholder="Name"
required>
</div>
<div class="mb-2">
<input id="description" name="description" class="form-control" type="description"
name="description" placeholder="Description" required>
</div>
<div class="form-group col">
<select id="category" class="form-control">
<option>Choose category...</option>
<option>Категория 1</option>
<option>Категория 2</option>
<option>Категория 3</option>
</select>
</div>
<div class="text-center">
<button id="subut" class="btn btn-primary w-50" type="submit">Add</button>
</div>
</form>
</main>
</div>
</div>
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

107
Lab2/PrBookfill/audio.html Normal file
View File

@ -0,0 +1,107 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Boolfill</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<div class="container-fluid px-4">
<div class="row">
<header class="col-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent py-0">
<a class="navbar-brand" href="index.html">
<img class="logo mb-2" src="png/logo.png" alt="Логотип">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 custom-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
</form>
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="audio.html">Audio</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="comics.html">Comics</a>
</li>
<a class="nav-item mb-3" href="login.html">
<img id="profile" class="user-photo mt-1 ml-4 mr-3">
</a>
</ul>
</div>
</nav>
</header>
</div>
<div class="row">
<div class="carousel container-fluid p-0 mt-5" id="small-car">
<div class="carousel-inner">
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
</div>
<div class="carousel-item">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="carousel container-fluid p-0 mt-3" id="small-car">
<div class="carousel-inner" >
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
</div>
<div class="carousel-item">
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

107
Lab2/PrBookfill/comics.html Normal file
View File

@ -0,0 +1,107 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Boolfill</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<div class="container-fluid px-4">
<div class="row">
<header class="col-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent py-0">
<a class="navbar-brand" href="index.html">
<img class="logo mb-2" src="png/logo.png" alt="Логотип">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 custom-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
</form>
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="audio.html">Audio</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="comics.html">Comics</a>
</li>
<a class="nav-item mb-3" href="login.html">
<img id="profile" class="user-photo mt-1 ml-4 mr-3">
</a>
</ul>
</div>
</nav>
</header>
</div>
<div class="row">
<div class="carousel container-fluid p-0 mt-5" id="small-car">
<div class="carousel-inner">
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
</div>
<div class="carousel-item">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<div class="carousel container-fluid p-0 mt-3" id="small-car">
<div class="carousel-inner" >
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid mt-1 ml-2 pl-5" id = "el_car" >
</div>
<div class="carousel-item">
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

106
Lab2/PrBookfill/css/style.css Normal file
View File

@ -0,0 +1,106 @@
@import url("/fonts/style.css");
@font-face {
font-family: "ITCErasStd-Bold";
src: url('/fonts/ITCErasStd-Bold.woff2') format('woff2'),
url('/fonts/ITCErasStd-Bold.woff') format('woff');
font-style: normal;
font-weight: 400;
}
header{
width: 100%;
background: #c03000;
height: 70px;
border-radius: 4% / 60%;
}
.logo {
height: 45px;
width: auto;
}
.logos {
height: 100px;
width: auto;
}
.navbar-nav{
font-family: "ITCErasStd-Bold";
font-size: 25px;
align-items: center;
}
.nav-link {
text-decoration: none;
color: white;
}
.nav-link:hover {
text-decoration: none;
color: white;
}
.btn.btn-outline-success {
border-color: rgba(255, 0, 0, 0);
color: white;
background-color: rgba(255, 0, 0, 0);
}
#profile {
width: 40px;
height: 40px;
border-radius: 50%;
background-color: white;
}
.carousel {
width: 80%;
background: #c03000;
height: 400px;
border-radius: 17% / 60%;
}
#small-car{
width: 80%;
background: #c03000;
height: 250px;
border-radius: 10% / 60%;
}
#big-search {
width: 80%;
background: white;
height: 600px;
border-radius: 10% / 60%;
}
#reg-back{
width: 60%;
background: #c03000;
height: 400px;
border-radius: 10% / 60%;
}
.footer {
background-color: #c03000;
}
.scroll-panel-search {
height: 100px;
background-color: white;
overflow-y: scroll;
}
#navbarSupportedContent{
background-color: #c03000;
position: sticky;
top: 0;
z-index: 100;
}
#subut{
background-color: #c03000;
}
#el_car{
max-width: 200px;
overflow: hidden;
}
#tabel_car{
max-width: 100px;
}
.scroll-panel-favour {
height: 400px;
background-color: white;
overflow-y: scroll;
}
@media(max-width: 400px){
.logo{
height: 30px;
}
}

108
Lab2/PrBookfill/favour.html Normal file
View File

@ -0,0 +1,108 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Boolfill</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<div class="container-fluid px-4">
<div class="row">
<header class="col-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent py-0">
<a class="navbar-brand" href="index.html">
<img class="logo mb-2" src="png/logo.png" alt="Логотип">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 custom-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
</form>
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="audio.html">Audio</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="comics.html">Comics</a>
</li>
<a class="nav-item mb-3" href="login.html">
<img id="profile" class="user-photo mt-1 ml-4 mr-3">
</a>
</ul>
</div>
</nav>
</header>
</div>
<div class="row">
<form class="form-inlinecustom-search mx-auto mt-3 pt-5" id="big-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<div class="form-group">
<select id="category" class="form-control mt-1">
<option>Choose category...</option>
<option>Категория 1</option>
<option>Категория 2</option>
<option>Категория 3</option>
</select>
</div>
<div class="scroll-panel-favour">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Book</th>
<th scope="col">Author</th>
<th scope="col">Gener</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

BIN
Lab2/PrBookfill/fonts/ITCErasStd-Bold.ttf Normal file
View File

Binary file not shown.

BIN
Lab2/PrBookfill/fonts/ITCErasStd-Bold.woff Normal file
View File

Binary file not shown.

BIN
Lab2/PrBookfill/fonts/ITCErasStd-Bold.woff2 Normal file
View File

Binary file not shown.

9
Lab2/PrBookfill/fonts/style.css Normal file
View File

@ -0,0 +1,9 @@
@font-face {
font-family: 'ITC Eras';
src: local('ITC Eras Bold'), local('ITC-Eras-Bold'),
url('ITCErasStd-Bold.woff2') format('woff2'),
url('ITCErasStd-Bold.woff') format('woff'),
url('ITCErasStd-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}

87
Lab2/PrBookfill/index.html Normal file
View File

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Boolfill</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<div class="container-fluid px-4">
<div class="row">
<header class="col-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent py-0">
<a class="navbar-brand" href="index.html">
<img class="logo mb-2" src="png/logo.png" alt="Логотип">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 custom-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
</form>
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="audio.html">Audio</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="comics.html">Comics</a>
</li>
<a class="nav-item mb-3" href="login.html">
<img id="profile" class="user-photo mt-1 ml-4 mr-3">
</a>
</ul>
</div>
</nav>
</header>
</div>
<div class="row">
<div class="carousel container-fluid p-0 mt-5">
<div class="carousel-inner">
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid mt-5 ml-2 pl-5" id = "el_car" >
</div>
<div class="carousel-item">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
</div>
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

0
Lab2/PrBookfill/js/script.js Normal file
View File

83
Lab2/PrBookfill/login.html Normal file
View File

@ -0,0 +1,83 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Boolfill</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<div class="container-fluid px-4">
<div class="row">
<header class="col-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent py-0">
<a class="navbar-brand" href="index.html">
<img class="logo mb-2" src="png/logo.png" alt="Логотип">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 custom-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
</form>
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="audio.html">Audio</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="comics.html">Comics</a>
</li>
<a class="nav-item mb-3" href="login.html">
<img id="profile" class="user-photo mt-1 ml-4 mr-3">
</a>
</ul>
</div>
</nav>
</header>
</div>
<div class="row">
<main class="container-fluid p-0 mt-5" id="reg-back">
<form class="col-md-6 mr-sm-10 mx-auto mt-3 pt-5 " action="./page3.html" method="get">
<div class="mb-2">
<input id="firstname" name="firstname" class="form-control" type="text" placeholder="name" required>
</div>
<div class="mb-2">
<input id="email" name="email" class="form-control" type="email" placeholder="mail@example.ru" required>
</div>
<div class="mb-2">
<input id="password" name="password" class="form-control" type="password" name="password" placeholder="password" required>
</div>
<div class="text-center">
<button id="subut" class="btn btn-primary w-50" type="submit">Submit</button>
<button id="subut" class="btn btn-primary w-50" type="submit" onclick="location.href='admin.html';">Admin</button>
</div>
</form>
</main>
</div>
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

2218
Lab2/PrBookfill/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

20
Lab2/PrBookfill/package.json Normal file
View File

@ -0,0 +1,20 @@
{
"name": "prbookfill",
"version": "1.0.0",
"type": "module",
"scripts": {
"start": "vite",
"serve": "http-server -p 3000 ./dist/",
"build": "vite build",
"prod": "npm-run-all build serve"
},
"dependencies": {
"bootstrap": "5.3.2",
"@fortawesome/fontawesome-free": "6.4.2"
},
"devDependencies": {
"http-server": "14.1.1",
"vite": "4.4.9",
"npm-run-all": "4.1.5"
}
}

BIN
Lab2/PrBookfill/png/books/blev.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 545 KiB

BIN
Lab2/PrBookfill/png/books/capital.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 149 KiB

BIN
Lab2/PrBookfill/png/books/filosofy.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
Lab2/PrBookfill/png/books/hideger.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 258 KiB

BIN
Lab2/PrBookfill/png/books/metro.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 172 KiB

BIN
Lab2/PrBookfill/png/books/platon.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
Lab2/PrBookfill/png/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
Lab2/PrBookfill/png/logos.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

119
Lab2/PrBookfill/search.html Normal file
View File

@ -0,0 +1,119 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Boolfill</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<div class="container-fluid px-4">
<div class="row">
<header class="col-12">
<nav class="navbar navbar-expand-lg navbar-dark bg-transparent py-0">
<a class="navbar-brand" href="index.html">
<img class="logo mb-2" src="png/logo.png" alt="Логотип">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<form class="form-inline my-2 my-lg-0 custom-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="button" onclick="location.href='search.html';"><i class="fas fa-search"></i></button>
</form>
<ul class="navbar-nav mt-2">
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="audio.html">Audio</a>
</li>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="comics.html">Comics</a>
</li>
<a class="nav-item mb-3" href="login.html">
<img id="profile" class="user-photo mt-1 ml-4 mr-3">
</a>
</ul>
</div>
</nav>
</header>
</div>
<div class="row">
<form class="form-inlinecustom-search mx-auto mt-3 pt-5 px-5" id="big-search">
<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
<div class="form-group ">
<input type="text" class="form-control mt-2" id="keyword" placeholder="Keyword">
</div>
<div class="form-group">
<select id="category" class="form-control">
<option>Choose category...</option>
<option>Категория 1</option>
<option>Категория 2</option>
<option>Категория 3</option>
</select>
</div>
<div class="scroll-panel-favour">
<table class="table">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Book</th>
<th scope="col">Author</th>
<th scope="col">Gener</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
<tr>
<th scope="row"><img src="png/books/capital.jpg" class="w-100 img-fluid" id = "tabel_car" ></th>
<td>Capital</td>
<td>Marks K.</td>
<td>Philosofy</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
</div>
</footer>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

18
Lab2/PrBookfill/vite.config.js Normal file
View File

@ -0,0 +1,18 @@
import { resolve } from 'path'
import { defineConfig } from 'vite'
export default defineConfig({
build: {
rollupOptions: {
input: {
main: resolve(__dirname, 'index.html'),
page2: resolve(__dirname, 'search.html'),
page3: resolve(__dirname, 'audio.html'),
page3: resolve(__dirname, 'comics.html'),
page3: resolve(__dirname, 'favour.html'),
page3: resolve(__dirname, 'login.html'),
page3: resolve(__dirname, 'admin.html'),
},
},
},
})