added lab2
47
Lab2/.gitignore
vendored
Normal file
@ -0,0 +1,47 @@
|
|||||||
|
# See http://help.github.com/ignore-files/ for more about ignoring files.
|
||||||
|
|
||||||
|
# Compiled output
|
||||||
|
/dist
|
||||||
|
/tmp
|
||||||
|
/out-tsc
|
||||||
|
/bazel-out
|
||||||
|
|
||||||
|
# Node
|
||||||
|
/node_modules
|
||||||
|
npm-debug.log
|
||||||
|
yarn-error.log
|
||||||
|
|
||||||
|
# IDEs and editors
|
||||||
|
.idea/
|
||||||
|
.project
|
||||||
|
.classpath
|
||||||
|
.c9/
|
||||||
|
*.launch
|
||||||
|
.settings/
|
||||||
|
*.sublime-workspace
|
||||||
|
|
||||||
|
# Visual Studio Code
|
||||||
|
.vscode/*
|
||||||
|
!.vscode/settings.json
|
||||||
|
!.vscode/tasks.json
|
||||||
|
!.vscode/launch.json
|
||||||
|
!.vscode/extensions.json
|
||||||
|
.history/*
|
||||||
|
|
||||||
|
# Miscellaneous
|
||||||
|
/.angular/cache
|
||||||
|
.sass-cache/
|
||||||
|
/connect.lock
|
||||||
|
/coverage
|
||||||
|
/libpeerconnection.log
|
||||||
|
testem.log
|
||||||
|
/typings
|
||||||
|
|
||||||
|
# System files
|
||||||
|
.DS_Store
|
||||||
|
Thumbs.db
|
||||||
|
|
||||||
|
# Ignore dist
|
||||||
|
dist/
|
||||||
|
|
||||||
|
node_modules/*
|
83
Lab2/AddGroupPage.html
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column h-100">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||||
|
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||||
|
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="add-group">
|
||||||
|
<div class="form-group col-7">
|
||||||
|
<label>название</label>
|
||||||
|
<input class="form-control " type="handle" placeholder="название">
|
||||||
|
<label>количество участников</label>
|
||||||
|
<input class="form-control " type="handle" placeholder="кол-во участников">
|
||||||
|
<a href="AddMember.html" class="navbar-brad"> далее</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||||
|
src="assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
83
Lab2/AddMember.html
Normal file
@ -0,0 +1,83 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column h-100">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||||
|
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||||
|
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="add-group">
|
||||||
|
<div class="form-group col-7">
|
||||||
|
<label>имя участника #"номер"</label>
|
||||||
|
<input class="form-control " type="handle" placeholder="имя участника">
|
||||||
|
<label>хэндл Codeforces</label>
|
||||||
|
<input class="form-control " type="handle" placeholder="хэндл Codeforces">
|
||||||
|
<a href = "AddMember.html" class = "navbar-brad"> далее</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||||
|
src="assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
82
Lab2/GroupPage.html
Normal file
@ -0,0 +1,82 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class = "h-100" lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css"
|
||||||
|
rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body class="d-flex flex-column ">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||||
|
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||||
|
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<table class = "table table-hover">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Имя участника</th>
|
||||||
|
<th>Решено задач</th>
|
||||||
|
<th>Звание</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td> "имя участника"</td>
|
||||||
|
<td> "кол-во задач"</td>
|
||||||
|
<td> "звание"</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class = "container-fluid">
|
||||||
|
<div class = "row">
|
||||||
|
<div class = "col-12 text-center">
|
||||||
|
<a href = "#" class = "navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class = "col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class = "col-12 text-center">
|
||||||
|
<a href = "https://ulstu.ru/" class = "navbar-brad"> <img class = "w-25 img-fluid" src = "assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
95
Lab2/LoginPage.html
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||||
|
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||||
|
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
<main class="d-flex align-items-center">
|
||||||
|
<div class="register-panel container-fluid p-0 m-0 ">
|
||||||
|
<div class="container-fluid d-flex align-items-center">
|
||||||
|
|
||||||
|
<div class="col-md-4 offset-md-4 col-12">
|
||||||
|
<div class="form-container mt-auto">
|
||||||
|
<form class="form-horizontal">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>хэндл</label>
|
||||||
|
<input class="form-control" type="handle" placeholder="хэндл">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="form-group">
|
||||||
|
<label>пароль</label>
|
||||||
|
<input class="form-control" type="password" placeholder="пароль">
|
||||||
|
</div>
|
||||||
|
<div class="remember-month">
|
||||||
|
<input class="form-check-input" type="checkbox" value="" id="flexCheckDefault">
|
||||||
|
<label class="form-check-label" for="flexCheckDefault">
|
||||||
|
Запомнить на месяц
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-default">войти</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||||
|
src="assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
BIN
Lab2/Logo.png
Normal file
After Width: | Height: | Size: 7.0 KiB |
79
Lab2/ProfilePage.html
Normal file
@ -0,0 +1,79 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column h-100 w-100">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||||
|
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||||
|
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="profile-inf">
|
||||||
|
имя пользователя: "имя пользователя"
|
||||||
|
<br>
|
||||||
|
количество групп: "кол-во групп"
|
||||||
|
</div>
|
||||||
|
<nav>
|
||||||
|
<a href="index.html" class="navbar-brad"> вернуться на главную</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25"
|
||||||
|
src="assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
0
Lab2/Readme.docx
Normal file
78
Lab2/RegisterSuccessPage.html
Normal file
@ -0,0 +1,78 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column h-100">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||||
|
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||||
|
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="register-panel">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="register-success">
|
||||||
|
<p>Если указанная вами почта существует, то на неё было
|
||||||
|
выслано письмо и вы можете войти по своему хэндлу и
|
||||||
|
паролю</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25" src="assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
94
Lab2/RegistrationPage.html
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<a href="LoginPage.html" class="navbar-brad"> войти </a>
|
||||||
|
<a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a>
|
||||||
|
<!-- <a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main class = "d-flex align-items-center">
|
||||||
|
<div class="register-panel container-fluid ">
|
||||||
|
<div class="container-fluid d-flex align-items-center">
|
||||||
|
|
||||||
|
<div class="col-md-4 offset-md-4 col-12">
|
||||||
|
<div class="form-container">
|
||||||
|
<form class="form-horizontal">
|
||||||
|
<div class="form-group">
|
||||||
|
<label>хэндл</label>
|
||||||
|
<input class="form-control" type="handle" placeholder="хэндл">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>Email</label>
|
||||||
|
<input class="form-control" type="email" placeholder="email">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label>пароль</label>
|
||||||
|
<input class="form-control" type="password" placeholder="пароль">
|
||||||
|
</div>
|
||||||
|
<button type="button" class="btn btn-default font-">регистрация</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||||
|
src="assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
BIN
Lab2/assets/CourierPrime-Bold.ttf
Normal file
BIN
Lab2/assets/CourierPrime-BoldItalic.ttf
Normal file
BIN
Lab2/assets/CourierPrime-Italic.ttf
Normal file
BIN
Lab2/assets/CourierPrime-Regular.ttf
Normal file
BIN
Lab2/assets/Logo.PNG
Normal file
After Width: | Height: | Size: 1.7 KiB |
93
Lab2/assets/OFL.txt
Normal file
@ -0,0 +1,93 @@
|
|||||||
|
Copyright 2015 The Courier Prime Project Authors (https://github.com/quoteunquoteapps/CourierPrime).
|
||||||
|
|
||||||
|
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||||
|
This license is copied below, and is also available with a FAQ at:
|
||||||
|
http://scripts.sil.org/OFL
|
||||||
|
|
||||||
|
|
||||||
|
-----------------------------------------------------------
|
||||||
|
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||||
|
-----------------------------------------------------------
|
||||||
|
|
||||||
|
PREAMBLE
|
||||||
|
The goals of the Open Font License (OFL) are to stimulate worldwide
|
||||||
|
development of collaborative font projects, to support the font creation
|
||||||
|
efforts of academic and linguistic communities, and to provide a free and
|
||||||
|
open framework in which fonts may be shared and improved in partnership
|
||||||
|
with others.
|
||||||
|
|
||||||
|
The OFL allows the licensed fonts to be used, studied, modified and
|
||||||
|
redistributed freely as long as they are not sold by themselves. The
|
||||||
|
fonts, including any derivative works, can be bundled, embedded,
|
||||||
|
redistributed and/or sold with any software provided that any reserved
|
||||||
|
names are not used by derivative works. The fonts and derivatives,
|
||||||
|
however, cannot be released under any other type of license. The
|
||||||
|
requirement for fonts to remain under this license does not apply
|
||||||
|
to any document created using the fonts or their derivatives.
|
||||||
|
|
||||||
|
DEFINITIONS
|
||||||
|
"Font Software" refers to the set of files released by the Copyright
|
||||||
|
Holder(s) under this license and clearly marked as such. This may
|
||||||
|
include source files, build scripts and documentation.
|
||||||
|
|
||||||
|
"Reserved Font Name" refers to any names specified as such after the
|
||||||
|
copyright statement(s).
|
||||||
|
|
||||||
|
"Original Version" refers to the collection of Font Software components as
|
||||||
|
distributed by the Copyright Holder(s).
|
||||||
|
|
||||||
|
"Modified Version" refers to any derivative made by adding to, deleting,
|
||||||
|
or substituting -- in part or in whole -- any of the components of the
|
||||||
|
Original Version, by changing formats or by porting the Font Software to a
|
||||||
|
new environment.
|
||||||
|
|
||||||
|
"Author" refers to any designer, engineer, programmer, technical
|
||||||
|
writer or other person who contributed to the Font Software.
|
||||||
|
|
||||||
|
PERMISSION & CONDITIONS
|
||||||
|
Permission is hereby granted, free of charge, to any person obtaining
|
||||||
|
a copy of the Font Software, to use, study, copy, merge, embed, modify,
|
||||||
|
redistribute, and sell modified and unmodified copies of the Font
|
||||||
|
Software, subject to the following conditions:
|
||||||
|
|
||||||
|
1) Neither the Font Software nor any of its individual components,
|
||||||
|
in Original or Modified Versions, may be sold by itself.
|
||||||
|
|
||||||
|
2) Original or Modified Versions of the Font Software may be bundled,
|
||||||
|
redistributed and/or sold with any software, provided that each copy
|
||||||
|
contains the above copyright notice and this license. These can be
|
||||||
|
included either as stand-alone text files, human-readable headers or
|
||||||
|
in the appropriate machine-readable metadata fields within text or
|
||||||
|
binary files as long as those fields can be easily viewed by the user.
|
||||||
|
|
||||||
|
3) No Modified Version of the Font Software may use the Reserved Font
|
||||||
|
Name(s) unless explicit written permission is granted by the corresponding
|
||||||
|
Copyright Holder. This restriction only applies to the primary font name as
|
||||||
|
presented to the users.
|
||||||
|
|
||||||
|
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
|
||||||
|
Software shall not be used to promote, endorse or advertise any
|
||||||
|
Modified Version, except to acknowledge the contribution(s) of the
|
||||||
|
Copyright Holder(s) and the Author(s) or with their explicit written
|
||||||
|
permission.
|
||||||
|
|
||||||
|
5) The Font Software, modified or unmodified, in part or in whole,
|
||||||
|
must be distributed entirely under this license, and must not be
|
||||||
|
distributed under any other license. The requirement for fonts to
|
||||||
|
remain under this license does not apply to any document created
|
||||||
|
using the Font Software.
|
||||||
|
|
||||||
|
TERMINATION
|
||||||
|
This license becomes null and void if any of the above conditions are
|
||||||
|
not met.
|
||||||
|
|
||||||
|
DISCLAIMER
|
||||||
|
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
|
||||||
|
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
|
||||||
|
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
|
||||||
|
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
|
||||||
|
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
|
||||||
|
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
|
||||||
|
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
|
||||||
|
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
|
||||||
|
OTHER DEALINGS IN THE FONT SOFTWARE.
|
BIN
Lab2/assets/UlSTU Logo.png
Normal file
After Width: | Height: | Size: 15 KiB |
BIN
Lab2/assets/UpButton.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
3
Lab2/assets/arrow-right-square.svg
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right-square" viewBox="0 0 16 16">
|
||||||
|
<path fill-rule="evenodd" d="M15 2a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V2zM0 2a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V2zm4.5 5.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z"/>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 446 B |
75
Lab2/assets/css/style.css
Normal file
@ -0,0 +1,75 @@
|
|||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: 'Courier New', Courier, monospace;
|
||||||
|
font-size: 50px;
|
||||||
|
color: #000000;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
*{
|
||||||
|
box-sizing:border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container{
|
||||||
|
width:100%;
|
||||||
|
max-width: 1920;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,h2,h3,h4,h5,h6{
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.MainPage{
|
||||||
|
width:100%;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header_inner{
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header{
|
||||||
|
width: 100%;
|
||||||
|
padding-top:30px;
|
||||||
|
position:absolute;
|
||||||
|
top: 0;
|
||||||
|
left:0;
|
||||||
|
right:0;
|
||||||
|
z-index: 1000;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo{
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header_logo{
|
||||||
|
display: flex;
|
||||||
|
margin-left: 0px;
|
||||||
|
margin-right: 610px;
|
||||||
|
font-size: 62px;
|
||||||
|
font-weight: 400;
|
||||||
|
color:#000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header_pict{
|
||||||
|
padding-top: 20px;
|
||||||
|
margin-left: 75px;
|
||||||
|
margin-right: 15px;
|
||||||
|
|
||||||
|
}
|
||||||
|
.nav{
|
||||||
|
font-size: 35px;
|
||||||
|
font-weight: 400;
|
||||||
|
}
|
||||||
|
.nav_link{
|
||||||
|
display: inline-block;
|
||||||
|
color: #0000cf;
|
||||||
|
margin-left: 30px;
|
||||||
|
margin-right: 30px;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
}
|
BIN
Lab2/assets/Снимок.PNG
Normal file
After Width: | Height: | Size: 1.6 KiB |
94
Lab2/index.html
Normal file
@ -0,0 +1,94 @@
|
|||||||
|
<!doctype html>
|
||||||
|
<html class="h-100" lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title>Codemonitor</title>
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
|
||||||
|
<link href="node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
|
||||||
|
<link href="node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body class="d-flex flex-column ">
|
||||||
|
<header>
|
||||||
|
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
|
||||||
|
<div class="container-fluid">
|
||||||
|
<a href="index.html" class="navbar-brad"> <div class = "d-flex"><img class="img-fluid" src="assets/Logo.png">
|
||||||
|
<div class = "LogoText d-none d-sm-block">
|
||||||
|
Codemonitor
|
||||||
|
</div></div></a>
|
||||||
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
||||||
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
|
<span class="navbar-toggler-icon"></span>
|
||||||
|
</button>
|
||||||
|
<div class="navbar-collapse collapse justify-content-end" id="navbarNav">
|
||||||
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" href="index.html">
|
||||||
|
<div class="login-reg-text">
|
||||||
|
<!-- <a href="LoginPage.html" class="navbar-brad"> войти </a> -->
|
||||||
|
<!-- <a href="RegistrationPage.html" class="navbar-brad"> зарегистрироваться</a> -->
|
||||||
|
<a href = "ProfilePage.html" class = "navbar-brad"> имя пользователя</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</nav>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text">
|
||||||
|
<h1>
|
||||||
|
Мои группы:
|
||||||
|
</h1>
|
||||||
|
</div>
|
||||||
|
<nav>
|
||||||
|
<div class="col-12 text">
|
||||||
|
<a href="GroupPage.html" class="navbar-brad">
|
||||||
|
Группа 1
|
||||||
|
</a>
|
||||||
|
<br>
|
||||||
|
<a href="GroupPage.html" class="navbar-brad">
|
||||||
|
Группа 2
|
||||||
|
</a>
|
||||||
|
<br>
|
||||||
|
<a href="GroupPage.html" class="navbar-brad">
|
||||||
|
Группа 3
|
||||||
|
</a>
|
||||||
|
<br>
|
||||||
|
<a href="AddGroupPage.html" class="navbar-brad"> Добавить группу</a>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer mt-auto d-flex flex-shrink-0 justify-content-center align-items-center">
|
||||||
|
<nav>
|
||||||
|
<div class="container-fluid">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="#" class="navbar-brad"> Codemonitor</a>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<h1>При поддержке</h1>
|
||||||
|
</div>
|
||||||
|
<div class="col-12 text-center">
|
||||||
|
<a href="https://ulstu.ru/" class="navbar-brad"> <img class="w-25 img-fluid"
|
||||||
|
src="assets/UlSTU Logo.png"></a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
2227
Lab2/package-lock.json
generated
Normal file
20
Lab2/package.json
Normal file
@ -0,0 +1,20 @@
|
|||||||
|
{
|
||||||
|
"name": "package",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"type": "module",
|
||||||
|
"scripts": {
|
||||||
|
"start": "vite",
|
||||||
|
"serve": "http-server -p 3000 ./dist/",
|
||||||
|
"build": "vite build",
|
||||||
|
"prod": "npm-run-all build serve"
|
||||||
|
},
|
||||||
|
"dependencies": {
|
||||||
|
"bootstrap": "5.3.2",
|
||||||
|
"bootstrap-icons": "1.11.1"
|
||||||
|
},
|
||||||
|
"devDependencies": {
|
||||||
|
"http-server": "14.1.1",
|
||||||
|
"vite": "4.4.9",
|
||||||
|
"npm-run-all": "4.1.5"
|
||||||
|
}
|
||||||
|
}
|
167
Lab2/style.css
Normal file
@ -0,0 +1,167 @@
|
|||||||
|
.navbar-brand img {
|
||||||
|
width: 100%;
|
||||||
|
margin-left: 4%;
|
||||||
|
margin-top: 7%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.login-reg-text a {
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 1.8em;
|
||||||
|
color: #0000cf;
|
||||||
|
overflow: hidden;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.remember-month{
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
background-color: #ebe6e6;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
min-height: 100%;
|
||||||
|
min-width: 320px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navToMain {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
text-decoration: none;
|
||||||
|
font-family: "Courier";
|
||||||
|
color: #0000cf;
|
||||||
|
font-size: 1.6em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
footer a {
|
||||||
|
font-family: "Courier";
|
||||||
|
color: #0000cf;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer h1 {
|
||||||
|
font-family: "Courier";
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 1.5em;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
main .profile-inf {
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 1.5em;
|
||||||
|
margin-top: 5%;
|
||||||
|
padding-left: 6%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .group-name {
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 1.8em;
|
||||||
|
margin-left: 6%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main h1 {
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 2em;
|
||||||
|
margin-left: 6%;
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main .register-panel {
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 1.56em;
|
||||||
|
}
|
||||||
|
|
||||||
|
main a {
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 1.8em;
|
||||||
|
margin-left: 6%;
|
||||||
|
text-decoration: none;
|
||||||
|
overflow: hidden;
|
||||||
|
color: #0000cf;
|
||||||
|
}
|
||||||
|
|
||||||
|
main table{
|
||||||
|
font-family: "Courier";
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-success{
|
||||||
|
margin-top: 5%;
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.form-container {
|
||||||
|
background: #ffffff;
|
||||||
|
font-family: 'Nunito', sans-serif;
|
||||||
|
padding: 40px;
|
||||||
|
border-radius: 20px;
|
||||||
|
border-color:#000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container .form-horizontal .form-group {
|
||||||
|
margin: 0 0 25px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container .form-horizontal .form-group label {
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.form-container .form-horizontal .btn {
|
||||||
|
font-family: "Courier";
|
||||||
|
color: #000;
|
||||||
|
background-color: #efefef;
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-container .form-horizontal .btn:hover,
|
||||||
|
.form-container .form-horizontal .btn:focus {
|
||||||
|
color: #fff;
|
||||||
|
letter-spacing: 3px;
|
||||||
|
box-shadow: none;
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-group{
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 1.5em;
|
||||||
|
padding: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.add-group button{
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 35px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group-link{
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 2em;
|
||||||
|
margin-left: 6%;
|
||||||
|
margin-top: 5%;
|
||||||
|
}
|
||||||
|
header a{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
header img {
|
||||||
|
vertical-align: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
|
.LogoText{
|
||||||
|
font-family: "Courier";
|
||||||
|
font-size: 3em;
|
||||||
|
color: #000;
|
||||||
|
vertical-align: bottom;
|
||||||
|
overflow: hidden;
|
||||||
|
|
||||||
|
}
|
14
Lab2/vite.config.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
import { resolve } from 'path'
|
||||||
|
import { defineConfig } from 'vite'
|
||||||
|
|
||||||
|
export default defineConfig({
|
||||||
|
build: {
|
||||||
|
rollupOptions: {
|
||||||
|
input: {
|
||||||
|
main: resolve(__dirname, 'index.html'),
|
||||||
|
page2: resolve(__dirname, 'page2.html'),
|
||||||
|
page3: resolve(__dirname, 'page3.html'),
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
})
|
BIN
Lab2/Для отчета 1.PNG
Normal file
After Width: | Height: | Size: 44 KiB |
BIN
Lab2/Для отчета 2.PNG
Normal file
After Width: | Height: | Size: 9.1 KiB |
BIN
Lab2/Для отчета 3.PNG
Normal file
After Width: | Height: | Size: 19 KiB |
BIN
Lab2/Для отчета 4.PNG
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
Lab2/Для отчета 5.PNG
Normal file
After Width: | Height: | Size: 13 KiB |
BIN
Lab2/Для отчета 6.PNG
Normal file
After Width: | Height: | Size: 4.8 KiB |