Untitled

// [][][][][][][][][][][][][][][][][][][][][][][][][] PHP [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]

<?php
	include_once('inc/admin/management.php'); // Include management file.
?>
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title><?php echo $arr2[3] . " | " . $arr1[0] . " of " . $arr2[0]; ?></title>
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
		<link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
		<link rel="stylesheet" href="inc/styling/css/index.css?version=10" type="text/css">
		<link rel="stylesheet" href="inc/styling/css/swoopie.css" type="text/css">
	</head>
	<body>
		<div id="container">
			<!-- Page 2 -->
			<div id="page_0">
				<div class="stdP_wrap">
					<h2>Page 0</h2>
				</div>
			</div>

			<!-- Page 1 -->
			<div id="page_1">
				<div class="stdP_wrap">
					<h2>Page 1</h2>
					<button class="stdBtn">Btn1</button>
				</div>
			</div>

			<!-- Page 2 -->
			<div id="page_2">
				<div class="stdP_wrap">
					<h2>Page 2</h2>
					<button class="stdBtn">Btn2</button>
				</div>
			</div>

			<!-- Page 3 -->
			<div id="page_3">
				<div class="stdP_wrap">
					<h2>Page 3</h2>
					<button class="stdBtn">Btn3</button>
				</div>
			</div>

			<!-- Page 4 -->
			<div id="page_4">
				<div class="stdP_wrap">
					<h2>Page 4</h2>
					<button class="stdBtn">Btn4</button>
				</div>
			</div>

			<!-- Page 5 -->
			<div id="page_5">
				<div class="stdP_wrap">
					<h2>Page 5</h2>
					<button class="stdBtn">Btn5</button>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			// Variables & arrays
			var pageId = 0;
			var atPage = Array("#page_1", "#page_2", "#page_3", "#page_4", "#page_5");
			var sBool = false;

			$(window).on("scroll touchmove", function() {
				$(atPage[pageId]).addClass("stdAnimationCallPageSlideOut").on("webkitAnimationEnd", function(){
					var $nypos = $(atPage[pageId]).parent().children('*:first-child');
					$(atPage[pageId]).insertBefore($nypos).removeClass("stdAnimationCallPageSlideOut");
					if(!sBool) {
						$(atPage[pageId]).css("opacity", "0");
						sBool = !sBool;
					}
					if(pageId >= 4) {
						pageId = 0;
					} else {
						pageId++;
					}
					$(atPage[pageId]).css("opacity", "1");
					sBool = !sBool;
				});
			});
		</script>
	</body>
</html>


// [][][][][][][][][][][][][][][][][][][][][][][][][] CSS [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]
@charset "UTF-8";
/* CSS Document */

/* Common */

* {
	margin: 0;
	padding: 0;
}

h1, h2, h3 {
	font-family: helvetica neue, verdana;
}

/* Use of multiple */
#page_1, #page_2, #page_3, #page_4, #page_5 {
	height: 903.5px;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	background-color: grey;
	color: white;

}

/* Page 0 */
#page_0 {
	height: 1000px;
	z-index: -100;
	background-color: transparent;
}

#page_0 h2 {
	color: white;
}

/* Page 1 */
#page_1 {
	border: 1px solid red;
	opacity: 1;
}

// [][][][][][][][][][][][][][][][][][][][][][][][][] SWOOPIE [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]

@charset "UTF-8";
/* CSS Document */

/* Wrappings */
.stdP_wrap {
	max-width: 1280px;
	margin: 0 auto;
}

/* Buttons */
.stdBtn {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: transparent;
	border: 1px solid black;
	border-radius: 0px;
	font-size: 16px;
}

.stdBtn:hover {
	background-color: black;
	color: white;
}

/* Animations */
@keyframes stdAnimationPageSlideOut { /* Fading out full web pages */
	0% { -webkit-opacity: 1; -webkit-transform: translate(0, 0) rotate(0deg); }
	35% { -webkit-transform: translate(100%, 0) rotate(90deg); }
	70% { -webkit-transform: translate(100%, 100px) rotate(90deg); -webkit-opacity: 0; }
	100% { -webkit-transform: translate(0, 0) rotate(0deg); -webkit-opacity: 0; }
}

/* Calling animations */
.stdAnimationCallPageSlideOut {
	-webkit-animation: 1s stdAnimationPageSlideOut forwards;
}

// [][][][][][][][][][][][][][][][][][][][][][][][][] MANAGEMENT [][][][][][][][][][][][][][][][][][][][][][][][][][][][][][]

<?php
	$host = "localhost"; 		// Server host.
	$user = "root"; 			// Username for phpmyadmin.
	$pass = ""; 				// Password for phpmyadmin.
	$base = "swoop_login"; 		// Database.

	$connect = mysqli_connect($host, $user, $pass, $base);
	if(mysqli_connect_error()){ echo mysqli_connect_errno(); } // Checking database connection.

	// [][][][][][][][][][][][] - Edit - [][][][][][][][][][][][]
	$arr1 = array("Home", "Register", "Login", "Me"); // Webpage titles.
	$arr2 = array("Swoop", "Swoop", "Swoop", "Swoopie.xyz"); // Webpage infomation.
?>