Lab2
This commit is contained in:
parent
458320ebc7
commit
517f052e4b
8
.idea/.gitignore
vendored
Normal file
8
.idea/.gitignore
vendored
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
|
# Datasource local storage ignored files
|
||||||
|
/dataSources/
|
||||||
|
/dataSources.local.xml
|
||||||
9
.idea/Internt_Programmirovanie_PIbd23_Yashin.iml
Normal file
9
.idea/Internt_Programmirovanie_PIbd23_Yashin.iml
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="JAVA_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||||
|
<exclude-output />
|
||||||
|
<content url="file://$MODULE_DIR$" />
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
6
.idea/misc.xml
Normal file
6
.idea/misc.xml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectRootManager">
|
||||||
|
<output url="file://$PROJECT_DIR$/out" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
8
.idea/modules.xml
Normal file
8
.idea/modules.xml
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/Internt_Programmirovanie_PIbd23_Yashin.iml" filepath="$PROJECT_DIR$/.idea/Internt_Programmirovanie_PIbd23_Yashin.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
6
.idea/vcs.xml
Normal file
6
.idea/vcs.xml
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="" vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
24
Lab2/vite-project/.gitignore
vendored
Normal file
24
Lab2/vite-project/.gitignore
vendored
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
# Logs
|
||||||
|
logs
|
||||||
|
*.log
|
||||||
|
npm-debug.log*
|
||||||
|
yarn-debug.log*
|
||||||
|
yarn-error.log*
|
||||||
|
pnpm-debug.log*
|
||||||
|
lerna-debug.log*
|
||||||
|
|
||||||
|
node_modules
|
||||||
|
dist
|
||||||
|
dist-ssr
|
||||||
|
*.local
|
||||||
|
|
||||||
|
# Editor directories and files
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.idea
|
||||||
|
.DS_Store
|
||||||
|
*.suo
|
||||||
|
*.ntvs*
|
||||||
|
*.njsproj
|
||||||
|
*.sln
|
||||||
|
*.sw?
|
||||||
85
Lab2/vite-project/Contacts.html
Normal file
85
Lab2/vite-project/Contacts.html
Normal file
@ -0,0 +1,85 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Galery</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<link rel="stylesheet" href="myStyle.css">
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" >
|
||||||
|
<link rel="stylesheet" href="MBD/css/mdb.min.css" />
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script defer src="bootstrap/js/bootstrap.js"></script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body class="bg-image overflow-visible pageBackground">
|
||||||
|
<!--Шапка-->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light navbar-style">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand btn btn-outline-dark" href="index.html" >
|
||||||
|
<img src="img/lable.png" alt="Logo" height="60" class="align-text-top">
|
||||||
|
</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">
|
||||||
|
<img src="img/togglerIcon.png" alt="Toggler" height="40">
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse " id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="index.html">Главная</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Galery.html" >Галерея</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Courses.html">Курсы</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link active me-3 ms-3 fs-3 fw-bold" aria-current="page" href="Contacts.html">Контакты</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Reviews.html" >Отзывы</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!--Шапка-->
|
||||||
|
<!--Контакты-->
|
||||||
|
<div class="container mx-auto my-5 p-2 rounded-8 fw-bold formStyle formSizeStyle minH-500 hfitcon">
|
||||||
|
<div class="text-dark mx-auto fw-bold fs-3 mb-3 wfitcon">
|
||||||
|
Контактная информация
|
||||||
|
</div>
|
||||||
|
<div class="row row-cols-1 row-cols-xl-2">
|
||||||
|
<div class="col col-12 col-xl-7">
|
||||||
|
<script type="text/javascript" charset="utf-8" async src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Aa04c81f9d2fb99b1196ebaa14018b658af59476c09548a9d1ed257c055abf2c1&width=100%&height=400px&lang=ru_RU&scroll=true"></script>
|
||||||
|
</div>
|
||||||
|
<div class="col col-12 col-xl-5 text-dark fs-4 fw-bold text-center text-xl-start mt-4 mt-xl-0">
|
||||||
|
Группа в ВКонтакте <br>
|
||||||
|
<a class="text-reset" href="https://vk.com/mackmaffin">@NaStolb73</a> <br>
|
||||||
|
Телефон для связи <br>
|
||||||
|
8-800-555-35-35 <br>
|
||||||
|
Адрес электронной почты<br>
|
||||||
|
valitzhoska73@gmail.com
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Контакты-->
|
||||||
|
|
||||||
|
<!--Подвал-->
|
||||||
|
<footer class="position-sticky top-100 footer-style">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm text-center text-sm-start text-light fw-bold fs-5">
|
||||||
|
Техническая поддержка <br>
|
||||||
|
8-800-555-3535 <br>
|
||||||
|
valitzhoska73@gmail.com
|
||||||
|
</div>
|
||||||
|
<div class="col-sm text-center text-sm-end text-light fw-bold fs-5">
|
||||||
|
Работаем без выходных с 8:00 до 21:30
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!--Подвал-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
125
Lab2/vite-project/Courses.html
Normal file
125
Lab2/vite-project/Courses.html
Normal file
@ -0,0 +1,125 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Galery</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<link rel="stylesheet" href="myStyle.css">
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" >
|
||||||
|
<link rel="stylesheet" href="MBD/css/mdb.min.css" />
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script defer src="bootstrap/js/bootstrap.min.js"></script>
|
||||||
|
</head>
|
||||||
|
<body class="bg-image overflow-visible pageBackground">
|
||||||
|
<!--Шапка-->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light navbar-style">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand btn btn-outline-dark" href="index.html" >
|
||||||
|
<img src="img/lable.png" alt="Logo" height="60" class="align-text-top">
|
||||||
|
</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">
|
||||||
|
<img src="img/togglerIcon.png" alt="Toggler" height="40">
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse " id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="index.html">Главная</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Galery.html" >Галерея</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link active me-3 ms-3 fs-3 fw-bold" aria-current="page" href="Courses.html">Курсы</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Contacts.html" >Контакты</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Reviews.html" >Отзывы</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!--Шапка-->
|
||||||
|
<!--Курсы-->
|
||||||
|
<div class="container mx-auto my-5 formSizeStyle">
|
||||||
|
<div class="row row-cols-xl-3 row-cols-md-2 row-cols-1 pd-3 text-center text-secondary-emphasis">
|
||||||
|
<div class="coll col-xxl-4 col-lg-6 col-12 mx-auto mb-3 p-2 rounded-8 fw-bold formStyle hfitcon wfitcon" >
|
||||||
|
<img src="img/CourseImage1.jpg" class="my-3 rounded-9" alt="image" height="150">
|
||||||
|
<div class="my-3 fs-3 fw-bold">
|
||||||
|
1 занятие <br>
|
||||||
|
2500 рублей
|
||||||
|
</div>
|
||||||
|
<button class="btn rounded-pill btn-lg text-light my-3 fw-normal fs-6 purple" data-bs-toggle="modal" data-bs-target="#signUp">
|
||||||
|
Записаться
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="coll col-xxl-4 col-lg-6 col-12 mx-auto mb-3 p-2 rounded-8 fw-bold formStyle hfitcon wfitcon">
|
||||||
|
<img src="img/CourseImage2.jpg" class="my-3 rounded-9" alt="image" height="150">
|
||||||
|
<div class="my-3 fs-3 fw-bold">
|
||||||
|
5 занятий <br>
|
||||||
|
10000 рублей
|
||||||
|
</div>
|
||||||
|
<button class="btn rounded-pill btn-lg text-light my-3 fw-normal fs-6 purple" data-bs-toggle="modal" data-bs-target="#signUp">
|
||||||
|
Записаться
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="coll col-xxl-4 col-lg-6 col-12 mx-auto mb-3 p-2 rounded-8 fw-bold formStyle hfitcon wfitcon">
|
||||||
|
<img src="img/CourseImage3.jpg" class="my-3 rounded-9" alt="image" height="150">
|
||||||
|
<div class="my-3 fs-3 fw-bold">
|
||||||
|
11 занятий <br>
|
||||||
|
20000 рублей
|
||||||
|
</div>
|
||||||
|
<button class="btn rounded-pill btn-lg text-light my-3 fw-normal fs-6 purple" data-bs-toggle="modal" data-bs-target="#signUp">
|
||||||
|
Записаться
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Модальное окно-->
|
||||||
|
<div class="modal fade" id="signUp" tabindex="-1" aria-labelledby="signUp" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content rounded-8 modalStyle">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title fw-bold fs-3 text-secondary-emphasis" id="signUpLabel">Запись на курс</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="recipient-name" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Ваше имя:</label>
|
||||||
|
<input type="text" class="form-control rounded-8 light-grey" id="recipient-name">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="signUpText" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Ваш номер телефона +7-...:</label>
|
||||||
|
<input type="tel" class="form-control rounded-8 light-grey" id="signUpText">
|
||||||
|
</div>
|
||||||
|
<p class="fw-bold fw-5 text-secondary-emphasis">С вами свяжется наш оператор для уточнения деталей</p>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button type="button" class="btn rounded-pill text-light fw-normal fs-6 purple">Ввод</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Подвал-->
|
||||||
|
<footer class="position-sticky top-100 footer-style">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm text-center text-sm-start text-light fw-bold fs-5">
|
||||||
|
Техническая поддержка <br>
|
||||||
|
8-800-555-3535 <br>
|
||||||
|
valitzhoska73@gmail.com
|
||||||
|
</div>
|
||||||
|
<div class="col-sm text-center text-sm-end text-light fw-bold fs-5">
|
||||||
|
Работаем без выходных с 8:00 до 21:30
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!--Подвал-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
124
Lab2/vite-project/Galery.html
Normal file
124
Lab2/vite-project/Galery.html
Normal file
@ -0,0 +1,124 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Galery</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<link rel="stylesheet" href="myStyle.css">
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" >
|
||||||
|
<link rel="stylesheet" href="MBD/css/mdb.min.css" />
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script defer src="bootstrap/js/bootstrap.js"></script>
|
||||||
|
</head>
|
||||||
|
<body class="bg-image overflow-visible pageBackground">
|
||||||
|
<!--Шапка-->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light navbar-style">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand btn btn-outline-dark" href="index.html" >
|
||||||
|
<img src="img/lable.png" alt="Logo" height="60" class="align-text-top">
|
||||||
|
</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">
|
||||||
|
<img src="img/togglerIcon.png" alt="Toggler" height="40">
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse " id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="index.html">Главная</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link active me-3 ms-3 fs-3 fw-bold" aria-current="page" href="Galery.html" >Галерея</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Courses.html">Курсы</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Contacts.html" >Контакты</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Reviews.html" >Отзывы</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!--Шапка-->
|
||||||
|
<!--Галерея-->
|
||||||
|
<div class="container mx-auto my-5 p-2 rounded-8 fw-bold" style="width: 70%; min-width: 320px ;height: fit-content; min-height: 80%; background-color: rgba(155,155,155,0.8); border: 7px solid #424242">
|
||||||
|
<div class="row row-cols-1 row-cols-lg-2 row-cols-xxl-3 pb-3 text-center response-container" id="response-container">
|
||||||
|
<div class="col-xxl-4 col-lg-6 col-12 p-0">
|
||||||
|
<button class="btn mx-auto my-2 my-sm-4 p-0 bg-image rounded-8 PictureButton" data-bs-toggle="modal" data-bs-target="#exampleModal" data-img="img/image 3.jpg">
|
||||||
|
<img src="img/image 3.jpg" class="rounded-8 width-100" alt="image">
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-lg-6 col-12 p-0">
|
||||||
|
<button class="btn mx-auto my-2 my-sm-4 p-0 bg-image rounded-8 PictureButton" data-bs-toggle="modal" data-bs-target="#exampleModal" data-img="img/image 4.jpg">
|
||||||
|
<img src="img/image 4.jpg" class="rounded-8 width-100" alt="image">
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-lg-6 col-12 p-0">
|
||||||
|
<button class="btn mx-auto my-2 my-sm-4 p-0 bg-image rounded-8 PictureButton" data-bs-toggle="modal" data-bs-target="#exampleModal" data-img="img/image 5.jpg">
|
||||||
|
<img src="img/image 5.jpg" class="rounded-8 width-100" alt="image">
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-lg-6 col-12 p-0">
|
||||||
|
<button class="btn mx-auto my-2 my-sm-4 p-0 bg-image rounded-8 PictureButton" data-bs-toggle="modal" data-bs-target="#exampleModal" data-img="img/image 3.jpg">
|
||||||
|
<img src="img/image 3.jpg" class="rounded-8 width-100" alt="image">
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-lg-6 col-12 p-0">
|
||||||
|
<button class="btn mx-auto my-2 my-sm-4 p-0 bg-image rounded-8 PictureButton" data-bs-toggle="modal" data-bs-target="#exampleModal" data-img="img/image 4.jpg">
|
||||||
|
<img src="img/image 4.jpg" class="rounded-8 width-100" alt="image">
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-lg-6 col-12 p-0">
|
||||||
|
<button class="btn mx-auto my-2 my-sm-4 p-0 bg-image rounded-8 PictureButton" data-bs-toggle="modal" data-bs-target="#exampleModal" data-img="img/image 5.jpg">
|
||||||
|
<img src="img/image 5.jpg" class="rounded-8 width-100" alt="image">
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div class="col-xxl-4 col-lg-6 col-12 p-0">
|
||||||
|
<button onclick="file.click()" type="button" class="btn btn-dark mx-auto my-4 rounded-8 fw-bold fs-1 PictureButton">
|
||||||
|
+
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<input id="file" type="file" hidden />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Галерея-->
|
||||||
|
<!-- Модальное окно -->
|
||||||
|
<div class="modal fade " id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel">
|
||||||
|
<div class="modal-dialog modal-dialog-centered modal-fullscreen mx-auto modal-dialog-style">
|
||||||
|
<div class="modal-content rounded-8">
|
||||||
|
<div class="modal-body text-center rounded-8 modalStyle hfitcon width-100">
|
||||||
|
<button type="button" class="btn-close position-absolute top-0 end-0 me-1" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||||
|
<img id="image" class="mx-auto width-100" src="" alt="image">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
var exampleModal = document.getElementById('exampleModal')
|
||||||
|
exampleModal.addEventListener('show.bs.modal', function (event){
|
||||||
|
var button = event.relatedTarget
|
||||||
|
var recipient = button.getAttribute('data-img')
|
||||||
|
document.getElementById('image').setAttribute("src", recipient.toString())
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<!--Подвал-->
|
||||||
|
<footer class="position-sticky top-100 footer-style">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm text-center text-sm-start text-light fw-bold fs-5">
|
||||||
|
Техническая поддержка <br>
|
||||||
|
8-800-555-3535 <br>
|
||||||
|
valitzhoska73@gmail.com
|
||||||
|
</div>
|
||||||
|
<div class="col-sm text-center text-sm-end text-light fw-bold fs-5">
|
||||||
|
Работаем без выходных с 8:00 до 21:30
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!--Подвал-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
213
Lab2/vite-project/Reviews.html
Normal file
213
Lab2/vite-project/Reviews.html
Normal file
@ -0,0 +1,213 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>Reviews</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<link rel="stylesheet" href="myStyle.css">
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" >
|
||||||
|
<link rel="stylesheet" href="MBD/css/mdb.min.css" />
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script defer src="bootstrap/js/bootstrap.js"></script>
|
||||||
|
|
||||||
|
</head>
|
||||||
|
<body class="bg-image overflow-visible pageBackground">
|
||||||
|
<!--Шапка-->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light navbar-style">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand btn btn-outline-dark" href="index.html" >
|
||||||
|
<img src="img/lable.png" alt="Logo" height="60" class="align-text-top">
|
||||||
|
</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">
|
||||||
|
<img src="img/togglerIcon.png" alt="Toggler" height="40">
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse " id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" aria-current="page" href="index.html">Главная</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Galery.html" >Галерея</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Courses.html">Курсы</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Contacts.html" >Контакты</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 active fs-3 fw-bold" aria-current="page" href="Reviews.html" >Отзывы</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!--Шапка-->
|
||||||
|
<!--Отзывы-->
|
||||||
|
<div class="container mx-auto my-5 p-2 rounded-8 fw-bold formStyle formStyle height-500">
|
||||||
|
<div class="row row-cols-2 text-dark float-md-end mx-auto fs-5 fw-medium rounded-7 light-grey" style="height: 100px; width: 290px;">
|
||||||
|
<div class="col col-8 text-center my-auto lh-1">
|
||||||
|
<a type="button" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#LogIn">Войдите</a> в аккаунт или
|
||||||
|
<a type="button" class="text-decoration-underline" data-bs-toggle="modal" data-bs-target="#Register">зарегистрируйтесь</a>
|
||||||
|
</div>
|
||||||
|
<div class="col col-4 mx-auto my-auto">
|
||||||
|
<img src="img/AccountIcon.png" alt="Icon" width="80">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-md-start text-center">
|
||||||
|
<button type="button" id="reviewBtn" class="btn rounded-pill btn-lg text-light my-2 mt-md-4 mb-md-5 ms-sm-3 fw-normal fs-6 purple" data-bs-toggle="modal" data-bs-target="#review">
|
||||||
|
Написать отзыв
|
||||||
|
</button>
|
||||||
|
<button id="reset" class="btn rounded-pill">Сброс</button>
|
||||||
|
<div class="container overflow-y-auto height-300" >
|
||||||
|
<div class="text-start p-2 rounded-7 my-2 light-grey hfitcon wfitcon">
|
||||||
|
<h5 class="fw-normal text-dark">Михаил</h5>
|
||||||
|
<h6>Разбил аппарат, рекомендую</h6>
|
||||||
|
</div>
|
||||||
|
<div class="text-start p-2 rounded-7 my-2 light-grey hfitcon wfitcon">
|
||||||
|
<h5 class="fw-normal text-dark">Леша</h5>
|
||||||
|
<h6>Марк 2 лучше</h6>
|
||||||
|
</div>
|
||||||
|
<div class="text-start p-2 rounded-7 my-2 light-grey hfitcon wfitcon">
|
||||||
|
<h5 class="fw-normal text-dark">Женя</h5>
|
||||||
|
<h6>Приехал с сыном на выходных покататься, а заодно и новому научиться,
|
||||||
|
все таки дело полезное. Отлично провели время, инструктор объяснил что и как
|
||||||
|
теперь я действительно чувствую себя увереннее за рулем</h6>
|
||||||
|
</div>
|
||||||
|
<div class="text-start p-2 rounded-7 my-2 light-grey hfitcon wfitcon">
|
||||||
|
<h5 class="fw-normal text-dark">Женя</h5>
|
||||||
|
<h6>Приехал с сыном на выходных покататься, а заодно и новому научиться,
|
||||||
|
все таки дело полезное. Отлично провели время, инструктор объяснил что и как
|
||||||
|
теперь я действительно чувствую себя увереннее за рулем</h6>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Отзывы-->
|
||||||
|
<!--Модальное окно отзыв-->
|
||||||
|
<div class="modal fade" id="review" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content rounded-8 modalStyle">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title fw-bold fs-3 text-secondary-emphasis" id="reviewLabel">Новый отзыв</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="h3 text-danger" id="logged"></div>
|
||||||
|
<form id="reviews-body">
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="reviewText" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Текст отзыва:</label>
|
||||||
|
<textarea class="form-control rounded-8 light-grey" rows="5" id="reviewText"></textarea>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer" id="reviews-footer">
|
||||||
|
<button class="btn rounded-pill btn-sm text-light fw-normal fs-6 purple" data-bs-toggle="modal">
|
||||||
|
Отправить
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Модальное окно вход-->
|
||||||
|
<div class="modal fade" id="LogIn" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content rounded-8 modalStyle">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title fw-bold fs-3 text-secondary-emphasis" id="LogInLabel">Вход</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="nameLogIn" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Имя:</label>
|
||||||
|
<input type="text" class="form-control rounded-8 light-grey" id="nameLogIn">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="passwordLogIn" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Пароль:</label>
|
||||||
|
<input type="password" class="form-control rounded-8 light-grey" id="passwordLogIn">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button class="btn rounded-pill btn-sm text-light fw-normal fs-6 purple" id="signIn" data-bs-toggle="modal">
|
||||||
|
Вход
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Модальное окно регистрация-->
|
||||||
|
<div class="modal fade" id="Register" tabindex="-1" aria-labelledby="RegisterLabel" aria-hidden="true">
|
||||||
|
<div class="modal-dialog modal-dialog-centered">
|
||||||
|
<div class="modal-content rounded-8 modalStyle">
|
||||||
|
<div class="modal-header">
|
||||||
|
<h5 class="modal-title fw-bold fs-3 text-secondary-emphasis" id="exampleModalLabel">Регистрация</h5>
|
||||||
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Закрыть"></button>
|
||||||
|
</div>
|
||||||
|
<div class="modal-body">
|
||||||
|
<form>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="nameRegister" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Имя:</label>
|
||||||
|
<input type="text" class="form-control rounded-8 light-grey" id="nameRegister">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="mailRegister" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Адрес электронной почты:</label>
|
||||||
|
<input type="text" class="form-control rounded-8 light-grey"id="mailRegister">
|
||||||
|
</div>
|
||||||
|
<div class="mb-3">
|
||||||
|
<label for="passwordRegister" class="col-form-label fw-bold fw-5 text-secondary-emphasis">Пароль:</label>
|
||||||
|
<input type="password" class="form-control rounded-8 light-grey" id="passwordRegister">
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="modal-footer">
|
||||||
|
<button class="btn rounded-pill btn-sm text-light fw-normal fs-6 purple" data-bs-toggle="modal" data-bs-target="#signUp">
|
||||||
|
Регистрация
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!--Подвал-->
|
||||||
|
<footer class="position-sticky top-100 footer-style">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm text-center text-sm-start text-light fw-bold fs-5">
|
||||||
|
Техническая поддержка <br>
|
||||||
|
8-800-555-3535 <br>
|
||||||
|
valitzhoska73@gmail.com
|
||||||
|
</div>
|
||||||
|
<div class="col-sm text-center text-sm-end text-light fw-bold fs-5">
|
||||||
|
Работаем без выходных с 8:00 до 21:30
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!--Подвал-->
|
||||||
|
<script>
|
||||||
|
var logged = false
|
||||||
|
var buttonReset = document.getElementById('reset')
|
||||||
|
buttonReset.addEventListener('click', function (){
|
||||||
|
logged = false;
|
||||||
|
});
|
||||||
|
var buttonSignIn = document.getElementById('signIn')
|
||||||
|
buttonSignIn.addEventListener('click', function () {
|
||||||
|
logged = true
|
||||||
|
});
|
||||||
|
var buttonReview = document.getElementById('reviewBtn')
|
||||||
|
buttonReview.addEventListener('click', function (){
|
||||||
|
if(!logged) {
|
||||||
|
document.getElementById('logged').innerText = "Войдите в аккаунт"
|
||||||
|
document.getElementById('reviews-footer').style.display = 'none'
|
||||||
|
document.getElementById('reviews-body').style.display = 'none'
|
||||||
|
} else {
|
||||||
|
document.getElementById('logged').innerText = ""
|
||||||
|
document.getElementById('reviews-footer').style.display = 'block'
|
||||||
|
document.getElementById('reviews-body').style.display = 'block'
|
||||||
|
}
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
9
Lab2/vite-project/counter.js
Normal file
9
Lab2/vite-project/counter.js
Normal file
@ -0,0 +1,9 @@
|
|||||||
|
export function setupCounter(element) {
|
||||||
|
let counter = 0
|
||||||
|
const setCounter = (count) => {
|
||||||
|
counter = count
|
||||||
|
element.innerHTML = `count is ${counter}`
|
||||||
|
}
|
||||||
|
element.addEventListener('click', () => setCounter(counter + 1))
|
||||||
|
setCounter(0)
|
||||||
|
}
|
||||||
BIN
Lab2/vite-project/img/AccountIcon.png
Normal file
BIN
Lab2/vite-project/img/AccountIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.8 KiB |
BIN
Lab2/vite-project/img/CourseImage1.jpg
Normal file
BIN
Lab2/vite-project/img/CourseImage1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 58 KiB |
BIN
Lab2/vite-project/img/CourseImage2.jpg
Normal file
BIN
Lab2/vite-project/img/CourseImage2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 116 KiB |
BIN
Lab2/vite-project/img/CourseImage3.jpg
Normal file
BIN
Lab2/vite-project/img/CourseImage3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 54 KiB |
BIN
Lab2/vite-project/img/MainBackGround.jpg
Normal file
BIN
Lab2/vite-project/img/MainBackGround.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 MiB |
BIN
Lab2/vite-project/img/image 3.jpg
Normal file
BIN
Lab2/vite-project/img/image 3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 108 KiB |
BIN
Lab2/vite-project/img/image 4.jpg
Normal file
BIN
Lab2/vite-project/img/image 4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 125 KiB |
BIN
Lab2/vite-project/img/image 5.jpg
Normal file
BIN
Lab2/vite-project/img/image 5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
BIN
Lab2/vite-project/img/lable.png
Normal file
BIN
Lab2/vite-project/img/lable.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
BIN
Lab2/vite-project/img/togglerIcon.png
Normal file
BIN
Lab2/vite-project/img/togglerIcon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 863 B |
74
Lab2/vite-project/index.html
Normal file
74
Lab2/vite-project/index.html
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="ru">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>index</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<!-- My css -->
|
||||||
|
<link rel="stylesheet" href="myStyle.css">
|
||||||
|
<!-- Bootstrap CSS -->
|
||||||
|
<link rel="stylesheet" href="bootstrap/css/bootstrap.css" >
|
||||||
|
<link rel="stylesheet" href="MBD/css/mdb.min.css" />
|
||||||
|
<!-- Bootstrap JS -->
|
||||||
|
<script defer src="bootstrap/js/bootstrap.bundle.js"></script>
|
||||||
|
</head>
|
||||||
|
<body class="bg-image overflow-visible pageBackground">
|
||||||
|
<!--Шапка-->
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light navbar-style">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a class="navbar-brand btn btn-outline-dark" href="index.html" >
|
||||||
|
<img src="img/lable.png" alt="Logo" height="60" class="align-text-top">
|
||||||
|
</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">
|
||||||
|
<img src="img/togglerIcon.png" alt="Toggler" height="40">
|
||||||
|
</button>
|
||||||
|
<div class="collapse navbar-collapse " id="navbarSupportedContent">
|
||||||
|
<ul class="navbar-nav">
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link active me-3 ms-3 fs-3 fw-bold" aria-current="page" href="index.html">Главная</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item ">
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Galery.html" >Галерея</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Courses.html">Курсы</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Contacts.html" >Контакты</a>
|
||||||
|
</li>
|
||||||
|
<li class="nav-item " >
|
||||||
|
<a class="nav-link me-3 ms-3 fs-4 fw-bold" href="Reviews.html" >Отзывы</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
<!--Шапка-->
|
||||||
|
<!--Главныей раздел-->
|
||||||
|
<div class="text-light mx-auto mt-5 mb-5 fw-bold rounded-8 p-4 mainPageInf">
|
||||||
|
<h2>Рад приветствовать вас на моем сайте!</h2>
|
||||||
|
<h4 class="mt-4">Меня зовут Илья, я иструктор по экстремальному вождению с 15-летним стажем. В течение многих лет я участвовал и
|
||||||
|
побеждал во многих ралли заездах, таких как
|
||||||
|
<br> "Париж-Дакар", "Симбирский тракт" и др.</h4>
|
||||||
|
<h4 class="mt-4">Обучение экстримальному вождению добавит вам уверенности при езде не только по грунтовым дорогам, но и по асфальту,
|
||||||
|
а также в условиях снега, дождя и при других экстримальных ситуациях. Помните, что ваша безопасность на дороге зависит от ваших навыков вождения!</h4>
|
||||||
|
</div>
|
||||||
|
<!--Главныей раздел-->
|
||||||
|
<!--Подвал-->
|
||||||
|
<footer class="position-sticky top-100 footer-style">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-sm text-center text-sm-start text-light fw-bold fs-5">
|
||||||
|
Техническая поддержка <br>
|
||||||
|
8-800-555-3535 <br>
|
||||||
|
valitzhoska73@gmail.com
|
||||||
|
</div>
|
||||||
|
<div class="col-sm text-center text-sm-end text-light fw-bold fs-5">
|
||||||
|
Работаем без выходных с 8:00 до 21:30
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
<!--Подвал-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
1
Lab2/vite-project/javascript.svg
Normal file
1
Lab2/vite-project/javascript.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="32" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 256"><path fill="#F7DF1E" d="M0 0h256v256H0V0Z"></path><path d="m67.312 213.932l19.59-11.856c3.78 6.701 7.218 12.371 15.465 12.371c7.905 0 12.89-3.092 12.89-15.12v-81.798h24.057v82.138c0 24.917-14.606 36.259-35.916 36.259c-19.245 0-30.416-9.967-36.087-21.996m85.07-2.576l19.588-11.341c5.157 8.421 11.859 14.607 23.715 14.607c9.969 0 16.325-4.984 16.325-11.858c0-8.248-6.53-11.17-17.528-15.98l-6.013-2.58c-17.357-7.387-28.87-16.667-28.87-36.257c0-18.044 13.747-31.792 35.228-31.792c15.294 0 26.292 5.328 34.196 19.247l-18.732 12.03c-4.125-7.389-8.591-10.31-15.465-10.31c-7.046 0-11.514 4.468-11.514 10.31c0 7.217 4.468 10.14 14.778 14.608l6.014 2.577c20.45 8.765 31.963 17.7 31.963 37.804c0 21.654-17.012 33.51-39.867 33.51c-22.339 0-36.774-10.654-43.819-24.574"></path></svg>
|
||||||
|
After Width: | Height: | Size: 995 B |
24
Lab2/vite-project/main.js
Normal file
24
Lab2/vite-project/main.js
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
import './style.css'
|
||||||
|
import javascriptLogo from './javascript.svg'
|
||||||
|
import viteLogo from '/vite.svg'
|
||||||
|
import { setupCounter } from './counter.js'
|
||||||
|
|
||||||
|
document.querySelector('#app').innerHTML = `
|
||||||
|
<div>
|
||||||
|
<a href="https://vitejs.dev" target="_blank">
|
||||||
|
<img src="${viteLogo}" class="logo" alt="Vite logo" />
|
||||||
|
</a>
|
||||||
|
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">
|
||||||
|
<img src="${javascriptLogo}" class="logo vanilla" alt="JavaScript logo" />
|
||||||
|
</a>
|
||||||
|
<h1>Hello Vite!</h1>
|
||||||
|
<div class="card">
|
||||||
|
<button id="counter" type="button"></button>
|
||||||
|
</div>
|
||||||
|
<p class="read-the-docs">
|
||||||
|
Click on the Vite logo to learn more
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
`
|
||||||
|
|
||||||
|
setupCounter(document.querySelector('#counter'))
|
||||||
65
Lab2/vite-project/myStyle.css
Normal file
65
Lab2/vite-project/myStyle.css
Normal file
@ -0,0 +1,65 @@
|
|||||||
|
.pageBackground{
|
||||||
|
background-image: url('img/MainBackGround.jpg');
|
||||||
|
background-attachment: fixed;
|
||||||
|
height: auto; min-height: 100vh
|
||||||
|
}
|
||||||
|
.navbar-style{
|
||||||
|
background-color: rgba(249,134,23,0.8);
|
||||||
|
border-bottom: 7px solid #7c2d00;
|
||||||
|
}
|
||||||
|
.footer-style{
|
||||||
|
background-color: rgba(249,134,23,0.8);
|
||||||
|
border-top: 7px solid #7c2d00;
|
||||||
|
}
|
||||||
|
.mainPageInf{
|
||||||
|
width: 70%;
|
||||||
|
min-width: 320px;
|
||||||
|
height: fit-content;
|
||||||
|
background-color: rgba(66,66,66,0.8);
|
||||||
|
padding:2%;
|
||||||
|
border-radius: 20px;
|
||||||
|
}
|
||||||
|
.modal-dialog-style{
|
||||||
|
height: fit-content !important;
|
||||||
|
width: 80% !important;
|
||||||
|
}
|
||||||
|
.PictureButton{
|
||||||
|
height: 200px;
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
.purple{
|
||||||
|
background-color: #8c00e2 !important;
|
||||||
|
}
|
||||||
|
.light-grey{
|
||||||
|
background-color: #d9d9d9 !important;
|
||||||
|
}
|
||||||
|
.modalStyle{
|
||||||
|
background-color: #9b9b9b !important;
|
||||||
|
border: 7px solid #424242 !important
|
||||||
|
}
|
||||||
|
.formStyle{
|
||||||
|
background-color: rgba(155,155,155,0.8) !important;
|
||||||
|
border: 7px solid #424242 !important
|
||||||
|
}
|
||||||
|
.formSizeStyle{
|
||||||
|
width: 70% !important;
|
||||||
|
min-width: 320px!important;
|
||||||
|
}
|
||||||
|
.wfitcon{
|
||||||
|
width: fit-content !important;
|
||||||
|
}
|
||||||
|
.hfitcon{
|
||||||
|
height: fit-content !important;
|
||||||
|
}
|
||||||
|
.minH-500{
|
||||||
|
min-height: 500px !important;
|
||||||
|
}
|
||||||
|
.width-100{
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
.height-300{
|
||||||
|
height: 300px !important;
|
||||||
|
}
|
||||||
|
.height-500{
|
||||||
|
height: 500px !important;
|
||||||
|
}
|
||||||
550
Lab2/vite-project/package-lock.json
generated
Normal file
550
Lab2/vite-project/package-lock.json
generated
Normal file
@ -0,0 +1,550 @@
|
|||||||
|
{
|
||||||
|
"name": "vite-project",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"lockfileVersion": 3,
|
||||||
|
"requires": true,
|
||||||
|
"packages": {
|
||||||
|
"": {
|
||||||
|
"name": "vite-project",
|
||||||
|
"version": "0.0.0",
|
||||||
|
"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/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.6",
|
||||||
|
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
|
||||||
|
"integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
|
||||||
|
"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.4.11",
|
||||||
|
"resolved": "https://registry.npmjs.org/vite/-/vite-4.4.11.tgz",
|
||||||
|
"integrity": "sha512-ksNZJlkcU9b0lBwAGZGGaZHCMqHsc8OpgtoYhsQ4/I2v5cnpmmmqe5pM4nv/4Hn6G/2GhTdj0DhZh2e+Er1q5A==",
|
||||||
|
"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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
14
Lab2/vite-project/package.json
Normal file
14
Lab2/vite-project/package.json
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
{
|
||||||
|
"name": "vite-project",
|
||||||
|
"private": true,
|
||||||
|
"version": "0.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"dev": "vite",
|
||||||
|
"build": "vite build",
|
||||||
|
"preview": "vite preview"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"vite": "^4.4.5"
|
||||||
|
}
|
||||||
|
}
|
||||||
1
Lab2/vite-project/public/vite.svg
Normal file
1
Lab2/vite-project/public/vite.svg
Normal file
@ -0,0 +1 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
||||||
|
After Width: | Height: | Size: 1.5 KiB |
96
Lab2/vite-project/style.css
Normal file
96
Lab2/vite-project/style.css
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
:root {
|
||||||
|
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
||||||
|
line-height: 1.5;
|
||||||
|
font-weight: 400;
|
||||||
|
|
||||||
|
color-scheme: light dark;
|
||||||
|
color: rgba(255, 255, 255, 0.87);
|
||||||
|
background-color: #242424;
|
||||||
|
|
||||||
|
font-synthesis: none;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
font-weight: 500;
|
||||||
|
color: #646cff;
|
||||||
|
text-decoration: inherit;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #535bf2;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
place-items: center;
|
||||||
|
min-width: 320px;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: 3.2em;
|
||||||
|
line-height: 1.1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#app {
|
||||||
|
max-width: 1280px;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 2rem;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.logo {
|
||||||
|
height: 6em;
|
||||||
|
padding: 1.5em;
|
||||||
|
will-change: filter;
|
||||||
|
transition: filter 300ms;
|
||||||
|
}
|
||||||
|
.logo:hover {
|
||||||
|
filter: drop-shadow(0 0 2em #646cffaa);
|
||||||
|
}
|
||||||
|
.logo.vanilla:hover {
|
||||||
|
filter: drop-shadow(0 0 2em #f7df1eaa);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
padding: 2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.read-the-docs {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
border-radius: 8px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
padding: 0.6em 1.2em;
|
||||||
|
font-size: 1em;
|
||||||
|
font-weight: 500;
|
||||||
|
font-family: inherit;
|
||||||
|
background-color: #1a1a1a;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: border-color 0.25s;
|
||||||
|
}
|
||||||
|
button:hover {
|
||||||
|
border-color: #646cff;
|
||||||
|
}
|
||||||
|
button:focus,
|
||||||
|
button:focus-visible {
|
||||||
|
outline: 4px auto -webkit-focus-ring-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-color-scheme: light) {
|
||||||
|
:root {
|
||||||
|
color: #213547;
|
||||||
|
background-color: #ffffff;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #747bff;
|
||||||
|
}
|
||||||
|
button {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue
Block a user