diff --git a/Website/wwwroot/css/style.less b/Website/wwwroot/css/style.less
index f9f8329..50828bb 100644
--- a/Website/wwwroot/css/style.less
+++ b/Website/wwwroot/css/style.less
@@ -6,421 +6,450 @@
 
 * {
     box-sizing: border-box;
-	outline: none;
+    outline: none;
 
-	transition: all 0.2s ease;
+    transition: all 0.2s ease;
 }
 
-html{
-	width:100%;
-	height:100%;
+html {
+    width: 100%;
+    height: 100%;
 }
 
-html,body,h1,h2, button {
-	padding:0;
-	margin:0;
+html,
+body,
+h1,
+h2,
+button {
+    padding: 0;
+    margin: 0;
 }
 
-html, button, input, textarea{
-	font-family: 'Roboto', sans-serif;
+html,
+button,
+input,
+textarea {
+    font-family: 'Roboto', sans-serif;
 }
 
-body{
-	width:100%;
-	height:100%;
-	background:@background;
-	display:flex;
+body {
+    width: 100%;
+    height: 100%;
+    background: @background;
+    display: flex;
 }
 
 a {
-	color:@accent;
+    color: @accent;
 }
 
 nav {
-	img{
-		vertical-align: middle;
-		margin-right: 5px;
-	}
+    img {
+        vertical-align: middle;
+        margin-right: 5px;
+    }
 
-	dt, dd{
-		&:hover, &.active{
-			background: @control;
-			cursor: pointer;
-			cursor: hand;
-		}
-	}
+    dt,
+    dd {
 
-	dt {
-		padding: 10px 10px;
-	}
+        &:hover,
+        &.active {
+            background: @control;
+            cursor: pointer;
+            cursor: hand;
+        }
+    }
 
-	dd {
-		margin: 0;
-		padding: 10px 10px 10px 40px;
-	}
+    dt {
+        padding: 10px 10px;
+    }
 
-	a{
-		color: black;
-		text-decoration: none;
-	}
+    dd {
+        margin: 0;
+        padding: 10px 10px 10px 40px;
+    }
+
+    a {
+        color: black;
+        text-decoration: none;
+    }
 }
 
-h2{
-	margin-bottom:10px;
-	a{
-		color:inherit;
-	}
+h2 {
+    margin-bottom: 10px;
+
+    a {
+        color: inherit;
+    }
 }
 
-h3{
-	margin-bottom: 10px;
+h3 {
+    margin-bottom: 10px;
 
-	&:first-child{
-		margin-top: 0px;
-	}
+    &:first-child {
+        margin-top: 0px;
+    }
 }
 
-hr{
-	border: 1px solid @control;
+hr {
+    border: 1px solid @control;
 }
 
-table{
-	border-collapse: collapse;
+table {
+    border-collapse: collapse;
 
-	input[type=text], textarea{
-		width: 100%;
-	}
+    input[type=text],
+    textarea {
+        width: 100%;
+    }
 }
 
-th{
-	text-align: left;
+th {
+    text-align: left;
 }
 
-td, th{
-	padding:0 10px 5px 0;
-	vertical-align: top;
+td,
+th {
+    padding: 0 10px 5px 0;
+    vertical-align: top;
 }
 
-button{
-	border:none;
-	background:@control;
+button {
+    border: none;
+    background: @control;
 }
 
-form{
-	button, input[type=submit]{
-		border:none;
-		background:@control;
+form {
 
-		&:hover{
-			background: @control2;
-		}
-	}
+    button,
+    input[type=submit] {
+        border: none;
+        background: @control;
+
+        &:hover {
+            background: @control2;
+        }
+    }
 }
 
-button:hover{
-	cursor: pointer;
-	cursor: hand;
+button:hover {
+    cursor: pointer;
+    cursor: hand;
 }
 
-img{
-	max-width: 100%;
+img {
+    max-width: 100%;
 }
 
-p{
-	&:first-child{
-		margin-top: 0;
-	}
+p {
+    &:first-child {
+        margin-top: 0;
+    }
 
-	&:last-child{
-		margin-bottom:0;
-	}
+    &:last-child {
+        margin-bottom: 0;
+    }
 }
 
-#menu{
-	background:@background;
-	width:280px;
-	flex: 0 0 auto;
-	display:flex;
-	flex-direction: column;
-	box-shadow: -2px 0px 0px 0px @control inset;
-	z-index: 400;
-	overflow-x: hidden;
+#menu {
+    background: @background;
+    width: 280px;
+    flex: 0 0 auto;
+    display: flex;
+    flex-direction: column;
+    box-shadow: -2px 0px 0px 0px @control inset;
+    z-index: 400;
+    overflow-x: hidden;
 
-	#nav-container{
-		overflow: auto;
-		width:100%;
-		flex:1 1 auto;
+    #nav-container {
+        overflow: auto;
+        width: 100%;
+        flex: 1 1 auto;
 
-		dl {
-			margin: 5px 0 0 0;
-		}
-	}
+        dl {
+            margin: 5px 0 0 0;
+        }
+    }
 
-	.header{
-		z-index: 401;
-		flex: 0 0 auto;
-		overflow: auto;
-	}
+    .header {
+        z-index: 401;
+        flex: 0 0 auto;
+        overflow: auto;
+    }
 }
 
-#main{
-	flex: 1 1 auto;
-	display:flex;
-	flex-direction: column;
-	overflow:hidden;
-	height:100%;
-	position:relative;
+#main {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    height: 100%;
+    position: relative;
 
-	.header{
-		flex: 0 0 auto;
-		z-index:1;
+    .header {
+        flex: 0 0 auto;
+        z-index: 1;
 
-		#menu-button{
-			display:none;
-		}
+        #menu-button {
+            display: none;
+        }
 
-		>*{
-			padding-left: 20px !important;
-		}
-	}
+        >* {
+            padding-left: 20px !important;
+        }
+    }
 
-	#content{
-		flex: 1 1 auto;
-		overflow:auto;
-		z-index:0;
-		height:100%;
-		display:flex;
-		flex-direction: column;
+    #content {
+        flex: 1 1 auto;
+        overflow: auto;
+        z-index: 0;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
 
-		#body{
-			padding:20px;
-			//height:100%;
-			flex: 1;
-		}
-	}
+        #body {
+            padding: 20px;
+            //height:100%;
+            flex: 1;
+        }
+    }
 
 }
 
-#buttons-left,#buttons-right{
-	position:absolute;
-	padding: 10px;
-	bottom: 0px;
+#buttons-left,
+#buttons-right {
+    position: absolute;
+    padding: 10px;
+    bottom: 0px;
 
-	button{
-		margin:10px;
-		border-radius: 50%;
-		display: inline-block;
-		text-align: center;
-		box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.25);
-		vertical-align: middle;
-		border:none;
-		background:@accent;
-		width:40px;
-		height:40px;
-		color: white;
-		font-size: 24px;
-		line-height: 24px;
-	}
+    button {
+        margin: 10px;
+        border-radius: 50%;
+        display: inline-block;
+        text-align: center;
+        box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.25);
+        vertical-align: middle;
+        border: none;
+        background: @accent;
+        width: 40px;
+        height: 40px;
+        color: white;
+        font-size: 24px;
+        line-height: 24px;
+    }
 }
 
-#buttons-left{
-	left: 0px;
+#buttons-left {
+    left: 0px;
 }
 
-#buttons-right{
-	right: 0px;
+#buttons-right {
+    right: 0px;
 }
 
