This commit is contained in:
GokaPek 2023-11-09 15:45:06 +04:00
parent 3aade331f1
commit 1888d7c045
11 changed files with 917 additions and 459 deletions

View File

@ -3,11 +3,16 @@
<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="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<title>Boolfill</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</head>
<body>
@ -18,13 +23,16 @@
<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">
<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 bg-transparent" id="navbarSupportedContent">
<div class="collapse navbar-collapse me-5" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
@ -43,75 +51,75 @@
</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">
<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">
<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>
<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>
<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>
</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>
<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="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>
<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>
@ -119,14 +127,10 @@
<div class="row">
<footer class="footer fixed-bottom w-100">
<div class="container">
<img class="logos ml-0" src="png/logos.png" alt="Логотип">
<img class="logos ml-0" src="png/logos.png" alt="Логотип" />
</div>
</footer>
</div>
</div>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

View File

@ -1,105 +1,100 @@
<!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="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<title>Boolfill</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</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 bg-transparent" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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 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-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 me-5" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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 ml-4 p-5" id="el_car">
</div>
<div class="carousel-item">
</div>
</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 ml-4 p-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>
<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>
<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-inner">
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-5" id = "el_car" >
</div>
<div class="carousel-item">
</div>
<img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-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>
<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>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</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>
</body>
<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>

View File

@ -1,105 +1,100 @@
<!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="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<title>Boolfill</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</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 bg-transparent" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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 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-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 me-5" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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 ml-4 p-5" id="el_car">
</div>
<div class="carousel-item">
</div>
</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 ml-4 p-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>
<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>
<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-inner">
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-5" id = "el_car" >
</div>
<div class="carousel-item">
</div>
<img src="png/books/capital.jpg" class="w-100 img-fluid ml-4 p-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>
<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>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</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>
</body>
<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>

View File

@ -83,6 +83,9 @@ header{
top: 0;
z-index: 100;
}
.collapse{
background-color: #c03000;
}
#subut{
background-color: #c03000;
}

View File

@ -1,106 +1,113 @@
<!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="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<title>Boolfill</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</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 bg-transparent" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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 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-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 me-5" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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>
</nav>
</header>
<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>
</body>
<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>

View File

@ -1,65 +1,75 @@
<!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="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<title>Boolfill</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</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 bg-transparent" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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="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-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 me-5" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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="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-4 p-3" id = "el_car" >
</div>
<div class="carousel-item">
</div>
<div class="carousel-item active p-4">
<img src="png/books/capital.jpg" class="w-100 img-fluid mt-5 ml-4 p-3" 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>
<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>
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
@ -73,10 +83,7 @@
</div>
</footer>
</div>
</div>
</div>
</body>
<script src="node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</html>

View File

@ -1,79 +1,88 @@
<!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="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<title>Boolfill</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</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 bg-transparent" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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="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-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 me-5" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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">
<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>
<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>
<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>
<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>
<button id="subut" class="btn btn-primary w-50" type="submit"
onclick="location.href='admin.html';">Admin</button>
</div>
</form>
</main>
</div>
</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 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>
</div>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
<script src="js/script.js"></script>
</body>
</body>
</html>

View File

