Happy New Year 2016!

cynhard · Dec 31, 2015 · 0056fd1 · 0056fd1
1 parent d0794dc
commit 0056fd1
Show file tree

Hide file tree

Showing 36 changed files with 264 additions and 264 deletions.
diff --git a/404.html b/404.html
@@ -5,7 +5,7 @@
 		<meta content="text/html; charset=utf-8" http-equiv="content-type">
 		<script type="text/javascript" src="example/js/jquery-1.10.2.min.js"></script>
 		<script type="text/javascript" src="freewall.js"></script>
-		
+
 		<style type="text/css">
 			body {
 				height: 100%;
@@ -27,9 +27,9 @@
 			<h1> Page not found </h1>
 			<h3>Sorry the page you requested may have been moved or deleted.</h3>
 			<div id="freewall" class="free-wall"></div>
-		</div>	
-		
-		
+		</div>
+
+
 		<script type="text/javascript">
 			var temp = "<div class='cell' style='width:{width}px; height: {height}px; background-color: {color}'><div class='cover'></div></div>";
 			var colour = [
@@ -47,7 +47,7 @@ <h3>Sorry the page you requested may have been moved or deleted.</h3>
 				html += temp.replace(/\{height\}/g, h*15).replace(/\{width\}/g, w*15).replace("{color}", color);
 			}
 			$("#freewall").html(html);
-			
+
 			var wall = new Freewall("#freewall");
 			wall.reset({
 				selector: '.cell',
@@ -149,7 +149,7 @@ <h3>Sorry the page you requested may have been moved or deleted.</h3>
 			]);
 
 			wall.fitWidth();
-			
+
 		</script>
 	</body>
-</html>
+</html>
diff --git a/example/append-more.html b/example/append-more.html
@@ -87,6 +87,7 @@ <h2>Add more ++</h2>
 					wall.appendBlock(html);
 				});
 			});
+
 		</script>
 	</body>
 </html>
diff --git a/example/centering-grid.html b/example/centering-grid.html
@@ -26,20 +26,20 @@ <h1><a href="http://vnjs.net/www/project/freewall/">Free Wall</a></h1>
 			</div>
 		</div>
 		<div id="freewall" class="free-wall">
-			<div class="brick size32"> 
+			<div class="brick size32">
 				<div class='cover'>
 					<h2>Centering grid content</h2>
 				</div>
-			</div>	
+			</div>
 			<div class="brick size12 add-more">
 				<div class='cover'>
 					<h2>Add more block</h2>
 				</div>
 			</div>
 		</div>
-		
+
 		<script type="text/javascript">
-			
+
 			var colour = [
 				"rgb(142, 68, 173)",
 				"rgb(243, 156, 18)",
@@ -68,7 +68,7 @@ <h2>Add more block</h2>
 					}
 				});
 				wall.fitWidth();
-				
+
 				var temp = '<div class="brick {size}" style="background-color: {color}"><div class="cover"></div></div>';
 				var size = "size23 size22 size21 size13 size12 size11".split(" ");
 				$(".add-more").click(function() {
@@ -79,4 +79,4 @@ <h2>Add more block</h2>
 			});
 		</script>
 	</body>
-</html>
+</html>
diff --git a/example/css-animate.html b/example/css-animate.html
@@ -17,7 +17,7 @@
 			body {
 				height: 100%;
 			}
-			
+
 			.free-wall {
 				height: 102%;
 				margin: 15px;
@@ -32,7 +32,7 @@
 				}
 			}
 
-			
+
 			@-webkit-keyframes start {
 				from {
 					-webkit-transform: scale(0);
@@ -56,7 +56,7 @@
 				transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
 				-webkit-transition: top 0.5s, left 0.5s, width 0.5s, height 0.5s;
 			}
-			
+
 		</style>
 	</head>
 	<body>
@@ -69,16 +69,16 @@ <h1><a href="http://vnjs.net/www/project/freewall/">Free Wall</a></h1>
 			</div>
 		</div>
 		<div id="freewall" class="free-wall"></div>
-		
+
 		<script type="text/javascript">
-			
+
 			var temp = "<div class='cell' style='width:{width}px; height: {height}px; background-image: url(i/photo/{index}.jpg)'></div>";
 			var w = 200, h = 200, html = '', limitItem = 49;
 			for (var i = 0; i < limitItem; ++i) {
 				html += temp.replace(/\{height\}/g, h).replace(/\{width\}/g, w).replace("{index}", i + 1);
 			}
 			$("#freewall").html(html);
-			
+
 			var wall = new Freewall("#freewall");
 			wall.reset({
 				selector: '.cell',
@@ -93,4 +93,4 @@ <h1><a href="http://vnjs.net/www/project/freewall/">Free Wall</a></h1>
 			wall.fitWidth();
 		</script>
 	</body>
-</html>
+</html>
diff --git a/example/css/metro-style.css b/example/css/metro-style.css
@@ -144,4 +144,4 @@ body {
 
 .layout-demo8 {
 	background-position: center -490px;
-}
+}
diff --git a/example/css/style.css b/example/css/style.css
@@ -20,8 +20,8 @@ b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
 	margin: 0;
@@ -31,7 +31,7 @@ time, mark, audio, video {
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
+article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
@@ -105,15 +105,15 @@ table {
 	padding: 14px 0;
 	background-color: rgb(19, 17, 17);
 	background-color: #006a3f;
-	background-image:	
-					radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%), 
-					radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%), 
-					radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), 
+	background-image:
+					radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%),
+					radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%),
+					radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%),
 					radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
