Dhaverd/ Site
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Дополнения по программе тренировок; фикс стилей; создана страница регистрации

This commit is contained in:
BelPE 2022-11-10 14:05:09 +08:00
parent 4974b1b228
commit 5eff7fdd1c
7 changed files with 166 additions and 56 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
login.html
View File

@ -4,8 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>Dhaverd</title> <title>Dhaverd</title>
<link href="src/styles/style.css?v=01000040" rel="stylesheet" media="screen" /> <link href="src/styles/style.css?v=01000052" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000040" media="handheld,only screen and (max-device-width:480px)" /> <link rel="stylesheet" href="src/styles/styleMobile.css?v=01000052" media="handheld,only screen and (max-device-width:480px)" />
<link rel="icon" href="src/img/favicon.ico"> <link rel="icon" href="src/img/favicon.ico">
</head> </head>
<body id="main"> <body id="main">

4
servers.html
View File

@ -4,8 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>Dhaverd - Servers</title> <title>Dhaverd - Servers</title>
<link href="src/styles/style.css?v=01000051" rel="stylesheet" media="screen" /> <link href="src/styles/style.css?v=01000052" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000051" media="handheld,only screen and (max-device-width:480px)" /> <link rel="stylesheet" href="src/styles/styleMobile.css?v=01000052" media="handheld,only screen and (max-device-width:480px)" />
<link rel="icon" href="src/img/favicon.ico"> <link rel="icon" href="src/img/favicon.ico">
<!--<script src="src/scripts/jquery.min.js"></script>--> <!--<script src="src/scripts/jquery.min.js"></script>-->
</head> </head>

50
signin.html Normal file
View File

@ -0,0 +1,50 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Dhaverd</title>
<link href="src/styles/style.css?v=01000052" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000052" media="handheld,only screen and (max-device-width:480px)" />
<link rel="icon" href="src/img/favicon.ico">
</head>
<body id="main">
<header id="header" class="default index-logo">
<div class="logo-img">
<a href="index.html"><img class="header-img" src="src/img/dhaverd2.png"></a>
</div>
</header>
<main>
<section class="side-bar">
<p class="mainp"><a class="side-href" href="index.html">Главная</a></p>
<p class="gitea"><a class="side-href" href="http:\\176.114.129.4:3000">Gitea</a></p>
<p class="servers"><a class="side-href" href="servers.html">Сервера</a></p>
<p class="mychat"><a class="side-href" href="mychat.html">MyChat</a></p>
<p class="workout-area"><a class="side-href" href="workout.html">Программа тренировок</a></p>
</section>
<section class="main-content signin-main-content" id="main-content">
<h1 id="signinh1" class="page-title">Регистрация</h1>
<section class="signin-main">
<section class="signin-left"></section>
<section class="signin-form">
<form id="form">
<input id="login" class="signin-input" type="text" name="login">
<input id="password" class="signin-input" type="password" name="password">
<input id="password2" class="signin-input" type="password" name="password">
<label class="password-label"><input id="password-checkbox" type="checkbox" value="">Показать пароль</label>
<input class="signin-input signin-button" type="submit" name="send" value="Зарегистрироваться">
</form>
</section>
<section class="signin-right"></section>
</section>
</section>
</main>
<footer>
<section>
<p id="footer">® Dhaverd 2022</p>
</section>
</footer>
<script src="src/scripts/jquery.min.js?v=0000001"></script>
<script src="src/scripts/signin.js?v=0000001"></script>
</body>
</html>

21
src/scripts/signin.js Normal file
View File

@ -0,0 +1,21 @@
$("#form").on("submit", function(){
$.ajax({
url: '/src/login.php',
method: 'post',
dataType: 'html',
data: $(this).serialize(),
success: function(data){
$('#message').html(data);
}
});
});
$('body').on('click', '#password-checkbox', function(){
if ($(this).is(':checked')){
$('#password').attr('type', 'text');
$('#password2').attr('type', 'text');
} else {
$('#password').attr('type', 'password');
$('#password2').attr('type', 'password');
}
});

63
src/styles/style.css
View File

