View/Blog/manage.view

@@ -4,7 +4,7 @@
 		white-space:nowrap;
 	}
 }@
-@CSSSMall{
+@CSSSmall{
 	@media(orientation:portrait){
 		td:nth-child(3), th:nth-child(3){
 			display:none;

View/Gallery/index.view

@@ -1,4 +1,105 @@
 @Title{Gallery}@
-@Body{
+@CSS{
+	.album{
+		width:33%;
+		float:left;
+	}
+	
+	.album>div{
+		margin:5px;
+		padding:5px;
+		background:#e0e0e0;
+	}
 	
+	.album span{
+		display:block;
+		text-align:center;
+		color:#424242;
+	}
+}@
+@CSSMed{
+	.album{
+		width:50%;
+	}
+}@
+@CSSSmall{
+	@media(orientation:portrait){
+		.album{
+			width:100%;
+		}
+	}
+}@
+@Body{
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
+	<div class="album">
+		<div>
+			<a href=""><img src="http://uploads.robware.co.uk/Phone%20Camera/IMG_20141209_075310.jpg" /></a>
+			<span>Description aye</span>
+		</div>
+	</div>
 }@

template.php

@@ -19,7 +19,7 @@ function FormatURI(URI $uri, $base=""){
 			?> | Robware
 		</title>
 		<meta charset="UTF-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
+		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
 		<link href="/style.css" rel="stylesheet" type="text/css" />
 		<link href="/style-med.css" rel="stylesheet" media="(max-width:1023px)" type="text/css" />
 		<link href="/style-small.css" rel="stylesheet" media="(max-width:680px)" type="text/css" />
@@ -30,7 +30,7 @@ function FormatURI(URI $uri, $base=""){
 			{@CSSMed}
 		</style>
 		<style media="(max-width:680px)">
-			{@CSSSMall}
+			{@CSSSmall}
 		</style>
 		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 		<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>