-#cookiePopup{
-	position:absolute;
-	background:black;
-	top:50%;
-	left:50%;
-	padding:20px;
-	border-radius: 30px;
-	width:230px;
-	height:230px;
-	margin-top:-115px;
-	margin-left:-115px;
-	color:white;
+#cookiePopup {
+    position: absolute;
+    background: black;
+    top: 50%;
+    left: 50%;
+    padding: 20px;
+    border-radius: 30px;
+    width: 230px;
+    height: 230px;
+    margin-top: -115px;
+    margin-left: -115px;
+    color: white;
 
-	> div{
-		margin-top:40px;
-		text-align: center;
-	}
+    >div {
+        margin-top: 40px;
+        text-align: center;
+    }
 }
 
-#spinner{
-	position:absolute;
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	align-items: center;
-	text-align: center;
-	display: flex;
-	z-index: 1000;
-	transition: all ease-in-out 0.5s;
+#spinner {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    align-items: center;
+    text-align: center;
+    display: flex;
+    z-index: 1000;
+    transition: all ease-in-out 0.5s;
 
-	&.ng-hide{
-		opacity: 0;
-	}
+    &.ng-hide {
+        opacity: 0;
+    }
 
-	>img{
-		margin: auto;
-	}
+    >img {
+        margin: auto;
+    }
 }
 