@ -139,14 +139,12 @@ h2 {
.zomboid { .zomboid {
width: 50%; width: 50%;
border-radius: 10%;
} }
.image-content { .image-content {
text-align: center; text-align: center;
} }
.image-content img {
border-radius: 10%;
}
.default { .default {
background-color: #424242; background-color: #424242;
@ -158,6 +156,7 @@ h2 {
.minecraft-vanilla { .minecraft-vanilla {
width: 50%; width: 50%;
border-radius: 10%;
} }
.fixed nav a:hover { .fixed nav a:hover {
@ -187,7 +186,7 @@ h2 {
margin: 10px; margin: 10px;
table-layout: auto; table-layout: auto;
width: 98%; width: 98%;
height: 80%; height: 40%;
border-collapse: collapse; border-collapse: collapse;
border: 1px solid black; border: 1px solid black;
} }
@ -254,16 +253,7 @@ h2 {
width: 50%; width: 50%;
} }
#leha { #leha, #plov, #leha2, #plov2 {
font-size: 16px;
text-align: center;
border: 1px solid black;
padding-left: 10px;
padding-bottom: 2px;
width: 10%;
}
#plov {
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
border: 1px solid black; border: 1px solid black;
@ -295,22 +285,26 @@ h2 {
} }
.index-main-content { .index-main-content {
height: 200px; /*height: 200px;*/
height: auto;
padding-bottom: 10px; padding-bottom: 10px;
} }
.servers-main-content { .servers-main-content {
height: 850px; /*height: 850px;*/
height: auto;
padding-bottom: 10px; padding-bottom: 10px;
} }
.mychat-main-content { .mychat-main-content {
height: 450px; /*height: 450px;*/
height: auto;
padding-bottom: 10px; padding-bottom: 10px;
} }
.workout-main-content { .workout-main-content {
height: 820px; /*height: 820px;*/
height: auto;
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -328,7 +322,7 @@ h2 {
text-align:center; text-align:center;
} }
.login-main-content { .login-main-content, .signin-main-content {
height: auto; height: auto;
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -340,18 +334,18 @@ h2 {
padding-bottom: 20px; padding-bottom: 20px;
} }
#loginh1 { #loginh1, #signinh1 {
padding-top: 20px; padding-top: 20px;
} }
.login-input { .login-input, .signin-input {
width: 100%; width: 100%;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
height: 30px; height: 30px;
} }
.login-button { .login-button, .signin-button {
background-color: #609A21; background-color: #609A21;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
@ -384,7 +378,7 @@ h2 {
font-size: 16px; font-size: 16px;
} }
#password { #password, #password2 {
margin-bottom: 10px; margin-bottom: 10px;
font-family: Arial; font-family: Arial;
font-size: 16px; font-size: 16px;
@ -394,4 +388,27 @@ h2 {
font-family: segoe print; font-family: segoe print;
font-size: 14px; font-size: 14px;
color: #E0E0E0; color: #E0E0E0;
}
.signin-main {
padding-left: 10px;
width: 97%;
display: grid;
grid-template-columns: 35% 60% 5%;
grid-template-areas: "signin-left signin-form signin-right";
}
.signin-left {
grid-area: signin-left;
}
.signin-right {
grid-area: signin-right;
}
.signin-form {
width: 50%;
text-align: center;
grid-area: signin-form;
padding-bottom: 20px;
} }

38
src/styles/styleMobile.css
View File

@ -126,15 +126,13 @@ h2 {
.zomboid { .zomboid {
width: 50%; width: 50%;
border-radius: 10%;
} }
.image-content { .image-content {
text-align: center; text-align: center;
height: 20%; height: 20%;
} }
.image-content img {
border-radius: 10%;
}
.default { .default {
background-color: #424242; background-color: #424242;
@ -146,6 +144,7 @@ h2 {
.minecraft-vanilla { .minecraft-vanilla {
width: 50%; width: 50%;
border-radius: 10%;
} }
.default nav a:hover { .default nav a:hover {
@ -305,7 +304,7 @@ h2 {
text-align:center; text-align:center;
} }
.login-main-content { .login-main-content, .signin-main-content {
height: auto; height: auto;
padding-bottom: 10px; padding-bottom: 10px;
} }
@ -317,18 +316,18 @@ h2 {
padding-bottom: 20px; padding-bottom: 20px;
} }
#loginh1 { #loginh1, #signinh1 {
padding-top: 20px; padding-top: 20px;
} }
.login-input { .login-input, .signin-input {
width: 100%; width: 100%;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
height: 30px; height: 30px;
} }
.login-button { .login-button, .signin-button {
background-color: #609A21; background-color: #609A21;
border: none; border: none;
border-radius: 5px; border-radius: 5px;
@ -361,7 +360,7 @@ h2 {
font-size: 16px; font-size: 16px;
} }
#password { #password, #password2 {
margin-bottom: 10px; margin-bottom: 10px;
font-family: Arial; font-family: Arial;
font-size: 16px; font-size: 16px;
@ -371,4 +370,27 @@ h2 {
font-family: segoe print; font-family: segoe print;
font-size: 14px; font-size: 14px;
color: #E0E0E0; color: #E0E0E0;
}
.signin-main {
padding-left: 10px;
width: 97%;
display: grid;
grid-template-columns: 35% 60% 5%;
grid-template-areas: "signin-left signin-form signin-right";
}
.signin-left {
grid-area: signin-left;
}
.signin-right {
grid-area: signin-right;
}
.signin-form {
width: 50%;
text-align: center;
grid-area: signin-form;
padding-bottom: 20px;
} }

42
workout.html
View File

@ -4,8 +4,8 @@
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width"> <meta name="viewport" content="width=device-width">
<title>Dhaverd</title> <title>Dhaverd</title>
<link href="src/styles/style.css?v=01000051" rel="stylesheet" media="screen" /> <link href="src/styles/style.css?v=01000052" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000051" media="handheld,only screen and (max-device-width:480px)" /> <link rel="stylesheet" href="src/styles/styleMobile.css?v=01000052" media="handheld,only screen and (max-device-width:480px)" />
<link rel="icon" href="src/img/favicon.ico"> <link rel="icon" href="src/img/favicon.ico">
<!--<script src="src/scripts/jquery.min.js"></script>--> <!--<script src="src/scripts/jquery.min.js"></script>-->
</head> </head>
@ -218,21 +218,21 @@
<tr> <tr>
<td class="exercise">Тяга вертикального блока широким хватом</td> <td class="exercise">Тяга вертикального блока широким хватом</td>
<td class="muscle-group">Спина/Дельты</td> <td class="muscle-group">Спина/Дельты</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">25кг</td> <td class="l-prim">25кг</td>
<td class="p-prim">25кг</td> <td class="p-prim">25кг</td>
</tr> </tr>
<tr class="odd"> <tr class="odd">
<td class="exercise">Жим гантелей сидя на скамье 90гр</td> <td class="exercise">Жим гантелей сидя на скамье 90гр</td>
<td class="muscle-group">Спина/Дельты</td> <td class="muscle-group">Спина/Дельты</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">8кг</td> <td class="l-prim">8кг</td>
<td class="p-prim">8кг</td> <td class="p-prim">8кг</td>
</tr> </tr>
<tr> <tr>
<td class="exercise">Разведения с гантелями через стороны</td> <td class="exercise">Разведения с гантелями через стороны</td>
<td class="muscle-group">Спина/Дельты</td> <td class="muscle-group">Спина/Дельты</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">4кг</td> <td class="l-prim">4кг</td>
<td class="p-prim">4кг</td> <td class="p-prim">4кг</td>
</tr> </tr>
@ -256,30 +256,30 @@
<tr> <tr>
<td class="exercise">Жим гантелей лежа</td> <td class="exercise">Жим гантелей лежа</td>
<td class="muscle-group">Грудь</td> <td class="muscle-group">Грудь</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">8кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">9кг</td>
</tr> </tr>
<tr class="odd"> <tr class="odd">
<td class="exercise">Сведение рук в Пэк Дэк</td> <td class="exercise">Сведение рук в Пэк Дэк</td>
<td class="muscle-group">Грудь</td> <td class="muscle-group">Грудь</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">30кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">30кг</td>
</tr> </tr>
<tr> <tr>
<td class="exercise">Подъем гантелей на бицепс стоя</td> <td class="exercise">Подъем гантелей на бицепс стоя</td>
<td class="muscle-group">Бицепс</td> <td class="muscle-group">Бицепс</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">6кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">6кг</td>
</tr> </tr>
<tr class="odd"> <tr class="odd">
<td class="exercise">Разгибания с прямой рукоятью в кроссовере</td> <td class="exercise">Разгибания с прямой рукоятью в кроссовере</td>
<td class="muscle-group">Бицепс</td> <td class="muscle-group">Бицепс</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">15кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">15кг</td>
</tr> </tr>
<tr> <tr>
<td class="exercise">Эллипсоид</td> <td class="exercise">Эллипсоид</td>
@ -301,28 +301,28 @@
<tr> <tr>
<td class="exercise">Жим платформы ногами</td> <td class="exercise">Жим платформы ногами</td>
<td class="muscle-group">Ноги</td> <td class="muscle-group">Ноги</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">?кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">?кг</td>
</tr> </tr>
<tr class="odd"> <tr class="odd">
<td class="exercise">Икроножные стоя в Гакке</td> <td class="exercise">Икроножные стоя в Гакке</td>
<td class="muscle-group">Ноги</td> <td class="muscle-group">Ноги</td>
<td class="count">3x15</td> <td class="count">3x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">?кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">?кг</td>
</tr> </tr>
<tr> <tr>
<td class="exercise">Тяга шт. к подбородку</td> <td class="exercise">Тяга шт. к подбородку</td>
<td class="muscle-group">Дельты</td> <td class="muscle-group">Дельты</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">?кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">?кг</td>
</tr> </tr>
<tr class="odd"> <tr class="odd">
<td class="exercise">Пэк Дэк разведения</td> <td class="exercise">Пэк Дэк разведения</td>
<td class="muscle-group">Дельты</td> <td class="muscle-group">Дельты</td>
<td class="count">4x15</td> <td class="count">4x12</td>
<td class="l-prim">?кг</td> <td class="l-prim">?кг</td>
<td class="p-prim">?кг</td> <td class="p-prim">?кг</td>
</tr> </tr>