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 |