-	background-image:	
-					-webkit-radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%), 
-					-webkit-radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%), 
-					-webkit-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%), 
+	background-image:
+					-webkit-radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%),
+					-webkit-radial-gradient(rgba(0,0,0,0.1) 15%, transparent 16%),
+					-webkit-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%),
 					-webkit-radial-gradient(rgba(255, 255, 255, 0.1) 15%, transparent 20%);
     background-position: 0 0px, 4px 4px, 0 1px, 4px 5px;
     background-size: 8px 8px;
@@ -155,61 +155,61 @@ table {
 	margin: 0 5px;
 	cursor: pointer;
 	background: url(../i/reponsive.png) no-repeat;
-}	
+}
 
 .header .reponsive-block a.desktop {
 	background-position: 3px 0;
 	width: 34px; height: 26px;
-}	
+}
 
 .header .reponsive-block a.tablet-landscape {
 	background-position: -49px 0;
 	width: 22px;
 	height: 22px;
-}	
+}
 
 .header .reponsive-block a.tablet-portrait {
 	background-position: -90px 0;
 	width: 18px;
 	height: 24px;
-}	
+}
 
 .header .reponsive-block a.iphone-landscape {
 	background-position: -129px 0;
 	width: 20px;
 	height: 20px;
-}	
+}
 
 .header .reponsive-block a.iphone-portrait {
 	background-position: -166px 0;
 	width: 16px;
 	height: 26px;
-}	
+}
 
 .header .reponsive-block a.desktop:hover,
 .header .reponsive-block a.desktop.active {
 	background-position: 3px -34px;
-}	
+}
 
 .header .reponsive-block a.tablet-landscape:hover,
 .header .reponsive-block a.tablet-landscape.active {
 	background-position: -49px -34px;
-}	
+}
 
 .header .reponsive-block a.tablet-portrait:hover,
 .header .reponsive-block a.tablet-portrait.active {
 	background-position: -91px -33px;
-}	
+}
 
 .header .reponsive-block a.iphone-landscape:hover,
 .header .reponsive-block a.iphone-landscape.active {
 	background-position: -128px -33px;
-}	
+}
 
 .header .reponsive-block a.iphone-portrait:hover,
 .header .reponsive-block a.iphone-portrait.active {
 	background-position: -166px -33px;
-}	
+}
 .free-wall {
 	margin: auto;
 }
@@ -322,7 +322,7 @@ table {
 	float: left;
 	width: 25%;
 	text-align: center;
-}	
+}
 
 .img-demo li img {
 	border: 2px solid white;
@@ -428,7 +428,7 @@ table {
 	background: none !important;
 }
 
-.full-width.brick .cover { 
+.full-width.brick .cover {
 	margin: 0px 20px;
 	color: #333;
 }
@@ -536,4 +536,4 @@ table {
 
 .back-button .back-icon:hover {
 	background: url(../i/back.png) no-repeat bottom center;
-}
+}
diff --git a/example/demo-filter.html b/example/demo-filter.html
@@ -8,20 +8,20 @@
 		<link rel="stylesheet" type="text/css" href="css/style.css" />
 		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
 		<script type="text/javascript" src="../freewall.js"></script>
-		
+
 		<style type="text/css">
 			html, body {
 				margin: 0;
 				padding: 0;
 			}
-			
+
 			.layout {
 				padding: 15px;
 			}
-			
+
 			.free-wall {
 			}
-			
+
 			.filter-items {
 				padding: 10px 0px;
 			}
@@ -84,7 +84,7 @@ <h1><a href="http://vnjs.net/www/project/freewall/">Free Wall</a></h1>
 				html += temp.replace(/\{size\}/g, size).replace("{color}", color);
 			}
 			$("#freewall").html(html);
-			
+
 			$(function() {
 				var wall = new Freewall("#freewall");
 				wall.reset({
@@ -112,4 +112,4 @@ <h1><a href="http://vnjs.net/www/project/freewall/">Free Wall</a></h1>
 			});
 		</script>
 	</body>
-</html>
+</html>
diff --git a/example/demo-sort.html b/example/demo-sort.html
@@ -8,20 +8,20 @@
 		<link rel="stylesheet" type="text/css" href="css/style.css" />
 		<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
 		<script type="text/javascript" src="../freewall.js"></script>
-		
+
 		<style type="text/css">
 			html, body {
 				margin: 0;
 				padding: 0;
 			}
-			
+
 			.layout {
 				padding: 15px;
 			}
-			
+
 			.free-wall {
 			}
-			
+
 
 		</style>
 	</head>
@@ -58,7 +58,7 @@ <h1><a href="http://vnjs.net/www/project/freewall/">Free Wall</a></h1>
 				html += temp.replace(/\{size\}/g, size).replace("{color}", color);
 			}
 			$("#freewall").html(html);
-			
+
 			$(function() {
 				var wall = new Freewall("#freewall");
 				wall.reset({
@@ -82,4 +82,4 @@ <h1><a href="http://vnjs.net/www/project/freewall/">Free Wall</a></h1>
 			});
 		</script>
 	</body>
-</html>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -87,6 +87,7 @@ <h2>Add more ++</h2> @@
     					wall.appendBlock(html);
     				});
     			});
     		</script>
     	</body>
     </html>