-.scrollLock{
-	overflow:hidden;
+.scrollLock {
+    overflow: hidden;
 }
 
 .header {
-	height:64px;
-	background:@primary;
-	color:white;
-	white-space:nowrap;
-	padding:0 !important;
-	overflow: hidden;
-	box-shadow: 0 -9px 5px 10px rgba(50, 50, 50, 0.8);
+    height: 64px;
+    background: @primary;
+    color: white;
+    white-space: nowrap;
+    padding: 0 !important;
+    overflow: hidden;
+    box-shadow: 0 -9px 5px 10px rgba(50, 50, 50, 0.8);
 
-	>*{
-		line-height:64px;
-		font-size:24px;
-		font-weight:400;
-		padding-left: 10px;
-		white-space: nowrap;
-		display: inline;
-		vertical-align: middle;
-	}
+    >* {
+        line-height: 64px;
+        font-size: 24px;
+        font-weight: 400;
+        padding-left: 10px;
+        white-space: nowrap;
+        display: inline;
+        vertical-align: middle;
+    }
 
 
-	>h2>span{
-		display: inline-block;
-	}
+    >h2>span {
+        display: inline-block;
+    }
 
-	>img{
-		height:50%;
-	}
+    >img {
+        height: 50%;
+    }
 
-	span{
-		display: inline-block;
+    span {
+        display: inline-block;
 
-		&:not(:first-child):before{
-			margin:2px 10px 0 10px;
-			width:6px;
-			float:left;
-			height:62px;
-			background: url("/images/chevron.png") no-repeat scroll right center / contain  rgba(0, 0, 0, 0);
-			content:"";
-		}
-	}
+        &:not(:first-child):before {
+            margin: 2px 10px 0 10px;
+            width: 6px;
+            float: left;
+            height: 62px;
+            background: url("/images/chevron.png") no-repeat scroll right center / contain rgba(0, 0, 0, 0);
+            content: "";
+        }
+    }
 }
 
-.circle{
-	border-radius: 50%;
-	display: inline-block;
-	text-align: center;
-	vertical-align: middle;
-	overflow: hidden;
+.circle {
+    border-radius: 50%;
+    display: inline-block;
+    text-align: center;
+    vertical-align: middle;
+    overflow: hidden;
 }
 
-.go, .expand{
-	display:none;
-	float:right;
+.go,
+.expand {
+    display: none;
+    float: right;
 }
 
-.backdrop{
-	background: rgba(0,0,0,0.5);
-	width: 100%;
-	height:100%;
-	position:absolute;
-	top:0;
-	left:0;
-	z-index:100;
-	display:none;
-	transition:all ease-in-out 0.5s;
+.backdrop {
+    background: rgba(0, 0, 0, 0.5);
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100;
+    display: none;
+    transition: all ease-in-out 0.5s;
 
-	&.ng-hide{
-		opacity: 0;
-	}
+    &.ng-hide {
+        opacity: 0;
+    }
 }
 
-.errors{
-	background: url(/images/error.svg) no-repeat scroll 10px 10px @Grey-800;
-	padding:10px;
-	padding-left:40px;
-	color:#fff;
+.errors {
+    background: url(/images/error.svg) no-repeat scroll 10px 10px @Grey-800;
+    padding: 10px;
+    padding-left: 40px;
+    color: #fff;
 
-	ul{
-		margin: 0;
-		list-style: square;
-	}
+    ul {
+        margin: 0;
+        list-style: square;
+    }
 }
 
-.row{
-	width:100%;
-	clear:both;
+.row {
+    width: 100%;
+    clear: both;
 
-	>.col {
-		width:100%;
-		float:left;
-	}
+    >.col {
+        width: 100%;
+        float: left;
+    }
 
-	&.col-lg-1, &.col-md-1, &.col-sm-1{
-		>.col{
-			width:100%;
-		}
-	}
+    &.col-lg-1,
+    &.col-md-1,
+    &.col-sm-1 {
+        >.col {
+            width: 100%;
+        }
+    }
 
-	&.col-lg-2, &.col-md-2, &.col-sm-2{
-		>.col{
-			width:50%;
-		}
-	}
+    &.col-lg-2,
+    &.col-md-2,
+    &.col-sm-2 {
+        >.col {
+            width: 50%;
+        }
+    }
 
-	&.col-lg-3, &.col-md-3, &.col-sm-3{
-		>.col{
-			width:33.3333%;
-		}
-	}
+    &.col-lg-3,
+    &.col-md-3,
+    &.col-sm-3 {
+        >.col {
+            width: 33.3333%;
+        }
+    }
 
-	&.col-lg-4, &.col-md-4, &.col-sm-4{
-		>.col{
-			width:25%;
-		}
-	}
+    &.col-lg-4,
+    &.col-md-4,
+    &.col-sm-4 {
+        >.col {
+            width: 25%;
+        }
+    }
 }
 
-table.alternatingRows{
-	tr{
-		&:nth-child(1n){
-			background:@control;
-		}
+table.alternatingRows {
+    tr {
+        &:nth-child(1n) {
+            background: @control;
+        }
 
-		&:nth-child(2n){
-			background:@control2;
-		}
-	}
+        &:nth-child(2n) {
+            background: @control2;
+        }
+    }
 }
 
-td, th{
-	padding:3px;
+td,
+th {
+    padding: 3px;
 
-	&.number{
-		text-align: right;
-	}
+    &.number {
+        text-align: right;
+    }
 }
 
-div.percentageBar{
-	width:100%;
-	height:20px;
-	background:@LightGreen-400;
-	overflow:hidden;
+div.percentageBar {
+    width: 100%;
+    height: 20px;
+    background: @LightGreen-400;
+    overflow: hidden;
 
-	>div{
-		background:@Red-400;
-		height:100%;
-		transition: all 500ms ease-in-out;
-	}
-}
\ No newline at end of file
+    >div {
+        background: @Red-400;
+        height: 100%;
+        transition: all 500ms ease-in-out;
+    }
+}
+
+@import "blog.less";
+@import "gallery.less";
\ No newline at end of file
diff --git a/Website/wwwroot/css/temperature.less b/Website/wwwroot/css/temperature.less
deleted file mode 100644
index 92e4f25..0000000
--- a/Website/wwwroot/css/temperature.less
+++ /dev/null
@@ -1,42 +0,0 @@
-@import "colours.less";
-
-@gaugeHeight:200px;
-@gaugeWidth:200px;
-
-.currentTemp{
-	background:@Red-100;
-	height:@gaugeHeight;
-	width:@gaugeWidth;
-	position:relative;
-	//border:1px solid @Grey-900;
-	display:inline-block;
-
-	.background{
-		position: absolute;
-		bottom: 0;
-		left:0;
-		right:0;
-		top: 20%;
-		transition: all 500ms ease-in-out;
-	}
-
-	.reading{
-		position: relative;
-		height:@gaugeHeight;
-		width:@gaugeWidth;
-		vertical-align:middle;
-		display:table-cell;
-		text-align:center;
-		font-size: 250%;
-	}
-
-	.shadow{
-		box-shadow: inset 0px 0px 5px 1px rgba(0,0,0,0.75);
-		border:2px solid @Grey-900;
-		position: absolute;
-		bottom: 0;
-		left:0;
-		right:0;
-		top: 0;
-	}
-}
\ No newline at end of file