From 650746378977afcde79cd24016196cc2a1df108a Mon Sep 17 00:00:00 2001
From: NoisyBoy-9 <sina.shariati@yahoo.com>
Date: Sun, 28 Jul 2019 08:08:31 +0430
Subject: [PATCH 1/2] finished design of home page

---
 src/renderer/layouts/HomePage.vue | 78 +++++++++++++++++++++++++++++++
 1 file changed, 78 insertions(+)

diff --git a/src/renderer/layouts/HomePage.vue b/src/renderer/layouts/HomePage.vue
index 8856fde..71c7816 100644
--- a/src/renderer/layouts/HomePage.vue
+++ b/src/renderer/layouts/HomePage.vue
@@ -46,6 +46,17 @@
         </div> <!-- recommended box -->
       </div>
 
+      <div class="lower-row">
+        <div class="genre">
+          <div class="genre__title">
+            <legend>Recommended For You</legend>
+          </div>
+
+          <carousel :dots="false" :nav="false" :autoWidth="true" class="carousel-custom">
+            <MusicBox v-for="genere in geners" :key="genere.id" :item="genere" />
+          </carousel>
+        </div>
+      </div>
     </section>
 </template>
 
@@ -198,6 +209,62 @@ export default {
           artist: 'Juice WRLD',
           artwork: '/static/demo/clever.jpg'
         }
+      ],
+      geners: [
+        {
+          id: 0,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 1,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 2,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 3,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 4,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 5,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        },
+        {
+          id: 6,
+          title: 'Habiba',
+          artist: 'Oldasinus',
+          artwork: '/static/demo/habiba.jpg'
+        },
+        {
+          id: 7,
+          title: 'Starboy',
+          artist: 'The Weeknd',
+          artwork: '/static/demo/starboy.png'
+        },
+        {
+          id: 8,
+          title: 'Tilte',
+          artist: 'Juice WRLD',
+          artwork: '/static/demo/clever.jpg'
+        }
       ]
     }
   }
@@ -287,4 +354,15 @@ section.page
   .recommend
     margin-left: 0
     margin-top: 1.5rem
+
+.genre
+  &__title
+    legend
+      font-size: 2rem
+      font-family: 'Roboto Slab', serif        
+      margin: 15px 0px 20px 0
+      text-transform: capitalize
+  .carousel-custom
+    .owl-stage-outer
+      overflow: unset
 </style>

From 2723789bad0e840c32de73f90588e8038c20dd4b Mon Sep 17 00:00:00 2001
From: NoisyBoy-9 <sina.shariati@yahoo.com>
Date: Sun, 28 Jul 2019 08:15:20 +0430
Subject: [PATCH 2/2] fixed a typo in the legend of geners section

---
 src/renderer/layouts/HomePage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/renderer/layouts/HomePage.vue b/src/renderer/layouts/HomePage.vue
index 71c7816..494d53f 100644
--- a/src/renderer/layouts/HomePage.vue
+++ b/src/renderer/layouts/HomePage.vue
@@ -49,7 +49,7 @@
       <div class="lower-row">
         <div class="genre">
           <div class="genre__title">
-            <legend>Recommended For You</legend>
+            <legend>top geners</legend>
           </div>
 
           <carousel :dots="false" :nav="false" :autoWidth="true" class="carousel-custom">
@@ -334,7 +334,7 @@ section.page
     legend
       font-size: 2rem
       font-family: 'Roboto Slab', serif        
-      margin: 15px 0px 20px 0
+      margin: 25px 0
       text-transform: capitalize
 
     h3