dfdf

hackatonApp/scss/home-items.scss

@@ -70,9 +70,11 @@ $pre-img-ratios: append($pre-img-ratios, $home-categories-img-ratio);
 
 		.category-image
 		{
-			width: 100%;
+			width: 50%;
-			height: 100%;
+			height: 50%;
 			border-radius: 2px;
+			top:25%;
+			left:25%;
 		}
 
 		.category-bg

hackatonApp/www/home-categories.json

@@ -2,7 +2,7 @@
 	{
 		"id":"booking",
 		"title":"Prenota",
-		"image":"img/feeds/news.jpg",
+		"image":"img/Cart.png",
 		"home_sources":[
 			{
 				"id":"Trenitalia",
@@ -38,7 +38,7 @@
 	{
 		"id":"shop",
 		"title":"Spendi i crediti",
-		"image":"img/Cart.png",
+		"image":"img/Present.png",
 		"home_sources":[
 			{
 				"id":"McDonald",

hackatonApp/www/views/app/home.html

@@ -8,20 +8,22 @@
   <ion-content>
   <div class="list card">
 
-  <div class="item item-thumbnail-left">
+  <div class="item item-thumbnail-left" style="background-image: url('img/ScoreBkg.png');">
     <img src="">
     <h2>Punti {{user.score}}</h2>
     <p>dkdkdk</p>
   </div>
 </div>
     <div class="row categories-list">
+
       <div ng-repeat="category in home_categories" class="col col-50">
         <a class="home-category" ui-sref="app.category({categoryId: (category.id | slugify)})">
+                      <div class="category-bg"></div>
+
           <pre-img ratio="_1_1" helper-class="square-image">
             <img class="category-image" ng-src="{{category.image}}" spinner-on-load>
         
           </pre-img>
-          <div class="category-bg"></div>
           <span class="category-title">{{category.title}}</span>
         </a>
       </div>