Создан шаблон сайта и основные страницы
|  | @ -130,6 +130,10 @@ USE_TZ = True | |||
| 
 | ||||
| STATIC_URL = 'static/' | ||||
| 
 | ||||
| STATICFILES_DIRS = [ | ||||
|     BASE_DIR / "ststic", | ||||
| ] | ||||
| 
 | ||||
| # Default primary key field type | ||||
| # https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field | ||||
| 
 | ||||
|  |  | |||
|  | @ -16,7 +16,10 @@ Including another URLconf | |||
| from django.contrib import admin | ||||
| from django.urls import path, include | ||||
| 
 | ||||
| from django.conf import settings | ||||
| from django.conf.urls.static import static | ||||
| 
 | ||||
| urlpatterns = [ | ||||
|     path('admin/', admin.site.urls), | ||||
|     path('', include('main.urls')) | ||||
| ] | ||||
| ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) | ||||
|  |  | |||
| After Width: | Height: | Size: 14 KiB | 
| After Width: | Height: | Size: 7.0 KiB | 
| After Width: | Height: | Size: 20 KiB | 
| After Width: | Height: | Size: 26 KiB | 
| After Width: | Height: | Size: 9.2 KiB | 
| After Width: | Height: | Size: 425 KiB | 
| After Width: | Height: | Size: 2.3 KiB | 
| After Width: | Height: | Size: 116 KiB | 
| After Width: | Height: | Size: 7.7 KiB | 
| After Width: | Height: | Size: 203 KiB | 
|  | @ -0,0 +1,21 @@ | |||
| <?php | ||||
| 
 | ||||
| if (isset($_POST['text'])){	 | ||||
| 	$login = $_POST['login']; | ||||
| 	$password = $_POST['password']; | ||||
| 	$con=mysqli_connect("localhost:3306", "root", "506763", "workout"); | ||||
| 	if (!$con) | ||||
| 		die('DB connection error'); | ||||
| 	$query='SELECT * FROM users WHERE (user = ?) AND (password = ?);'; | ||||
| 	$stmt = mysqli_prepare($con,$query); | ||||
| 	mysqli_stmt_bind_param($stmt,'s', $login, $password); | ||||
| 	mysqli_stmt_execute($stmt); | ||||
| 	mysqli_stmt_close($stmt); | ||||
| 	$stmt->store_result(); | ||||
| 	if ($stmt->num_rows() = 1) { | ||||
| 		mysql_close($con);		 | ||||
| 		echo 'done'; | ||||
| 	} | ||||
| } else { | ||||
| 		echo 'error'; | ||||
| } | ||||
|  | @ -0,0 +1,27 @@ | |||
| $(document).ready(function() { | ||||
|   resetContentSize(); | ||||
|   resetHeader(); | ||||
| }); | ||||
| 
 | ||||
| function resetContentSize() { | ||||
| 	console.log("Fixing main-content height:");	 | ||||
| 	let mainContent = document.getElementById('main-content'); | ||||
| 	mainContent.setAttribute('style', 'height: auto'); | ||||
| 	mainContent = document.getElementById('main-content'); | ||||
| 	var offsetHeight = Number(mainContent.offsetHeight); | ||||
| 	console.log("\tHeight was: " + offsetHeight); | ||||
| 	var newHeight = offsetHeight + 30;	 | ||||
| 	console.log("\tSetting css: " + 'height:'+newHeight+'px'); | ||||
| 	mainContent.setAttribute('style', 'height:'+newHeight+'px'); | ||||
| 	console.log("\tHeight become: " + mainContent.offsetHeight); | ||||
| 	return; | ||||
| } | ||||
| 
 | ||||
| function resetHeader() { | ||||
| 	var header = document.getElementById('header'); | ||||
| 	header.setAttribute('style', 'height: auto'); | ||||
| 	header = document.getElementById('header');	 | ||||
| 	var hh = Number(header.offsetHeight); | ||||
| 	hh = hh + 10; | ||||
| 	header.setAttribute('style', 'height:'+hh+'px'); | ||||
| } | ||||
|  | @ -0,0 +1,19 @@ | |||
| $("#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'); | ||||
| 	} else { | ||||
| 		$('#password').attr('type', 'password'); | ||||
| 	} | ||||
| }); | ||||
|  | @ -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'); | ||||
| 	} | ||||
| }); | ||||
|  | @ -0,0 +1,126 @@ | |||
| $(document).ready(function() { | ||||
|     $('#nick-btn').click(function(){ | ||||
| 		getData(); | ||||
|     }); | ||||
| 	$("#nickname-input").keyup(function(event){ | ||||
| 		if(event.keyCode == 13){ | ||||
| 			getData(); | ||||
| 		} | ||||
| 	}); | ||||
| }); | ||||
| 
 | ||||
| // TODO Доделать!
 | ||||
| 
 | ||||
| 
 | ||||
| function getData() { | ||||
| 	if (($('#nickname-input').val() == '')) { | ||||
| 			alert("Не указан ник!"); | ||||
| 	} else { | ||||
| 		var username = $('#nickname-input').val().trim();						 | ||||
| 		$.ajax({ | ||||
| 			url:"getData1.php",			 | ||||
| 			type: 'POST', | ||||
| 			data: {user: username}, | ||||
| 			success: function(msg){  | ||||
| 				if (!(msg == '')) {								 | ||||
| 					$('#wt1').empty();		 | ||||
| 					$('#wt1').css("display","block"); | ||||
| 					$('#wt1').css("display","block"); | ||||
| 					$('#wt1').append(msg); | ||||
| 				} else { | ||||
| 					console.log(msg); | ||||
| 					alert('Пользователь не найден!'); | ||||
| 					return; | ||||
| 				} | ||||
| 			} | ||||
| 		}); | ||||
| 		$.ajax({ | ||||
| 			url:"getData2.php",			 | ||||
| 			type: 'POST', | ||||
| 			data: {user: username}, | ||||
| 			success: function(msg2){  | ||||
| 				if (!(msg2 == '')) { | ||||
| 					$('#wt2').empty();		 | ||||
| 					$('#wt2').css("display","block");					 | ||||
| 					$('#wt2').append(msg2); | ||||
| 				} else { | ||||
| 					console.log(msg2); | ||||
| 					alert('Пользователь не найден!'); | ||||
| 					return; | ||||
| 				} | ||||
| 			} | ||||
| 		}); | ||||
| 	}		 | ||||
| 	window.setTimeout(function(){TodayIsTheDay();}, 2000); | ||||
| } | ||||
| 
 | ||||
