getting-started.html

<!DOCTYPE html>

<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
	<meta charset="utf-8" />
	
	<!-- Set the viewport width to device width for mobile -->
	<meta name="viewport" content="width=device-width" />
	
	<title>Welcome to Evolution 3</title>
  
	<!-- Included CSS Files -->
	<link rel="stylesheet" href="stylesheets/foundation.css">
	<link rel="stylesheet" href="stylesheets/app.css">
	<link rel="stylesheet" href="http://foundation.zurb.com/docs/presentation.css">
	<link rel="stylesheet" href="http://foundation.zurb.com/stylesheets/typography.css">
	
	<style>
		sup {
			vertical-align:super; 
			font-size:smaller;
		}
		p {
			line-height:20px;
		}
		code {
			font-family:Menlo, Andale Mono, Courier New, fixed;
			color:#2B2B2B;
			background:#FFF4C5;
		}
		b {
			font-weight:bold;
			background:#FFF4C5;
		}
	</style>
	

	<!--[if lt IE 9]>
		<link rel="stylesheet" href="stylesheets/ie.css">
	<![endif]-->

	
	<!-- IE Fix for HTML5 Tags -->
	<!--[if lt IE 9]>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

</head>
<body>

	<!-- container -->
	<div class="container">
		
		<div class="row">
			<div class="twelve columns">
				<div class="foundation-header">
					<h1><a href="index.php">Evolution<sup>3</sup></a></h1>
					<h4 class="subheader">Code less. Share more.</h4>
				</div>
			
				<dl class="nice tabs mobile hide-on-phones">
					<dd><a href="index.html">The Concept</a></dd>
					<dd><a href="getting-started.html" class="active">Getting Started</a></dd>
					<dd><a href="hello-world.html">Hello World!</a></dd>
					<dd><a href="bundle.html">Creating a Bundle</a></dd>
					<dd><a href="interaction.html">Interaction</a></dd>
					<dd><a href="lhtml.html">LHTML</a></dd>
					<dd><a href="extending.html">Extending</a></dd>
					<dd><a href="sharing.html">Sharing</a></dd>
				</dl>
			</div>
		</div>

		<div class="row">
			<div class="eight columns">
				<h3 id="welcometoevolution3">One time setup. Infinite Apps.</h3>

				<h4 class="subheader">Having to setup and configure a framework every single time you want to develop a new app is &mdash; we believe &mdash; a complete waste of time. E3 is designed so that you can get straight to business.</h4>
<hr>
				
				<h4>Step 1: Download or Clone The Code</h4>
				
				<p>The code is hosted on github and we recommend cloning the code so you can later update the framework easily with a git pull of the master branch. Alternatively you can <a href="https://github.com/EvolutionSDK/EvolutionSDK/zipball/master">download a zip folder of the source code here.</a> </p>
				
				<p><b>Create a new folder to unzip or clone the EvolutionSDK folder into.</b> Make sure PHP has full read/write access to this directory. <a href="javascript:alert('no info yet')">Learn more about security/permissions.</a></p>
		
				<h4>Step 2: Configure Apache Virtual Host and DNS</h4>
		
				<p>Setup a virtual host and local DNS url <a href="#">(editing your hosts file)</a> for <a href="http://evolutionsdk.eo">http://evolutionsdk.eo</a>.</p>
				<h5>Example VHOST Config</h5>
				<script type="text/javascript" src="http://snipt.net/embed/5c025fdf18a22f7b8badd18f7c0c6c8c"></script>

				
				<h4>Step 3: Setup Your First App</h4>
				
				<p>Visit <a href="http://evolutionsdk.eo">http://evolutionsdk.eo</a> and follow the instructions to setup your first application.</p>
				
				<h5>What You'll See</h5>
				<p><img src="http://img716.imageshack.us/img716/9334/upshotdsnvcypv.png" /></p>
				
			
			</div>
			<div class="four columns">
				<a href="https://github.com/EvolutionSDK/EvolutionSDK" target="_blank" class="nice large radius white button" style="display:block">Download Evolution</a>
				<hr>
				<h5>System Requirements</h5>
				<table>
					<tbody>
						<tr>
							<td>PHP</td>
							<td>&gt;= 5.3</td>
						</tr>
						<tr>
							<td>Apache</td>
							<td>&gt;= 2.0</td>
						</tr>
						<tr>
							<td>MySQL</td>
							<td>&gt;= 5.1</td>
						</tr>
						<tr>
							<td>Apache <code>mod_rewrite</code></td>
							<td>~</td>
						</tr>
						<tr>
							<td>PHP <code>mbstring</code></td>
							<td>~</td>
						</tr>
						<tr>
							<td>PHP <code>pcre</code></td>
							<td>~</td>
						</tr>
						<tr>
							<td>GIT</td>
							<td>~</td>
						</tr>
					</tbody>
				</table>
			</div>
		</div>
	</div>
	<!-- container -->
	
	


	<!-- Included JS Files -->
	<script src="javascripts/foundation.js"></script>
	<script src="javascripts/app.js"></script>
	
</body>
</html>