Various fixes

biomed-frontend/gulpfile.js

@@ -21,6 +21,9 @@ gulp.task('clean', function() {
 gulp.task('vendor', function() {
     gulp.src([
             'vendor/jquery/dist/jquery.min.js',
+            'vendor/foundation/js/vendor/modernizr.js',
+            'vendor/foundation/js/foundation.js',
+            'vendor/foundation/js/foundation/foundation.clearing.js',
             'vendor/angular/angular.min.js',
             'vendor/angular-loading-bar/build/loading-bar.js',
             'vendor/angular-resource/angular-resource.js',

biomed-frontend/src/app/details.html

@@ -1,23 +1,16 @@
 <div class="row">
 	<div class="small-8 small-centered columns">
 		<div class="title"><h1>{{post.title}}</h1></div>
-	</div>
-</div>
-<div class="row">
-	<div class="small-8 small-centered columns">
 		<img ng-show="post.image" ng-src="/images/{{post.image}}"><hr>
-	</div>
-</div>
-<div class="row">
-	<div class="small-7 small-centered columns">
 		<div ng-hide="post.details" class="preview"><p>{{post.preview}}</p></div>
 		<div class="details"><p>{{post.details}}</p></div>
-	</div>
-</div>
-<div class="row">
-	<div class="medium-4 medium-centered columns">
 		<ul class="clearing-thumbs small-block-grid-4" data-clearing>
-			<li><a href="/images/{{image}}"><img ng-repeat="image in gallery track by $index" ng-src="/images/{{image}}"></a></li>
+			<li ng-repeat="image in gallery track by $index">
+				<a href="/images/{{image}}"><img ng-src="/images/{{image}}"></a>
+			</li>
 		</ul>
 	</div>
+    <script>
+        $(document).foundation();
+    </script>
 </div>

biomed-frontend/src/app/layout.html

@@ -4,9 +4,7 @@
         <ul class="title-area">
             <!-- Title Area -->
             <li class="name">
-                <h1 class="logo">
-
-                </h1>
+                <a href="/"><h1 class="logo"></h1></a>
             </li>
             <!--<li class="toggle-topbar menu-icon">
                 <a href="#">

biomed-frontend/src/app/list.html

@@ -1,4 +1,4 @@
-<div masonry>
+<div class="masonry-container" masonry preserve-order masonry-options="{isFitWidth: true}">
 	<div ng-repeat="post in posts" class="masonry-brick">
 		<div class="box col3">
 			<div class="thumbnail">

biomed-frontend/src/styles/_biomed.scss

@@ -1319,4 +1319,9 @@ h2 {
 }
 .clearfix {
     zoom: 1;
+}
+
+
+.masonry-container {
+    margin: 0 auto;    
 }