| function TodayIsTheDay(){ | ||||
| 	var now = new Date();  | ||||
| 	var sNow = now.toString(); | ||||
| 	let nowDate = parseDate(sNow); | ||||
| 	let headers = document.getElementsByClassName('day-name'); | ||||
| 	for (let i = 0; i < headers.length; i++){ | ||||
| 		let sDate = getDate(headers[i].textContent); | ||||
| 		if (sDate === nowDate) { | ||||
| 			headers[i].setAttribute('style', 'text-shadow: 0 0 10px #609A21,0 0 10px #609A21,0 0 30px #609A21,0 0 10px #609A21;	'); | ||||
| 		} | ||||
| 	} | ||||
| } | ||||
| 
 | ||||
| function getDate(sText){ | ||||
| 	var textC = Array.from(sText); | ||||
| 	var sDate = ""; | ||||
| 	var record = false; | ||||
| 	for (var i = 0; i < textC.length; i++){ | ||||
| 		if (textC[i] === '['){ | ||||
| 			record = true; | ||||
| 		} else if (textC[i] === ']') { | ||||
| 			record = false; | ||||
| 		} | ||||
| 		if (record){ | ||||
| 			sDate = sDate + textC[i]; | ||||
| 		} | ||||
| 	} | ||||
| 	sDate = sDate.replace('[', ''); | ||||
| 	sDate = sDate.replace(']', ''); | ||||
| 	return sDate; | ||||
| } | ||||
| 
 | ||||
