tracks

build/browsersync.js

@@ -2,6 +2,7 @@ const bs = require('browser-sync').create();
 
 bs.init({
   watch: true,
+  port: 4567,
   server: {
     routes: {
       '/': 'tmp',

package.json

@@ -49,7 +49,7 @@
   "homepage": "https://tabler.io",
   "devDependencies": {
     "apexcharts": "3.6.2",
-    "bootstrap": "twbs/bootstrap#a4a04cd",
+    "bootstrap": "twbs/bootstrap#41fcd13",
     "browser-sync": "^2.26.5",
     "bundlesize": "0.15.3",
     "clean-css-cli": "4.3.0",

pages/_data/tracks.yml

@@ -0,0 +1,812 @@
+- track:
+  album:
+    images:
+    - height: 640
+      path: 49faef83b73d483c653f08aede55d81df52e9d18.jpg
+      width: 640
+    - height: 300
+      path: a4fb1d293bd8d3fd38352418c50fcf1369a7a87d.jpg
+      width: 300
+    - height: 64
+      path: 11065380c7303972ca2d1d799d06f248fb442225.jpg
+      width: 64
+    release_date: '2019-05-29'
+  artists:
+  - name: GOLEC UORKIESTRA
+    type: artist
+  - name: Gromee
+    type: artist
+  - name: Bedoes
+    type: artist
+  duration_ms: 221611
+  name: Górą ty
+  popularity: 31
+- track:
+  album:
+    images:
+    - height: 640
+      path: 1a9dab25976c706fffccb6bf2cf8a6f5eadd0d29.jpg
+      width: 640
+    - height: 300
+      path: f04bb6fba32e89475d9981007aff21e13745dec2.jpg
+      width: 300
+    - height: 64
+      path: 285c50b8d12090ce411acf5eba9cca721a4a1c0a.jpg
+      width: 64
+    release_date: '2001-03-07'
+  artists:
+  - name: Daft Punk
+    type: artist
+  duration_ms: 201800
+  name: High Life
+  popularity: 51
+- track:
+  album:
+    images:
+    - height: 635
+      path: fb4998c955d8eba049ffbfc7ab8523a4a4a1f7e9.jpg
+      width: 640
+    - height: 297
+      path: c3f13b4f7a674abda9aa36fd72fa341e918c0f26.jpg
+      width: 300
+    - height: 63
+      path: 37c84d9b11d74b5625635a2c6c05aa80f4dc240c.jpg
+      width: 64
+    release_date: '2011-05-24'
+  artists:
+  - name: Foster The People
+    type: artist
+  duration_ms: 203506
+  name: Houdini
+  popularity: 0
+- track:
+  album:
+    images:
+    - height: 640
+      path: d85ff971ec79f3cb6743540ed0f416e2d0a1c311.jpg
+      width: 640
+    - height: 300
+      path: 4d4ab714dfca7b9df41d4a02a2c39394ebdeb6b6.jpg
+      width: 300
+    - height: 64
+      path: 0dcc53286b2ed65d0667584ed5f557e385c25188.jpg
+      width: 64
+    release_date: '2013-01-01'
+  artists:
+  - name: Capital Cities
+    type: artist
+  duration_ms: 192693
+  name: Safe And Sound
+  popularity: 13
+- track:
+  album:
+    images:
+    - height: 640
+      path: dd00b1d051d4997779bf48fa56e6ecb6583ac4cc.jpg
+      width: 640
+    - height: 300
+      path: 79b2422b467ad20c07576e8f8f5f2f1692ac7142.jpg
+      width: 300
+    - height: 64
+      path: 71a9517412a65940f2203c7ee7b0eb352f31199c.jpg
+      width: 64
+    release_date: '2013-10-10'
+  artists:
+  - name: Con Bro Chill
+    type: artist
+  duration_ms: 197779
+  name: Partied Out
+  popularity: 19
+- track:
+  album:
+    images:
+    - height: 640
+      path: 8c48d9658ca7a04cebb1e568ffcca0c0c9fce576.jpg
+      width: 640
+    - height: 300
+      path: aac97056fc02fe02c7e95f7ff77a07c6e82f7d6e.jpg
+      width: 300
+    - height: 64
+      path: 60e40883ae3c1edba925cedd554fc8dabc677ba1.jpg
+      width: 64
+    release_date: '2014-10-05'
+  artists:
+  - name: Galantis
+    type: artist
+  duration_ms: 227073
+  name: Runaway (U & I)
+  popularity: 59
+- track:
+  album:
+    images:
+    - height: 640
+      path: f046d0f22f8b8f888f173758da202b54b309c3cb.jpg
+      width: 640
+    - height: 300
+      path: 859337f0eaa49b1ad6ed76719b7c1ae26d6412c8.jpg
+      width: 300
+    - height: 64
+      path: 3abf5ca23380d633a3add2dab444b9a1b8012aeb.jpg
+      width: 64
+    release_date: '2015-11-27'
+  artists:
+  - name: Major Lazer
+    type: artist
+  - name: Nyla
+    type: artist
+  - name: Fuse ODG
+    type: artist
+  duration_ms: 166138
+  name: Light It Up (feat. Nyla & Fuse ODG) - Remix
+  popularity: 52
+- track:
+  album:
+    images:
+    - height: 640
+      path: ff2381a011d29cefb3804436ed29f60b4faa63d6.jpg
+      width: 640
+    - height: 300
+      path: 2e7357491deb8a6796ee8d9181ca9ea1f407bb5f.jpg
+      width: 300
+    - height: 64
+      path: 0bb28beeb3f0b553d4b1b7a89061d72ad73b8a59.jpg
+      width: 64
+    release_date: '2011-01-01'
+  artists:
+  - name: Taio Cruz
+    type: artist
+  - name: Flo Rida
+    type: artist
+  duration_ms: 244906
+  name: Hangover
+  popularity: 12
+- track:
+  album:
+    images:
+    - height: 640
+      path: 621d2909bcc2c26cd0b274aab0414c9d422a1576.jpg
+      width: 640
+    - height: 300
+      path: c976bfc96d5e44820e553a16a6097cd02a61fd2f.jpg
+      width: 300
+    - height: 64
+      path: 089726b25ce5a55b906b3b65580a517b65c7c881.jpg
+      width: 64
+    release_date: '2017-01-06'
+  artists:
+  - name: Ed Sheeran
+    type: artist
+  duration_ms: 233712
+  name: Shape of You
+  popularity: 77
+- track:
+  album:
+    images:
+    - height: 640
+      path: c903b69c7c123786eb658afbbacbeb0a61fc108f.jpg
+      width: 640
+    - height: 300
+      path: c9a8350feee77e9345eec4155cddc96694803d1a.jpg
+      width: 300
+    - height: 64
+      path: 0db34b6caab2312acdaee332be0c7a0ed3172a2a.jpg
+      width: 64
+    release_date: '2016'
+  artists:
+  - name: Alan Walker
+    type: artist
+  duration_ms: 161144
+  name: Alone
+  popularity: 12
+- track:
+  album:
+    images:
+    - height: 640
+      path: b93e4faa3b5300952e385b893e8d49037b7abc6e.jpg
+      width: 640
+    - height: 300
+      path: fe4ee21d30450829e5b172e806b3c1e14ca1e5f3.jpg
+      width: 300
+    - height: 64
+      path: 488f389cd61dba31b65e36768808c2d0da84737f.jpg
+      width: 64
+    release_date: '2018-03-13'
+  artists:
+  - name: Ylvis
+    type: artist
+  duration_ms: 163611
+  name: Langrennsfar
+  popularity: 45
+- track:
+  album:
+    images:
+    - height: 640
+      path: aa5b5b3795416a0e275d41838d9737c8faedad6c.jpg
+      width: 640
+    - height: 300
+      path: f4e96086f44c4dff1758b1fc1338cd88c1b5ce9c.jpg
+      width: 300
+    - height: 64
+      path: 81a97f9d44d189a959d4838364ee3d2056c88341.jpg
+      width: 64
+    release_date: '2019-02-22'
+  artists:
+  - name: Little Big
+    type: artist
+  duration_ms: 192728
+  name: Skibidi - Romantic Edition
+  popularity: 50
+- track:
+  album:
+    images:
+    - height: 640
+      path: c6d8adf2461ca3e91156b645be472fbe1dcb0fc8.jpg
+      width: 640
+    - height: 300
+      path: 73f4938130140174efb1cc0a82ececb277e40932.jpg
+      width: 300
+    - height: 64
+      path: 6bb542e3ff67f6a6ba2918bdff2e9c5bbabb94a1.jpg
+      width: 64
+    release_date: '2019-02-08'
+  artists:
+  - name: Caravan Palace
+    type: artist
+  duration_ms: 216224
+  name: Miracle
+  popularity: 55
+- track:
+  album:
+    images:
+    - height: 640
+      path: 896b2434b87ea37ba7f99183db5c99c60bc252a1.jpg
+      width: 640
+    - height: 300
+      path: cfb2a532996512eff95c4b0d566d067384aaa441.jpg
+      width: 300
+    - height: 64
+      path: 7f6114053b1ad190459770bc7a941c95ca608b39.jpg
+      width: 64
+    release_date: '2018-11-30'
+  artists:
+  - name: Alan Walker
+    type: artist
+  - name: K-391
+    type: artist
+  - name: Sofia Carson
+    type: artist
+  - name: CORSAK
+    type: artist
+  duration_ms: 202901
+  name: Different World (feat. CORSAK)
+  popularity: 64
+- track:
+  album:
+    images:
+    - height: 640
+      path: 695dfa63a47c7db21c0124f1d598d54058063b94.jpg
+      width: 640
+    - height: 300
+      path: f34590c6e7b48c89e9e7b0b26586a47e1f427f65.jpg
+      width: 300
+    - height: 64
+      path: d35863120ae67588110c66bfa534bb645cf99a16.jpg
+      width: 64
+    release_date: '2011-12-27'
+  artists:
+  - name: Skrillex
+    type: artist
+  - name: Sirah
+    type: artist
+  duration_ms: 215253
+  name: Bangarang (feat. Sirah)
+  popularity: 70
+- track:
+  album:
+    images:
+    - height: 640
+      path: 2e55b9c247cc6b0b713fbbce9db0527a932f8748.jpg
+      width: 640
+    - height: 300
+      path: 1143cd331d7ff1c105fa8140d00edf286fb9f9a5.jpg
+      width: 300
+    - height: 64
+      path: eb33214151082431206ab6e1ad4bbf83f487d58e.jpg
+      width: 64
+    release_date: '2018-02-22'
+  artists:
+  - name: David Guetta
+    type: artist
+  - name: Martin Garrix
+    type: artist
+  - name: Brooks
+    type: artist
+  duration_ms: 202500
+  name: Like I Do
+  popularity: 76
+- track:
+  album:
+    images:
+    - height: 640
+      path: 996e277d1049cef3442bc932c08d76e465436a18.jpg
+      width: 640
+    - height: 300
+      path: f891f1864651e04eb94edd64b8e707e150e2425f.jpg
+      width: 300
+    - height: 64
+      path: a8a4ee30b73a0454bd4d4245e36d87447c7f318d.jpg
+      width: 64
+    release_date: '2017-04-12'
+  artists:
+  - name: slenderbodies
+    type: artist
+  duration_ms: 228061
+  name: anemone
+  popularity: 10
+- track:
+  album:
+    images:
+    - height: 640
+      path: c396ca27ce8cfe43c41bff9cce5aadbb481bb3a0.jpg
+      width: 640
+    - height: 300
+      path: 4d78b06d3286a328a6a72268c474514f04932260.jpg
+      width: 300
+    - height: 64
+      path: 91f76bae8e1b8369fa2f4287af94d065d92e21cc.jpg
+      width: 64
+    release_date: '2017-04-14'
+  artists:
+  - name: FÄIS
+    type: artist
+  duration_ms: 221984
+  name: Ask Me Tomorrow
+  popularity: 0
+- track:
+  album:
+    images:
+    - height: 640
+      path: fa3c3fea65a9a175bcf1fcd36d3c71763b5dc451.jpg
+      width: 640
+    - height: 300
+      path: c76f990296ba4b77c85b569ca311f5eefbcf75e5.jpg
+      width: 300
+    - height: 64
+      path: da194bbe320834f7cc18b51ab2a69ea0fcc93d3e.jpg
+      width: 64
+    release_date: '2018-02-16'
+  artists:
+  - name: Sparkee
+    type: artist
+  duration_ms: 219062
+  name: Strobe
+  popularity: 42
+- track:
+  album:
+    images:
+    - height: 640
+      path: 6207c3f216b3caeb36be9854040930819c38cf8d.jpg
+      width: 640
+    - height: 300
+      path: 5a6c8514a481afe89cbf4f37b13dde14e62ed616.jpg
+      width: 300
+    - height: 64
+      path: a77d19d2ac9e19d59da67952fcf78c24d94f3848.jpg
+      width: 64
+    release_date: '2015-03-02'
+  artists:
+  - name: Major Lazer
+    type: artist
+  - name: MØ
+    type: artist
+  - name: DJ Snake
+    type: artist
+  duration_ms: 176561
+  name: Lean On (feat. MØ & DJ Snake)
+  popularity: 12
+- track:
+  album:
+    images:
+    - height: 640
+      path: ef96f4e6be04b4b8bde0861bd3d6b54f6c39408b.jpg
+      width: 640
+    - height: 300
+      path: 93ad7f491db7df0cb517308e7bb847da41647618.jpg
+      width: 300
+    - height: 64
+      path: 77b2563eda24abe226bc08d59a0dec59a07815e6.jpg
+      width: 64
+    release_date: '2016-10-21'
+  artists:
+  - name: Sia
+    type: artist
+  - name: Kendrick Lamar
+    type: artist
+  duration_ms: 210226
+  name: The Greatest
+  popularity: 75
+- track:
+  album:
+    images:
+    - height: 640
+      path: 8581468e913349d55449686175d6ad55f2efda47.jpg
+      width: 640
+    - height: 300
+      path: 617c5567a6ed4342fb48df7ab753a8d9f2c0054b.jpg
+      width: 300
+    - height: 64
+      path: 9901c9a39491c4456119dde7e626965c5342a6ba.jpg
+      width: 64
+    release_date: '2007'
+  artists:
+  - name: MGMT
+    type: artist
+  duration_ms: 229640
+  name: Electric Feel
+  popularity: 7
+- track:
+  album:
+    images:
+    - height: 640
+      path: cc955a4bee6a76a217de86ce72dc3c304186bc7d.jpg
+      width: 640
+    - height: 300
+      path: b089902e72614818a73c9dfc258633734761a6c1.jpg
+      width: 300
+    - height: 64
+      path: c75a4b750f94fda9d1108c26d28ad47b69c46f09.jpg
+      width: 64
+    release_date: '2001'
+  artists:
+  - name: Zero 7
+    type: artist
+  duration_ms: 271520
+  name: In The Waiting Line
+  popularity: 11
+- track:
+  album:
+    images:
+    - height: 640
+      path: 2fb88b8efab810c50670a2d9ca3abb2af35f01a0.jpg
+      width: 640
+    - height: 300
+      path: 56d8e3e1c597b0382c4dc236ba630d2a0f1eddf1.jpg
+      width: 300
+    - height: 64
+      path: 41351ae11fec30f74422caffed8ba5a05d086d86.jpg
+      width: 64
+    release_date: '2018-06-15'
+  artists:
+  - name: Shanguy
+    type: artist
+  duration_ms: 157778
+  name: King Of The Jungle
+  popularity: 55
+- track:
+  album:
+    images:
+    - height: 640
+      path: d07f62044c007eb1b21ceac4c57a19b552797509.jpg
+      width: 640
+    - height: 300
+      path: 9fa22d9c7a720db1e1addb60b86b6869851b4a76.jpg
+      width: 300
+    - height: 64
+      path: a715f85cf0ba0cc2ed61e62d5441763871d83a5b.jpg
+      width: 64
+    release_date: '2018-06-07'
+  artists:
+  - name: K-391
+    type: artist
+  - name: Alan Walker
+    type: artist
+  - name: Julie Bergan
+    type: artist
+  - name: SEUNGRI
+    type: artist
+  duration_ms: 210288
+  name: Ignite (feat. SEUNGRI)
+  popularity: 67
+- track:
+  album:
+    images:
+    - height: 640
+      path: b114db565bfbdfed73f15cf11963428da1f10e90.jpg
+      width: 640
+    - height: 300
+      path: d5fd5256e0763c1e9f60b054e33e82ca08fdeca8.jpg
+      width: 300
+    - height: 64
+      path: 7fb6b008325b9536dbd02ed14d0c47de59f65935.jpg
+      width: 64
+    release_date: '2017-07-07'
+  artists:
+  - name: lovelytheband
+    type: artist
+  duration_ms: 204878
+  name: broken
+  popularity: 12
+- track:
+  album:
+    images:
+    - height: 640
+      path: 257b1dee9f7d1c6f41bfa567348f8444535feac6.jpg
+      width: 640
+    - height: 300
+      path: 4f6c0ba1317ea1d032ed8f1e5d51777f5ed78192.jpg
+      width: 300
+    - height: 64
+      path: 8ca79fea1c7bcd6e79eceb38d1f7b1a5c7b26d9f.jpg
+      width: 64
+    release_date: '2018-06-15'
+  artists:
+  - name: Kygo
+    type: artist
+  - name: Imagine Dragons
+    type: artist
+  duration_ms: 193320
+  name: Born To Be Yours
+  popularity: 79
+- track:
+  album:
+    images:
+    - height: 640
+      path: 9d022729e6f9917b17800029b9308e8b563c7ab8.jpg
+      width: 640
+    - height: 300
+      path: 748adbfec069804f4ce1c09f4bff86e0eb06f60e.jpg
+      width: 300
+    - height: 64
+      path: cf0c8ff362a486a63527ac8c3fbec07b30854866.jpg
+      width: 64
+    release_date: '2018-10-05'
+  artists:
+  - name: Howard Goodall
+    type: artist
+  duration_ms: 128600
+  name: Opening Titles
+  popularity: 27
+- track:
+  album:
+    images:
+    - height: 640
+      path: c07289080dac8c111fddc6fddcf239c645daac9d.jpg
+      width: 640
+    - height: 300
+      path: d4e02c12a8ef14462f3b4f15df6398cdcfec9898.jpg
+      width: 300
+    - height: 64
+      path: cefff458b9d5cb4ce224de82dfddb390da9811ca.jpg
+      width: 64
+    release_date: '2018-03-13'
+  artists:
+  - name: Ylvis
+    type: artist
+  duration_ms: 163611
+  name: Langrennsfar
+  popularity: 0
+- track:
+  album:
+    images:
+    - height: 640
+      path: 04168ff76158e7bed216979a5ea97c7e52b1e97c.jpg
+      width: 640
+    - height: 300
+      path: 3144e46ee207860391866a086b41eb01749582d6.jpg
+      width: 300
+    - height: 64
+      path: 24b4146508ef0a7969de8d938ee875d0123989f6.jpg
+      width: 64
+    release_date: '2016-04-15'
+  artists:
+  - name: New People
+    type: artist
+  duration_ms: 362000
+  name: Banana Split
+  popularity: 10
+- track:
+  album:
+    images:
+    - height: 640
+      path: 77cb96a59f7a3bf4c6513781a1a48688f88330a3.jpg
+      width: 640
+    - height: 300
+      path: 281357a445748bc906270ca7a01253f480eaf1b4.jpg
+      width: 300
+    - height: 64
+      path: 22c6434a15cc410c656356a9862a2afbe51205ff.jpg
+      width: 64
+    release_date: '2017-04-07'
+  artists:
+  - name: Sławomir
+    type: artist
+  duration_ms: 225481
+  name: Miłość w Zakopanem
+  popularity: 50
+- track:
+  album:
+    images:
+    - height: 640
+      path: ab9e1e2e78d4f25e10364403dc13d7cffded6daf.jpg
+      width: 640
+    - height: 300
+      path: 5843ed4a56177db9ae39a09d23319f87a78ed7d6.jpg
+      width: 300
+    - height: 64
+      path: 9d99ddd56d7cf8599b6c8764fe62577df649de93.jpg
+      width: 64
+    release_date: '2018-02-09'
+  artists:
+  - name: Marshmello
+    type: artist
+  - name: Anne-Marie
+    type: artist
+  duration_ms: 202620
+  name: FRIENDS
+  popularity: 84
+- track:
+  album:
+    images:
+    - height: 640
+      path: 2ccc3bd0455066a58b00083b3920c3642a072e42.jpg
+      width: 640
+    - height: 300
+      path: d0b9aed7b44169ef38398496c8eb0fed14da89d2.jpg
+      width: 300
+    - height: 64
+      path: 18ca653b602887a9b211da03a7c26e8867b528e2.jpg
+      width: 64
+    release_date: '2011-10-17'
+  artists:
+  - name: M83
+    type: artist
+  duration_ms: 243960
+  name: Midnight City
+  popularity: 71
+- track:
+  album:
+    images:
+    - height: 640
+      path: 2be99e6ce2bb214a9072e315f4e17948af30af75.jpg
+      width: 640
+    - height: 300
+      path: 213906d9faa26ccd959947613557ea3b75dde85b.jpg
+      width: 300
+    - height: 64
+      path: 603793bf01019734d7b67b18f5e91220ea8deb14.jpg
+      width: 64
+    release_date: '2007-09-11'
+  artists:
+  - name: Kanye West
+    type: artist
+  duration_ms: 311866
+  name: Stronger
+  popularity: 79
+- track:
+  album:
+    images:
+    - height: 640
+      path: baa69b4e848c9ac4859aa7fd33ca592d384ebd94.jpg
+      width: 640
+    - height: 300
+      path: b77ddc595b81c3c9081fa38df536e47ccd08d5ac.jpg
+      width: 300
+    - height: 64
+      path: 0b12aaeffdef54e56dda3c1b1cb5fbc8bc20f1ca.jpg
+      width: 64
+    release_date: '2019-03-15'
+  artists:
+  - name: Netta
+    type: artist
+  - name: Gromee
+    type: artist
+  - name: Gromme
+    type: artist
+  duration_ms: 247060
+  name: Bassa Sababa - Gromee Remix
+  popularity: 23
+- track:
+  album:
+    images:
+    - height: 640
+      path: caf848886b4cd05003fb342f928b64ea09b305f3.jpg
+      width: 640
+    - height: 300
+      path: b8e4106aa31f47d16803def16904b0a7bc5e1a5a.jpg
+      width: 300
+    - height: 64
+      path: 5da09480ae1ab3f00cfaf6cd4e3a6ba03b4a5fd1.jpg
+      width: 64
+    release_date: '2018-03-23'
+  artists:
+  - name: George Ezra
+    type: artist
+  duration_ms: 201287
+  name: Shotgun
+  popularity: 84
+- track:
+  album:
+    images:
+    - height: 640
+      path: 6e94ab39c917096d876b895dbab0019953d27a96.jpg
+      width: 640
+    - height: 300
+      path: 9b092f765831793404d46b816d688135ff32735f.jpg
+      width: 300
+    - height: 64
+      path: f59354f8d3f2841e44c1bd7aa0cd55a22843cfc7.jpg
+      width: 64
+    release_date: '2014-11-21'
+  artists:
+  - name: David Guetta
+    type: artist
+  - name: Sam Martin
+    type: artist
+  duration_ms: 203641
+  name: Dangerous (feat. Sam Martin)
+  popularity: 64
+- track:
+  album:
+    images:
+    - height: 640
+      path: 6ba02c2ab0ecc649a84fdafb4539e3ad71d0e6ab.jpg
+      width: 640
+    - height: 300
+      path: 6607274645fa3302e4b885c1678e6e2fef40d889.jpg
+      width: 300
+    - height: 64
+      path: 446b2000ec677fed9e915790d8ee8ce021b7db72.jpg
+      width: 64
+    release_date: '2018-05-04'
+  artists:
+  - name: AronChupa
+    type: artist
+  - name: Little Sis Nora
+    type: artist
+  duration_ms: 162732
+  name: Rave in the Grave
+  popularity: 63
+- track:
+  album:
+    images:
+    - height: 640
+      path: 5f9ed99f071ced583dfb5a1dcdac6c555dc755aa.jpg
+      width: 640
+    - height: 300
+      path: f54d58d3c8ff2fb935cfbd8461a7bf867ec88e8b.jpg
+      width: 300
+    - height: 64
+      path: f164a2ba24b716986dbbf2c40d34e5c84bddeec3.jpg
+      width: 64
+    release_date: '2018-07-27'
+  artists:
+  - name: Alan Walker
+    type: artist
+  - name: Au/Ra
+    type: artist
+  - name: Tomine Harket
+    type: artist
+  duration_ms: 211866
+  name: Darkside
+  popularity: 76
+- track:
+  album:
+    images:
+    - height: 640
+      path: 8ebf0216fa9d294177e79cfef03628ed68043454.jpg
+      width: 640
+    - height: 300
+      path: ac7215afbceb58c8a7f3713eaf9d00ff3d959779.jpg
+      width: 300
+    - height: 64
+      path: 014f38920ba75a4efd3488b4626cf6e16f94c9e5.jpg
+      width: 64
+    release_date: '2018-01-12'
+  artists:
+  - name: Camila Cabello
+    type: artist
+  - name: Young Thug
+    type: artist
+  duration_ms: 217306
+  name: Havana (feat. Young Thug)
+  popularity: 84

pages/_includes/layout/debug.html

@@ -42,7 +42,7 @@
       font-size: 12px;
       direction: ltr;
       text-align: left;
-      z-index: 1000;
+      z-index: 3000;
       display: flex;
    }
 

pages/_includes/layout/header.html

@@ -1,3 +1,3 @@
-<header class="header{% if include.dark %} bg-dark text-white{% endif %}">
+<header class="navbar {% if include.dark %} bg-dark text-white{% endif %}">
    {% include parts/navbar.html logo=true user-menu=1 person=5 dark=false white-logo=include.dark %}
 </header>

pages/_includes/layout/sidenav-content.html

@@ -2,7 +2,7 @@
 <div class="p-3">
    <a href="{{ site.base }}" class=" navbar-brand text-inherit">
       <img src="{{ site.base }}/img/logo{% if include.white %}-white{% endif %}.svg" alt="" class="hide-sidenav-folded navbar-brand-logo">
-      <img src="{{ site.base }}/img/logo-small{% if include.white %}-white{% endif %}.svg" alt="" class="hide-sidenav-expanded navbar-brand-logo">
+      <!--<img src="{{ site.base }}/img/logo-small{% if include.white %}-white{% endif %}.svg" alt="" class="hide-sidenav-expanded navbar-brand-logo">-->
    </a>
 </div>
 

pages/_includes/layout/sidenav.html

@@ -1,4 +1,4 @@
 {% assign menu = page.menu | default: layout.menu %}
-<div class="sidenav sidenav-dark{% if page.nav-position == "right" %} sidenav-right{% endif %} sidenav-expand-md">
-   {% include layout/sidenav-content.html white=true menu=menu %}
+<div class="navbar navbar-side{% if page.nav-position == 'right' %} navbar-right{% endif %} navbar-expand-md">
+   {% include layout/sidenav-content.html menu=menu %}
 </div>

pages/_includes/layout/topnav.html

@@ -1,5 +1,5 @@
-<div class="topnav">
+<header class="navbar navbar-expand-md">
 	<div class="container">
       {% include layout/menu.html %}
 	</div>
-</div>
+</header>

pages/_includes/parts/navbar.html

@@ -2,7 +2,7 @@
 {% assign person = site.data.people | where: "id", include.person %}
 {% assign person = person[0] %}
 
-<div class="navbar container{% if include.fluid %}-fluid{% endif %} navbar-expand-lg{% if include.dark %} navbar-dark bg-dark{% endif %}">
+<div class="container{% if include.fluid %}-fluid{% endif %}{% if include.dark %} navbar-dark bg-dark{% endif %}">
    <a class="d-lg-none px-1" data-toggle="modal" data-target="#aside">
       {% include ui/icon.html icon="menu" %}
    </a>
@@ -33,7 +33,7 @@
             <div class="dropdown">
                <a class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">Pages</a>
                <div class="dropdown-menu">
-                  <a class="dropdown-item" href="##">App Pages</a>
+                  <a class="dropdown-item" href="#">App Pages</a>
                   <a class="dropdown-item" href="#">Utility Pages</a>
                   <a class="dropdown-item" href="#">Layouts</a>
                </div>

pages/_includes/ui/icon.html

@@ -1,3 +1 @@
-{% capture class %}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}{% endcapture %}
-{% assign class = class | strip %}
-<i class="icon fe fe-{{ include.icon }}"></i>
+<i class="icon fe fe-{{ include.icon }}{% if include.class %} {{ include.class }}{% endif %}{% if include.color %} text-{{ include.color }}{% endif %}"></i>

pages/_layouts/default.html

@@ -4,15 +4,14 @@ layout: base
 
 <div class="d-flex h-auto min-h-screen">
 
-   {% if page.nav-position == "left" or page.nav-position == "right" %}
+   {% if page.nav-position == "left" or page.nav-position == "right" or page.nav-position == "all"  %}
    {% include layout/sidenav.html %}
    {% endif %}
 
-   <div class="flex-fill d-flex flex-column mw-100">
-      {{ page.header-dark }}
-      {% include layout/header.html dark=page.header-dark %}
+   <div class="main-content flex-fill d-flex flex-column mw-100">
+      {% include layout/header.html %}
 
-      {% if page.nav-position == "top" %}
+      {% if page.nav-position == "top" or page.nav-position == "all" %}
       {% include layout/topnav.html %}
       {% endif %}
 
@@ -26,30 +25,5 @@ layout: base
             </div>
          </div>
       </div>
-
-      <footer class="footer">
-         <div class="container">
-            <div class="row align-items-center flex-row-reverse">
-               <div class="col-auto ml-lg-auto">
-                  <div class="row align-items-center">
-                     <div class="col-auto">
-                        <ul class="list-inline list-inline-dots mb-0">
-                           <li class="list-inline-item"><a href="./docs/index.html">Documentation</a></li>
-                           <li class="list-inline-item"><a href="./faq.html">FAQ</a></li>
-                        </ul>
-                     </div>
-                     <div class="col-auto">
-                        <a href="https://github.com/tabler/tabler" class="btn btn-outline-primary btn-sm">Source
-                           code</a>
-                     </div>
-                  </div>
-               </div>
-               <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
-                  Copyright © 2018 <a href=".">Tabler</a>. Theme by <a href="https://codecalm.net" target="_blank">codecalm.net</a>
-                  All rights reserved.
-               </div>
-            </div>
-         </div>
-      </footer>
    </div>
 </div>

pages/navbar-all.html

@@ -0,0 +1,25 @@
+---
+nav-position: all
+---
+
+<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+
+<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+
+<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+
+<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
+
+<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p>
+
+<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>
+
+<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
+
+<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</p>
+
+<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
+
+<p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</p>
+
+<p>At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.</p>

pages/tracks.html

@@ -0,0 +1,17 @@
+---
+title: Tracks demo
+---
+
+{% card %}
+   <table>
+   {% for track in site.data.tracks %}
+      <tr>
+         <td>{{ forloop.index }}</td>
+         <td>{{ track.name }}</td>
+         <td><img src="{{ site.base }}/img/tracks/{{ track.album.images[2].path }}" alt=""></td>
+         <td>{{ track.artists[0].name }}</td>
+         <td>{{ track.duration_ms | divided_by: 1000 }} s.</td>
+      </tr>
+   {% endfor %}
+   </table>
+{% endcard %}

scss/_variables.scss

@@ -111,12 +111,12 @@ $line-height-base: 1.5 !default;
 
 $border-radius: 3px !default;
 
-$h1-font-size: 2rem !default;
-$h2-font-size: 1.5rem !default;
-$h3-font-size: 1.125rem !default;
-$h4-font-size: $font-size-base !default;
-$h5-font-size: .8125rem !default;
-$h6-font-size: .75rem !default;
+$h1-font-size: $font-size-base * 1.25 * 1.25 * 1.25 * 1.25 !default;
+$h2-font-size: $font-size-base * 1.25 * 1.25 * 1.25 !default;
+$h3-font-size: $font-size-base * 1.25 * 1.25 !default;
+$h4-font-size: $font-size-base * 1.25 !default;
+$h5-font-size: $font-size-base !default;
+$h6-font-size: $font-size-base * .8 !default;
 
 $ribbon-margin: .25rem !default;
 

scss/layout/_header.scss

@@ -1,5 +0,0 @@
-.header,
-.topnav {
-  background: #fff;
-  border-bottom: 1px solid $border-color;
-}

scss/layout/_navbar.scss

@@ -1,3 +1,8 @@
+.navbar {
+  background: #fff;
+  border-bottom: 1px solid $border-color;
+}
+
 .navbar {
   display: flex;
   min-height: 3.75rem;
@@ -9,6 +14,15 @@
   }
 }
 
+.navbar-nav {
+  flex-direction: row;
+
+  .navbar-nav {
+    padding-left: .5rem;
+    padding-right: .5rem;
+  }
+}
+
 .navbar-brand {
   display: flex;
   align-items: center;
@@ -28,3 +42,214 @@
 .navbar-brand-logo {
   height: 2rem;
 }
+
+/**
+Fixed navbar
+ */
+.navbar-fixed {
+  position: fixed;
+  z-index: $zindex-sticky;
+
+  &.navbar-side {
+    top: 0;
+    left: 0;
+    bottom: 0;
+
+    &.navbar-right {
+      right: 0;
+      left: auto;
+    }
+  }
+}
+
+/**
+Navbar expand
+ */
+@each $breakpoint, $dimension in $grid-breakpoints {
+  .navbar-expand-#{$breakpoint} {
+    display: none;
+
+    @include media-breakpoint-up(#{$breakpoint}) {
+      display: block;
+      padding-right: 0;
+      padding-left: 0;
+
+      .navbar-nav {
+        margin-right: 0;
+        margin-left: 0;
+      }
+
+      .navbar-nav .nav-link {
+        padding: .5rem $sidenav-link-padding-x;
+
+        &.active {
+          position: relative;
+
+          &::before {
+            top: auto;
+            right: $sidenav-link-padding-x;
+            bottom: calc(-#{$navbar-padding-y} - #{$border-width});
+            left: $sidenav-link-padding-x;
+            border-bottom: 1px solid $primary;
+            border-left: 0;
+          }
+        }
+      }
+
+
+      > .container,
+      > .container-fluid {
+        padding-right: 0;
+        padding-left: 0;
+      }
+
+      &.navbar-side.navbar-fixed {
+        @include media-breakpoint-up(#{$breakpoint}) {
+          ~ .main-content {
+            margin-left: $sidenav-width;
+          }
+
+          &.navbar-right ~ .main-content {
+            margin-right: $sidenav-width;
+            margin-left: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+
+/*
+Sidebar
+ */
+.navbar-side {
+  width: $sidenav-width;
+  min-width: $sidenav-width;
+  background: $sidenav-bg;
+  border-right: 1px solid $sidenav-border-color;
+  user-select: none;
+
+  .nav-link {
+    display: flex;
+    align-items: center;
+    color: $text-muted;
+    transition: .3s background, .3s box-shadow;
+
+    &.active,
+    &:hover {
+      color: $body-color;
+      background: rgba($link-color, .04);
+      border-color: $primary;
+      box-shadow: inset 2px 0 0 0 $primary;
+    }
+
+    > .icon {
+      width: 2rem;
+    }
+
+    &[data-toggle="collapse"] {
+      &.active {
+        background: none;
+        box-shadow: none;
+      }
+
+      &:after {
+        display: block;
+        font-family: $font-icons !important;
+        content: $icon-fe-chevron-down;
+        margin-left: auto;
+        transition: transform .3s;
+      }
+
+      &[aria-expanded="true"]:after {
+        transform: rotate(-180deg);
+      }
+    }
+  }
+
+  &:not(.sidenav-folded) {
+    .nav-item .nav-item .nav-link {
+      padding-left: 2.5rem;
+    }
+
+    .nav-item .nav-item .nav-item .nav-link {
+      padding-left: 3.5rem;
+    }
+
+    .nav-item .nav-item .nav-item .nav-item .nav-link {
+      padding-left: 4.5rem;
+    }
+  }
+
+  .nav-link-title {
+    display: flex;
+    width: 100%;
+    align-items: center;
+  }
+
+  .navbar-brand {
+    text-align: center;
+  }
+
+  .navbar-heading {
+    @extend .text-subheader;
+    padding: .5rem $sidenav-link-padding-x;
+    margin: 0;
+  }
+
+  .navbar-nav {
+    flex-direction: column;
+  }
+}
+
+/*
+Right navbar
+ */
+.navbar-right {
+  order: 9;
+  border-right: none;
+  border-left: 1px solid $sidenav-border-color;
+}
+
+/*
+Dark navbar
+ */
+.navbar-dark {
+  color: #fff;
+  background-color: $sidenav-dark-bg;
+  border: none;
+
+  .navbar-brand {
+    filter: brightness(0) invert(1);
+  }
+
+  .navbar-divider {
+    border-color: rgba(#fff, .2);
+  }
+
+  .nav-link {
+    color: $text-muted-light;
+
+    &.active,
+    &:hover {
+      color: $white;
+      background: rgba($white, .04);
+    }
+  }
+}
+
+/**
+Utils
+ */
+.hide-sidenav-folded {
+  @at-root .sidenav.sidenav-folded & {
+    display: none;
+  }
+}
+
+.hide-sidenav-expanded {
+  @at-root .sidenav:not(.sidenav-folded) & {
+    display: none;
+  }
+}

scss/layout/_sidenav.scss

@@ -1,233 +0,0 @@
-/*
-Sidebar
- */
-.sidenav {
-  width: $sidenav-width;
-  min-width: $sidenav-width;
-  background: $sidenav-bg;
-  border-right: 1px solid $sidenav-border-color;
-  user-select: none;
-
-  .nav-link {
-    display: flex;
-    align-items: center;
-    color: $text-muted;
-    transition: .3s background, .3s box-shadow;
-
-    &.active,
-    &:hover {
-      color: $body-color;
-      background: rgba($link-color, .04);
-      border-color: $primary;
-      box-shadow: inset 2px 0 0 0 $primary;
-    }
-
-    > .icon {
-      width: 2rem;
-    }
-
-    &[data-toggle="collapse"] {
-      &.active {
-        background: none;
-        box-shadow: none;
-      }
-
-      &:after {
-        display: block;
-        font-family: $font-icons !important;
-        content: $icon-fe-chevron-down;
-        margin-left: auto;
-        transition: transform .3s;
-      }
-
-      &[aria-expanded="true"]:after {
-        transform: rotate(-180deg);
-      }
-    }
-  }
-
-  &:not(.sidenav-folded) {
-    .nav-item .nav-item .nav-link {
-      padding-left: 2.5rem;
-    }
-
-    .nav-item .nav-item .nav-item .nav-link {
-      padding-left: 3.5rem;
-    }
-
-    .nav-item .nav-item .nav-item .nav-item .nav-link {
-      padding-left: 4.5rem;
-    }
-  }
-
-  .nav-link-title {
-    display: flex;
-    width: 100%;
-    align-items: center;
-  }
-
-  .navbar-brand {
-    text-align: center;
-  }
-
-  .navbar-heading {
-    @extend .text-subheader;
-    padding: .5rem $sidenav-link-padding-x;
-    margin: 0;
-  }
-}
-
-/*.sidenav-folded {
-  width: 4rem;
-
-  .nav-item {
-    position: relative;
-
-    .nav-item {
-      .nav-link {
-        height: auto;
-      }
-
-      .nav-link-title {
-        display: block;
-      }
-    }
-
-    .nav-link {
-      padding: 0 $sidenav-link-padding-x;
-    }
-  }
-
-  .nav-link-title {
-    display: none;
-  }
-
-  .navbar-heading {
-    display: none;
-  }
-
-  .nav-link {
-    height: 4rem;
-
-    > .icon {
-      font-size: 1.25rem;
-      width: 100%;
-      text-align: center;
-    }
-
-    .badge {
-      position: absolute;
-      right: 0;
-      top: 0;
-      text-indent: -9999px;
-      width: 8px;
-      height: 8px;
-      padding: 0;
-      border-radius: 50%;
-    }
-
-    &:after {
-      display: none !important;
-    }
-  }
-
-  .navbar-collapse {
-    position: absolute;
-    left: 100%;
-    top: 0;
-    background: #fff;
-    z-index: $zindex-dropdown;
-    width: 10rem;
-    box-shadow: $box-shadow-sm;
-    border: 1px solid $border-color;
-  }
-}
-*/
-
-/*
-Right sidebar
- */
-.sidenav-right {
-  order: 9;
-  border-right: none;
-  border-left: 1px solid $sidenav-border-color;
-}
-
-/*
-Dark sidebar
- */
-.sidenav-dark {
-  color: #fff;
-  background-color: $sidenav-dark-bg;
-  border: none;
-
-  .navbar-brand {
-    filter: brightness(0) invert(1);
-  }
-
-  .navbar-divider {
-    border-color: rgba(#fff, .2);
-  }
-
-  .nav-link {
-    color: $text-muted-light;
-
-    &.active,
-    &:hover {
-      color: $white;
-      background: rgba($white, .04);
-    }
-  }
-}
-
-@each $breakpoint, $dimension in $grid-breakpoints {
-
-  .sidenav-expand-#{$breakpoint} {
-    display: none;
-
-    @include media-breakpoint-up(#{$breakpoint}) {
-      display: block;
-      padding-right: 0;
-      padding-left: 0;
-
-      .navbar-nav {
-        margin-right: 0;
-        margin-left: 0;
-      }
-
-      .navbar-nav .nav-link {
-        padding: .5rem $sidenav-link-padding-x;
-
-        &.active {
-          position: relative;
-
-          &::before {
-            top: auto;
-            right: $sidenav-link-padding-x;
-            bottom: calc(-#{$navbar-padding-y} - #{$border-width});
-            left: $sidenav-link-padding-x;
-            border-bottom: 1px solid $primary;
-            border-left: 0;
-          }
-        }
-      }
-
-      .sidenav > [class*="container"] {
-        padding-right: 0;
-        padding-left: 0;
-      }
-    }
-  }
-}
-
-.hide-sidenav-folded {
-  @at-root .sidenav.sidenav-folded & {
-    display: none;
-  }
-}
-
-.hide-sidenav-expanded {
-  @at-root .sidenav:not(.sidenav-folded) & {
-    display: none;
-  }
-}

scss/tabler.scss

@@ -11,9 +11,7 @@
 
 @import "layout/core";
 @import "layout/grid";
-@import "layout/header";
 @import "layout/navbar";
-@import "layout/sidenav";
 @import "layout/page";
 
 @import "ui/typo";

static/img/logo-white.svg

@@ -1,4 +1,4 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 232 68">
-  <path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#2d89ef"/>
+  <path d="M64.6 16.2C63 9.9 58.1 5 51.8 3.4 40 1.5 28 1.5 16.2 3.4 9.9 5 5 9.9 3.4 16.2 1.5 28 1.5 40 3.4 51.8 5 58.1 9.9 63 16.2 64.6c11.8 1.9 23.8 1.9 35.6 0C58.1 63 63 58.1 64.6 51.8c1.9-11.8 1.9-23.8 0-35.6zM33.3 36.3c-2.8 4.4-6.6 8.2-11.1 11-1.5.9-3.3.9-4.8.1s-2.4-2.3-2.5-4c0-1.7.9-3.3 2.4-4.1 2.3-1.4 4.4-3.2 6.1-5.3-1.8-2.1-3.8-3.8-6.1-5.3-2.3-1.3-3-4.2-1.7-6.4s4.3-2.9 6.5-1.6c4.5 2.8 8.2 6.5 11.1 10.9 1 1.4 1 3.3.1 4.7zM49.2 46H37.8c-2.1 0-3.8-1-3.8-3s1.7-3 3.8-3h11.4c2.1 0 3.8 1 3.8 3s-1.7 3-3.8 3z" fill="#fff"/>
   <path d="M105.8 46.1c.4 0 .9.2 1.2.6s.6 1 .6 1.7c0 .9-.5 1.6-1.4 2.2s-2 .9-3.2.9c-2 0-3.7-.4-5-1.3s-2-2.6-2-5.4V31.6h-2.2c-.8 0-1.4-.3-1.9-.8s-.9-1.1-.9-1.9c0-.7.3-1.4.8-1.8s1.2-.7 1.9-.7h2.2v-3.1c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v3.1h3.4c.8 0 1.4.3 1.9.8s.8 1.2.8 1.9-.3 1.4-.8 1.8-1.2.7-1.9.7h-3.4v13c0 .7.2 1.2.5 1.5s.8.5 1.4.5c.3 0 .6-.1 1.1-.2.5-.2.8-.3 1.2-.3zm28-20.7c.8 0 1.5.3 2.1.8.5.5.8 1.2.8 2.1v20.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2-.8-.8-1.2-.8-2.1c-.8.9-1.9 1.7-3.2 2.4-1.3.7-2.8 1-4.3 1-2.2 0-4.2-.6-6-1.7-1.8-1.1-3.2-2.7-4.2-4.7s-1.6-4.3-1.6-6.9c0-2.6.5-4.9 1.5-6.9s2.4-3.6 4.2-4.8c1.8-1.1 3.7-1.7 5.9-1.7 1.5 0 3 .3 4.3.8 1.3.6 2.5 1.3 3.4 2.1 0-.8.3-1.5.8-2.1.5-.5 1.2-.7 2-.7zm-9.7 21.3c2.1 0 3.8-.8 5.1-2.3s2-3.4 2-5.7-.7-4.2-2-5.8c-1.3-1.5-3-2.3-5.1-2.3-2 0-3.7.8-5 2.3-1.3 1.5-2 3.5-2 5.8s.6 4.2 1.9 5.7 3 2.3 5.1 2.3zm32.1-21.3c2.2 0 4.2.6 6 1.7 1.8 1.1 3.2 2.7 4.2 4.7s1.6 4.3 1.6 6.9-.5 4.9-1.5 6.9-2.4 3.6-4.2 4.8c-1.8 1.1-3.7 1.7-5.9 1.7-1.5 0-3-.3-4.3-.9s-2.5-1.4-3.4-2.3v.3c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.5-.8-1.2-.8-2.1V18.9c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v10c.8-1 1.8-1.8 3.2-2.5 1.3-.7 2.8-1 4.3-1zm-.7 21.3c2 0 3.7-.8 5-2.3s2-3.5 2-5.8-.6-4.2-1.9-5.7-3-2.3-5.1-2.3-3.8.8-5.1 2.3-2 3.4-2 5.7.7 4.2 2 5.8c1.3 1.6 3 2.3 5.1 2.3zm23.6 1.9c0 .8-.3 1.5-.8 2.1s-1.3.8-2.1.8-1.5-.3-2-.8-.8-1.3-.8-2.1V18.9c0-.8.3-1.5.8-2.1s1.3-.8 2.1-.8 1.5.3 2 .8.8 1.3.8 2.1v29.7zm29.3-10.5c0 .8-.3 1.4-.9 1.9-.6.5-1.2.7-2 .7h-15.8c.4 1.9 1.3 3.4 2.6 4.4 1.4 1.1 2.9 1.6 4.7 1.6 1.3 0 2.3-.1 3.1-.4.7-.2 1.3-.5 1.8-.8.4-.3.7-.5.9-.6.6-.3 1.1-.4 1.6-.4.7 0 1.2.2 1.7.7s.7 1 .7 1.7c0 .9-.4 1.6-1.3 2.4-.9.7-2.1 1.4-3.6 1.9s-3 .8-4.6.8c-2.7 0-5-.6-7-1.7s-3.5-2.7-4.6-4.6-1.6-4.2-1.6-6.6c0-2.8.6-5.2 1.7-7.2s2.7-3.7 4.6-4.8 3.9-1.7 6-1.7 4.1.6 6 1.7 3.4 2.7 4.5 4.7c.9 1.9 1.5 4.1 1.5 6.3zm-12.2-7.5c-3.7 0-5.9 1.7-6.6 5.2h12.6v-.3c-.1-1.3-.8-2.5-2-3.5s-2.5-1.4-4-1.4zm30.3-5.2c1 0 1.8.3 2.4.8.7.5 1 1.2 1 1.9 0 1-.3 1.7-.8 2.2-.5.5-1.1.8-1.8.7-.5 0-1-.1-1.6-.3-.2-.1-.4-.1-.6-.2-.4-.1-.7-.1-1.1-.1-.8 0-1.6.3-2.4.8s-1.4 1.3-1.9 2.3-.7 2.3-.7 3.7v11.4c0 .8-.3 1.5-.8 2.1-.5.6-1.2.8-2.1.8s-1.5-.3-2.1-.8c-.5-.6-.8-1.3-.8-2.1V28.8c0-.8.3-1.5.8-2.1.5-.6 1.2-.8 2.1-.8s1.5.3 2.1.8c.5.6.8 1.3.8 2.1v.6c.7-1.3 1.8-2.3 3.2-3 1.3-.7 2.8-1 4.3-1z" fill-rule="evenodd" clip-rule="evenodd" fill="#fff"/>
 </svg>