From 6424a77f7a8425db02f816878fc9dbb8e62098bd Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Sun, 6 Oct 2019 13:54:17 -0700
Subject: [PATCH 01/17] Controller help and favourites work

---
 ControllerHelp.qml                         | 71 ++++++++++++++++++++++
 README.MD                                  |  2 +-
 assets/images/controllerButton.svg         |  1 +
 assets/images/controllerDpad.svg           |  1 +
 assets/images/controllerDpadDirections.svg |  1 +
 layer_grid/GameGrid.qml                    | 11 ++--
 theme.qml                                  | 44 +++++++++++++-
 7 files changed, 123 insertions(+), 8 deletions(-)
 create mode 100644 ControllerHelp.qml
 create mode 100644 assets/images/controllerButton.svg
 create mode 100644 assets/images/controllerDpad.svg
 create mode 100644 assets/images/controllerDpadDirections.svg

diff --git a/ControllerHelp.qml b/ControllerHelp.qml
new file mode 100644
index 00000000..2b878be2
--- /dev/null
+++ b/ControllerHelp.qml
@@ -0,0 +1,71 @@
+import QtQuick 2.8
+import QtGraphicalEffects 1.0
+
+FocusScope {
+  id: root
+  Item {
+    id: background
+    width: parent.width
+    height: parent.height
+
+    LinearGradient {
+      id: bggradient
+      z: parent.z + 1
+      width: parent.width
+      height: parent.height
+      anchors {
+        top: parent.top;
+        right: parent.right
+        bottom: controllerBG.top
+      }
+      start: Qt.point(0, 0)
+      end: Qt.point(0, height)
+      gradient: Gradient {
+        GradientStop { position: 0.0; color: "#00000000" }
+        GradientStop { position: 0.3; color: "#e6000000" }
+      }
+      opacity: 1
+      Behavior on opacity { NumberAnimation { duration: 100 } }
+
+      Item {
+        id: buttonContainer
+        width: parent.width
+        height: vpx(20)
+        anchors {
+          bottom: parent.bottom
+          bottomMargin: vpx(15)
+        }
+        Image {
+          id: button1
+          height: vpx(25)
+          width: height
+          source: "assets/images/controllerButton.svg"
+          sourceSize: vpx(64)
+          transform: Rotation { angle: 0}
+          anchors {
+            right: buttonBack.left
+            rightMargin: vpx(5)
+          }
+        }
+
+        Item {
+          id: buttonBack
+          width: txtBack.width
+          height: parent.height
+          Text {
+            id: txtBack
+            text: "Back"
+            color: "white"
+            font.pixelSize: vpx(14)
+            font.family: bodyFont.name
+          }
+          anchors {
+            right: parent.right
+            rightMargin: vpx(25)
+          }
+        }
+      }
+
+    }//bggradient
+  }//background
+}//root
diff --git a/README.MD b/README.MD
index c390ceae..3fdfebd8 100644
--- a/README.MD
+++ b/README.MD
@@ -1,4 +1,4 @@
-# gameOS v0.6.5
+# gameOS v0.6.6
 
 ![gameOS Pegasus theme](https://i.imgur.com/Zzq3q1n.png)
 
diff --git a/assets/images/controllerButton.svg b/assets/images/controllerButton.svg
new file mode 100644
index 00000000..b501632f
--- /dev/null
+++ b/assets/images/controllerButton.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_XCbDR5mIqrUevlDSexROzwXLkwdBi1dB"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_XCbDR5mIqrUevlDSexROzwXLkwdBi1dB)"><path d=" M 32 3.16 C 35.92 3.16 39.11 6.35 39.11 10.27 C 39.11 14.19 35.92 17.38 32 17.38 C 28.08 17.38 24.89 14.19 24.89 10.27 C 24.89 6.35 28.08 3.16 32 3.16 Z  M 32 0 C 26.33 0 21.73 4.6 21.73 10.27 C 21.73 15.94 26.33 20.54 32 20.54 C 37.67 20.54 42.27 15.94 42.27 10.27 C 42.27 4.6 37.67 0 32 0 L 32 0 L 32 0 Z " fill="rgb(255,255,255)"/><circle vector-effect="non-scaling-stroke" cx="32" cy="53.72999999999999" r="10.269999999999998" fill="rgb(255,255,255)"/><path d=" M 53.73 24.89 C 57.65 24.89 60.84 28.08 60.84 32 C 60.84 35.92 57.65 39.11 53.73 39.11 C 49.81 39.11 46.62 35.92 46.62 32 C 46.62 28.08 49.81 24.89 53.73 24.89 Z  M 53.73 21.73 C 48.06 21.73 43.46 26.33 43.46 32 C 43.46 37.67 48.06 42.27 53.73 42.27 C 59.4 42.27 64 37.67 64 32 C 64 26.33 59.4 21.73 53.73 21.73 L 53.73 21.73 L 53.73 21.73 Z " fill="rgb(255,255,255)"/><path d=" M 10.27 24.89 C 14.19 24.89 17.38 28.08 17.38 32 C 17.38 35.92 14.19 39.11 10.27 39.11 C 6.35 39.11 3.16 35.92 3.16 32 C 3.16 28.08 6.35 24.89 10.27 24.89 Z  M 10.27 21.73 C 4.6 21.73 0 26.33 0 32 C 0 37.67 4.6 42.27 10.27 42.27 C 15.94 42.27 20.54 37.67 20.54 32 C 20.54 26.33 15.94 21.73 10.27 21.73 L 10.27 21.73 L 10.27 21.73 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controllerDpad.svg b/assets/images/controllerDpad.svg
new file mode 100644
index 00000000..cd90d797
--- /dev/null
+++ b/assets/images/controllerDpad.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_kRA6iqxB5DTIOuxh3C3IPJKM44w1z030"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_kRA6iqxB5DTIOuxh3C3IPJKM44w1z030)"><path d=" M 61.42 21.33 L 45.25 21.33 C 43.82 21.33 42.67 20.17 42.67 18.75 L 42.67 2.58 C 42.67 1.15 41.51 0 40.09 0 L 23.92 0 C 22.49 0 21.34 1.16 21.34 2.58 L 21.34 18.74 C 21.34 20.17 20.18 21.32 18.76 21.32 L 2.58 21.32 C 1.16 21.33 0 22.49 0 23.92 L 0 40.08 C 0 41.51 1.16 42.66 2.58 42.66 L 18.74 42.66 C 20.17 42.66 21.32 43.82 21.32 45.24 L 21.32 61.4 C 21.32 62.83 22.48 63.98 23.9 63.98 L 40.06 63.98 C 41.49 63.98 42.64 62.82 42.64 61.4 L 42.64 45.25 C 42.64 43.82 43.8 42.67 45.22 42.67 L 61.38 42.67 C 62.81 42.67 63.96 41.51 63.96 40.09 L 63.96 23.92 C 64 22.49 62.84 21.33 61.42 21.33 Z  M 38.01 51.17 L 32.46 58.93 C 32.23 59.25 31.75 59.25 31.52 58.93 L 25.97 51.17 C 25.7 50.79 25.97 50.26 26.44 50.26 L 37.53 50.26 C 38.01 50.26 38.29 50.79 38.01 51.17 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controllerDpadDirections.svg b/assets/images/controllerDpadDirections.svg
new file mode 100644
index 00000000..1c65ea99
--- /dev/null
+++ b/assets/images/controllerDpadDirections.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_La1uos9CSYW32DeWtIdouhYXkjtPEvla"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_La1uos9CSYW32DeWtIdouhYXkjtPEvla)"><path d=" M 61.42 21.33 L 45.25 21.33 C 43.82 21.33 42.67 20.17 42.67 18.75 L 42.67 2.58 C 42.67 1.15 41.51 0 40.09 0 L 23.92 0 C 22.49 0 21.34 1.16 21.34 2.58 L 21.34 18.74 C 21.34 20.17 20.18 21.32 18.76 21.32 L 2.58 21.32 C 1.16 21.33 0 22.49 0 23.92 L 0 40.08 C 0 41.51 1.16 42.66 2.58 42.66 L 18.74 42.66 C 20.17 42.66 21.32 43.82 21.32 45.24 L 21.32 61.4 C 21.32 62.83 22.48 63.98 23.9 63.98 L 40.06 63.98 C 41.49 63.98 42.64 62.82 42.64 61.4 L 42.64 45.25 C 42.64 43.82 43.8 42.67 45.22 42.67 L 61.38 42.67 C 62.81 42.67 63.96 41.51 63.96 40.09 L 63.96 23.92 C 64 22.49 62.84 21.33 61.42 21.33 Z  M 38.01 51.17 L 32.46 58.93 C 32.23 59.25 31.75 59.25 31.52 58.93 L 25.97 51.17 C 25.7 50.79 25.97 50.26 26.44 50.26 L 37.53 50.26 C 38.01 50.26 38.29 50.79 38.01 51.17 Z  M 37.55 14.45 L 26.45 14.45 C 25.98 14.45 25.71 13.92 25.98 13.54 L 31.53 5.78 C 31.76 5.46 32.24 5.46 32.47 5.78 L 38.02 13.54 C 38.29 13.92 38.01 14.45 37.55 14.45 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/layer_grid/GameGrid.qml b/layer_grid/GameGrid.qml
index 9f448da9..05fae5e4 100644
--- a/layer_grid/GameGrid.qml
+++ b/layer_grid/GameGrid.qml
@@ -26,6 +26,7 @@ FocusScope {
   signal filtersRequested
   signal collectionNext
   signal collectionPrev
+  signal toggleFav
   signal gameChanged(int currentIdx)
 
   Keys.onPressed: {
@@ -34,7 +35,8 @@ FocusScope {
 
       if (api.keys.isDetails(event)) {
           event.accepted = true;
-          toggleFav();
+          toggleFilters();
+          //toggleFav();
           return;
       }
       if (api.keys.isCancel(event)) {
@@ -44,20 +46,21 @@ FocusScope {
         }
       if (api.keys.isFilters(event)) {
           event.accepted = true;
-          toggleFilters()
+          toggleFav();
+          //toggleFilters()
           //filtersRequested();
           return;
       }
   }
 
   //property bool isFavorite: (gameData && gameData.favorite) || false
-  function toggleFav() {
+  /*function toggleFav() {
       if (gameData)
           gameData.favorite = !gameData.favorite;
 
       toggleSound.play()
 
-  }
+  }*/
 
   function toggleFilters() {
     if (api.filters.favorite) {
diff --git a/theme.qml b/theme.qml
index de6fa90a..1ec6e441 100644
--- a/theme.qml
+++ b/theme.qml
@@ -3,6 +3,7 @@
 import QtQuick 2.8
 import QtGraphicalEffects 1.0
 import QtMultimedia 5.9
+import SortFilterProxyModel 0.2
 import "qrc:/qmlutils" as PegasusUtils
 import "utils.js" as Utils
 import "layer_grid"
@@ -10,6 +11,10 @@ import "layer_menu"
 import "layer_details"
 
 FocusScope {
+  property int collectionIndex: 0
+  property var allGamesInCollection: api.collections.get(collectionIndex)
+  property bool showFavs: false
+
   //SETTINGS
   property bool mainShowDetails: api.memory.get('settingsMainShowDetails') | false
 
@@ -27,15 +32,38 @@ FocusScope {
   property string themeYellow: "#E9D758"
   property string themeColour: themeOrange
 
+  ////////////////////////
+  // Custom Collections //
+
+  // Favourites
+  SortFilterProxyModel {
+    id: favGames
+    sourceModel: api.collections.get(collectionIndex).games
+    filters: ValueFilter {
+      roleName: "favorite"
+      value: true
+    }
+  }
+
+  property var favCollection: {
+    return {
+      name: "Favourites",
+      shortname: "favourites",
+      games: favGames
+    }
+  }
+
+  property var customCollection: [favCollection]
+  // End custom collections //
+  ////////////////////////////
+
   //////////////////////////
   // Collection switching //
 
   function modulo(a,n) {
     return (a % n + n) % n;
   }
-
-  property int collectionIndex: 0
-  property var currentCollection: api.collections.get(collectionIndex)
+  property var currentCollection: showFavs ? favCollection : allGamesInCollection
   property string platformShortname: Utils.processPlatformName(currentCollection.shortName)
 
   function nextCollection () {
@@ -279,6 +307,7 @@ FocusScope {
           onMenuRequested: toggleMenu()
           onDetailsRequested: toggleDetails()
           onGameChanged: changeGameIndex(currentIdx)
+          onToggleFav: showFavs ? showFavs = false : showFavs = true
         }
       }
 
@@ -344,6 +373,15 @@ FocusScope {
     }
   }
 
+  ControllerHelp {
+    id: controllerHelp
+    width: parent.width
+    height: vpx(75)
+    anchors {
+      bottom: parent.bottom
+    }
+  }
+
 
   ///////////////////
   // SOUND EFFECTS //

From ab58089478b641a21347eb17649b3d8938d8e84d Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Mon, 7 Oct 2019 12:10:44 -0700
Subject: [PATCH 02/17] More controller help enhancements

---
 ControllerHelp.qml                            |  71 --------
 assets/images/controller/0.png                | Bin 0 -> 693 bytes
 .../0.svg}                                    |   0
 assets/images/controller/1.png                | Bin 0 -> 668 bytes
 assets/images/controller/1.svg                |   1 +
 assets/images/controller/10.png               | Bin 0 -> 266 bytes
 assets/images/controller/11.png               | Bin 0 -> 265 bytes
 assets/images/controller/2.png                | Bin 0 -> 674 bytes
 assets/images/controller/2.svg                |   1 +
 assets/images/controller/3.png                | Bin 0 -> 686 bytes
 assets/images/controller/3.svg                |   1 +
 assets/images/controller/4.png                | Bin 0 -> 480 bytes
 assets/images/controller/5.png                | Bin 0 -> 493 bytes
 assets/images/controller/6.png                | Bin 0 -> 356 bytes
 assets/images/controller/7.png                | Bin 0 -> 464 bytes
 assets/images/controller/8.png                | Bin 0 -> 480 bytes
 assets/images/controller/9.png                | Bin 0 -> 356 bytes
 .../controllerDpadDirections.svg              |   2 +-
 .../down.svg}                                 |   2 +-
 assets/images/controller/input_DPAD-D.png     | Bin 0 -> 314 bytes
 assets/images/controller/input_DPAD-L.png     | Bin 0 -> 300 bytes
 assets/images/controller/input_DPAD-R.png     | Bin 0 -> 314 bytes
 assets/images/controller/input_DPAD-U.png     | Bin 0 -> 319 bytes
 assets/images/controller/input_MOUSE.png      | Bin 0 -> 369 bytes
 assets/images/controller/input_STCK-D.png     | Bin 0 -> 484 bytes
 assets/images/controller/input_STCK-L.png     | Bin 0 -> 436 bytes
 assets/images/controller/input_STCK-R.png     | Bin 0 -> 438 bytes
 assets/images/controller/input_STCK-U.png     | Bin 0 -> 479 bytes
 assets/images/controller/input_TURBO.png      | Bin 0 -> 362 bytes
 assets/images/controller/left.svg             |   1 +
 assets/images/controller/right.svg            |   1 +
 assets/images/controller/up.svg               |   1 +
 layer_grid/GameGrid.qml                       |  10 +-
 layer_help/ControllerHelp.qml                 | 166 ++++++++++++++++++
 layer_help/ControllerHelpButton.qml           |  41 +++++
 theme.qml                                     |  45 ++++-
 utils.js                                      |   4 +
 37 files changed, 265 insertions(+), 82 deletions(-)
 delete mode 100644 ControllerHelp.qml
 create mode 100644 assets/images/controller/0.png
 rename assets/images/{controllerButton.svg => controller/0.svg} (100%)
 create mode 100644 assets/images/controller/1.png
 create mode 100644 assets/images/controller/1.svg
 create mode 100644 assets/images/controller/10.png
 create mode 100644 assets/images/controller/11.png
 create mode 100644 assets/images/controller/2.png
 create mode 100644 assets/images/controller/2.svg
 create mode 100644 assets/images/controller/3.png
 create mode 100644 assets/images/controller/3.svg
 create mode 100644 assets/images/controller/4.png
 create mode 100644 assets/images/controller/5.png
 create mode 100644 assets/images/controller/6.png
 create mode 100644 assets/images/controller/7.png
 create mode 100644 assets/images/controller/8.png
 create mode 100644 assets/images/controller/9.png
 rename assets/images/{ => controller}/controllerDpadDirections.svg (86%)
 rename assets/images/{controllerDpad.svg => controller/down.svg} (84%)
 create mode 100644 assets/images/controller/input_DPAD-D.png
 create mode 100644 assets/images/controller/input_DPAD-L.png
 create mode 100644 assets/images/controller/input_DPAD-R.png
 create mode 100644 assets/images/controller/input_DPAD-U.png
 create mode 100644 assets/images/controller/input_MOUSE.png
 create mode 100644 assets/images/controller/input_STCK-D.png
 create mode 100644 assets/images/controller/input_STCK-L.png
 create mode 100644 assets/images/controller/input_STCK-R.png
 create mode 100644 assets/images/controller/input_STCK-U.png
 create mode 100644 assets/images/controller/input_TURBO.png
 create mode 100644 assets/images/controller/left.svg
 create mode 100644 assets/images/controller/right.svg
 create mode 100644 assets/images/controller/up.svg
 create mode 100644 layer_help/ControllerHelp.qml
 create mode 100644 layer_help/ControllerHelpButton.qml

diff --git a/ControllerHelp.qml b/ControllerHelp.qml
deleted file mode 100644
index 2b878be2..00000000
--- a/ControllerHelp.qml
+++ /dev/null
@@ -1,71 +0,0 @@
-import QtQuick 2.8
-import QtGraphicalEffects 1.0
-
-FocusScope {
-  id: root
-  Item {
-    id: background
-    width: parent.width
-    height: parent.height
-
-    LinearGradient {
-      id: bggradient
-      z: parent.z + 1
-      width: parent.width
-      height: parent.height
-      anchors {
-        top: parent.top;
-        right: parent.right
-        bottom: controllerBG.top
-      }
-      start: Qt.point(0, 0)
-      end: Qt.point(0, height)
-      gradient: Gradient {
-        GradientStop { position: 0.0; color: "#00000000" }
-        GradientStop { position: 0.3; color: "#e6000000" }
-      }
-      opacity: 1
-      Behavior on opacity { NumberAnimation { duration: 100 } }
-
-      Item {
-        id: buttonContainer
-        width: parent.width
-        height: vpx(20)
-        anchors {
-          bottom: parent.bottom
-          bottomMargin: vpx(15)
-        }
-        Image {
-          id: button1
-          height: vpx(25)
-          width: height
-          source: "assets/images/controllerButton.svg"
-          sourceSize: vpx(64)
-          transform: Rotation { angle: 0}
-          anchors {
-            right: buttonBack.left
-            rightMargin: vpx(5)
-          }
-        }
-
-        Item {
-          id: buttonBack
-          width: txtBack.width
-          height: parent.height
-          Text {
-            id: txtBack
-            text: "Back"
-            color: "white"
-            font.pixelSize: vpx(14)
-            font.family: bodyFont.name
-          }
-          anchors {
-            right: parent.right
-            rightMargin: vpx(25)
-          }
-        }
-      }
-
-    }//bggradient
-  }//background
-}//root
diff --git a/assets/images/controller/0.png b/assets/images/controller/0.png
new file mode 100644
index 0000000000000000000000000000000000000000..6222ff02783187cfe191c4ddeb11ac760b4e5afd
GIT binary patch
literal 693
zcmV;m0!safP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0007fNkl<ZSi|j?
zO-~b17==%vg$<B^TVMe!475NDApR91#J`{|7ShCzoth9Rw6Yb9toQ?HU`;d<lqxIT
z$W90e1d7v{K5hzeKBN~jm}q$4-I@D7i+j(xHxogZS2dT&zJmX6@Tl?1n;KJGQb7xP
zYdC{R$C$@qhh>)8!6r}4WX=pehs8aj2oWWT#cWvcer)c$lnF}og#&-ecj{b99lJcK
zK562XZf(eNDV8?W6OI)f#R6PrhXdc#fEry&lLoXIjuksOVaBCoDbf*^6(?}W(Si`y
z$m5VUnTrHI7X2F0b(OWLm--?}O6jp`wIwMbM-Mb5N$S$5`c$KBE$M^Fw#1mjW|tLK
zIpBmzA_&n+iUk%((uxofGMsS0Dl6<#V%DEpKYSjGbj8;VOyhV0blPbgrf8`6egcc<
z)!@T8+;u6l9Mk4Qw{uL^r6jQ#Iv<|rTjdTp?PiLkeDHCOX?7`5cF3Kd&>pRO;<2xS
z627B~tDt?CVryOTY9Wdkgu}4B@PdXtVQ*1fTfVt1CDh_lV!Gv9=h@34Y|jqoIjWfN
z*KXs;v%}-q3|6yZ4vR_Z5u%AK4#_|(rf`^{5h3cyU@=$S=TT-TvBw+MIHY*y@^;cJ
zvPhctvrD1KA#1#5j}p@!m;E;Wy&6%s%6hL?`YI`+v>vIx^7V%v>Y0$#q1(El8hz4I
zz_}P+Tp7HTF_|+#cVYS97M;~6O&*J}fR`wy(Tn>$sQNFUUKk#{rZyb-cA)y%VA9|~
z`*3^*>d+gGTSV3ep9#x~B1)d}8MsW&pT?k$82`-;>W&hM=%Zffo!N*v{158i{cX8|
b|9$vRR66*LQS+ya00000NkvXXu0mjf({o7i

literal 0
HcmV?d00001

diff --git a/assets/images/controllerButton.svg b/assets/images/controller/0.svg
similarity index 100%
rename from assets/images/controllerButton.svg
rename to assets/images/controller/0.svg
diff --git a/assets/images/controller/1.png b/assets/images/controller/1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7f8097535a5acfc860cecdbfd8ef8b33f4a1485
GIT binary patch
literal 668
zcmV;N0%QG&P)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0007GNkl<ZSi|j?
zO-~b17=_OOwJS)(t*{UlDwI|dApR8+@i&N+4@rQXF_GAo7S;`6CH??iur;w!P%5r;
zBd$aj5JR2L^l>vb&WH3y1``eU?oQ@?GIQT^?wxC)vm0$^$UcYvZ}1M|C&x6QK}l7W
z^}?_QlbK)*mybMVlYJaYbePnc!B?=k;{g*)VUvpsp21<pr_51jC?5C&4!Gb`l6>KQ
z>q-;1T-Qt4KIOY!X&@dex)Gjgmm3d!M<eR=DP0=Tc05+>qsAkjlINH!aanN=mjV|N
zqMH(Kz&*d2R^(xk(YUUvp&hO3y(CLnEy>cZET!aXLCcb)e%)4DZF;8-?U*b}f+7x|
zdCC@t)R^`39<r1vljSl(Sj=PdbGYQgsSU%|u$lIJ-AN9YsmPC>B{)j0;A1#U`jjHy
zym$R|_EHPM8;qO`FR>r^yl!gT4Z&xK8i98Y`g}mo<@l7Zs%j|Is#K(}1FA`gFw{b7
z5MI^IK-e#7P_ILnY9xI3WGjy11Xg%8zJ`htHnUAD=5Zt18Qs!iYoB*epw0o$*y4!e
zX3%??_CnO-h3K9yM7eN?qT`>|xUQ+8ZLRBrBump;^j110w4jHQq(0r!4Yg@c8+sGj
zV1qf2OTM{r6>*!J!l`$~erhcHlw5pU?h=P|`jjq?SZrNs5~7SMI`S!pswmUC&;%ZJ
zUb<?J2fn9aC4EX#!+L8_X|U#L>H&AmQzsQqLq!3b$>#4|7CUfYp9-E}6^DH`dBP_g
zR?L1xE#uqVs3w#Ws;aDtS&2FP55~WHZ8?YkefSUE_%{Ne_)VVx0000<MNUMnLSTYn
C7dVFi

literal 0
HcmV?d00001

diff --git a/assets/images/controller/1.svg b/assets/images/controller/1.svg
new file mode 100644
index 00000000..089be03a
--- /dev/null
+++ b/assets/images/controller/1.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_yI4CT6fzuNS2VWhUUvmGZ3ccMLp2Wd8T"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_yI4CT6fzuNS2VWhUUvmGZ3ccMLp2Wd8T)"><g><path d=" M 3.16 32 C 3.16 28.08 6.35 24.89 10.27 24.89 C 14.19 24.89 17.38 28.08 17.38 32 C 17.38 35.92 14.19 39.11 10.27 39.11 C 6.35 39.11 3.16 35.92 3.16 32 Z  M 0 32 C 0 37.67 4.6 42.27 10.27 42.27 C 15.94 42.27 20.54 37.67 20.54 32 C 20.54 26.33 15.94 21.73 10.27 21.73 C 4.6 21.73 0 26.33 0 32 L 0 32 L 0 32 L 0 32 Z " fill="rgb(255,255,255)"/><path d=" M 53.73 42.27 C 48.06 42.27 43.46 37.67 43.46 32 C 43.46 26.33 48.06 21.73 53.73 21.73 C 59.4 21.73 64 26.33 64 32 C 64 37.67 59.4 42.27 53.73 42.27 Z " fill="rgb(255,255,255)"/><path d=" M 24.89 10.27 C 24.89 6.35 28.08 3.16 32 3.16 C 35.92 3.16 39.11 6.35 39.11 10.27 C 39.11 14.19 35.92 17.38 32 17.38 C 28.08 17.38 24.89 14.19 24.89 10.27 Z  M 21.73 10.27 C 21.73 15.94 26.33 20.54 32 20.54 C 37.67 20.54 42.27 15.94 42.27 10.27 C 42.27 4.6 37.67 0 32 0 C 26.33 0 21.73 4.6 21.73 10.27 L 21.73 10.27 L 21.73 10.27 L 21.73 10.27 Z " fill="rgb(255,255,255)"/><path d=" M 24.89 53.73 C 24.89 49.81 28.08 46.62 32 46.62 C 35.92 46.62 39.11 49.81 39.11 53.73 C 39.11 57.65 35.92 60.84 32 60.84 C 28.08 60.84 24.89 57.65 24.89 53.73 Z  M 21.73 53.73 C 21.73 59.4 26.33 64 32 64 C 37.67 64 42.27 59.4 42.27 53.73 C 42.27 48.06 37.67 43.46 32 43.46 C 26.33 43.46 21.73 48.06 21.73 53.73 L 21.73 53.73 L 21.73 53.73 L 21.73 53.73 Z " fill="rgb(255,255,255)"/></g></g></svg>
\ No newline at end of file
diff --git a/assets/images/controller/10.png b/assets/images/controller/10.png
new file mode 100644
index 0000000000000000000000000000000000000000..990b0ac736760dc722f60cacc4f4611034939503
GIT binary patch
literal 266
zcmeAS@N?(olHy`uVBq!ia0vp^dLYcf0wn)#c)SNlUG#Ku42d}W_L@I8qoc&}kMEWA
zvif7@PO;a#$M(Ld{J_-a>&iz@u71#vvH0nWS4ZAe#cT=O?0R$3ymY_IKJ(M+E}JBC
zehgJ|i!MAW8Xi-4v|dc#IIX?A`}91`uLVmEw&?Ql@kzT)S;V3JsPWuJHE*pq>@h0}
z7`SvSj1Ds^_;SzIQeUj}?3!SF)AX{b>l8fv&n4NPJ=3k8yICmv+52OUicODAS|};o
zE&5Ya%Xo>KP=mDguQP|4Wdmy7SSEPR|C+A--|O#V)gYkNK>I(s-(@_ioch?mHa-RD
OIR;NxKbLh*2~7Y+V{T&r

literal 0
HcmV?d00001

diff --git a/assets/images/controller/11.png b/assets/images/controller/11.png
new file mode 100644
index 0000000000000000000000000000000000000000..a7c23bce2ab48defc3c597c03fcb88582d934d5f
GIT binary patch
literal 265
zcmV+k0rvihP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0002cNkl<ZSi|ks
z!3qIE9LMqRk{lg5P|o%u`w%<`Z@|rgJP!vvheFA=(O%t%i*486WfHZklr8E1pVRc8
zKF$1Unz4lRDwCqExZ;W{uDIeqi`$IZ;^E=pGR1jx9A@nC@$uO)!A>Hqga^9FiX(FZ
z0CF^`P{#+VtjUvotPHtO;}EMz{OCv^rKfp8&e9bG=}92b%Lt_%ucVs!yI4-lxtds7
zls}KfO8gYn7-1XahRcA3=`<K(n=?l&>9hH4=U=IRyhMsCuDIfgD{krzM*U^uCZt~0
P00000NkvXXu0mjfz~p?A

literal 0
HcmV?d00001

diff --git a/assets/images/controller/2.png b/assets/images/controller/2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e4546cd5cea5086447402ca152ce4df16bbaee24
GIT binary patch
literal 674
zcmV;T0$u%yP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0007MNkl<ZSi|j?
zO-~b16o%h{DQxTl*1|%%P(r1C0Qy@*e}qszx~c9oQNCJIx7CCde?Svm8zlrS!IiGq
zNn(UV%5<iW3kSk<Zs-*U6AkC?-rVz~bI*J3xpmOlMaLPk&*A?Y+_m00rh6Kaw5h7z
zS>|A~Tq*=?v&t&l_$=ev<k`VXc-#+xE)#exCI!#oGaXT8XfT`%{4rnYiYVRe@Th&J
zjavq_E-#`SXkCNJSTQho%2kjId_yBjN0hW~Y9kpdW~ehCQ5M+eQc_l&C7?tvLiAE5
zV8$lTF%FBI#&uauZK$fxk{nIyp&V@rWz|$sPlcq6?rK;a`lJ<ousN0#Wttp@$84zg
zk*7+PNiHIULxDQGyyhi4G+2yxZ5;lL*2o(_dYXVaE+9k~Gk7ewgWn<^`}D=o{rq4l
zqD<g3dNRC%DdN99&ptg7#bulF$sL+C`ZcZ&sitoc#n)R6o!ms`m&PgIAFc43ao46n
z$*MP^q;xyBujMSqj@htXK}#)F@EK`m#fn8af58IgNrzW(0k5^37@KH`;0SzhG$#6)
zqDqx~_#F<j)Y;_?uh^l%LcEF0?LVwLx}v7m^+I1HIhs;Yj%t#!LPb3hk_I%cYwFOJ
zR`k(m1dCN5U@7!<4<&-5OW}`i#SC@kBFa2<29kk4;CooO!<A;2V*5;+NtDx?_9Duj
z)|C7GCNf2*VP5*`Oa{KC>*|gu-MXPIi%g3%&(UZZYXuryO{Sn?5swK{VUy+YSV+o>
z!etr%*h92z_YifgZ`0B630>23y|+uTho2(;-M=m8@V^iL2{ThT4;K(G@c;k-07*qo
IM6N<$f(*Jl$N&HU

literal 0
HcmV?d00001

diff --git a/assets/images/controller/2.svg b/assets/images/controller/2.svg
new file mode 100644
index 00000000..8fcfc9e8
--- /dev/null
+++ b/assets/images/controller/2.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_gXkhbAmXlnoCb6izwDGXkFBk7Vt0pRQL"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_gXkhbAmXlnoCb6izwDGXkFBk7Vt0pRQL)"><path d=" M 60.84 32 C 60.84 35.92 57.65 39.11 53.73 39.11 C 49.81 39.11 46.62 35.92 46.62 32 C 46.62 28.08 49.81 24.89 53.73 24.89 C 57.65 24.89 60.84 28.08 60.84 32 Z  M 64 32 C 64 26.33 59.4 21.73 53.73 21.73 C 48.06 21.73 43.46 26.33 43.46 32 C 43.46 37.67 48.06 42.27 53.73 42.27 C 59.4 42.27 64 37.67 64 32 L 64 32 L 64 32 L 64 32 Z " fill="rgb(255,255,255)"/><path d=" M 10.27 21.73 C 15.938 21.73 20.54 26.332 20.54 32 C 20.54 37.668 15.938 42.27 10.27 42.27 C 4.602 42.27 0 37.668 0 32 C 0 26.332 4.602 21.73 10.27 21.73 Z " fill="rgb(255,255,255)"/><path d=" M 39.11 53.73 C 39.11 57.65 35.92 60.84 32 60.84 C 28.08 60.84 24.89 57.65 24.89 53.73 C 24.89 49.81 28.08 46.62 32 46.62 C 35.92 46.62 39.11 49.81 39.11 53.73 Z  M 42.27 53.73 C 42.27 48.06 37.67 43.46 32 43.46 C 26.33 43.46 21.73 48.06 21.73 53.73 C 21.73 59.4 26.33 64 32 64 C 37.67 64 42.27 59.4 42.27 53.73 L 42.27 53.73 L 42.27 53.73 L 42.27 53.73 Z " fill="rgb(255,255,255)"/><path d=" M 39.11 10.27 C 39.11 14.19 35.92 17.38 32 17.38 C 28.08 17.38 24.89 14.19 24.89 10.27 C 24.89 6.35 28.08 3.16 32 3.16 C 35.92 3.16 39.11 6.35 39.11 10.27 Z  M 42.27 10.27 C 42.27 4.6 37.67 0 32 0 C 26.33 0 21.73 4.6 21.73 10.27 C 21.73 15.94 26.33 20.54 32 20.54 C 37.67 20.54 42.27 15.94 42.27 10.27 L 42.27 10.27 L 42.27 10.27 L 42.27 10.27 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controller/3.png b/assets/images/controller/3.png
new file mode 100644
index 0000000000000000000000000000000000000000..62cbd0efb121e031efa803a82b83e2bdfcec2cd7
GIT binary patch
literal 686
zcmV;f0#W^mP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0007YNkl<ZSi|j?
zOHUI~7>3`0mb#Dytc8WJP%KhOgz!^DV*Cxl2<<|MTQ6Kn)urHN#UFqKwrVgDEkPH?
zRb7dilpu9F)5nEXGndc<8B8>MXZOy0PcrBI-Z?WCI=X5)LiREIe}gBC?;O-sr6q0Z
zp<WpFV6u`t;7`@KPtv5%3_ee==Hh~9sD<DjeT_R!481HXVi1PonU=GWYEL|HFH&{m
zfxkY0>MsLByKq8=e&=*tqnHiBCrtXR$ipI|VVzM;8+xqwk|bL<b)tT?q8qv;N$S>!
zGHTL0J=KQEwj{{o@`+_uDN`Yfg%BNFXOTs0P9cOvjtXT~S!NrTSrU!6<sJ^>v>-$)
z(|FjC4?T{@T}~oI3t1crjo^d0T=OY;cIgPAJNXuP1&rY`us^&&De!ph>@gOC+w9Ti
zQ<9XJ-#`B6^ehmMFWOXZ$f~r8`s!1vdam@rLv-j0!Z$S(I6&H!)|*gYQN3#ODM<~f
zxc?{);4&I;A<EDWcF6}^aJkrM6bm>^{2s*_ya+pg!aSyFMTitRoS>aVhG>>5+pMt0
z4tq@0L)3}Q0t?u5)<cw~LYXyI_)L|VaEPMg-=|CJQBAM(NFO9wvNa`3MM=Fvle#S=
zb!kKw)TFn165)&Ciz|o6Tz#(F$>WhV=`%rhQ{j$JnWjQlJn$*Xb>n`mR?18^?lcKe
zM(f(~DLZ<p%)vtxRm~BnsH^69;9Kff%BQ5%uPuX4gFWw~8aUQ+R5>4yp<)(?(fapc
z5*vq^xJFSVDBx0Ji6uVbG9ON3)Uu5K<_2^{X;~_2LF;BM=I}$*zx&&A4FCJ^A1;6T
UR9>TMBme*a07*qoM6N<$f&=J0)c^nh

literal 0
HcmV?d00001

diff --git a/assets/images/controller/3.svg b/assets/images/controller/3.svg
new file mode 100644
index 00000000..2fb636a5
--- /dev/null
+++ b/assets/images/controller/3.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_R9sHrZiPKeBlGZlgIZblL7u19gOtC5Nb"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_R9sHrZiPKeBlGZlgIZblL7u19gOtC5Nb)"><path d=" M 32 60.84 C 28.08 60.84 24.89 57.65 24.89 53.73 C 24.89 49.81 28.08 46.62 32 46.62 C 35.92 46.62 39.11 49.81 39.11 53.73 C 39.11 57.65 35.92 60.84 32 60.84 Z  M 32 64 C 37.67 64 42.27 59.4 42.27 53.73 C 42.27 48.06 37.67 43.46 32 43.46 C 26.33 43.46 21.73 48.06 21.73 53.73 C 21.73 59.4 26.33 64 32 64 L 32 64 L 32 64 L 32 64 Z " fill="rgb(255,255,255)"/><path d=" M 42.27 10.27 C 42.27 15.938 37.668 20.54 32 20.54 C 26.332 20.54 21.73 15.938 21.73 10.27 C 21.73 4.602 26.332 0 32 0 C 37.668 0 42.27 4.602 42.27 10.27 Z " fill="rgb(255,255,255)"/><path d=" M 10.27 39.11 C 6.35 39.11 3.16 35.92 3.16 32 C 3.16 28.08 6.35 24.89 10.27 24.89 C 14.19 24.89 17.38 28.08 17.38 32 C 17.38 35.92 14.19 39.11 10.27 39.11 Z  M 10.27 42.27 C 15.94 42.27 20.54 37.67 20.54 32 C 20.54 26.33 15.94 21.73 10.27 21.73 C 4.6 21.73 0 26.33 0 32 C 0 37.67 4.6 42.27 10.27 42.27 L 10.27 42.27 L 10.27 42.27 L 10.27 42.27 Z " fill="rgb(255,255,255)"/><path d=" M 53.73 39.11 C 49.81 39.11 46.62 35.92 46.62 32 C 46.62 28.08 49.81 24.89 53.73 24.89 C 57.65 24.89 60.84 28.08 60.84 32 C 60.84 35.92 57.65 39.11 53.73 39.11 Z  M 53.73 42.27 C 59.4 42.27 64 37.67 64 32 C 64 26.33 59.4 21.73 53.73 21.73 C 48.06 21.73 43.46 26.33 43.46 32 C 43.46 37.67 48.06 42.27 53.73 42.27 L 53.73 42.27 L 53.73 42.27 L 53.73 42.27 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controller/4.png b/assets/images/controller/4.png
new file mode 100644
index 0000000000000000000000000000000000000000..90f1e4535afd0bdd7c14bdd7186691f5dad1b46c
GIT binary patch
literal 480
zcmV<60U!Q}P)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0004}Nkl<ZSi|kt
zPfHYG90%~vtQKh+8L6>iprEHv!ompZw8yUDvDXlEDDX7|y@EOh(Wz?^{W$~$MPVWx
z>Y%b(!5-3RYxn77ZGW73cH4oL{LW=&nCCOUnR(_nOcLamLXP$>{=edh!RGNKa-JVh
zvE+e=?ptj)UbO15Q6s1*+fcUVVtepO%SslEIb&SW5mSoxW{e7P%S;I2)K7aZhicZS
z*azB=&DeXromjjNAM?a>s~nQN@J;mQiSO^&$~*VA%sbcIjETkHyP(${Z(TKK+HlmU
z$lf9dNhpOI;X~L?W^ak@ij5gHp=i*ME9nQO<Na=X>Xv8CSCEb0bRGrk?s??7MU{5p
zCp`JS{#BO*8(w(njTL1p)>TvWlm~Jxd<nm&9;yvn@4}_lJ{Bi+{pnimY1lgC=*~bI
zJ{<AN)a+{w|C~va=xGgKQp*oth-eOlR`KiB)HAA2(t2eY{z=KayS5N^JV{FBF}<bR
zac7-2YXo&Q-3{|-(Xqe5f8?+kQ^t&&Fr*K>HrXEh*9<tQ$E$qsjQkUS7Q1+d;NJki
Wq4-8zMa@Y70000<MNUMnLSTZk<?QzW

literal 0
HcmV?d00001

diff --git a/assets/images/controller/5.png b/assets/images/controller/5.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cedd42ac1ffcc53a065c4fbb567a2f73bfcf79d
GIT binary patch
literal 493
zcmV<J0TTX+P)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0005BNkl<ZSi|ks
z%W4x*90%YpC0?qgRxnDdRkBcuf>7he3f-u<6MO;}UiN|;H*S0Y@d<PzBH{}O3R<xX
z;|0`cQE0JEZ9p)Bx7Lv3!b@u*lgXHX)&6EPm-GMTFlWx;q=NRPqmA|w{=ecW+2-+7
z%>TSg#Y?vgyRFn}yjKZTX?#%j#*`_iT7z#ly5LSt&9dmCxZgaJq%t`kBXRLHixy9m
zxcJ8<{NKZC?ZV$W>IJGz=^_4+3J1caPzgWtwNXXfRdIg$Y||@igEP?$qw$RE3a)w7
zd=DDqR~*JFCByD|?3qfd@ICH3>9Rxi8?sXeN{XHuGilnSve`&IVn8m0a#;TBYHipX
zj)(K%Mwke5nGUDx3+agW?sjip&)yp`^5cAk9-D2_<E$<9fhaudNu4J%#*Kp$R@Mii
zCee(}hGX_As!bIB%8rKkm!$YjdASDo=cM>W6P~-{oP$;;!J{Wpzaxh1lTr0h!2<=w
z-xjZ{`V1z+zb9?LkU@D{G3&K4W2U@QaZHziKf&j+UfwP_IXN43gHiph!53zoZk>wl
j!5ieS*c2_{iv<4$W+%`Y>b5-(00000NkvXXu0mjffdK90

literal 0
HcmV?d00001

diff --git a/assets/images/controller/6.png b/assets/images/controller/6.png
new file mode 100644
index 0000000000000000000000000000000000000000..d28905694da38d8db0558052ebbd8bc1f0ef0210
GIT binary patch
literal 356
zcmV-q0h|7bP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0003iNkl<ZSi|j=
zy-EW?6h_Z3LL^E|urgX$1{N%WPhjs02!g51Go=!I1i?}pOPhdYAVq|%g+Bo$8?wu1
zW3~|D-ZfcJGIy%^Ift3c+!;?47k+_mCwFouUtRf{d1Z-XJV0DAF*35YhDJ)1XrzXf
z$&;1{AD`%t<lJ_^Kwb3|YpSVY_0&~h;cRkGw~953M0fI+Cr4HFQ+Z$8Hp+fm4irj~
zp47B5b~$S4Subka2`|_0e*v7?m*<n`3|sl1a?U!i0}O#N9WIx(^LIABjeM|~joB*n
z+A#9#ox?6AYTN^dyfS8JfwFU6rTKNfEdchZ0Ra&Yyk)Q%ceSj6=EXqe#h%;>^|^C(
zDvPBh<b<QNw+B3?y&J-x;X;e(|Nj0??&MCsvhq(rg^nOLAP=(u0000<MNUMnLSTYJ
Co18%a

literal 0
HcmV?d00001

diff --git a/assets/images/controller/7.png b/assets/images/controller/7.png
new file mode 100644
index 0000000000000000000000000000000000000000..757e1d9df45e045042e825adc3b86ab2ce555e3d
GIT binary patch
literal 464
zcmV;>0WbcEP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0004(Nkl<ZSi|j?
zIZFdU6vuzF9(Y2u*u*1(l_)3@1se|#JKIz?ehDi-fsNW)+S=I*f<eSa0<jPjwFrsg
zf#MN0nv9J{KzC<$+=#;dr&xx0^W)EZ^B$~_luuR}*#SI&gN@J&tn>hFV~i0-=_bUD
zKk!9biC_~U1Y}4fXwZWTWrya;lH!yshir1p1Z#A$?^jxum@C=kfO@?=dN1fb&`?fz
z<G*yS`NqxQb#Lwi`0v7VdZAth7g$U(>o+`13tbEmCrXNGE;P+Z)ym6vUCL!SA%*hB
z$5K0==Ztf*9FX>uLUcy1lVZdfAkM9S@FsfbXP9wpiogm}=J0C5L<!SQC%yDx1Cl~X
zI%6aqZ@Uy^MxM)0<z-QR)w5hMD`*GJCA+F`V=5SQ2Do)-Ed^x_1Q9cMjn?dbGIg$o
z7uYj}tH+wfy7Qr1LF*OH3kXhFHiOqXLM;S25^S)_qp9;xNnWVH0y1o~MS`UIExEy~
z-@bR8aljEr?6RXhZgFq_9v-;nN+0G0{$u^QKZ^kVhvBbjKE{C|8&)0w0000<MNUMn
GLSTZ;$jkEp

literal 0
HcmV?d00001

diff --git a/assets/images/controller/8.png b/assets/images/controller/8.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbb12d39e9ad8c7a436949c8af2cedad84a32123
GIT binary patch
literal 480
zcmV<60U!Q}P)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0004}Nkl<ZSi|ks
zze_?<6u|MXA(mvJOO{q(5rQ?8N)(hr^e4DQwe$}J{Q>;}VU3NBjjc5}M9>rsHAq4R
zmR1Hy(QorMWstphuP<K|c<y-5{ct(woy)Tb%!?)y?FQb!p#zIrqO}IpOO#2b7{JMG
zeehL0c<92711Mny9BQ~lI-##LRTa<Au?ntI^Xi;d724?6;xH3$`?oh&3}g6x1OIjW
z!7RLN7G45U%yX@nFJ$Xgd_++s#I&$TPgIut$z9=!0y)xTYptOC$<>M=F+#++s~_$n
zz%Ua;@bCa^GGiRK;id;S-S`+HfEOrp#12Wem}Q+H2b!mK8nPrV#Ajs1wup-bF(%q8
z8O@>~;>H@<i;YF{oO4E==WjBe*(0b8=;3y9tVw#1qhEVdZ-`oWL>6{ljNx{kq<Da|
zQCxQOK1N7tZ|m1wYd{=~6CuhdSrW$Z77AZ-2MG}-%m`NQ*kzebz0&F5ypuVcxbWb^
zM=v(ulzleX;ea<u(R3#?g&%+-mt@Fr!Xf+0&#eRx@JNvxb*vWr$MFY$iW>Nz#oqxT
WLBXJ$JkVqS0000<MNUMnLSTZzGuNR2

literal 0
HcmV?d00001

diff --git a/assets/images/controller/9.png b/assets/images/controller/9.png
new file mode 100644
index 0000000000000000000000000000000000000000..d28905694da38d8db0558052ebbd8bc1f0ef0210
GIT binary patch
literal 356
zcmV-q0h|7bP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0003iNkl<ZSi|j=
zy-EW?6h_Z3LL^E|urgX$1{N%WPhjs02!g51Go=!I1i?}pOPhdYAVq|%g+Bo$8?wu1
zW3~|D-ZfcJGIy%^Ift3c+!;?47k+_mCwFouUtRf{d1Z-XJV0DAF*35YhDJ)1XrzXf
z$&;1{AD`%t<lJ_^Kwb3|YpSVY_0&~h;cRkGw~953M0fI+Cr4HFQ+Z$8Hp+fm4irj~
zp47B5b~$S4Subka2`|_0e*v7?m*<n`3|sl1a?U!i0}O#N9WIx(^LIABjeM|~joB*n
z+A#9#ox?6AYTN^dyfS8JfwFU6rTKNfEdchZ0Ra&Yyk)Q%ceSj6=EXqe#h%;>^|^C(
zDvPBh<b<QNw+B3?y&J-x;X;e(|Nj0??&MCsvhq(rg^nOLAP=(u0000<MNUMnLSTYJ
Co18%a

literal 0
HcmV?d00001

diff --git a/assets/images/controllerDpadDirections.svg b/assets/images/controller/controllerDpadDirections.svg
similarity index 86%
rename from assets/images/controllerDpadDirections.svg
rename to assets/images/controller/controllerDpadDirections.svg
index 1c65ea99..f47b932e 100644
--- a/assets/images/controllerDpadDirections.svg
+++ b/assets/images/controller/controllerDpadDirections.svg
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_La1uos9CSYW32DeWtIdouhYXkjtPEvla"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_La1uos9CSYW32DeWtIdouhYXkjtPEvla)"><path d=" M 61.42 21.33 L 45.25 21.33 C 43.82 21.33 42.67 20.17 42.67 18.75 L 42.67 2.58 C 42.67 1.15 41.51 0 40.09 0 L 23.92 0 C 22.49 0 21.34 1.16 21.34 2.58 L 21.34 18.74 C 21.34 20.17 20.18 21.32 18.76 21.32 L 2.58 21.32 C 1.16 21.33 0 22.49 0 23.92 L 0 40.08 C 0 41.51 1.16 42.66 2.58 42.66 L 18.74 42.66 C 20.17 42.66 21.32 43.82 21.32 45.24 L 21.32 61.4 C 21.32 62.83 22.48 63.98 23.9 63.98 L 40.06 63.98 C 41.49 63.98 42.64 62.82 42.64 61.4 L 42.64 45.25 C 42.64 43.82 43.8 42.67 45.22 42.67 L 61.38 42.67 C 62.81 42.67 63.96 41.51 63.96 40.09 L 63.96 23.92 C 64 22.49 62.84 21.33 61.42 21.33 Z  M 38.01 51.17 L 32.46 58.93 C 32.23 59.25 31.75 59.25 31.52 58.93 L 25.97 51.17 C 25.7 50.79 25.97 50.26 26.44 50.26 L 37.53 50.26 C 38.01 50.26 38.29 50.79 38.01 51.17 Z  M 37.55 14.45 L 26.45 14.45 C 25.98 14.45 25.71 13.92 25.98 13.54 L 31.53 5.78 C 31.76 5.46 32.24 5.46 32.47 5.78 L 38.02 13.54 C 38.29 13.92 38.01 14.45 37.55 14.45 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_7kdmFAZohsecXh69lCBPdD0i701rkHOj"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_7kdmFAZohsecXh69lCBPdD0i701rkHOj)"><path d=" M 61.42 21.33 L 45.25 21.33 C 43.82 21.33 42.67 20.17 42.67 18.75 L 42.67 2.58 C 42.67 1.15 41.51 0 40.09 0 L 23.92 0 C 22.49 0 21.34 1.16 21.34 2.58 L 21.34 18.74 C 21.34 20.17 20.18 21.32 18.76 21.32 L 2.58 21.32 C 1.16 21.33 0 22.49 0 23.92 L 0 40.08 C 0 41.51 1.16 42.66 2.58 42.66 L 18.74 42.66 C 20.17 42.66 21.32 43.82 21.32 45.24 L 21.32 61.4 C 21.32 62.83 22.48 63.98 23.9 63.98 L 40.06 63.98 C 41.49 63.98 42.64 62.82 42.64 61.4 L 42.64 45.25 C 42.64 43.82 43.8 42.67 45.22 42.67 L 61.38 42.67 C 62.81 42.67 63.96 41.51 63.96 40.09 L 63.96 23.92 C 64 22.49 62.84 21.33 61.42 21.33 Z  M 38.01 51.17 L 32.46 58.93 C 32.23 59.25 31.75 59.25 31.52 58.93 L 25.97 51.17 C 25.7 50.79 25.97 50.26 26.44 50.26 L 37.53 50.26 C 38.01 50.26 38.29 50.79 38.01 51.17 Z  M 37.55 14.45 L 26.45 14.45 C 25.98 14.45 25.71 13.92 25.98 13.54 L 31.53 5.78 C 31.76 5.46 32.24 5.46 32.47 5.78 L 38.02 13.54 C 38.29 13.92 38.01 14.45 37.55 14.45 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controllerDpad.svg b/assets/images/controller/down.svg
similarity index 84%
rename from assets/images/controllerDpad.svg
rename to assets/images/controller/down.svg
index cd90d797..1395c6e3 100644
--- a/assets/images/controllerDpad.svg
+++ b/assets/images/controller/down.svg
@@ -1 +1 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_kRA6iqxB5DTIOuxh3C3IPJKM44w1z030"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_kRA6iqxB5DTIOuxh3C3IPJKM44w1z030)"><path d=" M 61.42 21.33 L 45.25 21.33 C 43.82 21.33 42.67 20.17 42.67 18.75 L 42.67 2.58 C 42.67 1.15 41.51 0 40.09 0 L 23.92 0 C 22.49 0 21.34 1.16 21.34 2.58 L 21.34 18.74 C 21.34 20.17 20.18 21.32 18.76 21.32 L 2.58 21.32 C 1.16 21.33 0 22.49 0 23.92 L 0 40.08 C 0 41.51 1.16 42.66 2.58 42.66 L 18.74 42.66 C 20.17 42.66 21.32 43.82 21.32 45.24 L 21.32 61.4 C 21.32 62.83 22.48 63.98 23.9 63.98 L 40.06 63.98 C 41.49 63.98 42.64 62.82 42.64 61.4 L 42.64 45.25 C 42.64 43.82 43.8 42.67 45.22 42.67 L 61.38 42.67 C 62.81 42.67 63.96 41.51 63.96 40.09 L 63.96 23.92 C 64 22.49 62.84 21.33 61.42 21.33 Z  M 38.01 51.17 L 32.46 58.93 C 32.23 59.25 31.75 59.25 31.52 58.93 L 25.97 51.17 C 25.7 50.79 25.97 50.26 26.44 50.26 L 37.53 50.26 C 38.01 50.26 38.29 50.79 38.01 51.17 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_Kc0eyUxFuHbzml5AmTKESgg6QGqrYOJr"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_Kc0eyUxFuHbzml5AmTKESgg6QGqrYOJr)"><path d=" M 61.42 21.33 L 45.25 21.33 C 43.82 21.33 42.67 20.17 42.67 18.75 L 42.67 2.58 C 42.67 1.15 41.51 0 40.09 0 L 23.92 0 C 22.49 0 21.34 1.16 21.34 2.58 L 21.34 18.74 C 21.34 20.17 20.18 21.32 18.76 21.32 L 2.58 21.32 C 1.16 21.33 0 22.49 0 23.92 L 0 40.08 C 0 41.51 1.16 42.66 2.58 42.66 L 18.74 42.66 C 20.17 42.66 21.32 43.82 21.32 45.24 L 21.32 61.4 C 21.32 62.83 22.48 63.98 23.9 63.98 L 40.06 63.98 C 41.49 63.98 42.64 62.82 42.64 61.4 L 42.64 45.25 C 42.64 43.82 43.8 42.67 45.22 42.67 L 61.38 42.67 C 62.81 42.67 63.96 41.51 63.96 40.09 L 63.96 23.92 C 64 22.49 62.84 21.33 61.42 21.33 Z  M 38.01 51.17 L 32.46 58.93 C 32.23 59.25 31.75 59.25 31.52 58.93 L 25.97 51.17 C 25.7 50.79 25.97 50.26 26.44 50.26 L 37.53 50.26 C 38.01 50.26 38.29 50.79 38.01 51.17 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controller/input_DPAD-D.png b/assets/images/controller/input_DPAD-D.png
new file mode 100644
index 0000000000000000000000000000000000000000..9bdf17bed23096ccc89781db6e99902842f45bdf
GIT binary patch
literal 314
zcmeAS@N?(olHy`uVBq!ia0vp^dLYcf3?viMZ?gg^zW|>Q*Z))n6Kq0UfhJ3q1o;Is
zuyd$uXr^UUHq4m0eAV$YH*ej3`1t9w&p+E;cAWq!YVve(4DmSr_R2}F1_cp^i_Zi2
zeA5>H|G#)*WUf)%Zl&{H54#p9IehZnvtm!v;v#FadpDA@UL7$L=(9PUc`AHn>A{KY
z-(KzeGJ!oZV*h#e+KJOkbMEi@Q(h;tB;-)=r*{fF3kBO8Wo)hQ%>L=?cTVPWp@Y5u
ny*r6n301$pm^eQ@`CI4UHX$RKePJ(vu3_+W^>bP0l+XkKMz*qe

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_DPAD-L.png b/assets/images/controller/input_DPAD-L.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba00b3a83c3f83dac9fcfc53c7fdda080b92d329
GIT binary patch
literal 300
zcmeAS@N?(olHy`uVBq!ia0vp^dLYcf3?viMZ?gg^zW|>Q*Z))n6Kq0UfhJ3q1o;Is
zuyd$uXr^UUH_Vv1eAV$YH*ej3^!Vwsk3XN^vQh>rD)Dr24DmRgoFKvKEWDxMa}%RE
zci^ekBR>v0_)L(v+B4~m0NZXAWx-Q31y0R$o7$Z0?jpoxk#K6E14ndCq33}mmWoVk
zasm`iwYpmNTliR7&*G6ke<I8;$zc=6<1RJEXBWTt%`9?zCGO3m6Qd$pwK(AeBSW2-
WkoUUcwfBJbGkCiCxvX<aXaWFoY@DM2

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_DPAD-R.png b/assets/images/controller/input_DPAD-R.png
new file mode 100644
index 0000000000000000000000000000000000000000..76db491829ca0fcf00179eb1a4bf065dd8da007c
GIT binary patch
literal 314
zcmeAS@N?(olHy`uVBq!ia0vp^dLYcf3?viMZ?giakN}?$*Z(vCQw$&20?n5$3GxeO
zVCPWR&`isyZkRq}=JHj?&)mFq`_bd4&z^t$nY_efE>KyOr;B5V$MLsQZ*ny#2)M>>
z4vNk>|NsB_1FZ@?Q|76hzicr_J$(nWgQEY67d%ZaFE5)(d^0@OHtS|nro_U<(eAG1
zmuGG{{Bmo(zQuyiTZ;m2XY8rl#u)pppY8K6#s6#7>r?{slV=s){GMOsQ@}7)#Jgd~
gg~vN&8hmy#RCfzc+|q6w4|D~Cr>mdKI;Vst01`j4X8-^I

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_DPAD-U.png b/assets/images/controller/input_DPAD-U.png
new file mode 100644
index 0000000000000000000000000000000000000000..f768ce5db218966b20516c417243833d1899ac2e
GIT binary patch
literal 319
zcmeAS@N?(olHy`uVBq!ia0vp^dLYcf3?viMZ?giazyO~R*Z<T86=ESdK*Oa<g8YIR
z*g4cSG}AIF8)nR0zUugyo40O1di?a+^Uptni-WcSRW*CMIEHu}e>=sKuR(#wHBeHd
zfZ^!Nf9$53UDAqor7EoJ;+!s-&7W|{e&H&15!aWeH!>gZ*|^#`K=I43tFIRwE_)++
zu<ot5)w@h<#*(+P7C#rhR{ZvU!RKp-6)Zn9K3?e<^m&cz4+ook=gIB@C3ns~S&`h;
pJfoCl8)tacrRno>JRZ)E*>zB8$LB?DYk<yS@O1TaS?83{1ONn$v#0<7

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_MOUSE.png b/assets/images/controller/input_MOUSE.png
new file mode 100644
index 0000000000000000000000000000000000000000..5378e24c33ab071953d0811deffe9001c077ed19
GIT binary patch
literal 369
zcmV-%0gnEOP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0003vNkl<ZSi|j=
zze)o^5Qo1#B6$7*u@fw8?Ciuwu<{A)H0U#EnKr&i4m$}+Y3EzmrLl+zL2@9XcL+BY
zN!B12W^<Q_hW#xpGdnvU%iPVb5$300j%*M2a1UP~c!kQW;Q?o~>5|Z(K|+@nrx=G!
z(T0(x43x^bTu3_fZpCQ1I{ZjRiUdI->mO>ldRg|Z6_3pT2jy$NYOVFL8DLFI)xUmb
zttxjIsyUIu@b7mp<OB$FA`@iP9XsstNkG5~&%hS%WMnMyz@vIFWz_875lc^c5?jBf
z<xbOa8&m8B{?y&#;lBfan;3a55API+45fGIGEZ#gtiP~LTK41#*SYI;4UI$lBSvoI
zry~6wa(Rgc_$%pKa9=K6(Be?@kwT8y1v=dG;g;eKFQ7&4P!IR;{}2BH`sO{ImrW-K
P00000NkvXXu0mjfquZq`

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_STCK-D.png b/assets/images/controller/input_STCK-D.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a28c2b3c7755a4931f6c5446fe7578f8b262ee3
GIT binary patch
literal 484
zcmV<A0UQ2_P)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_00052Nkl<ZSi|j>
zJ8M)?6h>Dj#*iUnq8N)9LBXg|5CSR+qgaSmTG^?U55zwrHa<WS|A(lJWrPF-VZ_cN
z#1~_HO%fjyxwGto7s0zP*MQ>Pr`w#hio^cSIbE`PRar%MDKF)vylAZn?;PM5+mKlv
z(h4$0R?VA!Q`@%HuU@x5!bQ}>KJ~L#-6i6f*Zg9`;XfhoamJ?OsouCvr|l^&zhcKD
zB32xA)QX5l?RdGkyy0CD&-qf-7oHXIo==L(H>elHi~d~a#Y=V^EGFNr9=FerDftKc
zJfV*Lp3Vx<BCw7F45qs4+0Ov5P%NRZnWs+gFa2H))8tLj5KZ{W9ez(8%d$IddAs<u
zjJV)^Z>8ind|)d(M%i*a<(xy_F;O*f(jn(OnN4=(__u7Q4ovYp3dH4`nIZwYsq-p^
z#IM{MRW<={sYQ{$;IZiEAX}&cP~{LKOtX}Y#m;;y&sbiGQk%8xVK%@8MiKF}^D9&S
z-ZL>OD#r;IRb6s2%EaXrADNgqV|SFv6QYeg2KMnT3gnT)UZ4@*o=={${@w3fDKF*!
agZu|$gVDLg&A_Js0000<MNUMnLSTYFXy$1E

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_STCK-L.png b/assets/images/controller/input_STCK-L.png
new file mode 100644
index 0000000000000000000000000000000000000000..a1a46fd2a9d797b459136b457da1a84020d578da
GIT binary patch
literal 436
zcmV;l0ZaagP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0004dNkl<ZSi|ks
zxk>|36vpvyl2|A%g(!&&s7OG;MzC`)qLmgRNbJM~U&RGQ5D{NP^8ywI1wk#Wv<VnR
zafu`mg85q*qA?~ii4lZ*Z!?!U^DE|_4~~UOw;Uz34Q_CQ8~p#_t^&Ss%A*>Eb^l`}
z_I5K{-15FoSfngpwLN-_2oJ0?fsZ+MNfM-?7`%nb^mB+kyo}OMIYJC@!|A8@Ht{K<
z45d%?Y>)upfmwv;CdO(ZxRW*Rh~TG<Hr$9EKCfwnSRzifUA&ecQQ(CLVZvPCC7FST
za3DH?@$ZdXecq)b^{7IUR3*3EdR4EijG893N;+3U?WGElB}+NxlU(?jdUU9mB<We#
zx|UP>UyzV4C3VQ93;Q9;zR>NAf9^+!Wn%U(^rICA)2BMtQ>}Q<OsW;*to&Ap0(kM!
zmkQBvaUsf%|05erGQt7@-~dlC@z30iY;prYl4Is^<*T*|m~tKRs9INg`msyR2yJkK
e8{FW3g}(tJ8EHe{A3g8@0000<MNUMnLSTYP0l{Vf

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_STCK-R.png b/assets/images/controller/input_STCK-R.png
new file mode 100644
index 0000000000000000000000000000000000000000..29fa3ad638babdfba5daf382b16d439d179692f2
GIT binary patch
literal 438
zcmV;n0ZIOeP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0004fNkl<ZSi|ks
zJ4+m47>427BP=M25L^$1EShX37_c)YY1GCPA&5v)i3#M7Xk`q7+W8~I_yf`;gdl2V
zp^d`22*w@pK*G+QLXm7>mmL|4ka@pu-r*|ddmfk?xxcBsM?1k2Ji!zE-^1&xc&CjH
z3gjq8)~$3JeeagnbL^7c66I7{cKX%OHD?_0l?$F4_#z&>*&Xu^i<t7MV?Okg2e<ns
zd+v@ec<z9RGyYKZmmhs_yMOMvlXt^gymD5=H~u**V%m%urwlxH)%xi8OEoLjdRT%N
z?Q_qZIRmfM3%}c54lkGUUVgF*Wa#><7ef?DlcpJf6a##tKU#@m`Qs>u@6kvW*yph1
zdB|t#IO2#i04~{NknLzCYVp!J5nq>l^W``$6z9G0v53>2+(hw1JW<3Zcg*|jrbJI1
z@sS&Gl?XfiV(7YW9d*J*3l<!Yr~ZfyzH`%1)x3*#MWLmpip;grK|qc$Y80!%W6ybl
gCwPJ<`2UIj2L8`$b#cNa{{R3007*qoM6N<$f@dkt-v9sr

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_STCK-U.png b/assets/images/controller/input_STCK-U.png
new file mode 100644
index 0000000000000000000000000000000000000000..c6d0013b7c2d5459c5550c1efa8ca4083b0cbea3
GIT binary patch
literal 479
zcmV<50U-W~P)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0004|Nkl<ZSi|j>
zPfHYW7=WMI-R!b?GC@h)Ko-I9Al<r%AHXhl$$QW>q7Ts@2q7#w)n`y|-IlVDAfZ!4
zu|l+DY>nmQiu-gaX!9_?VRoa#ymOkDd7i`jkBMY(Q5vATkQeeo{%_^8%x3vK%5Ymo
z*aFV88%!Ablzi%uM?SY4%7n{T-Bb0u_xmls<R^c}XP3jMu$tF+O^1`e-VPXIhWF`M
zC8#mGTx5b3s=zm{u@l(T;F?d{QnlrDC^OI{3M&gh%sy{{GI1!9Wr^xs02;grCIV`=
zXwy+2+Eumd15ev@u^)3jVeGmq{uy`OF!oG-`KoQ}9`?u&t^37$d8eh!5|60;)%XgN
zJZ344PLq!_LW6^2`5!bGWh|fk6cF=*c2Bm=7GHtkeDaULBndZqve!wdAs<rc)P}xt
zO~hq)RBd`$#0_8OpO&k3ofom>lv73`F4*--e)$PEZ8_JIo3rIJEBWO(?za2hbjHZY
zbKWv>+p&IZC}Pz+CThoynt0o42p4|1hFRb&@Qx?!g&|q4V&?dd{<sQxAur^|;wPrv
Vo$T@?Ys3Hm002ovPDHLkV1foy=pX<9

literal 0
HcmV?d00001

diff --git a/assets/images/controller/input_TURBO.png b/assets/images/controller/input_TURBO.png
new file mode 100644
index 0000000000000000000000000000000000000000..4a87e4f9dd2af8079caec79dce993c5d0dea5829
GIT binary patch
literal 362
zcmV-w0hRuVP)<h;3K|Lk000e1NJLTq001rk001rs1ONa4{jlS_0003oNkl<ZSi|j>
zu}T9$6h-d_15p;WOl6^9Ap|5}V`XJ0+8F$c#L83_R`ClgVyhouBS!25i-c5)uCTLv
zY@%qQaaLbIaqo09a}RIs%rFz6$*C|wb`H<sIs8|{r@UruXmhA%Uk6t3f>yt^V*J`6
zDKAQB`MG@I)12b~a9l9s=ki-#Rogm|6GBeM+EUdnmO8_#+r<)cN&E_qxn|Zf^JVTy
z2HW|-ie=^{IqfKrBn8^llS+1(H%BsW+Qm}g@y$6;iKtj+zV@!}b=ylM_6D`5G<-e&
z@FJ(gIL;{A!$p}cUCREBAk%klLDEfz`Cc`I)M(QqA)!Z`8lhDzOI(ed^A3wYhtG3F
zpO4h1#oT!JS1(bdj_y7gyHzyaoNYrh>hFFna(E8U;r|x?4E*x?M(h|gKmY&$07*qo
IM6N<$g2pqYK>z>%

literal 0
HcmV?d00001

diff --git a/assets/images/controller/left.svg b/assets/images/controller/left.svg
new file mode 100644
index 00000000..323e827d
--- /dev/null
+++ b/assets/images/controller/left.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_QRm6XCqWamdIHZDBXmyTEg9c4ltLe1cb"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_QRm6XCqWamdIHZDBXmyTEg9c4ltLe1cb)"><path d=" M 42.67 61.42 L 42.67 45.25 C 42.67 43.82 43.83 42.67 45.25 42.67 L 61.42 42.67 C 62.85 42.67 64 41.51 64 40.09 L 64 23.92 C 64 22.49 62.84 21.34 61.42 21.34 L 45.26 21.34 C 43.83 21.34 42.68 20.18 42.68 18.76 L 42.68 2.58 C 42.67 1.16 41.51 0 40.08 0 L 23.92 0 C 22.49 0 21.34 1.16 21.34 2.58 L 21.34 18.74 C 21.34 20.17 20.18 21.32 18.76 21.32 L 2.6 21.32 C 1.17 21.32 0.02 22.48 0.02 23.9 L 0.02 40.06 C 0.02 41.49 1.18 42.64 2.6 42.64 L 18.75 42.64 C 20.18 42.64 21.33 43.8 21.33 45.22 L 21.33 61.38 C 21.33 62.81 22.49 63.96 23.91 63.96 L 40.08 63.96 C 41.51 64 42.67 62.84 42.67 61.42 Z  M 12.83 38.01 L 5.07 32.46 C 4.75 32.23 4.75 31.75 5.07 31.52 L 12.83 25.97 C 13.21 25.7 13.74 25.97 13.74 26.44 L 13.74 37.53 C 13.74 38.01 13.21 38.29 12.83 38.01 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controller/right.svg b/assets/images/controller/right.svg
new file mode 100644
index 00000000..06861f00
--- /dev/null
+++ b/assets/images/controller/right.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_mKJIAxynD5USeZFdlvafYrVlF82fXIXo"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_mKJIAxynD5USeZFdlvafYrVlF82fXIXo)"><path d=" M 21.33 2.58 L 21.33 18.75 C 21.33 20.18 20.17 21.33 18.75 21.33 L 2.58 21.33 C 1.15 21.33 0 22.49 0 23.91 L 0 40.08 C 0 41.51 1.16 42.66 2.58 42.66 L 18.74 42.66 C 20.17 42.66 21.32 43.82 21.32 45.24 L 21.32 61.42 C 21.33 62.84 22.49 64 23.92 64 L 40.08 64 C 41.51 64 42.66 62.84 42.66 61.42 L 42.66 45.26 C 42.66 43.83 43.82 42.68 45.24 42.68 L 61.4 42.68 C 62.83 42.68 63.98 41.52 63.98 40.1 L 63.98 23.94 C 63.98 22.51 62.82 21.36 61.4 21.36 L 45.25 21.36 C 43.82 21.36 42.67 20.2 42.67 18.78 L 42.67 2.62 C 42.67 1.19 41.51 0.04 40.09 0.04 L 23.92 0.04 C 22.49 0 21.33 1.16 21.33 2.58 Z  M 51.17 25.99 L 58.93 31.54 C 59.25 31.77 59.25 32.25 58.93 32.48 L 51.17 38.03 C 50.79 38.3 50.26 38.03 50.26 37.56 L 50.26 26.47 C 50.26 25.99 50.79 25.71 51.17 25.99 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/assets/images/controller/up.svg b/assets/images/controller/up.svg
new file mode 100644
index 00000000..825ae679
--- /dev/null
+++ b/assets/images/controller/up.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 64 64" width="64pt" height="64pt"><defs><clipPath id="_clipPath_lELbCT99ew2vuzv86VyAAcqPU0NdvBKc"><rect width="64" height="64"/></clipPath></defs><g clip-path="url(#_clipPath_lELbCT99ew2vuzv86VyAAcqPU0NdvBKc)"><path d=" M 2.58 42.67 L 18.75 42.67 C 20.18 42.67 21.33 43.83 21.33 45.25 L 21.33 61.42 C 21.33 62.85 22.49 64 23.91 64 L 40.08 64 C 41.51 64 42.66 62.84 42.66 61.42 L 42.66 45.26 C 42.66 43.83 43.82 42.68 45.24 42.68 L 61.42 42.68 C 62.84 42.67 64 41.51 64 40.08 L 64 23.92 C 64 22.49 62.84 21.34 61.42 21.34 L 45.26 21.34 C 43.83 21.34 42.68 20.18 42.68 18.76 L 42.68 2.6 C 42.68 1.17 41.52 0.02 40.1 0.02 L 23.94 0.02 C 22.51 0.02 21.36 1.18 21.36 2.6 L 21.36 18.75 C 21.36 20.18 20.2 21.33 18.78 21.33 L 2.62 21.33 C 1.19 21.33 0.04 22.49 0.04 23.91 L 0.04 40.08 C 0 41.51 1.16 42.67 2.58 42.67 Z  M 25.99 12.83 L 31.54 5.07 C 31.77 4.75 32.25 4.75 32.48 5.07 L 38.03 12.83 C 38.3 13.21 38.03 13.74 37.56 13.74 L 26.47 13.74 C 25.99 13.74 25.71 13.21 25.99 12.83 Z " fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file
diff --git a/layer_grid/GameGrid.qml b/layer_grid/GameGrid.qml
index 05fae5e4..2aa18070 100644
--- a/layer_grid/GameGrid.qml
+++ b/layer_grid/GameGrid.qml
@@ -26,7 +26,7 @@ FocusScope {
   signal filtersRequested
   signal collectionNext
   signal collectionPrev
-  signal toggleFav
+  signal toggleFilter
   signal gameChanged(int currentIdx)
 
   Keys.onPressed: {
@@ -35,7 +35,7 @@ FocusScope {
 
       if (api.keys.isDetails(event)) {
           event.accepted = true;
-          toggleFilters();
+          //toggleFilters();
           //toggleFav();
           return;
       }
@@ -46,7 +46,7 @@ FocusScope {
         }
       if (api.keys.isFilters(event)) {
           event.accepted = true;
-          toggleFav();
+          toggleFilter();
           //toggleFilters()
           //filtersRequested();
           return;
@@ -62,7 +62,7 @@ FocusScope {
 
   }*/
 
-  function toggleFilters() {
+  /*function toggleFilters() {
     if (api.filters.favorite) {
       api.filters.playerCount = 1
       api.filters.favorite = false
@@ -73,7 +73,7 @@ FocusScope {
       api.filters.current.enabled = true
     }
 
-  }
+  }*/
 
   onCurrentGameIdxChanged: {
     grid.currentIndex = currentGameIdx
diff --git a/layer_help/ControllerHelp.qml b/layer_help/ControllerHelp.qml
new file mode 100644
index 00000000..febd1365
--- /dev/null
+++ b/layer_help/ControllerHelp.qml
@@ -0,0 +1,166 @@
+import QtQuick 2.8
+import QtGraphicalEffects 1.0
+
+FocusScope {
+  id: root
+  property string buttonText1: "Back"
+  property string controllerButton1: "A"
+  property string buttonText2: "Select"
+  property string controllerButton2: "A"
+  property string buttonText3: showFavs ? "View Last Played" : showLastPlayed ? "View Collection" : "View Favourites"
+  property string controllerButton3: "A"
+
+  function processButtonArt(buttonModel) {
+    var i;
+    for (i = 0; buttonModel.length; i++) {
+      if (buttonModel[i].name().includes("Gamepad")) {
+        var buttonValue = buttonModel[i].key.toString(16)
+        return buttonValue.substring(buttonValue.length-1, buttonValue.length);
+      }
+    }
+  }
+
+  Item {
+    id: background
+
+    width: parent.width
+    height: parent.height
+
+    opacity: stateMenu ? 0 : 1
+    Behavior on opacity { NumberAnimation { duration: 200 } }
+
+    Component.onCompleted: {
+      // This is a pretty gross way of doing this... controller help deserves better
+      if (stateDetails) {
+        button3Te
+      }
+    }
+
+    LinearGradient {
+      id: bggradient
+      z: parent.z + 1
+      width: parent.width
+      height: parent.height
+      anchors {
+        top: parent.top
+        right: parent.right
+        bottom: parent.bottom
+      }
+      start: Qt.point(0, 0)
+      end: Qt.point(0, height)
+      gradient: Gradient {
+        GradientStop { position: 0.0; color: "#00000000" }
+        GradientStop { position: 0.3; color: "#e6000000" }
+      }
+      opacity: 1
+      Behavior on opacity { NumberAnimation { duration: 100 } }
+
+      Item {
+        id: buttonContainer
+        width: parent.width
+        height: vpx(20)
+        opacity: 0.5
+        anchors {
+          bottom: parent.bottom
+          bottomMargin: vpx(18)
+        }
+
+        Image {
+          id: button1
+          height: vpx(24)
+          width: height
+          source: "../assets/images/controller/"+ processButtonArt(api.keys.cancel) + ".png"
+          sourceSize.width: vpx(32)
+          sourceSize.height: vpx(32)
+          anchors {
+            right: button1Txt.left
+            rightMargin: vpx(5)
+          }
+        }//button1
+
+        Item {
+          id: button1Txt
+          width: txt1.width
+          height: parent.height
+          Text {
+            id: txt1
+            text: buttonText1
+            color: "white"
+            font.pixelSize: vpx(14)
+            font.family: bodyFont.name
+          }
+          anchors {
+            right: parent.right
+            rightMargin: vpx(25)
+          }
+        }//buttonBack
+
+        Image {
+          id: button2
+          height: vpx(24)
+          width: height
+          source: "../assets/images/controller/"+ processButtonArt(api.keys.accept) + ".png"
+          sourceSize.width: vpx(32)
+          sourceSize.height: vpx(32)
+          anchors {
+            right: button2Txt.left
+            rightMargin: vpx(5)
+          }
+        }//button1
+
+        Item {
+          id: button2Txt
+          width: txt2.width
+          height: parent.height
+          Text {
+            id: txt2
+            text: buttonText2
+            color: "white"
+            font.pixelSize: vpx(14)
+            font.family: bodyFont.name
+          }
+          anchors {
+            right: button1.left
+            rightMargin: vpx(20)
+          }
+        }//button2
+
+        Image {
+          id: button3
+          height: vpx(24)
+          width: height
+          source: "../assets/images/controller/"+ processButtonArt(api.keys.filters) + ".png"
+          sourceSize.width: vpx(32)
+          sourceSize.height: vpx(32)
+          anchors {
+            right: button3Txt.left
+            rightMargin: vpx(5)
+          }
+          opacity: stateDetails ? 0 : 1
+          Behavior on opacity { NumberAnimation { duration: 100 } }
+        }//button3
+
+        Item {
+          id: button3Txt
+          width: txt3.width
+          height: parent.height
+          Text {
+            id: txt3
+            text: buttonText3
+            color: "white"
+            font.pixelSize: vpx(14)
+            font.family: bodyFont.name
+          }
+          anchors {
+            right: button2.left
+            rightMargin: vpx(20)
+          }
+          opacity: stateDetails ? 0 : 1
+          Behavior on opacity { NumberAnimation { duration: 100 } }
+        }//button3
+
+      }//buttonContainer
+
+    }//bggradient
+  }//background
+}//root
diff --git a/layer_help/ControllerHelpButton.qml b/layer_help/ControllerHelpButton.qml
new file mode 100644
index 00000000..1ef2ede5
--- /dev/null
+++ b/layer_help/ControllerHelpButton.qml
@@ -0,0 +1,41 @@
+import QtQuick 2.8
+import QtGraphicalEffects 1.0
+
+FocusScope {
+  id: root
+  property string label: "Default"
+  property string button: "controllerButton"
+  property int buttonRotation: 0
+
+  Image {
+    id: buttonImg
+    height: vpx(24)
+    width: height
+    source: "../assets/images/" + button + ".svg"
+    sourceSize.width: vpx(32)
+    sourceSize.height: vpx(32)
+    transform: Rotation { origin.x: vpx(12); origin.y: vpx(12); angle: buttonRotation }
+    anchors {
+      right: buttonText.left
+      rightMargin: vpx(10)
+    }
+  }
+
+  Item {
+    id: buttonText
+    width: txt.width
+    height: parent.height
+    Text {
+      id: txt
+      text: label
+      color: "white"
+      font.pixelSize: vpx(14)
+      font.family: bodyFont.name
+    }
+    anchors {
+      right: parent.right
+      rightMargin: vpx(25)
+    }
+  }
+
+}
diff --git a/theme.qml b/theme.qml
index 1ec6e441..0516f2a7 100644
--- a/theme.qml
+++ b/theme.qml
@@ -9,11 +9,11 @@ import "utils.js" as Utils
 import "layer_grid"
 import "layer_menu"
 import "layer_details"
+import "layer_help"
 
 FocusScope {
   property int collectionIndex: 0
   property var allGamesInCollection: api.collections.get(collectionIndex)
-  property bool showFavs: false
 
   //SETTINGS
   property bool mainShowDetails: api.memory.get('settingsMainShowDetails') | false
@@ -32,6 +32,13 @@ FocusScope {
   property string themeYellow: "#E9D758"
   property string themeColour: themeOrange
 
+  // States
+  property bool stateHome: gamegrid.focus
+  property bool stateDetails: gamedetails.active
+  property bool stateMenu: platformmenu.focus
+  property bool showFavs: false
+  property bool showLastPlayed: false
+
   ////////////////////////
   // Custom Collections //
 
@@ -48,11 +55,28 @@ FocusScope {
   property var favCollection: {
     return {
       name: "Favourites",
-      shortname: "favourites",
+      shortName: "favourites",
       games: favGames
     }
   }
 
+  SortFilterProxyModel {
+    id: lastPlayedGames
+    sourceModel: api.collections.get(collectionIndex).games
+    sorters: RoleSorter {
+      roleName: "lastPlayed"
+      sortOrder: Qt.DescendingOrder
+    }
+  }
+
+  property var lastPlayedCollection: {
+    return {
+      name: "Last Played",
+      shortName: "lastplayed",
+      games: lastPlayedGames
+    }
+  }
+
   property var customCollection: [favCollection]
   // End custom collections //
   ////////////////////////////
@@ -63,7 +87,7 @@ FocusScope {
   function modulo(a,n) {
     return (a % n + n) % n;
   }
-  property var currentCollection: showFavs ? favCollection : allGamesInCollection
+  property var currentCollection: showFavs ? favCollection : showLastPlayed ? lastPlayedCollection : allGamesInCollection
   property string platformShortname: Utils.processPlatformName(currentCollection.shortName)
 
   function nextCollection () {
@@ -161,6 +185,19 @@ FocusScope {
     }
   }
 
+  function toggleFilters() {
+    if (showFavs) {
+      showFavs = false;
+      showLastPlayed = true;
+    } else if (showLastPlayed) {
+      showFavs = false;
+      showLastPlayed = false;
+    } else {
+      showFavs = true;
+      showLastPlayed = false;
+    }
+  }
+
   function toggleVideoAudio()
   {
     if (backgroundimage.muteVideo) {
@@ -307,7 +344,7 @@ FocusScope {
           onMenuRequested: toggleMenu()
           onDetailsRequested: toggleDetails()
           onGameChanged: changeGameIndex(currentIdx)
-          onToggleFav: showFavs ? showFavs = false : showFavs = true
+          onToggleFilter: toggleFilters()
         }
       }
 
diff --git a/utils.js b/utils.js
index f30e4756..6763fe48 100644
--- a/utils.js
+++ b/utils.js
@@ -217,3 +217,7 @@ function processPlatformName(platform) {
       return platform;
   }
 }
+
+/*function processButtonArt(buttonModel) {
+  return buttonModel;
+}*/

From 08ab91adcfa39f529483c34373558a93f66e13bf Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Tue, 8 Oct 2019 10:43:54 -0700
Subject: [PATCH 03/17] Pausing grid video when leaving grid view

---
 layer_grid/GameGrid.qml | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/layer_grid/GameGrid.qml b/layer_grid/GameGrid.qml
index 2aa18070..126c8f25 100644
--- a/layer_grid/GameGrid.qml
+++ b/layer_grid/GameGrid.qml
@@ -127,11 +127,20 @@ FocusScope {
 
       Video {
         id: videoThumb
+        property bool playVideo: stateHome
         source: gameData.assets.videos.length ? gameData.assets.videos[0] : ""
         anchors.fill: parent
         anchors.margins: borderWidth
         fillMode: VideoOutput.PreserveAspectCrop
         muted: true
+        volume: playVideo ? 0.5 : 0
+        //Behavior on volume { NumberAnimation { duration: 200 } }
+        onPlayVideoChanged: {
+          if (stateHome)
+            play();
+          else
+            pause();
+        }
         loops: MediaPlayer.Infinite
         autoPlay: true
 
@@ -176,7 +185,7 @@ FocusScope {
     highlightRangeMode: GridView.ApplyRange
     //displayMarginBeginning: vpx(300)
     highlight: highlight
-    snapMode: GridView.SnapOneItem
+    //snapMode: GridView.SnapOneItem
     highlightFollowsCurrentItem: false
 
     model: collectionData ? collectionData.games : []

From 52634ad17466ec5077b8f383fc3a66baa8705994 Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Tue, 8 Oct 2019 17:58:40 -0700
Subject: [PATCH 04/17] Re-added extra meta data to details

---
 layer_details/GameDetails2.qml | 39 ++++++++++++++++++++++++++++++++--
 layer_grid/GameGridMetaBox.qml |  8 +++----
 2 files changed, 41 insertions(+), 6 deletions(-)

diff --git a/layer_details/GameDetails2.qml b/layer_details/GameDetails2.qml
index 1208288d..03d43c92 100644
--- a/layer_details/GameDetails2.qml
+++ b/layer_details/GameDetails2.qml
@@ -270,9 +270,43 @@ Item {
       // NOTE: Play data
       RowLayout {
         id: metadata
+        anchors { top: gameTitle.bottom; topMargin: vpx(0) }
+        height: vpx(1)
         spacing: vpx(6)
-        opacity: 1
-        Behavior on opacity { NumberAnimation { duration: 100 } }
+
+        // Developer
+        GameGridMetaBox {
+          metatext: (gameData.developerList[0] != undefined) ? gameData.developerList[0] : "Unknown"
+        }
+
+        // Release year
+        GameGridMetaBox {
+          metatext: (gameData.release != "" ) ? gameData.release.getFullYear() : ""
+        }
+
+        // Players
+        GameGridMetaBox {
+          metatext: if (gameData.players > 1)
+            gameData.players + " players"
+          else
+            gameData.players + " player"
+        }
+
+        // Spacer
+        Item {
+          Layout.preferredWidth: vpx(5)
+        }
+
+        Rectangle {
+          id: spacer2
+          Layout.preferredWidth: vpx(2)
+          Layout.fillHeight: true
+          opacity: 0.5
+        }
+
+        Item {
+          Layout.preferredWidth: vpx(5)
+        }
 
         // Times played
         GameGridMetaBox {
@@ -288,6 +322,7 @@ Item {
         }
       }
 
+
       // NOTE: Spacer between details and description
       Item { height: vpx(10) }
 
diff --git a/layer_grid/GameGridMetaBox.qml b/layer_grid/GameGridMetaBox.qml
index 96985369..db4ca21b 100644
--- a/layer_grid/GameGridMetaBox.qml
+++ b/layer_grid/GameGridMetaBox.qml
@@ -27,9 +27,9 @@ BorderImage {
       fillMode: Image.PreserveAspectFit
       smooth: true
       //Layout.preferredWidth: vpx(15)
-      Layout.preferredHeight: vpx(15)
-      Layout.maximumWidth: vpx(25)
-      Layout.maximumHeight: vpx(15)
+      Layout.preferredHeight: vpx(10)
+      Layout.maximumWidth: vpx(20)
+      Layout.maximumHeight: vpx(10)
       opacity: 0.5
       visible: icon
     }
@@ -39,7 +39,7 @@ BorderImage {
       text: (metatext) ? metatext : ""
 
       color: "#F2F2F2"
-      font.pixelSize: vpx(12)
+      font.pixelSize: vpx(8)
       //font.family: globalFonts.sans
       font.bold: true
       font.capitalization: Font.AllUppercase

From fc543ffe362cdb06153f90cf86688ad24059f00d Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Tue, 8 Oct 2019 18:00:37 -0700
Subject: [PATCH 05/17] Updating readme

---
 README.MD | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/README.MD b/README.MD
index 3fdfebd8..964622d8 100644
--- a/README.MD
+++ b/README.MD
@@ -37,7 +37,14 @@ Skraper will place these in your roms folder under another folder called media.
 If no media files are showing up, make sure that Skraper Assets is checked in the Additional Data Sources section of Pegasus settings. It may also be preferable to convert the created gamelist.xml (assuming EmulationStation was chosen for the game list in Skraper) to a metadata.txt file using the [Pegasus conversion tool](http://pegasus-frontend.org/tools/convert/)
 
 ## Version history
-v 0.6.6
+v 0.7
+- Added contoller help
+- Fixed favourites filter toggle
+- Added recently played filter toggle
+- Brought back extra meta data for details
+- Fixed grid videos continuing to play while in details
+
+v0.6.6
 - Added support for PS2, PS3, Switch, 3DS, Wii and Wii U logos
 - Added support for Launchbox logo selection
 - Shortening GBA in platform menu if using full name

From 277815ff2f2822f07e0c939bb61a55c89a348167 Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Tue, 8 Oct 2019 18:26:17 -0700
Subject: [PATCH 06/17] Fixing a couple of minor errors

---
 layer_details/GameDetails2.qml | 2 +-
 layer_grid/GameGrid.qml        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/layer_details/GameDetails2.qml b/layer_details/GameDetails2.qml
index 03d43c92..7f664fb3 100644
--- a/layer_details/GameDetails2.qml
+++ b/layer_details/GameDetails2.qml
@@ -270,7 +270,7 @@ Item {
       // NOTE: Play data
       RowLayout {
         id: metadata
-        anchors { top: gameTitle.bottom; topMargin: vpx(0) }
+        //anchors { top: gameTitle.bottom; topMargin: vpx(0) }
         height: vpx(1)
         spacing: vpx(6)
 
diff --git a/layer_grid/GameGrid.qml b/layer_grid/GameGrid.qml
index 126c8f25..180b1e48 100644
--- a/layer_grid/GameGrid.qml
+++ b/layer_grid/GameGrid.qml
@@ -185,7 +185,7 @@ FocusScope {
     highlightRangeMode: GridView.ApplyRange
     //displayMarginBeginning: vpx(300)
     highlight: highlight
-    //snapMode: GridView.SnapOneItem
+    snapMode: GridView.SnapOneRow
     highlightFollowsCurrentItem: false
 
     model: collectionData ? collectionData.games : []

From 76b040a6ec3800f70d88be53cc6409b9ea6ceb58 Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Mon, 14 Oct 2019 14:17:45 -0700
Subject: [PATCH 07/17] Adding windows logo

---
 assets/images/logos/windows.svg | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 assets/images/logos/windows.svg

diff --git a/assets/images/logos/windows.svg b/assets/images/logos/windows.svg
new file mode 100644
index 00000000..368784d6
--- /dev/null
+++ b/assets/images/logos/windows.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!-- Generator: Gravit.io --><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="isolation:isolate" viewBox="0 0 476 88" width="476pt" height="88pt"><defs><clipPath id="_clipPath_Tq2wu8J2mn5bOBct2TeUmKgtQW7p9lge"><rect width="476" height="88"/></clipPath></defs><g clip-path="url(#_clipPath_Tq2wu8J2mn5bOBct2TeUmKgtQW7p9lge)"><path d=" M 0 12.49 L 35.7 7.59 L 35.7 42.09 L 0 42.09 M 40 6.91 L 87.3 0 L 87.3 41.8 L 40 41.8 M 0 45.74 L 35.7 45.74 L 35.7 80.34 L 0 75.34 M 40 46.2 L 87.3 46.2 L 87.3 87.6 L 40 80.9" fill="rgb(255,255,255)"/><path d=" M 113.95 16.99 C 116.2 17 118.45 17 120.71 17.03 C 124.22 29.71 127.68 42.41 131.2 55.1 C 131.95 57.76 132.51 60.48 132.84 63.24 C 136.5 47.67 141.5 32.43 145.7 16.99 C 147.65 17 149.6 17 151.55 17.01 C 154.64 28 157.53 39.04 160.59 50.04 C 161.72 54.42 163.18 58.74 163.64 63.27 C 166.95 47.72 171.67 32.48 175.42 17.03 C 177.64 17 179.86 17 182.08 17 C 177.24 34.69 172.2 52.33 167.3 70 L 160.09 70 C 156.54 57.31 153.02 44.61 149.43 31.94 C 148.83 29.89 148.58 27.77 148.39 25.65 C 148.11 27.48 147.85 29.33 147.38 31.12 C 143.75 44.04 140.07 56.94 136.54 69.88 C 134.14 70.01 131.74 70.02 129.34 70 C 124.19 52.34 119.08 34.66 113.95 16.99 Z " fill="rgb(255,255,255)"/><path d=" M 186.2 17.42 C 186.464 15.325 188.311 13.796 190.419 13.928 C 192.527 14.06 194.169 15.808 194.169 17.92 C 194.169 20.032 192.527 21.78 190.419 21.912 C 188.311 22.044 186.464 20.515 186.2 18.42 M 187.1 32 L 193.1 32 L 193.1 70 L 187.1 70" fill="rgb(255,255,255)"/><path d=" M 209.06 38.12 C 212.49 32.01 220.49 29.2 226.94 32.03 C 232.07 34.03 233.98 39.97 234.14 45.03 C 234.42 53.35 234.19 61.68 234.26 70 C 232.26 70 230.26 70 228.26 69.99 C 228.17 62 228.47 53.99 228.12 46 C 227.96 42.04 226.28 37.28 221.97 36.27 C 215.68 34.37 209.4 40.04 209.2 46.26 C 209.02 54.17 209.19 62.09 209.13 70 L 203.13 70 C 203.14 57.33 203.14 44.67 203.13 32 L 209.14 32 C 209.13 34.04 209.12 36.08 209.06 38.12" fill="rgb(255,255,255)"/><path d=" M 270.13 14.01 C 272.13 14 274.13 14 276.13 14 L 276.13 70 L 270.15 70 C 270.16 67.97 270.12 65.94 269.98 63.91 C 265.65 71.69 254.07 73.41 247.45 67.64 C 242.72 63.57 241.28 56.95 241.53 50.96 C 241.58 44.88 243.58 38.42 248.42 34.45 C 254.71 29.27 265.86 29.57 270.17 37.18 C 270.09 29.45 270.16 21.73 270.13 14.01 M 257.21 36.15 C 252.41 36.91 249.16 41.29 248.26 45.82 C 247.08 51.28 247.29 57.6 250.73 62.24 C 254.45 67.18 262.66 67.29 266.64 62.62 C 269.35 59.8 270.12 55.76 270.14 51.98 C 270.17 47.99 270.51 43.49 267.86 40.16 C 265.52 36.83 261.15 35.33 257.21 36.15" fill="rgb(255,255,255)"/><path d=" M 299.47 31.06 C 304.82 30.59 310.75 31.43 314.77 35.3 C 319.31 39.49 320.66 46 320.41 51.95 C 320.34 57.3 318.36 62.73 314.44 66.46 C 306.26 73.9 291.07 72.27 285.88 62.04 C 281.8 53.47 282.62 41.61 290.07 35.1 C 292.74 32.84 296.12 31.81 299.47 31.06 M 298.39 36.5 C 289.58 39.21 288.09 50.72 290.84 58.29 C 293.03 65.01 301.57 67.99 307.7 64.85 C 311.85 62.94 313.74 58.26 314.14 53.97 C 314.59 48.96 314.19 43.28 310.65 39.37 C 307.65 35.99 302.57 35.26 298.39 36.5 Z " fill="rgb(255,255,255)"/><path d=" M 322.91 32 L 329.17 32 C 331.65 41.05 334.05 50.12 336.58 59.16 C 337.09 60.86 337.28 62.62 337.46 64.38 C 340.29 53.48 343.87 42.78 347.08 31.99 L 352.55 32.02 C 355.3 42.82 358.72 53.46 361 64.37 C 363.35 53.52 366.69 42.91 369.3 32.12 C 371.31 32.02 373.32 31.99 375.34 31.97 C 371.53 44.64 367.88 57.35 364.05 70 L 357.83 70 C 355.13 59.7 351.63 49.6 349.44 39.19 C 346.83 49.59 343.21 59.71 340.23 70 L 334.22 70 C 330.46 57.33 326.62 44.69 322.91 32" fill="rgb(255,255,255)"/><path d=" M 390.46 31.04 C 394.21 30.78 398.03 31.14 401.56 32.52 C 402.54 34.38 401.78 36.82 402.01 38.91 C 397.8 36.28 392 34.6 387.43 37.28 C 384.3 38.98 384.15 44.01 387.2 45.88 C 391.57 48.71 397.12 49.45 401 53.09 C 405.28 57.21 404.24 65.13 399.23 68.22 C 393.14 72.1 385.12 71.72 378.74 68.76 C 378.74 66.52 378.73 64.28 378.69 62.04 C 383.23 65.5 389.61 67.42 395.04 64.96 C 398.21 63.37 398.37 58.5 395.58 56.45 C 391.21 53.23 385.22 52.72 381.34 48.7 C 377.51 44.84 378.2 37.74 382.47 34.47 C 384.68 32.44 387.67 31.83 390.46 31.04" fill="rgb(255,255,255)"/><path d=" M 432.27 16.15 C 432.8 16.08 433.86 15.93 434.38 15.86 C 434.41 33.9 434.39 51.95 434.39 70 L 428.47 70 C 428.51 54.98 428.37 39.95 428.54 24.93 C 424.77 27.54 420.7 29.77 416.27 31.01 C 416.3 29.01 416.32 27.01 416.34 25.01 C 422.14 23.04 427.42 19.86 432.27 16.15 Z " fill="rgb(255,255,255)"/><path d=" M 456.26 16.13 C 461.46 15.26 467.23 17.16 470.32 21.58 C 474.71 27.78 475.12 35.73 475.34 43.06 C 475.19 50.8 474.34 59.19 469.4 65.5 C 464.85 71.47 455.53 72.87 449.43 68.48 C 444.48 64.91 442.54 58.68 441.66 52.91 C 440.66 44.34 440.75 35.35 443.73 27.17 C 445.61 21.62 450.25 16.84 456.26 16.13 M 455.34 21.5 C 450.01 23.66 448.48 29.96 447.74 35.08 C 446.96 42.22 446.78 49.58 448.48 56.61 C 449.33 60.07 451.12 63.74 454.55 65.26 C 458.44 67.22 463.64 65.53 465.69 61.69 C 468.96 56.04 469.04 49.26 469.08 42.91 C 468.95 36.72 468.7 30.06 465.28 24.68 C 463.25 21.4 458.88 20.08 455.34 21.5" fill="rgb(255,255,255)"/></g></svg>
\ No newline at end of file

From 36a400abe800f5cf25c7b3034ddd825241f5f08b Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Mon, 14 Oct 2019 14:18:11 -0700
Subject: [PATCH 08/17] Adding support for flyers if no box is found (needed
 for arcade)

---
 layer_details/GameDetails2.qml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layer_details/GameDetails2.qml b/layer_details/GameDetails2.qml
index 7f664fb3..748cf2fb 100644
--- a/layer_details/GameDetails2.qml
+++ b/layer_details/GameDetails2.qml
@@ -163,7 +163,7 @@ Item {
       Image {
         id: boxart
         width: parent.width
-        source: gameData.assets.boxFront || ""
+        source: gameData.assets.boxFront || gameData.assets.poster || ""
         sourceSize { width: vpx(512); height: vpx(512) }
         fillMode: Image.PreserveAspectFit
         asynchronous: true

From a6e8f82fdf4c44ee7f68edd08f9b15c2cf3057cb Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Mon, 14 Oct 2019 14:19:07 -0700
Subject: [PATCH 09/17] Updated readme

---
 README.MD | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/README.MD b/README.MD
index 964622d8..298dcd35 100644
--- a/README.MD
+++ b/README.MD
@@ -43,6 +43,8 @@ v 0.7
 - Added recently played filter toggle
 - Brought back extra meta data for details
 - Fixed grid videos continuing to play while in details
+- Added flyer support (needed for arcade)
+- Added Windows 10 logo for Windows games
 
 v0.6.6
 - Added support for PS2, PS3, Switch, 3DS, Wii and Wii U logos

From eed9e1dd22d8d1154e4cc18990ee561c226ef367 Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 14:54:30 -0700
Subject: [PATCH 10/17] Changed default audio sound

---
 assets/audio/tick-tap.wav | Bin 0 -> 4556 bytes
 theme.qml                 |  12 +++++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 assets/audio/tick-tap.wav

diff --git a/assets/audio/tick-tap.wav b/assets/audio/tick-tap.wav
new file mode 100644
index 0000000000000000000000000000000000000000..4a5465f398ac16c77022d26b416c927a6409aa32
GIT binary patch
literal 4556
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
UpT~07XL+1qxqM(bm9f1353@$(Qvd(}

literal 0
HcmV?d00001

diff --git a/theme.qml b/theme.qml
index 0516f2a7..abbe6a05 100644
--- a/theme.qml
+++ b/theme.qml
@@ -36,6 +36,7 @@ FocusScope {
   property bool stateHome: gamegrid.focus
   property bool stateDetails: gamedetails.active
   property bool stateMenu: platformmenu.focus
+  property bool stateVideoPreview
   property bool showFavs: false
   property bool showLastPlayed: false
 
@@ -189,13 +190,17 @@ FocusScope {
     if (showFavs) {
       showFavs = false;
       showLastPlayed = true;
+      currentGameIndex = 0;
     } else if (showLastPlayed) {
       showFavs = false;
       showLastPlayed = false;
+      currentGameIndex = api.memory.get('gameCollIndex' + collectionIndex) || 0;
     } else {
       showFavs = true;
       showLastPlayed = false;
+      currentGameIndex = 0;
     }
+    changeGameIndex(0);
   }
 
   function toggleVideoAudio()
@@ -203,9 +208,13 @@ FocusScope {
     if (backgroundimage.muteVideo) {
       backgroundimage.muteVideo = false;
       backgroundimage.bggradient.opacity = 0;
+      stateVideoPreview = true;
+      console.log("Audio on");
     } else {
       backgroundimage.muteVideo = true;
       backgroundimage.bggradient.opacity = 1;
+      stateVideoPreview = false;
+      console.log("Audio off");
     }
   }
 
@@ -412,6 +421,7 @@ FocusScope {
 
   ControllerHelp {
     id: controllerHelp
+    opacity: stateVideoPreview ? 0 : 1
     width: parent.width
     height: vpx(75)
     anchors {
@@ -425,7 +435,7 @@ FocusScope {
   ///////////////////
   SoundEffect {
       id: navSound
-      source: "assets/audio/tap-mellow.wav"
+      source: "assets/audio/tick-tap.wav"
       volume: 1.0
   }
 

From 871fb63c90d48edee8a2ecff418a394ea9a9a7ec Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 14:55:05 -0700
Subject: [PATCH 11/17] Major performance upgrade

---
 layer_details/GameDetails2.qml |  1 +
 layer_grid/BackgroundImage.qml |  2 +-
 layer_grid/GameGrid.qml        | 25 +++++++++++++++++++++++--
 layer_grid/GameGridItem.qml    |  2 +-
 4 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/layer_details/GameDetails2.qml b/layer_details/GameDetails2.qml
index 748cf2fb..c838ed7b 100644
--- a/layer_details/GameDetails2.qml
+++ b/layer_details/GameDetails2.qml
@@ -24,6 +24,7 @@ Item {
   signal videoPreview
   signal switchCollection(int collectionIdx)
 
+
   function boxArtWidth()
   {
     if (boxart.width > boxart.height)
diff --git a/layer_grid/BackgroundImage.qml b/layer_grid/BackgroundImage.qml
index 1dd51e70..d50ad156 100644
--- a/layer_grid/BackgroundImage.qml
+++ b/layer_grid/BackgroundImage.qml
@@ -160,7 +160,7 @@ Item {
   {
     id: overlay
     anchors.fill: parent
-    source: (gameData.assets.videos[0].height > gameData.assets.videos[0].width) ? "../assets/images/scanlines-vert.png" : "../assets/images/" + storedScanlines
+    source: ((gameData.assets.videos.length > 0) && (gameData.assets.videos[0].height > gameData.assets.videos[0].width)) ? "../assets/images/scanlines-vert.png" : "../assets/images/" + storedScanlines
     sourceSize { width: 1920; height: 1080 }
     opacity: storedScanlineOpacity
     Behavior on opacity { NumberAnimation { duration: 500 } }
diff --git a/layer_grid/GameGrid.qml b/layer_grid/GameGrid.qml
index 180b1e48..42f00a39 100644
--- a/layer_grid/GameGrid.qml
+++ b/layer_grid/GameGrid.qml
@@ -187,16 +187,37 @@ FocusScope {
     highlight: highlight
     snapMode: GridView.SnapOneRow
     highlightFollowsCurrentItem: false
+    cacheBuffer: 9000
 
     model: collectionData ? collectionData.games : []
     onCurrentIndexChanged: {
       //if (api.currentCollection) api.currentCollection.games.index = currentIndex;
       navSound.play()
-      gameChanged(currentIndex)
+      changeGameTimer.restart();
+      return;
+    }
+
+    Timer {
+      id: changeGameTimer
+      running: true
+      repeat: false
+      interval: 200
+      onTriggered: { gameChanged(grid.currentIndex); }
     }
 
     Component.onCompleted: {
-      positionViewAtIndex(currentIndex, GridView.Contain);
+      startupTimer.restart();
+    }
+
+    Timer {
+      id: startupTimer
+      running: true
+      repeat: false
+      interval: 200
+      onTriggered: {
+
+        grid.positionViewAtIndex(grid.currentIndex, GridView.Contain);
+      }
     }
 
     Keys.onPressed: {
diff --git a/layer_grid/GameGridItem.qml b/layer_grid/GameGridItem.qml
index 8d801edb..753d4ca5 100644
--- a/layer_grid/GameGridItem.qml
+++ b/layer_grid/GameGridItem.qml
@@ -115,7 +115,7 @@ Item {
 
       smooth: true
 
-      source: (steam) ? game.assets.logo : game.assets.screenshots[0] || game.assets.boxFront || ""
+      source: (steam) ? game.assets.logo : /*game.assets.background || */game.assets.screenshots[0] || game.assets.boxFront || ""
       sourceSize { width: 256; height: 256 }
       fillMode: Image.PreserveAspectCrop
 

From 3a02e0360ca0ad1797d78da60c7322bd3a3b7bfc Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 15:56:18 -0700
Subject: [PATCH 12/17] Fixes for background gradient and button help not
 disappearing

---
 layer_grid/BackgroundImage.qml |  8 +++++---
 layer_help/ControllerHelp.qml  |  4 ++--
 theme.qml                      | 12 +++++++-----
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/layer_grid/BackgroundImage.qml b/layer_grid/BackgroundImage.qml
index d50ad156..f9389936 100644
--- a/layer_grid/BackgroundImage.qml
+++ b/layer_grid/BackgroundImage.qml
@@ -5,10 +5,12 @@ import QtMultimedia 5.9
 Item {
   id: root
   property var gameData//: currentCollection.games.get(gameList.currentIndex)
-  property real storedDimOpacity: 0.7
+  property real storedDimOpacity: 0.9
   property real storedScanlineOpacity: 0.3
+  property real storedGradientOpacity: 1.0
   property string storedScanlines: "scanlines_v3.png"
   property real dimopacity: storedDimOpacity
+  property real gradientOpacity: storedGradientOpacity
 
   property string bgDefault: '../assets/images/defaultbg.jpg'
   property string bgSource: gameData ? gameData.assets.background || gameData.assets.screenshots[0] || bgDefault : bgDefault
@@ -183,7 +185,7 @@ Item {
       GradientStop { position: 0.0; color: "#00000000" }
       GradientStop { position: 0.7; color: "#ff000000" }
     }
-    opacity: (muteVideo) ? 1 : 0
+    opacity: (muteVideo) ? storedGradientOpacity : 0
     Behavior on opacity { NumberAnimation { duration: 100 } }
 
   }
@@ -191,7 +193,7 @@ Item {
   Rectangle {
     id: backgrounddim
     anchors.fill: parent
-    color: "#15181e"
+    color: "#000"//"#15181e"
 
     opacity: dimopacity
 
diff --git a/layer_help/ControllerHelp.qml b/layer_help/ControllerHelp.qml
index febd1365..284ed9ae 100644
--- a/layer_help/ControllerHelp.qml
+++ b/layer_help/ControllerHelp.qml
@@ -26,7 +26,7 @@ FocusScope {
     width: parent.width
     height: parent.height
 
-    opacity: stateMenu ? 0 : 1
+    opacity: (stateMenu || stateVideoPreview) ? 0 : 1
     Behavior on opacity { NumberAnimation { duration: 200 } }
 
     Component.onCompleted: {
@@ -50,7 +50,7 @@ FocusScope {
       end: Qt.point(0, height)
       gradient: Gradient {
         GradientStop { position: 0.0; color: "#00000000" }
-        GradientStop { position: 0.3; color: "#e6000000" }
+        GradientStop { position: 0.3; color: "#99000000" }
       }
       opacity: 1
       Behavior on opacity { NumberAnimation { duration: 100 } }
diff --git a/theme.qml b/theme.qml
index abbe6a05..a955ebfd 100644
--- a/theme.qml
+++ b/theme.qml
@@ -188,31 +188,33 @@ FocusScope {
 
   function toggleFilters() {
     if (showFavs) {
+      // Last Played
       showFavs = false;
       showLastPlayed = true;
-      currentGameIndex = 0;
+      changeGameIndex(0);
     } else if (showLastPlayed) {
+      // No filter
       showFavs = false;
       showLastPlayed = false;
       currentGameIndex = api.memory.get('gameCollIndex' + collectionIndex) || 0;
     } else {
+      // Favourites
       showFavs = true;
       showLastPlayed = false;
-      currentGameIndex = 0;
+      changeGameIndex(0);
     }
-    changeGameIndex(0);
   }
 
   function toggleVideoAudio()
   {
     if (backgroundimage.muteVideo) {
       backgroundimage.muteVideo = false;
-      backgroundimage.bggradient.opacity = 0;
+      backgroundimage.gradientOpacity = 0;
       stateVideoPreview = true;
       console.log("Audio on");
     } else {
       backgroundimage.muteVideo = true;
-      backgroundimage.bggradient.opacity = 1;
+      backgroundimage.gradientOpacity = 1;
       stateVideoPreview = false;
       console.log("Audio off");
     }

From ed8fc76958f35b568d5bf9fc81004235ba256036 Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 16:41:28 -0700
Subject: [PATCH 13/17] Load random screenshot from the array

---
 README.MD                      |  1 +
 layer_grid/BackgroundImage.qml | 10 ++++++++--
 layer_grid/GameGridItem.qml    |  8 +++++++-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/README.MD b/README.MD
index 298dcd35..8656e359 100644
--- a/README.MD
+++ b/README.MD
@@ -38,6 +38,7 @@ If no media files are showing up, make sure that Skraper Assets is checked in th
 
 ## Version history
 v 0.7
+- Major performance improvements (thanks to @SinisterSpatula for finding the fix)
 - Added contoller help
 - Fixed favourites filter toggle
 - Added recently played filter toggle
diff --git a/layer_grid/BackgroundImage.qml b/layer_grid/BackgroundImage.qml
index f9389936..96a9d1fb 100644
--- a/layer_grid/BackgroundImage.qml
+++ b/layer_grid/BackgroundImage.qml
@@ -13,7 +13,7 @@ Item {
   property real gradientOpacity: storedGradientOpacity
 
   property string bgDefault: '../assets/images/defaultbg.jpg'
-  property string bgSource: gameData ? gameData.assets.background || gameData.assets.screenshots[0] || bgDefault : bgDefault
+  property string bgSource: gameData ? gameData.assets.background || gameData.assets.screenshots[getRandomInt(0,gameData.assets.screenshots.length-1)] || bgDefault : bgDefault
   property string bgImage1
   property string bgImage2
   property bool firstBG: true
@@ -22,6 +22,12 @@ Item {
 
   onBgSourceChanged: swapImage(bgSource)
 
+  function getRandomInt(min, max) {
+    min = Math.ceil(min);
+    max = Math.floor(max);
+    return Math.floor(Math.random() * (max - min)) + min; //The maximum is exclusive and the minimum is inclusive
+  }
+
   /////////////////
   // Video Stuff //
   function toggleVideo() {
@@ -193,7 +199,7 @@ Item {
   Rectangle {
     id: backgrounddim
     anchors.fill: parent
-    color: "#000"//"#15181e"
+    color: "#15181e"
 
     opacity: dimopacity
 
diff --git a/layer_grid/GameGridItem.qml b/layer_grid/GameGridItem.qml
index 753d4ca5..7baf925e 100644
--- a/layer_grid/GameGridItem.qml
+++ b/layer_grid/GameGridItem.qml
@@ -23,6 +23,12 @@ Item {
   scale: selected ? 1 : 0.95
   Behavior on scale { PropertyAnimation { duration: 200; easing.type: Easing.OutQuart; easing.amplitude: 2.0; } }
 
+  function getRandomInt(min, max) {
+    min = Math.ceil(min);
+    max = Math.floor(max);
+    return Math.floor(Math.random() * (max - min)) + min; //The maximum is exclusive and the minimum is inclusive
+  }
+
   /////////////////
   // VIDEO STUFF //
   /////////////////
@@ -111,7 +117,7 @@ Item {
       }
 
       asynchronous: true
-      visible: game.assets.screenshots[0] || game.assets.boxFront || ""
+      visible: game.assets.screenshots[getRandomInt(0,game.assets.screenshots.length-1)] || game.assets.boxFront || ""
 
       smooth: true
 

From 8e0caae900a88a1f467f796403acf296220c9788 Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 18:34:41 -0700
Subject: [PATCH 14/17] Fix for nec turbo grafx-16 platform name

---
 utils.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/utils.js b/utils.js
index 6763fe48..1a57d152 100644
--- a/utils.js
+++ b/utils.js
@@ -165,7 +165,7 @@ function processPlatformName(platform) {
     case "sega cd":
       return "segacd";
       break;
-    case "nex turbografx-16":
+    case "nec turbografx-16":
       return "turbografx16";
       break;
     case "sony psp":

From a36f183e27a3b0f2154a185e17614dc96eb1e57e Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 18:37:06 -0700
Subject: [PATCH 15/17] Removing filters toggle so I can push a release

---
 layer_details/GameDetails2.qml | 2 +-
 layer_grid/GameGrid.qml        | 6 +++---
 layer_help/ControllerHelp.qml  | 4 ++--
 theme.qml                      | 9 ++++-----
 4 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/layer_details/GameDetails2.qml b/layer_details/GameDetails2.qml
index c838ed7b..ecded3ec 100644
--- a/layer_details/GameDetails2.qml
+++ b/layer_details/GameDetails2.qml
@@ -9,7 +9,7 @@ import "../utils.js" as Utils
 Item {
   id: root
 
-  property var gameData//: api.currentGame
+  property var gameData: currentGame//: api.currentGame
   property bool isSteam: false
   property int padding: vpx(50)
   property int cornerradius: vpx(8)
diff --git a/layer_grid/GameGrid.qml b/layer_grid/GameGrid.qml
index 42f00a39..781fe595 100644
--- a/layer_grid/GameGrid.qml
+++ b/layer_grid/GameGrid.qml
@@ -11,10 +11,10 @@ FocusScope {
   property alias gridWidth: grid.width
   property int gridItemSpacing: (numColumns == 4) ? vpx(10) : vpx(15) // it will double this
   property int gridItemHeight: (numColumns == 4) ? vpx(180) : vpx(230)
-  property var collectionData
-  property var gameData
+  property var collectionData: currentCollection
+  property var gameData: currentGame
   property bool mainScreenDetails
-  property int currentGameIdx
+  property int currentGameIdx: currentGameIndex
   property string jumpToPattern: ''
   property real cornerradius: vpx(4)
   property real borderWidth: vpx(5)
diff --git a/layer_help/ControllerHelp.qml b/layer_help/ControllerHelp.qml
index 284ed9ae..cf9c2cc8 100644
--- a/layer_help/ControllerHelp.qml
+++ b/layer_help/ControllerHelp.qml
@@ -124,7 +124,7 @@ FocusScope {
             rightMargin: vpx(20)
           }
         }//button2
-
+        /* Commenting out until filters are fixed
         Image {
           id: button3
           height: vpx(24)
@@ -158,7 +158,7 @@ FocusScope {
           opacity: stateDetails ? 0 : 1
           Behavior on opacity { NumberAnimation { duration: 100 } }
         }//button3
-
+        */
       }//buttonContainer
 
     }//bggradient
diff --git a/theme.qml b/theme.qml
index a955ebfd..5a7f7077 100644
--- a/theme.qml
+++ b/theme.qml
@@ -102,7 +102,8 @@ FocusScope {
   function jumpToCollection(idx) {
     api.memory.set('gameCollIndex' + collectionIndex, currentGameIndex); // save game index of current collection
     collectionIndex = modulo(idx, api.collections.count); // new collection index
-    currentGameIndex = api.memory.get('gameCollIndex' + collectionIndex) || 0; // restore game index for newly selected collection
+    //currentGameIndex = api.memory.get('gameCollIndex' + collectionIndex) || 0; // restore game index for newly selected collection
+    currentGameIndex = 0; // Jump to the top of the list each time collection is changed
   }
 
   // End collection switching //
@@ -187,6 +188,7 @@ FocusScope {
   }
 
   function toggleFilters() {
+    /* Commenting out until I can fix the launch game bug
     if (showFavs) {
       // Last Played
       showFavs = false;
@@ -203,6 +205,7 @@ FocusScope {
       showLastPlayed = false;
       changeGameIndex(0);
     }
+    console.log("Current game index: " + currentGameIndex);*/
   }
 
   function toggleVideoAudio()
@@ -333,9 +336,6 @@ FocusScope {
         GameGrid {
           id: gamegrid
 
-          collectionData: currentCollection
-          gameData: currentGame
-          currentGameIdx: currentGameIndex
           mainScreenDetails: mainShowDetails
 
           focus: true
@@ -364,7 +364,6 @@ FocusScope {
         id: gamedetails
 
         property bool active : false
-        gameData: currentGame
 
         anchors {
           left: parent.left; right: parent.right

From ff142f724710060a427d84f0f202561aa8ae342e Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 18:49:20 -0700
Subject: [PATCH 16/17] Updated readme

---
 README.MD | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/README.MD b/README.MD
index 8656e359..a6ba57d5 100644
--- a/README.MD
+++ b/README.MD
@@ -37,11 +37,9 @@ Skraper will place these in your roms folder under another folder called media.
 If no media files are showing up, make sure that Skraper Assets is checked in the Additional Data Sources section of Pegasus settings. It may also be preferable to convert the created gamelist.xml (assuming EmulationStation was chosen for the game list in Skraper) to a metadata.txt file using the [Pegasus conversion tool](http://pegasus-frontend.org/tools/convert/)
 
 ## Version history
-v 0.7
+v 0.6.7
 - Major performance improvements (thanks to @SinisterSpatula for finding the fix)
 - Added contoller help
-- Fixed favourites filter toggle
-- Added recently played filter toggle
 - Brought back extra meta data for details
 - Fixed grid videos continuing to play while in details
 - Added flyer support (needed for arcade)

From e7961cb9acd09b3303f7cbbab194c93646380f6d Mon Sep 17 00:00:00 2001
From: Seth Powell <seth@sethpowell.com>
Date: Fri, 25 Oct 2019 18:49:53 -0700
Subject: [PATCH 17/17] Fixed spelling error

---
 README.MD | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.MD b/README.MD
index a6ba57d5..dbd4f589 100644
--- a/README.MD
+++ b/README.MD
@@ -37,9 +37,9 @@ Skraper will place these in your roms folder under another folder called media.
 If no media files are showing up, make sure that Skraper Assets is checked in the Additional Data Sources section of Pegasus settings. It may also be preferable to convert the created gamelist.xml (assuming EmulationStation was chosen for the game list in Skraper) to a metadata.txt file using the [Pegasus conversion tool](http://pegasus-frontend.org/tools/convert/)
 
 ## Version history
-v 0.6.7
+v0.6.7
 - Major performance improvements (thanks to @SinisterSpatula for finding the fix)
-- Added contoller help
+- Added controller help
 - Brought back extra meta data for details
 - Fixed grid videos continuing to play while in details
 - Added flyer support (needed for arcade)