| function parseDate(sDate){ | ||||
| 	var dateArr = sDate.split(' '); | ||||
| 	var day = dateArr[2]; | ||||
| 	var sMonth = dateArr[1]; | ||||
| 	var month = ''; | ||||
| 	if (sMonth == 'Jan') { | ||||
| 		month = '01'; | ||||
| 	} else if (sMonth == 'Jan') { | ||||
| 		month = '01'; | ||||
| 	} else if (sMonth == 'Feb') { | ||||
| 		month = '02'; | ||||
| 	} else if (sMonth == 'Mar') { | ||||
| 		month = '03'; | ||||
| 	} else if (sMonth == 'Apr') { | ||||
| 		month = '04'; | ||||
| 	} else if (sMonth == 'May') { | ||||
| 		month = '05'; | ||||
| 	} else if (sMonth == 'Jun') { | ||||
| 		month = '06'; | ||||
| 	} else if (sMonth == 'Jul') { | ||||
| 		month = '07'; | ||||
| 	} else if (sMonth == 'Aug') { | ||||
| 		month = '08'; | ||||
| 	} else if (sMonth == 'Sep') { | ||||
| 		month = '09'; | ||||
| 	} else if (sMonth == 'Oct') { | ||||
| 		month = '10'; | ||||
| 	} else if (sMonth == 'Nov') { | ||||
| 		month = '11'; | ||||
| 	} else if (sMonth == 'Dec') { | ||||
| 		month = '12'; | ||||
| 	} else { | ||||
| 		month = '01'; | ||||
| 	} | ||||
| 	var year = dateArr[3]; | ||||
| 	var date = day + '.' + month + '.' + year; | ||||
| 	return date; | ||||
| } | ||||
|  | @ -0,0 +1,447 @@ | |||
| .header-img { | ||||
| 	max-width: 70%; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| body { | ||||
| 	padding-left: 10%; | ||||
| 	padding-right: 10%; | ||||
| 	background-color: #575757; | ||||
| } | ||||
| 
 | ||||
| .side-bar {		 | ||||
| 	align-items: center; | ||||
| 	width: 100%; | ||||
| 	display: grid; | ||||
| 	grid-template-columns: 20% 20% 20% 20% 20%; | ||||
| 	grid-template-areas: "mainp gitea servers mychat workout-area"; | ||||
| 	background-color: #424242; | ||||
| 	height: auto; | ||||
| } | ||||
| 
 | ||||
| .mainp { | ||||
| 	grid-area: mainp; | ||||
| } | ||||
| 
 | ||||
| .gitea { | ||||
| 	grid-area: gitea; | ||||
| } | ||||
| 
 | ||||
| .servers { | ||||
| 	grid-area: servers; | ||||
| } | ||||
| 
 | ||||
| .mychat { | ||||
| 	grid-area: mychat; | ||||
| } | ||||
| 
 | ||||
| .workout-area { | ||||
| 	grid-area: workout-area; | ||||
| } | ||||
| 
 | ||||
| .side-bar p {		 | ||||
| 	text-align: center; | ||||
| 	padding-left:25px; | ||||
| 	font-size: 20px; | ||||
| 	padding-top: 2px; | ||||
| 	padding-bottom: 2px; | ||||
| } | ||||
| 
 | ||||
| .page-title{ | ||||
| 	font-family: segoe print; | ||||
| } | ||||
| 
 | ||||
| .main-content { | ||||
| 	padding-left:10px; | ||||
| 	text-align: left; | ||||
| 	background-color: #424242; | ||||
| } | ||||
| 
 | ||||
| .main-content p { | ||||
| 	color: #E0E0E0; | ||||
| 	padding-left: 10px;	 | ||||
| 	text-indent: 5%; | ||||
| 	font-family: Arial; | ||||
| 	/*font-size: 20px;*/ | ||||
| 	line-height: 150%; | ||||
| 	 | ||||
| } | ||||
| 
 | ||||
| .main-content ol { | ||||
| 	color: #609A21; | ||||
| 	text-indent: 5%; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 20px; | ||||
| 	line-height: 150%; | ||||
| } | ||||
| 
 | ||||
| .main-content ul { | ||||
| 	color: #E0E0E0; | ||||
| } | ||||
| 
 | ||||
| .main-content del { | ||||
| 	color: rgb(215, 77, 0); | ||||
| } | ||||
| 
 | ||||
| main {	 | ||||
| 	padding-top: 10px; | ||||
| 	height: auto; | ||||
| 	margin-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| footer {	 | ||||
| 	text-align: right; | ||||
| 	padding-right: 10px; | ||||
| 	background-color: #424242; | ||||
| 	height: 7%; | ||||
| } | ||||
| 
 | ||||
| footer p { | ||||
| 	padding-left: 15px; | ||||
| 	padding-top: 20px; | ||||
| 	padding-bottom: 20px; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 18px; | ||||
| } | ||||
| 
 | ||||
| h1 { | ||||
| 	padding-top: 10px; | ||||
| 	text-align: center; | ||||
| 	color: #609A21; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 25px; | ||||
| } | ||||
| 
 | ||||
| a { | ||||
| 	font-style: normal; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	text-decoration: none; | ||||
| 	transition: 0.2s linear; | ||||
| } | ||||
| a:hover { | ||||
| 	color: #D74D00; | ||||
| } | ||||
| 
 | ||||
| h2 { | ||||
| 	text-align: center; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 20px; | ||||
| } | ||||
| .server-ips { | ||||
| 	text-align: center; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 16px; | ||||
| } | ||||
| 
 | ||||
| .zomboid { | ||||
| 	width: 50%; | ||||
| 	border-radius: 10%; | ||||
| } | ||||
| 
 | ||||
| .image-content { | ||||
| 	text-align: center; | ||||
| } | ||||
| 
 | ||||
| .default { | ||||
| 	background-color: #424242; | ||||
| 	text-align: center; | ||||
| 	padding-top: 10px;	 | ||||
| 	box-shadow: 1px 1px 10px rgba(215, 77, 0, 0.5); | ||||
| 	height: 110px; | ||||
| } | ||||
| 
 | ||||
| .minecraft-vanilla { | ||||
| 	width: 50%; | ||||
| 	border-radius: 10%; | ||||
| } | ||||
| 
 | ||||
| .fixed nav a:hover { | ||||
| 	color: #E0E0E0; | ||||
| 	background-color: #609A21; | ||||
| } | ||||
| 
 | ||||
| .default nav a:hover { | ||||
| 	color: #E0E0E0; | ||||
| 	background-color: #609A21; | ||||
| } | ||||
| 
 | ||||
| .text-link { | ||||
| 	color: #FFFFFF; | ||||
| } | ||||
| 
 | ||||
| .mychat-cred { | ||||
| 	margin-left: 5px; | ||||
| 	font-size: 20px; | ||||
| } | ||||
| 
 | ||||
| .workout-table { | ||||
| 	cellpadding: 10px; | ||||
| 	background-color: #505050; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	margin: 10px; | ||||
| 	table-layout: auto; | ||||
| 	width: 98%;	 | ||||
| 	height: 40%; | ||||
| 	border-collapse: collapse; | ||||
| 	border: 1px solid black; | ||||
| } | ||||
| 
 | ||||
| .table-head { | ||||
| 	font-size: 16px; | ||||
| 	border: 1px solid black; | ||||
| 	text-align: center; | ||||
| 	width: 100%; | ||||
| 	background-color: #202020; | ||||
| } | ||||
| 
 | ||||
| .exercise { | ||||
| 	font-size: 14px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-left: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	width: 50%; | ||||
| } | ||||
| 
 | ||||
| .count { | ||||
| 	font-size: 14px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .muscle-group { | ||||
| 	font-size: 14px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .muscle-group-head { | ||||
| 	font-size: 16px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .odd { | ||||
| 	background-color: #353535; | ||||
| } | ||||
| .count-head { | ||||
| 	font-size: 16px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .exercise-head { | ||||
| 	font-size: 16px; | ||||
| 	text-align: center; | ||||
| 	border: 1px solid black; | ||||
| 	padding-left: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	width: 50%; | ||||
| } | ||||
| 
 | ||||
| #leha, #plov, #leha2, #plov2 { | ||||
| 	font-size: 16px; | ||||
| 	text-align: center; | ||||
| 	border: 1px solid black; | ||||
| 	padding-left: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .p-prim { | ||||
| 	font-size: 14px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .l-prim { | ||||
| 	font-size: 14px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .content-text { | ||||
| 	font-size: 20px; | ||||
| } | ||||
| 
 | ||||
| .index-main-content { | ||||
| 	/*height: 200px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .servers-main-content { | ||||
| 	/*height: 850px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .mychat-main-content { | ||||
| 	/*height: 450px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .workout-main-content { | ||||
| 	/*height: 820px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .table-head-top { | ||||
| 	font-size: 16px; | ||||
| 	border: 1px solid black; | ||||
| 	text-align: center; | ||||
| 	width: 100%; | ||||
| 	background-color: #609A21; | ||||
| 	color: #353535; | ||||
| } | ||||
| 
 | ||||
| .server-temp { | ||||
| 	height: 40%;	 | ||||
| 	text-align:center; | ||||
| } | ||||
| 
 | ||||
| .login-main-content, .signin-main-content { | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .login-form { | ||||
| 	width: 50%; | ||||
| 	text-align: center; | ||||
| 	grid-area: login-form; | ||||
| 	padding-bottom: 20px; | ||||
| } | ||||
| 
 | ||||
| #loginh1, #signinh1 { | ||||
| 	padding-top: 20px; | ||||
| } | ||||
| 
 | ||||
| .login-input, .signin-input { | ||||
| 	width: 100%; | ||||
| 	border: none; | ||||
| 	border-radius: 5px; | ||||
| 	height: 30px; | ||||
| } | ||||
| 
 | ||||
| .login-button, .signin-button { | ||||
| 	background-color: #609A21; | ||||
| 	border: none; | ||||
| 	border-radius: 5px; | ||||
| 	width: 90%; | ||||
| 	color: #E0E0E0;	 | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 16px; | ||||
| 	margin-top: 5px; | ||||
| } | ||||
| 
 | ||||
| .login-main { | ||||
| 	padding-left: 10px; | ||||
| 	width: 97%; | ||||
| 	display: grid; | ||||
| 	grid-template-columns: 35% 60% 5%; | ||||
| 	grid-template-areas: "login-left login-form login-right"; | ||||
| } | ||||
| 
 | ||||
| .login-left { | ||||
| 	grid-area: login-left; | ||||
| } | ||||
| 
 | ||||
| .login-right { | ||||
| 	grid-area: login-right; | ||||
| } | ||||
| 
 | ||||
| #login { | ||||
| 	margin-bottom: 10px;	 | ||||
| 	font-family: Arial; | ||||
| 	font-size: 16px; | ||||
| } | ||||
| 
 | ||||
| #password, #password2 { | ||||
| 	margin-bottom: 10px;	 | ||||
| 	font-family: Arial; | ||||
| 	font-size: 16px; | ||||
| } | ||||
| 
 | ||||
| .password-label { | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 14px; | ||||
| 	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; | ||||
| } | ||||
| 
 | ||||
| .nickname-form { | ||||
| 	text-align:center; | ||||
| } | ||||
| 
 | ||||
| .nickname-input {	 | ||||
| 	text-align: center;	 | ||||
| 	width: 30%; | ||||
| 	margin-left: 2em;	 | ||||
| 	margin-bottom: 5px; | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 16px; | ||||
| } | ||||
| 
 | ||||
| .nickname-button { | ||||
| 	margin-left: 2em; | ||||
| 	background-color: #609A21; | ||||
| 	border: none; | ||||
| 	border-radius: 5px; | ||||
| 	width: 30%; | ||||
| 	color: #1E1D1D;	 | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 16px; | ||||
| 	margin-top: 5px; | ||||
| } | ||||
| 
 | ||||
| #wt1 { | ||||
| 	display: none; | ||||
| } | ||||
| 
 | ||||
| #wt2 { | ||||
| 	display: none; | ||||
| } | ||||
|  | @ -0,0 +1,428 @@ | |||
| .header-img { | ||||
| 	max-width: 90%; | ||||
| 	height: auto; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| body { | ||||
| 	padding-left: 0px; | ||||
| 	padding-right: 0px;  | ||||
| 	/* Или процентами? */ | ||||
| 	background-color: #575757; | ||||
| } | ||||
| 
 | ||||
| .side-bar {		 | ||||
| 	align-items: center; | ||||
| 	width: 100%; | ||||
| 	display: grid; | ||||
| 	grid-template-columns: 17% 17% 17% 17% 17%; | ||||
| 	grid-template-areas: "mainp gitea servers mychat workout-area"; | ||||
| 	background-color: #424242; | ||||
| 	height: auto; | ||||
| } | ||||
| 
 | ||||
| .mainp { | ||||
| 	grid-area: mainp; | ||||
| } | ||||
| 
 | ||||
| .gitea { | ||||
| 	grid-area: gitea; | ||||
| } | ||||
| 
 | ||||
| .servers { | ||||
| 	grid-area: servers; | ||||
| } | ||||
| 
 | ||||
| .mychat { | ||||
| 	grid-area: mychat; | ||||
| } | ||||
| 
 | ||||
| .workout-area { | ||||
| 	grid-area: workout-area; | ||||
| } | ||||
| 
 | ||||
| .side-bar p {		 | ||||
| 	text-align: center; | ||||
| 	padding-left:25px; | ||||
| 	font-size: 12px; | ||||
| 	padding-top: 2px; | ||||
| 	padding-bottom: 2px; | ||||
| } | ||||
| 
 | ||||
| .page-title{ | ||||
| 	font-family: segoe print; | ||||
| } | ||||
| 
 | ||||
| .main-content { | ||||
| 	padding-left:10px; | ||||
| 	text-align: left; | ||||
| 	background-color: #424242; | ||||
| 	height: auto; | ||||
| } | ||||
| 
 | ||||
| .main-content p {	 | ||||
| 	color: #E0E0E0; | ||||
| 	padding-left: 5px;	 | ||||
| 	text-indent: 5%; | ||||
| 	font-family: Arial; | ||||
| 	line-height: 150%; | ||||
| 	 | ||||
| } | ||||
| 
 | ||||
| main {	 | ||||
| 	padding-top: 10px; | ||||
| 	height: auto; | ||||
| 	margin-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| footer {	 | ||||
| 	text-align: right; | ||||
| 	padding-right: 10px; | ||||
| 	background-color: #424242; | ||||
| 	height: 7%; | ||||
| } | ||||
| 
 | ||||
| footer p { | ||||
| 	padding-left: 15px; | ||||
| 	padding-top: 20px; | ||||
| 	padding-bottom: 20px; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 14px; | ||||
| } | ||||
| 
 | ||||
| h1 { | ||||
| 	padding-top: 10px; | ||||
| 	text-align: center; | ||||
| 	color: #609A21; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 16px; | ||||
| } | ||||
| 
 | ||||
| a { | ||||
| 	font-style: normal; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	text-decoration: none; | ||||
| 	transition: 0.2s linear; | ||||
| } | ||||
| 
 | ||||
| a:hover { | ||||
| 	color: #D74D00; | ||||
| } | ||||
| 
 | ||||
| h2 { | ||||
| 	text-align: center; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 14px; | ||||
| } | ||||
| .server-ips { | ||||
| 	text-align: center; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	font-size: 14px; | ||||
| } | ||||
| 
 | ||||
| .zomboid { | ||||
| 	width: 50%; | ||||
| 	border-radius: 10%; | ||||
| } | ||||
| 
 | ||||
| .image-content { | ||||
| 	text-align: center; | ||||
| 	height: 20%; | ||||
| } | ||||
| 
 | ||||
| .default { | ||||
| 	background-color: #424242; | ||||
| 	text-align: center; | ||||
| 	padding-top: 10px;	 | ||||
| 	box-shadow: 1px 1px 10px rgba(215, 77, 0, 0.5); | ||||
| 	height: 100px; | ||||
| } | ||||
| 
 | ||||
| .minecraft-vanilla { | ||||
| 	width: 50%; | ||||
| 	border-radius: 10%; | ||||
| } | ||||
| 
 | ||||
| .default nav a:hover { | ||||
| 	color: #E0E0E0; | ||||
| 	background-color: #609A21; | ||||
| } | ||||
| 
 | ||||
| .text-link { | ||||
| 	color: #FFFFFF; | ||||
| } | ||||
| 
 | ||||
| .mychat-cred { | ||||
| 	margin-left: 5px; | ||||
| } | ||||
| 
 | ||||
| .workout-table { | ||||
| 	cellpadding: 10px; | ||||
| 	background-color: #505050; | ||||
| 	color: #E0E0E0; | ||||
| 	font-family: Arial; | ||||
| 	margin: 10px; | ||||
| 	table-layout: auto; | ||||
| 	width: 95%;	 | ||||
| 	height: 45%; | ||||
| 	border-collapse: collapse; | ||||
| 	border: 1px solid black; | ||||
| } | ||||
| 
 | ||||
| .table-head { | ||||
| 	font-size: 14px; | ||||
| 	border: 1px solid black; | ||||
| 	text-align: center; | ||||
| 	width: 100%; | ||||
| 	background-color: #202020; | ||||
| } | ||||
| 
 | ||||
| .exercise { | ||||
| 	font-size: 12px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-left: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	width: 50%; | ||||
| } | ||||
| 
 | ||||
| .count { | ||||
| 	font-size: 12px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .muscle-group { | ||||
| 	font-size: 12px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .muscle-group-head { | ||||
| 	font-size: 12px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .odd { | ||||
| 	background-color: #353535; | ||||
| } | ||||
| .count-head { | ||||
| 	font-size: 12px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .exercise-head { | ||||
| 	font-size: 12px; | ||||
| 	text-align: center; | ||||
| 	border: 1px solid black; | ||||
| 	padding-left: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	width: 50%; | ||||
| } | ||||
| 
 | ||||
| #leha, #plov, #leha2, #plov2 { | ||||
| 	font-size: 14px; | ||||
| 	text-align: center; | ||||
| 	border: 1px solid black; | ||||
| 	padding-left: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .p-prim { | ||||
| 	font-size: 12px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .l-prim { | ||||
| 	font-size: 12px; | ||||
| 	border: 1px solid black; | ||||
| 	padding-right: 10px; | ||||
| 	padding-bottom: 2px; | ||||
| 	text-align: center; | ||||
| 	width: 10%; | ||||
| } | ||||
| 
 | ||||
| .content-text { | ||||
| 	font-size: 14px; | ||||
| } | ||||
| 
 | ||||
| .index-main-content { | ||||
| 	/*#height: 200px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .servers-main-content { | ||||
| 	/*#height: 450px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .mychat-main-content { | ||||
| 	/*#height: 320px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .workout-main-content { | ||||
| 	/*#height: 1300px;*/ | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .table-head-top { | ||||
| 	font-size: 14px; | ||||
| 	border: 1px solid black; | ||||
| 	text-align: center; | ||||
| 	width: 100%; | ||||
| 	background-color: #609A21; | ||||
| 	color: #353535; | ||||
| } | ||||
| 
 | ||||
| .server-temp { | ||||
| 	height: 40%;	 | ||||
| 	text-align:center; | ||||
| } | ||||
| 
 | ||||
| .login-main-content, .signin-main-content { | ||||
| 	height: auto; | ||||
| 	padding-bottom: 10px; | ||||
| } | ||||
| 
 | ||||
| .login-form { | ||||
| 	width: 50%; | ||||
| 	text-align: center; | ||||
| 	grid-area: login-form; | ||||
| 	padding-bottom: 20px; | ||||
| } | ||||
| 
 | ||||
| #loginh1, #signinh1 { | ||||
| 	padding-top: 20px; | ||||
| } | ||||
| 
 | ||||
| .login-input, .signin-input { | ||||
| 	width: 100%; | ||||
| 	border: none; | ||||
| 	border-radius: 5px; | ||||
| 	height: 30px; | ||||
| } | ||||
| 
 | ||||
| .login-button, .signin-button { | ||||
| 	background-color: #609A21; | ||||
| 	border: none; | ||||
| 	border-radius: 5px; | ||||
| 	width: 90%; | ||||
| 	color: #E0E0E0;	 | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 16px; | ||||
| 	margin-top: 5px; | ||||
| } | ||||
| 
 | ||||
| .login-main { | ||||
| 	padding-left: 10px; | ||||
| 	width: 97%; | ||||
| 	display: grid; | ||||
| 	grid-template-columns: 35% 60% 5%; | ||||
| 	grid-template-areas: "login-left login-form login-right"; | ||||
| } | ||||
| 
 | ||||
| .login-left { | ||||
| 	grid-area: login-left; | ||||
| } | ||||
| 
 | ||||
| .login-right { | ||||
| 	grid-area: login-right; | ||||
| } | ||||
| 
 | ||||
| #login { | ||||
| 	margin-bottom: 10px;	 | ||||
| 	font-family: Arial; | ||||
| 	font-size: 16px; | ||||
| } | ||||
| 
 | ||||
| #password, #password2 { | ||||
| 	margin-bottom: 10px;	 | ||||
| 	font-family: Arial; | ||||
| 	font-size: 16px; | ||||
| } | ||||
| 
 | ||||
| .password-label { | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 14px; | ||||
| 	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; | ||||
| } | ||||
| .nickname-form { | ||||
| 	text-align:center; | ||||
| } | ||||
| 
 | ||||
| .nickname-input {	 | ||||
| 	text-align: center;	 | ||||
| 	width: 40%; | ||||
| 	margin-left: 2em;	 | ||||
| 	margin-bottom: 5px; | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 14px; | ||||
| } | ||||
| 
 | ||||
| .nickname-button { | ||||
| 	margin-left: 2em; | ||||
| 	background-color: #609A21; | ||||
| 	border: none; | ||||
| 	border-radius: 5px; | ||||
| 	width: 40%; | ||||
| 	color: #1E1D1D;	 | ||||
| 	font-family: segoe print; | ||||
| 	font-size: 14px; | ||||
| 	margin-top: 5px; | ||||
| } | ||||
| 
 | ||||
| #wt1 { | ||||
| 	display: none; | ||||
| } | ||||
| 
 | ||||
| #wt2 { | ||||
| 	display: none; | ||||
| } | ||||
|  | @ -0,0 +1,59 @@ | |||
| <?php | ||||
| 	header('Content-Type: text/html; charset=UTF-8'); | ||||
| 	$conn = mysqli_connect("localhost", "root", "506763", "workout"); | ||||
| 	if (!$conn) { | ||||
| 		die("Ошибка: " . mysqli_connect_error()); | ||||
| 	} | ||||
| 	// $start_date = $_POST["sd"];
 | ||||
| 	// $end_date = $_POST["ed"];
 | ||||
| 	$nick = $_POST["user"]; | ||||
| 	$sql = "SELECT * FROM workout.v_workout_tasks_w1 WHERE user = '" . $nick . "' ORDER BY task_id;"; | ||||
| 	$day_count = 0; | ||||
| 	$row_count = 0; | ||||
| 	$last_day = ''; | ||||
| 	if($result = mysqli_query($conn, $sql)){ | ||||
| 		foreach($result as $row){ | ||||
| 			if ($day_count == 0) { | ||||
| 				echo "<tr>"; | ||||
| 				echo '<td class="table-head-top" colspan="5"><b>' . $row["week"] . '</b></td>'; | ||||
| 				echo "</tr>"; | ||||
| 				echo "<tr>"; | ||||
| 				echo '<td class="table-head" colspan="5"><b class="day-name">[' . $row["date"] . '] ' . $row["day_name"] . '</b></td>'; | ||||
| 				echo "</tr>"; | ||||
| 				echo '<tr class="odd">'; | ||||
| 				echo '<td class="exercise-head" id="exercise-head"><strong>Упражнение</strong></td>'; | ||||
| 				echo '<td class="muscle-group-head" id="muscle-group-head"><strong>Группа мышц</strong></td>'; | ||||
| 				echo '<td class="count-head" id="count-head"><strong>Время/подходы</strong></td>'; | ||||
| 				echo '<td class="leha" id="leha"><strong>Вес</strong></td>';				 | ||||
| 				$last_day = $row["day_name"]; | ||||
| 				$day_count = 1; | ||||
| 			} | ||||
| 			if ($row["day_name"] != $last_day) { | ||||
| 				$last_day = $row["day_name"]; | ||||
| 				echo "<tr>"; | ||||
| 				echo '<td class="table-head" colspan="5"><b class="day-name">[' . $row["date"] . '] ' . $row["day_name"] . '</b></td>'; | ||||
| 				echo "</tr>"; | ||||
| 				$row_count = 0; | ||||
| 			} | ||||
| 			$tr = ''; | ||||
| 			if ($row_count % 2 != 0) { | ||||
| 				$tr = '<tr class="odd">'; | ||||
| 			} else { | ||||
| 				$tr = '<tr>'; | ||||
| 			} | ||||
| 			echo $tr; | ||||
| 			echo '<td class="exercise">'. $row["exercise"] .'</td>'; | ||||
| 			echo '<td class="muscle-group">' . $row["muscle_group_name"] . '</td>'; | ||||
| 			echo '<td class="count">' . $row["sets_count"] . '</td>'; | ||||
| 			echo '<td class="l-prim">' . $row["weigth"] . '</td>'; | ||||
| 			echo '</tr>'; | ||||
| 			$row_count = $row_count + 1; | ||||
| 		} | ||||
| 		//echo "<tr class='table-row'><td class='table-cell' colspan=3 style='text-align: right;'>Итого:</td><td class='table-cell'>" . mysqli_num_rows($result) . "</td></tr>";
 | ||||
| 		mysqli_free_result($result); | ||||
| 	} else{ | ||||
| 		echo "Ошибка: " . mysqli_error($conn); | ||||
| 	} | ||||
| 	mysqli_close($conn); | ||||
| 	 | ||||
| ?>
 | ||||
|  | @ -0,0 +1,59 @@ | |||
| <?php | ||||
| 	header('Content-Type: text/html; charset=UTF-8'); | ||||
| 	$conn = mysqli_connect("localhost", "root", "506763", "workout"); | ||||
| 	if (!$conn) { | ||||
| 		die("Ошибка: " . mysqli_connect_error()); | ||||
| 	} | ||||
| 	// $start_date = $_POST["sd"];
 | ||||
| 	// $end_date = $_POST["ed"];
 | ||||
| 	$nick = $_POST["user"]; | ||||
| 	$sql = "SELECT * FROM workout.v_workout_tasks_w2 WHERE user = '" . $nick . "' ORDER BY task_id;"; | ||||
| 	$day_count = 0; | ||||
| 	$row_count = 0; | ||||
| 	$last_day = ''; | ||||
| 	if($result = mysqli_query($conn, $sql)){ | ||||
| 		foreach($result as $row){ | ||||
| 			if ($day_count == 0) { | ||||
| 				echo "<tr>"; | ||||
| 				echo '<td class="table-head-top" colspan="5"><b>' . $row["week"] . '</b></td>'; | ||||
| 				echo "</tr>"; | ||||
| 				echo "<tr>"; | ||||
| 				echo '<td class="table-head" colspan="5"><b class="day-name">[' . $row["date"] . '] ' . $row["day_name"] . '</b></td>'; | ||||
| 				echo "</tr>"; | ||||
| 				echo '<tr class="odd">'; | ||||
| 				echo '<td class="exercise-head" id="exercise-head"><strong>Упражнение</strong></td>'; | ||||
| 				echo '<td class="muscle-group-head" id="muscle-group-head"><strong>Группа мышц</strong></td>'; | ||||
| 				echo '<td class="count-head" id="count-head"><strong>Время/подходы</strong></td>'; | ||||
| 				echo '<td class="leha" id="leha"><strong>Вес</strong></td>';				 | ||||
| 				$last_day = $row["day_name"]; | ||||
| 				$day_count = 1; | ||||
| 			} | ||||
| 			if ($row["day_name"] != $last_day) { | ||||
| 				$last_day = $row["day_name"]; | ||||
| 				echo "<tr>"; | ||||
| 				echo '<td class="table-head" colspan="5"><b class="day-name">[' . $row["date"] . '] ' . $row["day_name"] . '</b></td>'; | ||||
| 				echo "</tr>"; | ||||
| 				$row_count = 0; | ||||
| 			} | ||||
| 			$tr = ''; | ||||
| 			if ($row_count % 2 != 0) { | ||||
| 				$tr = '<tr class="odd">'; | ||||
| 			} else { | ||||
| 				$tr = '<tr>'; | ||||
| 			} | ||||
| 			echo $tr; | ||||
| 			echo '<td class="exercise">'. $row["exercise"] .'</td>'; | ||||
| 			echo '<td class="muscle-group">' . $row["muscle_group_name"] . '</td>'; | ||||
| 			echo '<td class="count">' . $row["sets_count"] . '</td>'; | ||||
| 			echo '<td class="l-prim">' . $row["weigth"] . '</td>'; | ||||
| 			echo '</tr>'; | ||||
| 			$row_count = $row_count + 1; | ||||
| 		} | ||||
| 		//echo "<tr class='table-row'><td class='table-cell' colspan=3 style='text-align: right;'>Итого:</td><td class='table-cell'>" . mysqli_num_rows($result) . "</td></tr>";
 | ||||
| 		mysqli_free_result($result); | ||||
| 	} else{ | ||||
| 		echo "Ошибка: " . mysqli_error($conn); | ||||
| 	} | ||||
| 	mysqli_close($conn); | ||||
| 	 | ||||
| ?>
 | ||||
|  | @ -0,0 +1,9 @@ | |||
| {% extends 'main/temp.html' %} | ||||
| 
 | ||||
| {% block maincontent %} | ||||
| <section class="main-content index-main-content" id="main-content"> | ||||
| 	<h1 class="page-title">Приветствую!</h1> | ||||
| 	<p class="content-text">Данный сайт разработан для личного использования. Здесь можно найти репозиторий Git. Также тут можно найти мои сервера Minecraft, Project Zomboid и иногда других игр. Еще у нас есть свой мессенджер MyChat</p> | ||||
| </section> | ||||
| {% endblock %} | ||||
| {% block titletext %}Dhaverd{% endblock %} | ||||
|  | @ -0,0 +1,49 @@ | |||
| <!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=01000071" rel="stylesheet" media="screen" /> | ||||
| 		<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000071" 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 login-main-content" id="main-content"> | ||||
| 				<h1 id="loginh1" class="page-title">Вход</h1> | ||||
| 				<section class="login-main"> | ||||
| 					<section class="login-left"></section> | ||||
| 					<section class="login-form"> | ||||
| 						<form id="form"> | ||||
| 							<input id="login" class="login-input" type="text" name="login"> | ||||
| 							<input id="password" class="login-input" type="password" name="password"> | ||||
| 							<label class="password-label"><input id="password-checkbox" type="checkbox" value="">Показать пароль</label> | ||||
| 							<input class="login-input login-button" type="submit" name="send" value="Вход"> | ||||
| 						</form> | ||||
| 					</section> | ||||
| 					<section class="login-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/login.js?v=0000001"></script>	 | ||||
| 	</body>	 | ||||
| </html> | ||||
|  | @ -0,0 +1,15 @@ | |||
| {% extends 'main/temp.html' %} | ||||
| 
 | ||||
| {% block maincontent %} | ||||
| <section class="main-content mychat-main-content" id="main-content"> | ||||
| 	<h1 class="page-title">MyChat</h1> | ||||
| 	<p class="content-text">Скачать MyChat Client можно здесь: <a class="text-link" target="_blank" href="https://nsoft-s.com/downloadmychat.html">ТыК</a></p> | ||||
| 	<p class="content-text">Также можно открыть Web-версию: <a class="text-link" target="_blank" href="http://176.114.129.4:800/chat">ТыК</a> </p> | ||||
| 	<p class="content-text">Для подключения потребуется ввести следующие данные:</p> | ||||
| 	<p class="content-text mychat-cred">- IP: 176.114.129.4</p> | ||||
| 	<p class="content-text mychat-cred">- Port: 2004</p> | ||||
| 	<p class="content-text mychat-cred">- WEB порт: 800</p> | ||||
| 	<p class="content-text mychat-cred">- Пароль сервера: 2ZJcs</p> | ||||
| </section> | ||||
| {% endblock %} | ||||
| {% block titletext %}Dhaverd - MyChat{% endblock %} | ||||
|  | @ -0,0 +1,25 @@ | |||
| {% extends 'main/temp.html' %} | ||||
| {% load static %} | ||||
| 
 | ||||
| {% block maincontent %} | ||||
| <section class="main-content servers-main-content" id="main-content"> | ||||
| <h1 class="page-title">У нас имеются следующие сервера:</h1> | ||||
| 	<section class="server-temp"> | ||||
| 		<h2 class="server-name">Minecraft 1.16.1 Vanilla</h2> | ||||
| 		<h3 class="server-ips">IP: 176.114.129.4:25565</h3> | ||||
| 		<img class="minecraft-vanilla" src="{% static 'main/src/img/minecraft_vanilla.jpg' %}"> | ||||
| 		<!--<section class="image-content"> | ||||
| 				</section>--> | ||||
| 	</section> | ||||
| 	<br> | ||||
| 	<br> | ||||
| 	<section class="server-temp"> | ||||
| 		<h2 class="server-name">Project Zomboid</h2> | ||||
| 		<h3 class="server-ips">IP: 176.114.129.4:16261</h3> | ||||
| 		<img class="zomboid" src="{% static 'main/src/img/zomboid.jpg' %}"> | ||||
| 		<!--<section class="image-content"> | ||||
| 				</section>--> | ||||
| 	</section> | ||||
| </section> | ||||
| {% endblock %} | ||||
| {% block titletext %}Dhaverd - Servers{% endblock %} | ||||
|  | @ -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=01000071" rel="stylesheet" media="screen" /> | ||||
| 		<link rel="stylesheet" href="src/styles/styleMobile.css?v=01000071" 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> | ||||
|  | @ -0,0 +1,36 @@ | |||
| {% load static %} | ||||
| <!DOCTYPE html> | ||||
| <html lang="ru"> | ||||
| 	<head> | ||||
| 		<meta charset="utf-8"> | ||||
| 		<meta name="viewport" content="width=device-width"> | ||||
| 		<title>{% block titletext %}{% endblock %}</title> | ||||
| 		<link href="{% static 'main/src/styles/style.css' %}" rel="stylesheet" media="screen" /> | ||||
| 		<link rel="stylesheet" href="{% static 'main/src/styles/styleMobile.css' %}" media="handheld,only screen and (max-device-width:480px)" /> | ||||
| 		<link rel="icon" href="{% static 'main/src/img/favicon.ico' %}"> | ||||
| 		{% block javascripts %}{% endblock %} | ||||
| 		<!--<script src="src/scripts/jquery.min.js"></script>--> | ||||
| 	</head> | ||||
| 	<body id="main"> | ||||
| 		<header id="header" class="default index-logo"> | ||||
| 			<div class="logo-img"> | ||||
| 				<a  href="http://localhost:8000/"><img class="header-img" src="{% static 'main/src/img/dhaverd2.png' %}"></a> | ||||
| 			</div> | ||||
| 		</header> | ||||
| 		<main> | ||||
| 			<section class="side-bar"> | ||||
| 				<p class="mainp"><a class="side-href" href="http://localhost:8000/">Главная</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">Сервера</a></p> | ||||
| 				<p class="mychat"><a class="side-href" href="mychat">MyChat</a></p> | ||||
| 				<p class="workout-area"><a class="side-href" href="workout">Программа тренировок</a></p> | ||||
| 			</section> | ||||
| 			{% block maincontent %}{% endblock %} | ||||
| 		</main> | ||||
| 		<footer> | ||||
| 			<section> | ||||
| 				<p id="footer">® Dhaverd 2022</p> | ||||
| 			</section> | ||||
| 		</footer> | ||||
| 	</body>	 | ||||
| </html> | ||||
|  | @ -0,0 +1,25 @@ | |||
| {% extends 'main/temp.html' %} | ||||
| {% load static %} | ||||
| 
 | ||||
| {% block maincontent %} | ||||
| <section class="main-content workout-main-content" id="main-content"> | ||||
| 	<h1 class="page-title">Программа тренировок</h1> | ||||
| 	<div class="nickname-form"> | ||||
| 		<p class="content-text">Для просмотра иформации введите ник:</p> | ||||
| 		<input id="nickname-input" name="nickname-input" type="text" class="nickname-input"></input> | ||||
| 		<br> | ||||
| 		<button id='nick-btn' class="nickname-button">Показать</button> | ||||
| 	</div> | ||||
| 	<table id='wt1' class="workout-table"> | ||||
| 	</table> | ||||
| 	<br> | ||||
| 	<table id='wt2' class="workout-table"> | ||||
| 	</table> | ||||
| </section> | ||||
| {% endblock %} | ||||
| {% block titletext %}Dhaverd - Workout{% endblock %} | ||||
| 
 | ||||
| {% block javascripts %} | ||||
| <script src="{% static 'main/src/scripts/jquery.min.js' %}"></script> | ||||
| <script src="{% static 'src/scripts/workout.js' %}"></script> | ||||
| {% endblock %} | ||||
|  | @ -4,16 +4,16 @@ from django.http import HttpResponse | |||
| 
 | ||||
| # Create your views here. | ||||
| def index(request): | ||||
|     return HttpResponse('<a href="localhost:8000/servers/">Сервера</a>') | ||||
|     return render(request, 'main/index.html') | ||||
| 
 | ||||
| 
 | ||||
| def servers(request): | ||||
|     return HttpResponse('server list') | ||||
|     return render(request, 'main/servers.html') | ||||
| 
 | ||||
| 
 | ||||
| def mychat(request): | ||||
|     return HttpResponse('mychat info') | ||||
|     return render(request, 'main/mychat.html') | ||||
| 
 | ||||
| 
 | ||||
| def workout(request): | ||||
|     return HttpResponse('workout task list') | ||||
|     return render(request, 'main/workout.html') | ||||
|  |  | |||