Стена с фотографиями на списке точек

ground/controllers/PageController.php

@@ -69,6 +69,7 @@ class PageController extends Controller
 			$result[$id]['name'] = $point->name;
 			$result[$id]['lat'] = $point->lat;
 			$result[$id]['lng'] = $point->lng;
+			$result[$id]['img'] = $point->getImg('middle');
 			$result[$id]['author'] = $point->authorUser->nick;
 			$result[$id]['categoryId'] = $point->categoryId;
 			$result[$id]['categoryIcon'] = $categories[$point->categoryId]->icon;

ground/views/pointsTemplate.php

@@ -39,7 +39,7 @@ if (App::getParam('user')) {
 					print "</a>";
 				}
 				?>
-				<a href='/page/points/'>Все точки</a>
+				<a href='/page/points/'>Все типы</a>
 				<?php
 				$header = 'Список точек';
 				if ((int) App::getParam('category')) {
@@ -51,14 +51,21 @@ if (App::getParam('user')) {
 				?>
 				<h3><?= $header ?></h3>
 
+				<div class="pointsWall">
 					<?php foreach ($points as $point): ?>
-					#<?= $point['id'] ?> <img src="<?= $point['categoryIcon'] ?>" /> <a href="/point/<?= $point['id'] ?>"><?= $point['name'] ?></a>
+					<a href="/point/<?= $point['id'] ?>">
-					<?= $point['author'] ?>
+						<div style="background-image: url('<?= $point['img'] ?>');" class="point">
-					<br/>
+							<span class="header">
+								<img src="<?= $point['categoryIcon'] ?>" />
+								<?= $point['name'] ?>
+							</span>
+						</div>
+					</a>
 					<?php endforeach; ?>
 				</div>
 			</div>
 		</div>
+	</div>
 	<?php if (!(int) App::getParam('category') && !(int) App::getParam('user')):?>
 	<nav>
 		<ul class="pagination">

public/css/pageStyle.css

@@ -1,3 +1,9 @@
+div.pointsWall {}
+div.pointsWall .line{}
+div.pointsWall .point {background-size: cover; width: 50%; height: 300px; display: inline-block; float: left; padding: 10px;}
+div.pointsWall .point span.header {font-size: 22px; color: white; font-weight: bold; text-shadow: -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #444, 1px 1px 0 #444;}
+
+
 /* -------------------------------------------*/
 /* ------------- ADAPTIVE --------------------*/
 /* -------------------------------------------*/
@@ -29,4 +35,5 @@
     }
     .pagePoinsNearCards {display: inline-block; width: 201px; height: 150px; overflow: hidden;}
     .pagePoinsNearCardsImg {width: 201px; height: 150px;}
+    div.pointsWall .point {width: 100%;}
 }