basics.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tips+ Basics</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<link href="https://fonts.googleapis.com/css?family=Tajawal:300,400,700" rel="stylesheet">
<link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" />
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

	<div id="nav-placeholder"></div>
	<script>
	$(function(){
		$("#nav-placeholder").load("nav.html");
	});
	</script>

<div class="content">
<h1>What Exactly is Jailbreaking?</h1>
<p class="center">There are actually a few different definitions of a "jailbreak". Some include having Cydia on your iOS device. Some are having the ability to run tweaks or modified software. The technically correct definition is having access to the root file system. <b>ROOT</b> is a user profile on your device that you are not normally allowed access to. This user is handled by the operating system, and has access to files in the top (root) directory of the filesystem.</p>
<h2>So, what's the big deal?</h2>
<p class="center">Most jailbreaks come with a package manager, and a way of running tweaks. The most popular of these being the package manager Cydia, and it's injection system, Cydia Substrate. These use the permissions granted by a jailbreak, allow near complete control of your iOS device. You can change things as simple as application icons, you can completely overwrite the functions of each button, or make the operating system unrecognizable. Above all, it lets you increase your device's functionality.</p>
<h2>Examples</h2>
<div class="row full-width">
	<div class="four wide">
		<img class="center" width="150px" src="images/iphones/stock.jpg">
		<p class="center">Stock iPhone</p>
	</div>
	<div class="four wide">
		<img class="center" width="150px" src="images/iphones/city.jpg">
		<p class="center">Simple but unique</p>
	</div>
	<div class="four wide">
		<img class="center" width="150px" src="images/iphones/smol.jpg">
		<p class="center">Overhauled UI</p>
	</div>
	<div class="four wide">
		<img class="center" width="150px" src="images/iphones/what.png">
		<p class="center">This abomination</p>
	</div>
</div>
</div>
<div id="footer-placeholder"></div>
<script>
$(function(){
	$("#footer-placeholder").load("footer.html");
});
</script>
</body>
</html>