@ -9,7 +9,10 @@
"version": "1.0.0",
"dependencies": {
"@fortawesome/fontawesome-free": "6.4.2",
"bootstrap": "5.3.2"
"@popperjs/core": "^2.11.8",
"bootstrap": "5.3.2",
"jquery": "^3.7.1",
"jsdom": "^22.1.0"
},
"devDependencies": {
"http-server": "14.1.1",
@ -382,12 +385,56 @@
"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/@tootallnate/once": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
"integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
"engines": {
"node": ">= 10"
}
},
"node_modules/abab": {
"version": "2.0.6",
"resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
"integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA=="
},
"node_modules/agent-base": {
"version": "6.0.2",
"resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
"integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
"dependencies": {
"debug": "4"
},
"engines": {
"node": ">= 6.0.0"
}
},
"node_modules/agent-base/node_modules/debug": {
"version": "4.3.4",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
"integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
"dependencies": {
"ms": "2.1.2"
},
"engines": {
"node": ">=6.0"
},
"peerDependenciesMeta": {
"supports-color": {
"optional": true
}
}
},
"node_modules/agent-base/node_modules/ms": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
},
"node_modules/ansi-styles": {
"version": "4.3.0",
"resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@ -446,6 +493,11 @@
"lodash": "^4.17.14"
}
},
"node_modules/asynckit": {
"version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
"integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
},
"node_modules/available-typed-arrays": {
"version": "1.0.5",
"resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
@ -551,6 +603,17 @@
"integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
"dev": true
},
"node_modules/combined-stream": {
"version": "1.0.8",
"resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
"integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
"dependencies": {
"delayed-stream": "~1.0.0"
},
"engines": {
"node": ">= 0.8"
}
},
"node_modules/concat-map": {
"version": "0.0.1",
"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@ -582,6 +645,30 @@
"node": ">=4.8"
}
},
"node_modules/cssstyle": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-3.0.0.tgz",
"integrity": "sha512-N4u2ABATi3Qplzf0hWbVCdjenim8F3ojEXpBDF5hBpjzW182MjNGLqfmQ0SkSPeQ+V86ZXgeH8aXj6kayd4jgg==",
"dependencies": {
"rrweb-cssom": "^0.6.0"
},
"engines": {
"node": ">=14"
}
},
"node_modules/data-urls": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/data-urls/-/data-urls-4.0.0.tgz",
"integrity": "sha512-/mMTei/JXPqvFqQtfyTowxmJVwr2PVAeCcDxyFf6LhoOu/09TX2OX3kb2wzi4DMXcfj4OItwDOnhl5oziPnT6g==",
"dependencies": {
"abab": "^2.0.6",
"whatwg-mimetype": "^3.0.0",
"whatwg-url": "^12.0.0"
},
"engines": {
"node": ">=14"
}
},
"node_modules/debug": {
"version": "3.2.7",
"resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
@ -591,6 +678,11 @@
"ms": "^2.1.1"
}
},
"node_modules/decimal.js": {
"version": "10.4.3",
"resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
"integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA=="
},
"node_modules/define-data-property": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.0.tgz",
@ -622,6 +714,36 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/delayed-stream": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
"integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
"engines": {
"node": ">=0.4.0"
}
},
"node_modules/domexception": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
"integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
"dependencies": {
"webidl-conversions": "^7.0.0"
},
"engines": {
"node": ">=12"
}
},
"node_modules/entities": {
"version": "4.5.0",
"resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
"integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
"engines": {
"node": ">=0.12"
},
"funding": {
"url": "https://github.com/fb55/entities?sponsor=1"
}
},
"node_modules/error-ex": {
"version": "1.3.2",
"resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
@ -796,6 +918,19 @@
"is-callable": "^1.1.3"
}
},
"node_modules/form-data": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
"integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
"dependencies": {
"asynckit": "^0.4.0",
"combined-stream": "^1.0.8",
"mime-types": "^2.1.12"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/fsevents": {
"version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@ -1004,7 +1139,6 @@
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
"integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
"dev": true,
"dependencies": {
"whatwg-encoding": "^2.0.0"
},
@ -1026,6 +1160,40 @@
"node": ">=8.0.0"
}
},
"node_modules/http-proxy-agent": {
"version": "5.0.0",
"resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
"integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
"dependencies": {
"@tootallnate/once": "2",
"agent-base": "6",
"debug": "4"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/http-proxy-agent/node_modules/debug": {
"version": "4.3.4",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
"integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
"dependencies": {
"ms": "2.1.2"
},
"engines": {
"node": ">=6.0"
},
"peerDependenciesMeta": {
"supports-color": {
"optional": true
}
}
},
"node_modules/http-proxy-agent/node_modules/ms": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
},
"node_modules/http-server": {
"version": "14.1.1",
"resolved": "https://registry.npmjs.org/http-server/-/http-server-14.1.1.tgz",
@ -1053,11 +1221,43 @@
"node": ">=12"
}
},
"node_modules/https-proxy-agent": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
"integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
"dependencies": {
"agent-base": "6",
"debug": "4"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/https-proxy-agent/node_modules/debug": {
"version": "4.3.4",
"resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
"integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
"dependencies": {
"ms": "2.1.2"
},
"engines": {
"node": ">=6.0"
},
"peerDependenciesMeta": {
"supports-color": {
"optional": true
}
}
},
"node_modules/https-proxy-agent/node_modules/ms": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
"integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
},
"node_modules/iconv-lite": {
"version": "0.6.3",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
"integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
"dev": true,
"dependencies": {
"safer-buffer": ">= 2.1.2 < 3.0.0"
},
@ -1193,6 +1393,11 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/is-potential-custom-element-name": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
"integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ=="
},
"node_modules/is-regex": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
@ -1290,6 +1495,52 @@
"integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
"dev": true
},
"node_modules/jquery": {
"version": "3.7.1",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
"integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
},
"node_modules/jsdom": {
"version": "22.1.0",
"resolved": "https://registry.npmjs.org/jsdom/-/jsdom-22.1.0.tgz",
"integrity": "sha512-/9AVW7xNbsBv6GfWho4TTNjEo9fe6Zhf9O7s0Fhhr3u+awPwAJMKwAMXnkk5vBxflqLW9hTHX/0cs+P3gW+cQw==",
"dependencies": {
"abab": "^2.0.6",
"cssstyle": "^3.0.0",
"data-urls": "^4.0.0",
"decimal.js": "^10.4.3",
"domexception": "^4.0.0",
"form-data": "^4.0.0",
"html-encoding-sniffer": "^3.0.0",
"http-proxy-agent": "^5.0.0",
"https-proxy-agent": "^5.0.1",
"is-potential-custom-element-name": "^1.0.1",
"nwsapi": "^2.2.4",
"parse5": "^7.1.2",
"rrweb-cssom": "^0.6.0",
"saxes": "^6.0.0",
"symbol-tree": "^3.2.4",
"tough-cookie": "^4.1.2",
"w3c-xmlserializer": "^4.0.0",
"webidl-conversions": "^7.0.0",
"whatwg-encoding": "^2.0.0",
"whatwg-mimetype": "^3.0.0",
"whatwg-url": "^12.0.1",
"ws": "^8.13.0",
"xml-name-validator": "^4.0.0"
},
"engines": {
"node": ">=16"
},
"peerDependencies": {
"canvas": "^2.5.0"
},
"peerDependenciesMeta": {
"canvas": {
"optional": true
}
}
},
"node_modules/json-parse-better-errors": {
"version": "1.0.2",
"resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
@ -1338,6 +1589,25 @@
"node": ">=4"
}
},
"node_modules/mime-db": {
"version": "1.52.0",
"resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
"integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
"engines": {
"node": ">= 0.6"
}
},
"node_modules/mime-types": {
"version": "2.1.35",
"resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
"integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
"dependencies": {
"mime-db": "1.52.0"
},
"engines": {
"node": ">= 0.6"
}
},
"node_modules/minimatch": {
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
@ -1500,6 +1770,11 @@
"node": ">=4"
}
},
"node_modules/nwsapi": {
"version": "2.2.7",
"resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
"integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ=="
},
"node_modules/object-inspect": {
"version": "1.12.3",
"resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.12.3.tgz",
@ -1558,6 +1833,17 @@
"node": ">=4"
}
},
"node_modules/parse5": {
"version": "7.1.2",
"resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
"integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
"dependencies": {
"entities": "^4.4.0"
},
"funding": {
"url": "https://github.com/inikulin/parse5?sponsor=1"
}
},
"node_modules/path-key": {
"version": "2.0.1",
"resolved": "https://registry.npmjs.org/path-key/-/path-key-2.0.1.tgz",
@ -1654,6 +1940,19 @@
"node": "^10 || ^12 || >=14"
}
},
"node_modules/psl": {
"version": "1.9.0",
"resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
"integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
},
"node_modules/punycode": {
"version": "2.3.1",
"resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
"integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
"engines": {
"node": ">=6"
}
},
"node_modules/qs": {
"version": "6.11.2",
"resolved": "https://registry.npmjs.org/qs/-/qs-6.11.2.tgz",
@ -1669,6 +1968,11 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/querystringify": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
"integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
},
"node_modules/read-pkg": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-3.0.0.tgz",
@ -1703,8 +2007,7 @@
"node_modules/requires-port": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==",
"dev": true
"integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
},
"node_modules/resolve": {
"version": "1.22.8",
@ -1739,6 +2042,11 @@
"fsevents": "~2.3.2"
}
},
"node_modules/rrweb-cssom": {
"version": "0.6.0",
"resolved": "https://registry.npmjs.org/rrweb-cssom/-/rrweb-cssom-0.6.0.tgz",
"integrity": "sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw=="
},
"node_modules/safe-array-concat": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.0.1.tgz",
@ -1780,8 +2088,18 @@
"node_modules/safer-buffer": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
"dev": true
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
},
"node_modules/saxes": {
"version": "6.0.0",
"resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
"integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
"dependencies": {
"xmlchars": "^2.2.0"
},
"engines": {
"node": ">=v12.22.7"
}
},
"node_modules/secure-compare": {
"version": "3.0.1",
@ -1992,6 +2310,36 @@
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/symbol-tree": {
"version": "3.2.4",
"resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
"integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="
},
"node_modules/tough-cookie": {
"version": "4.1.3",
"resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
"integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
"dependencies": {
"psl": "^1.1.33",
"punycode": "^2.1.1",
"universalify": "^0.2.0",
"url-parse": "^1.5.3"
},
"engines": {
"node": ">=6"
}
},
"node_modules/tr46": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
"integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
"dependencies": {
"punycode": "^2.3.0"
},
"engines": {
"node": ">=14"
}
},
"node_modules/typed-array-buffer": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.0.tgz",
@ -2084,12 +2432,29 @@
"node": ">= 0.8.0"
}
},
"node_modules/universalify": {
"version": "0.2.0",
"resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
"integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
"engines": {
"node": ">= 4.0.0"
}
},
"node_modules/url-join": {
"version": "4.0.1",
"resolved": "https://registry.npmjs.org/url-join/-/url-join-4.0.1.tgz",
"integrity": "sha512-jk1+QP6ZJqyOiuEI9AEWQfju/nB2Pw466kbA0LEZljHwKeMgd9WrAEgEGxjPDD2+TNbbb37rTyhEfrCXfuKXnA==",
"dev": true
},
"node_modules/url-parse": {
"version": "1.5.10",
"resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
"integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
"dependencies": {
"querystringify": "^2.1.1",
"requires-port": "^1.0.0"
}
},
"node_modules/validate-npm-package-license": {
"version": "3.0.4",
"resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@ -2155,11 +2520,29 @@
}
}
},
"node_modules/w3c-xmlserializer": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
"integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
"dependencies": {
"xml-name-validator": "^4.0.0"
},
"engines": {
"node": ">=14"
}
},
"node_modules/webidl-conversions": {
"version": "7.0.0",
"resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
"integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
"engines": {
"node": ">=12"
}
},
"node_modules/whatwg-encoding": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
"integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
"dev": true,
"dependencies": {
"iconv-lite": "0.6.3"
},
@ -2167,6 +2550,26 @@
"node": ">=12"
}
},
"node_modules/whatwg-mimetype": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
"integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
"engines": {
"node": ">=12"
}
},
"node_modules/whatwg-url": {
"version": "12.0.1",
"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-12.0.1.tgz",
"integrity": "sha512-Ed/LrqB8EPlGxjS+TrsXcpUond1mhccS3pchLhzSgPCnTimUCKj3IZE75pAs5m6heB2U2TMerKFUXheyHY+VDQ==",
"dependencies": {
"tr46": "^4.1.1",
"webidl-conversions": "^7.0.0"
},
"engines": {
"node": ">=14"
}
},
"node_modules/which": {
"version": "1.3.1",
"resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
@ -2213,6 +2616,39 @@
"funding": {
"url": "https://github.com/sponsors/ljharb"
}
},
"node_modules/ws": {
"version": "8.14.2",
"resolved": "https://registry.npmjs.org/ws/-/ws-8.14.2.tgz",
"integrity": "sha512-wEBG1ftX4jcglPxgFCMJmZ2PLtSbJ2Peg6TmpJFTbe9GZYOQCDPdMYu/Tm0/bGZkw8paZnJY45J4K2PZrLYq8g==",
"engines": {
"node": ">=10.0.0"
},
"peerDependencies": {
"bufferutil": "^4.0.1",
"utf-8-validate": ">=5.0.2"
},
"peerDependenciesMeta": {
"bufferutil": {
"optional": true
},
"utf-8-validate": {
"optional": true
}
}
},
"node_modules/xml-name-validator": {
"version": "4.0.0",
"resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
"integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
"engines": {
"node": ">=12"
}
},
"node_modules/xmlchars": {
"version": "2.2.0",
"resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
"integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="
}
}
}

