From 11cefcb63e93cc09ff975b4bbaa5663aa32fc1a4 Mon Sep 17 00:00:00 2001
From: Nikan Dalvand <nikandalvand@gmail.com>
Date: Wed, 24 Jul 2019 19:01:00 +0430
Subject: [PATCH] Added roboto-slab-fontface-kit and adjusted MusicRow title

---
 package-lock.json                 | 5 +++++
 package.json                      | 1 +
 src/renderer/App.vue              | 2 ++
 src/renderer/layouts/MusicRow.vue | 7 +++++--
 4 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 70b2d57..8db4fa3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -14231,6 +14231,11 @@
         "inherits": "^2.0.1"
       }
     },
+    "roboto-slab-fontface-kit": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/roboto-slab-fontface-kit/-/roboto-slab-fontface-kit-1.0.2.tgz",
+      "integrity": "sha512-EdwkOvb6+D7ENrnjs1JzuHQHbeeEuQpddtbYqHzjl+c4dE2Vep0Jh5CHkpQkAhj+nELrXEUikzDayvIn2xzNNA=="
+    },
     "run-async": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/run-async/-/run-async-2.3.0.tgz",
diff --git a/package.json b/package.json
index df6206a..6604936 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "axios": "^0.18.0",
     "dominant-color": "0.0.1",
     "normalize-scss": "^7.0.1",
+    "roboto-slab-fontface-kit": "^1.0.2",
     "vue": "^2.5.16",
     "vue-carousel": "^0.18.0",
     "vue-custom-scrollbar": "^1.1.0",
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 5c6a327..4b1d3f4 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -21,6 +21,8 @@ export default {
 <style lang="sass">
 @import 'normalize-scss'
 @import 'lato-font/scss/_public-api.scss'
+$FontPath: '/node_modules/roboto-slab-fontface-kit/fonts'
+@import 'roboto-slab-fontface-kit/roboto-slab.scss'
 @include normalize()
  
 $lato-font-path: '/node_modules/lato-font/fonts'
diff --git a/src/renderer/layouts/MusicRow.vue b/src/renderer/layouts/MusicRow.vue
index 881e1bc..b36a639 100644
--- a/src/renderer/layouts/MusicRow.vue
+++ b/src/renderer/layouts/MusicRow.vue
@@ -1,6 +1,6 @@
 <template>
     <section>
-        <h1>Top music of the month</h1>
+        <legend>Top music of the month</legend>
         <Carousel class="carousel-custom" :paginationEnabled="false" :scrollPerPage="false" :perPageCustom="[[300, 2], [540, 3], [740, 4], [800, 3], [900, 4],  [1000, 4], [1200, 5] , [1300, 6]]">
           <Slide v-for="item in items" :key="item.id">
             <MusicBox  :item="item" />
@@ -20,7 +20,10 @@ export default {
 </script>
 
 <style scoped lang="sass">
+
 section
-    h1
+    legend
+        font-size: 2rem
+        font-family: 'Roboto Slab', serif        
         margin: 20px 0px
 </style>