mattborn · December 7, 2015 20:04
diff --git a/.editorconfig b/.editorconfig
 # editorconfig.org
 root = true

 [*]
 charset = utf-8
 indent_size = 2
 indent_style = space
 trim_trailing_whitespace = true
diff --git a/index.html b/index.html
 <!doctype html>
 <html>
  <head>
    <meta charset="utf-8">
    <title>Simple SPA</title>
  </head>
  <body>
    <a href="#page1">Page 1</a>
    <a href="#page2">Page 2</a>
    <div id="root"></div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
    <script src="script.js"></script>
  </body>
 </html>
diff --git a/page1.html b/page1.html
 <style>
  h1 { color: blue; }
 </style>

 <h1>Page 1</h1>

 <script>
  alert('this is page 1');
 </script>
diff --git a/page2.html b/page2.html
 <h1>Page 2</h1>
diff --git a/script.js b/script.js
 $(function() {
 	$('#root').load('page1.html');
  $('a').click(function (e) {
    e.preventDefault();
    $('#root').load(this.hash.substring(1) + '.html');
  })
 });
	# editorconfig.org
	root = true

	[*]
	charset = utf-8
	indent_size = 2
	indent_style = space
	trim_trailing_whitespace = true
	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Simple SPA</title>
	</head>
	<body>
	<a href="#page1">Page 1</a>
	<a href="#page2">Page 2</a>
	<div id="root"></div>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
	<script src="script.js"></script>
	</body>
	</html>
	$(function() {
	$('#root').load('page1.html');
	$('a').click(function (e) {
	e.preventDefault();
	$('#root').load(this.hash.substring(1) + '.html');
	})
	});