View File

@ -9,12 +9,15 @@
"prod": "npm-run-all build serve"
},
"dependencies": {
"@fortawesome/fontawesome-free": "6.4.2",
"@popperjs/core": "^2.11.8",
"bootstrap": "5.3.2",
"@fortawesome/fontawesome-free": "6.4.2"
"jquery": "^3.7.1",
"jsdom": "^22.1.0"
},
"devDependencies": {
"http-server": "14.1.1",
"vite": "4.4.9",
"npm-run-all": "4.1.5"
"npm-run-all": "4.1.5",
"vite": "4.4.9"
}
}

View File

@ -3,28 +3,36 @@
<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="node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<title>Boolfill</title>
<link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" crossorigin="anonymous">
<link rel="stylesheet" href="./node_modules/@fortawesome/fontawesome-free/css/all.min.css" />
<link rel="stylesheet" href="./css/style.css">
<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</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">
<div class="collapse navbar-collapse me-5" id="navbarSupportedContent">
<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">
<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 bg-transparent" id="navbarSupportedContent">
<ul class="navbar-nav mt-2">
<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>
<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>
<li class="nav-item">
<a class="nav-link h5 h-sm-4" href="favour.html">Favourite</a>
</li>
@ -43,8 +51,6 @@
</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">
@ -104,13 +110,6 @@
</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>

View File

@ -8,10 +8,10 @@ export default defineConfig({
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'),
page4: resolve(__dirname, 'comics.html'),
page5: resolve(__dirname, 'favour.html'),
page6: resolve(__dirname, 'login.html'),
page7: resolve(__dirname, 'admin.html'),
},
},
},