From e8bbcc29efa800d2ad11adc6bcac1924501fb5ec Mon Sep 17 00:00:00 2001
From: Roman Cervantes <romancm@gmail.com>
Date: Thu, 1 Nov 2018 18:43:31 -0700
Subject: [PATCH] Added more platforms

---
 package.json                                  |  2 +-
 src/pages/Platforms/Platforms.vue             | 63 ++++++++++++++-
 src/shared/platforms.js                       | 77 ++++++++++++++++++-
 static/img/platforms/n64.svg                  | 16 ++++
 static/img/platforms/nes.svg                  | 27 +++++++
 static/img/platforms/ps.svg                   | 11 +++
 static/img/platforms/ps2.svg                  | 10 +++
 static/img/platforms/ps3.svg                  |  8 ++
 .../platforms/{playstation-4.svg => ps4.svg}  |  0
 static/img/platforms/smd.svg                  | 14 ++++
 static/img/platforms/snes.svg                 |  4 +
 static/img/platforms/wii.svg                  |  4 +
 static/img/platforms/win.svg                  |  7 ++
 yarn.lock                                     |  4 +
 14 files changed, 244 insertions(+), 3 deletions(-)
 create mode 100644 static/img/platforms/n64.svg
 create mode 100644 static/img/platforms/nes.svg
 create mode 100644 static/img/platforms/ps.svg
 create mode 100644 static/img/platforms/ps2.svg
 create mode 100644 static/img/platforms/ps3.svg
 rename static/img/platforms/{playstation-4.svg => ps4.svg} (100%)
 create mode 100644 static/img/platforms/smd.svg
 create mode 100644 static/img/platforms/snes.svg
 create mode 100644 static/img/platforms/wii.svg
 create mode 100644 static/img/platforms/win.svg

diff --git a/package.json b/package.json
index 37fc44ca..279f3f2d 100755
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
         "firebase": "^5.5.5",
         "firebase-admin": "^6.0.0",
         "firebase-functions": "^2.0.5",
-        "lodash": "^4.17.10",
+        "lodash": "^4.17.11",
         "moment": "^2.22.1",
         "node-sass": "^4.8.3",
         "sass-loader": "^7.0.1",
diff --git a/src/pages/Platforms/Platforms.vue b/src/pages/Platforms/Platforms.vue
index 5a23f4b6..3de51f13 100755
--- a/src/pages/Platforms/Platforms.vue
+++ b/src/pages/Platforms/Platforms.vue
@@ -2,10 +2,16 @@
     <div class="platforms-page">
         <h2>Choose a platform</h2>
 
+        Sort: <select v-model="sortBy">
+            <option value="generations">Console Generation</option>
+            <option value="alphabetically">Alphabetically</option>
+        </select>
+
         <div class="platforms">
             <a
                 v-close-popover
-                v-for="platform in platforms"
+                v-for="platform in sorted"
+                v-if="sortBy === 'alphabetically'"
                 :key="platform.name"
                 :style="`background-color: ${platform.hex}`"
                 @click="changePlatform(platform)"
@@ -16,22 +22,53 @@
                 />
             </a>
         </div>
+
+        <div class="generations" v-if="sortBy === 'generations'">
+            <div v-for="(group, generation) in groupedByGenerations" :key="generation">
+                <h2>{{ ordinalSuffix(generation) }} generation</h2>
+
+                <div class="platforms">
+                    <a
+                        v-close-popover
+                        v-for="platform in group"
+                        :key="platform.name"
+                        :style="`background-color: ${platform.hex}`"
+                        @click="changePlatform(platform)"
+                    >
+                        <img
+                            :src='`/static/img/platforms/${platform.code}.svg`'
+                            :alt="platform.name"
+                        />
+                    </a>
+                </div>
+            </div>
+        </div>
     </div>
 </template>
 
 <script>
 import platforms from '@/shared/platforms';
+import _ from 'lodash';
 import { mapState } from 'vuex';
 
 export default {
     data() {
         return {
             platforms,
+            sortBy: 'alphabetically',
         };
     },
 
     computed: {
         ...mapState(['gameLists', 'platform']),
+
+        groupedByGenerations() {
+            return _.groupBy(this.platforms, 'generation');
+        },
+
+        sorted() {
+            return _.sortBy(this.platforms, 'name');
+        },
     },
 
     methods: {
@@ -39,6 +76,24 @@ export default {
             this.$store.commit('SET_PLATFORM', platform);
             this.$router.push({ name: 'home' });
         },
+
+        ordinalSuffix(value) {
+            const j = value % 10;
+            const k = value % 100;
+
+            if (j === 1 && k !== 11) {
+                return `${value}st`;
+            }
+
+            if (j === 2 && k !== 12) {
+                return `${value}nd`;
+            }
+            if (j === 3 && k !== 13) {
+                return `${value}rd`;
+            }
+
+            return `${value}th`;
+        },
     },
 };
 </script>
@@ -58,6 +113,7 @@ export default {
     }
 
     .platforms {
+        margin-top: $gp;
         display: grid;
         grid-template-columns: repeat(auto-fill, 140px);
         grid-gap: $gp;
@@ -78,4 +134,9 @@ export default {
         }
 
     }
+
+    .generations {
+        display: flex;
+        flex-direction: column-reverse;
+    }
 </style>
diff --git a/src/shared/platforms.js b/src/shared/platforms.js
index 9d0337fd..8df4b8da 100755
--- a/src/shared/platforms.js
+++ b/src/shared/platforms.js
@@ -5,17 +5,92 @@ export default [
         hex: '#ffffff',
         textHex: '#107c10',
         id: 49,
+        generation: 8,
     },
     {
         name: 'Nintendo Switch',
         code: 'nintendo-switch',
         hex: '#e60012',
         id: 130,
+        generation: 8,
+    },
+    {
+        name: 'NES',
+        code: 'nes',
+        hex: '#FFFFFF',
+        textHex: '#DD002A',
+        id: 18,
+        generation: 3,
+    },
+    {
+        name: 'Wii',
+        code: 'wii',
+        hex: '#FFFFFF',
+        textHex: '#5ACDEA',
+        id: 5,
+        generation: 7,
+    },
+    {
+        name: 'Nintendo 64',
+        code: 'n64',
+        hex: '#FFFFFF',
+        textHex: '#D20014',
+        id: 4,
+        generation: 5,
+    },
+    {
+        name: 'Playstation',
+        code: 'ps',
+        hex: '#fff',
+        textHex: '#000',
+        id: 7,
+        generation: 5,
+    },
+    {
+        name: 'Playstation 2',
+        code: 'ps2',
+        hex: '#fff',
+        textHex: '#000',
+        id: 8,
+        generation: 6,
+    },
+    {
+        name: 'Playstation 3',
+        code: 'ps3',
+        hex: '#fff',
+        textHex: '#000',
+        id: 9,
+        generation: 7,
     },
     {
         name: 'PlayStation 4',
-        code: 'playstation-4',
+        code: 'ps4',
         hex: '#2E6DB4',
         id: 48,
+        generation: 8,
+    },
+    {
+        name: 'PC - Windows',
+        code: 'win',
+        hex: '#ffffff',
+        textHex: '#0076d6',
+        id: 6,
+        generation: 8,
+    },
+    {
+        name: 'Super Nintendo',
+        code: 'snes',
+        hex: '#ffffff',
+        textHex: '#4f43ae',
+        id: 19,
+        generation: 4,
+    },
+    {
+        name: 'Sega Mega Drive / Genesis',
+        code: 'smd',
+        hex: '#ffffff',
+        textHex: '#000000',
+        id: 29,
+        generation: 4,
     },
 ];
diff --git a/static/img/platforms/n64.svg b/static/img/platforms/n64.svg
new file mode 100644
index 00000000..2e7d3809
--- /dev/null
+++ b/static/img/platforms/n64.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="500" height="463.264">
+    <path d="M278.096 205.831l10.965-12.46v-84.226l-52.33 20.185-43.36 77.249 43.36-16.696z" fill="#0222a9" />
+    <path d="M371.044 323.2V181.16l53.078-20.433v223.524l-53.078 22.427-77.996-101.92v134.813l-56.317 23.673V232.993l56.317-21.43z" fill="#011da9" />
+    <path d="M152.255 384.5l-49.838-96.685v118.864z" fill="#0222a9" />
+    <path d="M155.495 160.728l24.919 50.835 12.958-4.984 43.359-77.25-52.33-20.433zM278.096 205.831l39.87-45.103 53.078 20.433V323.2l-77.996-111.637z" fill="#069330" />
+    <path d="M236.73 463.245V232.993l-56.316-21.43v116.87L102.168 181.16l-53.077-20.433v223.524l53.077 22.427V287.815l78.246 151.757z" fill="#069330" />
+    <path d="M102.417 181.161l53.078-20.433 24.919 50.835v116.87zM293.048 360.33l15.948 22.426 62.048 23.923-77.996-101.92z" fill="#fe2015" />
+    <path d="M180.663 211.563l56.317-21.43 56.317 21.43-56.317 21.43zM371.044 140.294l53.078 20.434-53.078 20.433-53.077-20.433zM102.417 140.294l53.078 20.434-53.078 20.433-53.077-20.433zM236.73 88.712l-52.33 20.184 52.33 20.434 52.33-20.185z" fill="#ffc001"
+    />
+    <path d="M311.986 16.447h24.172c20.683 0 27.162 11.712 27.162 27.66 0 16.446-10.217 26.663-25.916 26.663h-25.418V16.447zm19.936 42.113h1.993c3.24 0 5.482-.997 6.728-3.24 1.246-2.242 1.495-6.479 1.495-11.712s-.249-9.469-1.495-11.712c-1.246-2.242-3.488-3.24-6.728-3.24h-1.993v29.655zM395.216 14.951c17.692 0 26.663 11.712 26.663 28.657s-8.721 28.657-26.663 28.657c-17.693 0-26.663-11.712-26.663-28.657s8.721-28.657 26.663-28.657zm0 43.36c3.24 0 5.482-1.496 5.482-14.952 0-12.958-2.243-14.951-5.482-14.951-3.24 0-5.482 1.744-5.482 14.951s2.242 14.952 5.482 14.952zM431.349 59.307c-3.49 0-6.48 2.99-6.48 6.48 0 3.488 2.99 6.478 6.48 6.478 3.488 0 6.479-2.99 6.479-6.479 0-3.488-2.99-6.479-6.48-6.479zm0 11.712c-2.99 0-5.233-2.492-5.233-5.233 0-2.99 2.491-5.233 5.233-5.233 2.99 0 5.233 2.492 5.233 5.233 0 2.99-2.492 5.233-5.233 5.233z"
+    fill="#0124a6" />
+    <path d="M430.352 69.275h-1.495v-6.977h2.99c1.246 0 2.492.498 2.492 1.744 0 .997-.499 1.495-1.495 1.744 1.246.25 1.246.748 1.246 1.745 0 .498.249 1.246.498 1.744h-1.744c-.25-.748-.25-1.246-.25-1.994 0-.498-.249-.996-.747-.996h-1.495v2.74zm0-3.987h1.246c.747 0 .997-.25.997-.997s-.499-.997-.997-.997h-1.246v1.994zM35.634 16.447v31.148h-.249L24.421 16.447H0V70.77h16.447V39.372h.249L27.66 70.77h24.42V16.447zM127.835 16.447v31.148h-.25l-10.964-31.148h-24.42V70.77h16.446V39.372h.25L119.86 70.77h24.42V16.447zM286.569 16.447v31.148h-.25l-10.964-31.148h-24.42V70.77h16.446V39.372h.25l10.964 31.398h24.42V16.447zM82.482 16.447V70.77H62.048V16.447zM163.22 70.77V31.15h-12.958V16.447h46.35v14.702h-12.959V70.77zM222.776 30.9v5.731h18.69v13.955h-18.69v5.98h20.932V70.77h-40.867V16.447h40.369V30.9z"
+    fill="#0124a6" />
+    <path d="M458.51 9.22h-3.738c-8.721.498-11.96 3.987-13.207 8.223h.25c2.242-1.993 4.734-2.74 8.223-2.74 6.728 0 12.958 4.983 12.958 14.203 0 8.97-6.728 15.948-15.948 15.948-12.21 0-17.444-9.22-17.444-19.187 0-7.974 2.741-14.952 7.476-19.188C441.565 2.243 447.297.249 454.274 0h3.987v9.22zm-11.462 26.913c2.74 0 4.485-2.741 4.485-6.48 0-2.99-1.495-6.478-5.233-6.478-2.243 0-3.987 1.495-4.735 3.24-.249.498-.249 1.245-.249 2.491.25 3.489 1.994 7.227 5.732 7.227zM484.426 44.107v-9.719h-18.19v-7.725L480.687.748h14.453v24.919h4.486v8.97h-4.486v9.719h-10.964zm0-18.69v-7.475c0-2.741.25-5.732.25-8.722h-.25a135.295 135.295 0 0 1-3.987 8.722l-3.489 7.226v.25h7.476v-.001z"
+    fill="#ff2d1e" />
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/nes.svg b/static/img/platforms/nes.svg
new file mode 100644
index 00000000..afe47313
--- /dev/null
+++ b/static/img/platforms/nes.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="144" height="56">
+    <rect width="113.416" height="25.41" rx="12.705" ry="12.705" x="15.292" y="3.913" fill="#fff" stroke="red" stroke-width="3.409" />
+    <path d="M39.3 23.3V10h-4v9.3L29.4 10h-4.3v13.3h4v-9.6l6.2 9.6h4zM45.8 23.3v-9h-4v9h4zM45.8 12.4V10h-4v2.4h4z" fill="red" />
+    <path d="M59.8 23.3v-6.2c0-1.3-2.5-3.1-3.8-3.1h-1.2c-.9 0-1.9.8-2.8 1.2v-.9h-4v9h4v-6.2c0-.6 1.4-1.3 2-1.3.6 0 1.7.7 1.7 1.3v6.2h4.1z" id="a" fill="red" />
+    <use transform="translate(33.467 .31)" fill="red" width="467" height="187" xlink:href="#a" href="#a" />
+    <path d="M66.3 23.3v-9h2.1v-1.2h-2.1v-1.9h-4.1v1.9h-2.1v1.2h2.1v9h4.1zM74 14c-3.2 0-5.9 2.2-5.9 4.9 0 2.8 2.7 5 5.9 5 2.8 0 5.1-1.6 5.7-3.7h-4.1v1.2c0 1-.7 1.3-1.6 1.3-.9 0-1.5-.3-1.5-1.3v-2.5h7.4c0-2.7-2.6-4.9-5.9-4.9zm0 .9c.9 0 1.6.6 1.6 1.6v.9h-3.1v-.9c0-1 .6-1.6 1.5-1.6zM113.4 14c-3.3 0-5.9 2.2-5.9 4.9 0 2.8 2.6 5 5.9 5 3.2 0 5.9-2.2 5.9-5 0-2.7-2.7-4.9-5.9-4.9zm0 .9c.9 0 1.5.6 1.5 1.6v4.9c0 1-.6 1.3-1.5 1.3-1 0-1.6-.3-1.6-1.3v-4.9c0-1 .6-1.6 1.6-1.6zM101.9 10v4.9s-1.2-.9-2.8-.9c-2.5 0-4.6 2.2-4.6 4.6 0 2.5 2.1 5 4.6 5 1.6 0 2.8-.6 2.8-.6v.3h4V10h-4zm-1.5 5.5c.9 0 1.5.7 1.5 1.6v3.7c0 .9-.6 1.2-1.5 1.2-1 0-1.6-.3-1.6-1.2v-3.7c0-.9.6-1.6 1.6-1.6z"
+    fill="red" />
+    <path d="M121.7 12.1c0 1-.9 1.9-1.9 1.9-1.1 0-1.9-.9-1.9-1.9 0-1.1.8-2 1.9-2 1 0 1.9.9 1.9 2zm-1.4.8l-.4-.7h-.7.7c.6 0 .6-1 0-1h-.7v1.7" fill="none" stroke="red" stroke-width=".319" />
+    <path d="M23.6 42.8V37c0-1.1-1.1-2.2-2.2-2.2H13v8h2.6v-5.4c0-.4.3-.8.7-.8h4c.4 0 .8.4.8.8v5.4h2.5z" id="b" />
+    <use transform="translate(69.393)" id="c" width="467" height="187" xlink:href="#b" href="#b" />
+    <use transform="translate(37.983)" width="467" height="187" xlink:href="#c" href="#c" />
+    <path d="M108.3 42.8V37c0-1.1-1.1-2.2-2.2-2.2H94.8v8h2.6v-5.4c0-.4.3-.8.7-.8h1.5c.3 0 .7.4.7.8v5.4h2.6v-5.4c0-.4.3-.8.7-.8h1.5c.3 0 .7.4.7.8v5.4h2.5z" id="f" />
+    <path d="M11.2 42.8H4.6c-1.1 0-2.2-.7-2.2-1.8v-6.3h8.8v1.9H5.3c-.3 0-.7.3-.7.7 0 .4.4.7.7.7h5.5v1.6H5.3c-.3 0-.7.4-.7.7 0 .4.4.8.7.8h5.9v1.7z" id="d" />
+    <use transform="translate(32.505)" width="467" height="187" xlink:href="#d" href="#d" />
+    <use transform="translate(107.741)" width="467" height="187" xlink:href="#d" href="#d" />
+    <path d="M24.7 34.8v1.8h2.6c.7 0 .7 0 .7.8v5.4h2.5v-5.4c0-.8 0-.8.8-.8h2.5v-1.8h-9.1z" id="e" />
+    <use transform="translate(31.774)" width="467" height="187" xlink:href="#e" href="#e" />
+    <use transform="translate(107.741)" width="467" height="187" xlink:href="#e" href="#e" />
+    <path d="M45.5 34.8v8h2.6v-1.4c0-.4.3-.8.7-.8h3.3c.4 0 .7.4.7.8v1.4H55v-2.2c0-.3-.3-.7-.3-1.1 0-.3.7-1 .7-1.8V37c0-.7-1.1-2.2-1.8-2.2h-8.1zm3.3 1.8h3.3c.4 0 .7.4.7.8v.7c0 .4-.3.7-.7.7h-3.3c-.4 0-.7-.3-.7-.7v-.7c0-.4.3-.8.7-.8zM68.5 34.8c-.7 0-1.8 1.5-1.8 2.2v5.8h2.6v-2.2H74v2.2h2.6V37c0-.7-1.1-2.2-1.9-2.2h-6.2zm1.5 1.8h3.3c.3 0 .7.4.7.8v1.4h-4.7v-1.4c0-.4.3-.8.7-.8zM80.9 42.8v-8h-2.5v8h2.5z"
+    />
+    <use transform="translate(-3.287 10.957)" width="467" height="187" xlink:href="#f" href="#f" />
+    <use transform="translate(78.523 10.957)" width="467" height="187" xlink:href="#d" href="#d" />
+    <use transform="translate(46.018 10.957)" width="467" height="187" xlink:href="#e" href="#e" />
+    <path d="M41.1 45.8c-.7 0-2.2 1.1-2.2 1.8v1.1c0 .7 1.5 1.8 2.2 1.8h4.4c.4 0 .8.4.8.7 0 .4-.4.8-.8.8h-6.6v1.8h7.4c.7 0 2.1-1.1 2.1-1.8v-1.1c0-.8-1.4-1.9-2.1-1.9h-4.4c-.4 0-.8-.3-.8-.7 0-.4.4-.7.8-.7h6.5v-1.8h-7.3z" id="g" />
+    <use transform="translate(21.183)" width="467" height="187" xlink:href="#g" href="#g" />
+    <path d="M49.2 45.8v3.6c0 .7 1.1 1.8 1.8 1.8h1.8v2.6h2.6v-2.6h1.8c.7 0 1.8-1.1 1.8-1.8v-3.6h-2.5v2.9c0 .3-.4.7-.8.7h-3.2c-.4 0-.8-.4-.8-.7v-2.9h-2.5z" />
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/ps.svg b/static/img/platforms/ps.svg
new file mode 100644
index 00000000..5ba22095
--- /dev/null
+++ b/static/img/platforms/ps.svg
@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1" width="134.247" height="101.998" viewBox="0 0 612.092 560.54" overflow="visible">
+    <g clip-rule="evenodd" fill-rule="evenodd">
+        <path d="M333.383 121.345l-.468 429.182-114.99-37.398V8.667l146.778 38.806c93.954 25.251 151.45 74.336 150.515 160.36-.934 100.054-47.211 140.256-137.428 114.075V124.611c0-23.844-44.407-25.24-44.407-3.266z" fill="#de0029" />
+        <path d="M165.1 429.9l-54.225 18.237c-35.063 12.158-64.976-16.36-32.722-28.054l26.175-9.344-98.633-31.33c-30.386 10.29-58.902 32.263-57.027 63.12 1.87 31.321 73.387 38.806 128.55 47.689 51.417 8.411 98.162 3.737 140.705-11.224v-32.262L165.1 429.899zM333.85 550.526l100.502-35.068-101.436-32.254v64.98l.934 2.342z"
+        fill="#f3c202" />
+        <path d="M601.232 456.557l1.868-.47c43.941-15.424 62.64-36.938 57.968-57.035-7.48-33.66-61.237-51.897-143.978-57.976-59.365-4.205-117.795 8.882-174.824 28.516l-9.35 3.276 102.372 31.792 59.833-20.107c62.639-11.685 87.886 8.884 27.582 28.054l-29.919 10.28 108.448 33.67zm-383.307-148.67l-45.348 15.423 45.348 14.027v-29.45z"
+        fill="#326db3" />
+        <path d="M434.351 515.46l166.88-58.903-108.45-33.67-159.866 54.7v5.618l101.436 32.254zM217.925 412.134l-52.823 17.766 52.823 16.83v-34.596zm114.99 27.592v-66.859l102.372 31.792-102.372 35.067zM104.329 410.74l113.594-40.675v-32.727l-45.346-14.027L8.033 378.946c-.468 0-1.402.462-2.336.462l98.632 31.33z"
+        fill="#00aa9e" />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/ps2.svg b/static/img/platforms/ps2.svg
new file mode 100644
index 00000000..a6fca72a
--- /dev/null
+++ b/static/img/platforms/ps2.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1" width="800" height="238.151">
+    <g fill-rule="evenodd">
+        <path fill="#13007c" d="M0 0v9.149h225.361v50.725H0v69.847h9.143v-60.7h224.536V0H0zM517.252 0v9.149H742.62v50.725H517.252v69.847h234.512v-9.137H527.237V69.021h224.527V0H517.252zM353.431 0v120.584H233.679v9.137h129.728V9.149h118.918V0H353.431z" />
+        <path d="M775.884 116.417h-4.163v-1.652h11.647v1.652h-4.991v13.304h-2.493v-13.304zM788.358 114.765l4.154 12.464 4.164-12.464H800v14.956h-1.667v-12.465l-4.154 12.465h-2.497l-4.159-12.465v12.465h-2.498v-14.956h3.333z" />
+    </g>
+    <path d="M189.722 175.407v45.71h7.135v-41.33h6.606s4.798 0 6.442 2.146c1.396 1.823 1.65 5.13 1.65 7.363 0 2.389-.15 6.083-.952 7.435-1.217 2.066-3.215 2.48-5.042 2.48h-4.36v4.057h6.27s5.656.236 8.09-2.237c2.983-3.032 3.74-7.108 3.74-12.565 0-4.958-1.798-9.96-5.476-11.659-3.043-1.4-8.531-1.4-8.531-1.4h-15.572M224.91 221.118h7.135v-45.71h-7.135v45.71zM270.006 186.069l13.055 34.215-7.494 18.356h5.923l21.583-52.571h-6.614l-9.4 25.623-8.748-25.623h-8.305M308.446 220.846v-4.32s7.546.296 9.118.296c3.482 0 5.22-.742 6.53-2.146.773-.842 1.471-4.571 1.471-5.9 0-1.324-.255-4.187-.774-5.36-.534-1.149-1.75-2.222-3.574-2.377-1.3-.112-3.31-.375-5.66-.483-3.294-.156-5.472-1.875-6.521-3.111-1.041-1.237-2.433-3.1-2.433-8.8 0-5.707 1.476-8.906 2.955-10.39 1.48-1.492 3.646-2.146 5.31-2.441 1.914-.327 5.041-.347 5.041-.347l9.988.291v4.32s-7.284-.291-8.851-.291c-3.482 0-4.527.746-5.832 2.146-.77.833-1.372 3.139-1.372 4.459 0 1.328.156 4.009.678 5.17.519 1.148 1.74 2.225 3.566 2.389 1.297.1 3.31.363 5.656.47 3.31.156 5.485 1.871 6.522 3.112 1.049 1.24 2.445 3.853 2.445 9.548 0 5.708-1.488 9.785-2.96 11.273-1.484 1.483-3.645 2.145-5.309 2.433-1.918.33-5.045.355-5.045.355l-10.95-.296M347.38 179.787h-7.133v33.557s.172 3.063.348 4.14c.175 1.077 1.743 3.634 5.831 3.634l7.391-.144v-4.304s-2.002.144-3.21.144c-1.225 0-2.71-.08-2.96-2.15-.268-2.066-.268-4.535-.268-4.535v-19.76h8.057v-4.3h-8.057v-6.282M416.24 221.118h7.133V186.07h-7.133v35.047zM416.24 181.77h7.133v-6.364h-7.133v6.363zM445.916 185.77c4.855 0 8.62 1.085 10.642 2.72 2.042 1.64 4.551 5.098 4.551 15.105 0 10.008-2.509 13.462-4.55 15.106-2.023 1.635-5.788 2.728-10.643 2.728-4.866 0-8.615-1.093-10.654-2.728-2.038-1.644-4.535-5.098-4.535-15.106 0-10.007 2.497-13.466 4.535-15.105 2.039-1.635 5.788-2.72 10.654-2.72zm-4.89 6.72c-.981 1.21-2.178 3.75-2.178 11.105 0 7.352 1.197 9.896 2.178 11.1.977 1.198 2.78 2.007 5.114 2.007 2.337 0 4.132-.81 5.121-2.006.977-1.205 2.174-3.75 2.174-11.1 0-7.356-1.197-9.897-2.174-11.105-.989-1.2-2.784-2.003-5.121-2.003-2.334 0-4.137.802-5.114 2.003M475.887 190.991l6.997-.295c1.83 0 3.984.494 5.03 1.819.973 1.248 1.587 2.736 1.587 5.133v23.43h7.144v-24.02c0-4.543-1.4-7.184-3.498-8.843-2.992-2.373-8.353-2.146-8.353-2.146l-15.983.287v34.722h7.076V190.99M402.033 179.787h-7.136v33.557s.167 3.063.339 4.14c.18 1.077 1.735 3.634 5.84 3.634l7.39-.144v-4.304s-2.006.144-3.219.144c-1.212 0-2.7-.08-2.96-2.15-.254-2.066-.254-4.535-.254-4.535v-19.76h8.037v-4.3h-8.037v-6.282M259.121 197.648c0-2.397-.61-3.885-1.591-5.133-1.045-1.325-3.191-1.82-5.026-1.82l-9.41.296v-4.635l11.325-.287s5.36-.228 8.356 2.146c2.09 1.66 3.478 4.3 3.478 8.843v23.685l-13.673.295s-6.19.022-9.31-1.24c-3.04-1.237-4.699-4.631-4.699-9.342 0-4.547 1.392-7.188 3.483-8.847 2.995-2.377 8.352-2.142 8.352-2.142h4.367v4.037h-2.449c-1.834 0-3.721.339-4.77 1.663-.977 1.236-1.5 2.31-1.5 4.707 0 3.147.61 4.55 2.09 5.62 1.309.953 3.65 1.16 6.263 1.16l4.714-.287v-18.719M379.433 197.648c0-2.397-.599-3.885-1.58-5.133-1.057-1.325-3.203-1.82-5.026-1.82l-9.405.296v-4.635l11.316-.287s5.357-.228 8.348 2.146c2.09 1.66 3.486 4.3 3.486 8.843v23.685l-13.673.295s-6.198.022-9.31-1.24c-3.043-1.237-4.706-4.631-4.706-9.342 0-4.547 1.404-7.188 3.482-8.847 2.991-2.377 8.36-2.142 8.36-2.142h4.364v4.037h-2.453c-1.823 0-3.722.339-4.759 1.663-.981 1.236-1.507 2.31-1.507 4.707 0 3.147.614 4.55 2.09 5.62 1.304.953 3.657 1.16 6.27 1.16l4.703-.287v-18.719M509.576 221.405a6.953 6.953 0 0 0 6.968-6.964 6.94 6.94 0 0 0-2.038-4.93 6.936 6.936 0 0 0-4.93-2.035c-3.825 0-6.964 3.123-6.964 6.965 0 1.858.718 3.61 2.046 4.93a6.946 6.946 0 0 0 4.918 2.034zm-5.796-6.964c0-1.548.61-3.004 1.7-4.097a5.778 5.778 0 0 1 4.096-1.703c1.548 0 3.008.61 4.1 1.703a5.777 5.777 0 0 1 1.7 4.097c0 3.195-2.597 5.8-5.8 5.8a5.79 5.79 0 0 1-4.096-1.7 5.786 5.786 0 0 1-1.7-4.1"
+    />
+    <path d="M513.014 217.675c-.103-.04-.183-.16-.227-.339a2.87 2.87 0 0 1-.068-.586l-.032-1.001c-.016-.47-.115-.806-.283-1.03-.108-.15-.271-.27-.459-.382.232-.152.44-.335.587-.566.195-.312.299-.706.299-1.185 0-.918-.387-1.564-1.141-1.903-.399-.18-.882-.26-1.472-.26h-3.602v7.755h1.34v-3.18h2.118c.383 0 .67.04.834.113.275.135.423.41.439.83l.06 1.24c.015.303.031.494.055.606.036.12.056.215.1.295l.056.096h1.495v-.455l-.1-.048zm-1.551-4.993c0 .434-.112.722-.327.881-.248.164-.59.255-1.021.255h-2.158v-2.193h2.29c.306 0 .562.043.745.131.32.16.47.47.47.925M560.644 181.31c.095 5.266-.164 8.042-1.931 10.69-1.564 2.314-4.65 4.44-11.48 4.44l-8.472-.264c-1.332.016-4.806.415-6.441 2.182-1.412 1.5-1.504 2.64-1.66 6.681v11.815h28.807v5.807H527.98l-1.504-.019c-2.142 0-4.248-1.452-4.248-4.356v-8.815c.144-10.318.89-11.802 3.127-14.499 1.552-1.862 5.186-3.956 9.621-4.18.87-.048 2.517-.16 4.799-.076 1.69.056 3.354.1 4.096.108 3.92.048 5.353-.674 6.426-2.082 1.224-1.588 1.87-3.45 1.87-6.51 0-2.852-.574-5.572-1.667-6.825-1.328-1.443-2.584-2.413-6.278-2.42-9.302-.026-20.179.215-20.179.215v-5.465s10.626-.462 21.467-.622c6.753-.104 10.459 1.68 12.353 4.144 1.987 2.585 2.7 5.014 2.78 10.052"
+    />
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/ps3.svg b/static/img/platforms/ps3.svg
new file mode 100644
index 00000000..edf8c843
--- /dev/null
+++ b/static/img/platforms/ps3.svg
@@ -0,0 +1,8 @@
+<svg version="1" xmlns="http://www.w3.org/2000/svg" width="667" height="279.5">
+    <path d="M520.959 224.799c6.157-.256 12.684.695 12.684 8.244 0 5.463-4.03 8.521-9.277 8.521-6.147 0-9.268-4.398-9.031-10.229h-7.897c.185 10.074 5.811 16.836 16.929 16.836 9.277 0 17.041-5.627 17.041-14.729 0-6.24-3.283-11.006-8.726-12.092v-.102c4.563-1.709 6.772-5.625 6.772-10.424 0-8.51-7.672-12.846-15.119-12.846-9.736 0-15.588 6.965-15.956 16.406h7.774c-.104-5.002 2.576-9.902 7.998-9.902 4.337 0 7.487 2.793 7.487 6.875 0 5.912-5.38 7.723-10.679 7.59v5.852zM125.468 247.252h8.684v-18.863h13.103c14.074.063 16.78-9.072 16.78-15.158 0-6.146-2.706-15.25-16.78-15.25h-21.787v49.271zm8.684-42.275h12.765c4.567 0 8.475 1.719 8.475 8.193 0 6.207-4.741 8.182-8.648 8.182h-12.591v-16.375zM169.186 197.98h7.891v49.271h-7.891zM215.797 221.025c0-7.568-7.395-10.424-14.371-10.424-7.897 0-15.711 2.721-16.253 11.896h7.938c.241-3.877 3.396-5.625 7.814-5.625 3.248 0 7.416.766 7.416 4.838 0 4.602-5.068 3.938-10.745 5-6.547.758-13.722 2.23-13.722 11.141 0 6.936 5.83 10.412 12.233 10.412 4.199 0 9.226-1.34 12.382-4.367.604 3.324 2.93 4.367 6.04 4.367 1.33 0 3.866-.521 4.956-.85v-5.482c-.767.123-1.448.123-1.841.123-1.488 0-1.846-.756-1.846-2.721v-18.308zm-8.004 14.268c0 4.963-5.35 6.762-8.827 6.762-2.788 0-7.237-1.012-7.237-4.563 0-4.174 3.038-5.4 6.439-5.891 3.437-.613 7.237-.613 9.625-2.168v5.86zM232.618 247.221l-.899 2.762c-.941 2.955-1.887 4.971-5.575 4.971-1.232 0-2.501-.275-3.728-.572v6.709c1.774.195 3.657.359 5.467.359 8.254 0 10.091-5.779 12.663-12.152l13.901-37.713h-8.295l-9.007 26.656h-.148l-9.334-26.656h-8.546l13.501 35.636zM256.103 230.875c.179 12.273 9.298 17.594 20.591 17.594 9.814 0 19.587-4.43 19.587-15.426 0-5.145-3.079-10.637-9.594-12.682-2.537-.688-13.43-3.488-14.192-3.715-3.539-1.021-5.927-2.895-5.927-6.371 0-5.002 5.028-6.455 9.078-6.455 5.943 0 10.245 2.342 10.684 8.787h8.572c0-10.352-8.572-15.814-18.887-15.814-8.935 0-18.059 4.604-18.059 14.504 0 5.115 2.45 10.281 10.925 12.51 6.766 1.842 11.261 2.773 14.729 4.092 2.03.809 4.097 2.322 4.097 6.004 0 3.816-2.864 7.539-10.464 7.539-6.915 0-12.52-2.967-12.52-10.566h-8.62zM299.13 211.584h5.907v-10.74h7.928v10.74h7.093v5.861h-7.093V236.5c0 3.264.317 4.941 3.764 4.941 1.12 0 2.24 0 3.33-.234v6.014c-1.749.193-3.375.398-5.068.398-8.214 0-9.804-3.119-9.953-9.113v-21.061h-5.907v-5.861zM356.309 221.025c0-7.568-7.375-10.424-14.361-10.424-7.815 0-15.67 2.721-16.212 11.896h7.927c.328-3.877 3.406-5.625 7.886-5.625 3.156 0 7.355.766 7.355 4.838 0 4.602-5.038 3.938-10.746 5-6.597.758-13.722 2.23-13.722 11.141 0 6.936 5.825 10.412 12.193 10.412 4.229 0 9.267-1.34 12.412-4.367.619 3.324 2.9 4.367 6.158 4.367 1.227 0 3.718-.521 4.919-.85v-5.482c-.833.123-1.529.123-1.958.123-1.442 0-1.852-.756-1.852-2.721v-18.308zm-7.887 14.268c0 4.963-5.385 6.762-8.863 6.762-2.741 0-7.237-1.012-7.237-4.563 0-4.174 2.997-5.4 6.398-5.891 3.478-.613 7.283-.613 9.702-2.168v5.86zM360.876 211.584h5.927v-10.74h7.927v10.74h7.094v5.861h-7.094V236.5c0 3.264.266 4.941 3.774 4.941 1.078 0 2.199 0 3.319-.234v6.014c-1.698.193-3.396.398-5.1.398-8.244 0-9.773-3.119-9.921-9.113v-21.061h-5.927v-5.861zM388.59 211.584h7.887v35.668h-7.887zM420.432 248.264c11.467 0 18.023-7.855 18.023-18.83 0-10.945-6.557-18.832-18.023-18.832-11.497 0-18.043 7.887-18.043 18.832 0 10.974 6.546 18.83 18.043 18.83zm0-6.209c-7.098 0-10.167-6.383-10.167-12.621 0-6.18 3.069-12.561 10.167-12.561 7.018 0 10.137 6.381 10.137 12.561-.001 6.238-3.12 12.621-10.137 12.621zM444.397 247.252h7.855v-21.031c0-5.195 3.366-9.348 8.664-9.348 4.603 0 6.813 2.371 6.935 7.926v22.453h7.917v-24.488c0-7.979-4.909-12.162-12.683-12.162-4.654 0-8.776 2.434-11.109 6.414l-.174-.143v-5.289h-7.405v35.668zM388.59 197.98h7.887v7.455h-7.887z"
+    />
+    <g>
+        <path d="M421.659 19.551h-82.591c-25.474 0-37.958 15.741-37.958 36.179v62.087c0 12.684-5.989 21.788-18.631 21.788h-72.24c-.506 0-.925.419-.925.9v12.53c0 .512.419.941.925.941h81.768c25.464 0 37.979-15.67 37.979-36.118V55.73c0-12.694 5.943-21.818 18.657-21.818h73.017c.573 0 1.023-.409 1.023-.921V20.482c0-.491-.451-.931-1.024-.931zM178.54 19.551H19.607c-.578 0-.998.44-.998.931v12.509c0 .512.419.941.998.941h149.374c12.627 0 18.621 9.104 18.621 21.797 0 12.643-5.994 21.726-18.621 21.726H50.81c-18.351 0-32.2 15.415-32.2 35.862v39.687c0 .543.419.973.998.973h26.927a.97.97 0 0 0 .967-.973v-39.687c0-12.612 7.247-21.511 17.762-21.511H178.54c25.423 0 37.887-15.62 37.887-36.067 0-20.415-12.464-36.188-37.887-36.188zM636.409 85.086c-.356-.399-.356-1.084 0-1.473 7.917-6.557 11.835-16.438 11.835-27.874 0-20.416-12.438-36.188-37.938-36.188H451.414c-.542 0-.94.44-.94.972v12.468a.93.93 0 0 0 .94.941h149.35c12.591 0 18.667 9.104 18.667 21.797 0 12.643-6.035 21.726-18.667 21.726h-.185l-149.165.031c-.542 0-.94.389-.94.961v12.459c0 .501.398.9.94.9h149.35c16.468.194 18.636 16.232 18.636 24.436l.031 1.544c0 12.714-6.076 21.859-18.667 21.859h-149.35c-.542 0-.94.388-.94.899v12.49a.93.93 0 0 0 .94.941h158.893c25.521 0 37.938-16.939 37.938-36.189v-1.544c-.001-12.274-3.919-23.996-11.836-31.156z"
+        />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/playstation-4.svg b/static/img/platforms/ps4.svg
similarity index 100%
rename from static/img/platforms/playstation-4.svg
rename to static/img/platforms/ps4.svg
diff --git a/static/img/platforms/smd.svg b/static/img/platforms/smd.svg
new file mode 100644
index 00000000..f9d0075a
--- /dev/null
+++ b/static/img/platforms/smd.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="175.747" height="41.94">
+    <g fill-rule="evenodd">
+        <path d="M163.29 41.94l12.457-7.215V19.464l-11.937-6.903h-48.791L106.247 0H68.721l-8.824 12.561H11.886L0 19.412v15.313l12.509 7.215z" />
+        <path fill="#fff" d="M2.595 33.789l10.484 6.073h149.588l10.485-6.073v-13.39l-9.912-5.762h-49.258l-8.875-12.561H69.759l-8.772 12.561h-48.53l-9.862 5.71z" />
+        <path d="M80.925 11.588a1.17 1.17 0 0 0 1.179 1.172h4.815v-1.466h-4.522v-.411h3.563V9.424h-5.028l-.007 2.164zM80.932 6.754c0-.606.522-1.169 1.172-1.166h4.815v1.459h-4.522v.411h3.563v1.479h-5.035l.007-2.183zM113.099 25.537h15.26v6.073l-5.449 3.685h-16.844l5.58-3.738h9.861v-2.283h-15.26V23.33l5.633-3.814h16.817l-5.555 3.736h-10.043zM130.488 19.516h6.851v15.779h-6.851zM146.837 25.537h15.26v6.073l-5.451 3.685h-16.842l5.58-3.738h9.862v-2.283h-15.26V23.33l5.631-3.814h16.818l-5.555 3.736h-10.043z"
+        />
+        <path d="M91.404 31.557v-2.283h6.564l5.58-3.737H91.404v-2.285h9.886l5.555-3.736H90.521l-5.969 3.66v12.119h16.61l5.605-3.738zM43.444 31.557v-2.283h6.566l5.579-3.737H43.444v-2.285h9.887l5.554-3.736H42.561l-5.968 3.66v12.119h16.609l5.606-3.738zM75.78 30.053l-8.512-5.295v10.537h-6.852V19.516h6.955l8.409 4.619v-4.619h6.852v15.779H75.78zM19.464 23.252v8.305h8.512v-2.283h-6.955l5.554-3.737h8.253v6.229l-5.243 3.529H12.613V23.358l5.683-3.842h18.582l-5.528 3.736zM81.932 3.621a2.96 2.96 0 0 0-2.96 2.959v5.18a2.96 2.96 0 0 0 2.96 2.959h4.988V13.26h-4.864c-.858 0-1.619-.813-1.619-1.671v-4.84c0-.858.761-1.651 1.619-1.651h4.864V3.619h-4.988v.002zM91.376 11.334V7.047h4.756V5.588h-5.023c-.65-.003-1.172.56-1.172 1.166l-.006 4.834c0 .658.535 1.179 1.178 1.172h3.064l-.008-3.362H91.86v1.446h.852v.489h-1.336v.001zM77.562 3.607h-4.779a3.646 3.646 0 0 0-3.646 3.645c0 2.014 1.633 3.607 3.646 3.59h1.456v.492h-5.07v1.427h4.905a1.67 1.67 0 0 0 1.67-1.669 1.66 1.66 0 0 0-1.67-1.657l-1.271-.005a2.166 2.166 0 0 1 0-4.332h4.762l-.003-1.491z"
+        />
+        <path d="M77.562 7.008h-4.967v.489l1.49.003c2.014 0 3.646 1.593 3.646 3.606 0 2.014-1.632 3.611-3.646 3.611l-4.916-.01v-1.451h4.905a2.165 2.165 0 0 0 2.166-2.165c0-1.196-.97-2.153-2.166-2.153l-1.271-.005a1.67 1.67 0 0 1 0-3.34h4.762l-.003 1.415zM101.689 5.338c-.059-.139-.08-.172-.24-.172-.16 0-.199.083-.26.222l-3.029 9.331 1.594.002 1.713-5.173.564 1.747H100.9v1.472h3.219l-2.43-7.429z"
+        />
+        <path d="M90.937 14.72a2.96 2.96 0 0 1-2.96-2.959v-5.18a2.96 2.96 0 0 1 2.96-2.959h5.195v1.479h-5.07c-.859 0-1.62.793-1.62 1.651v4.84c0 .858.76 1.671 1.62 1.671h3.592V8.912h-2.793V7.459h4.277v6.92l3.047-9.428a2.4 2.4 0 0 1 4.547.062l3.164 9.708H100.9v-1.459h3.895l-2.641-8.097c-.154-.445-.43-.498-.705-.498-.287 0-.553.118-.703.525l-3.1 9.529h-6.709v-.001z"
+        />
+    </g>
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/snes.svg b/static/img/platforms/snes.svg
new file mode 100644
index 00000000..410e2cd6
--- /dev/null
+++ b/static/img/platforms/snes.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1" width="296" height="73.92" viewBox="0 0 1 1">
+    <path d="M-1.308.017a.086.086 0 0 0-.08.069v.001L-1.39.09v.004l-.002.002V.1l-.001.002v.002l-.001.004-.002.005v.005l-.002.005v.005L-1.4.134-1.4.14l-.002.005-.002.012-.001.006-.001.006-.001.005-.001.006-.002.005V.19l-.001.005-.002.004v.012l-.002.002V.22c-.001.016.001.04.007.043.006.037.129.208.125.234A2.958 2.958 0 0 1-1.3.598c-.005.026-.022.047-.048.047a.038.038 0 0 1-.04-.047l.024-.127h-.092l-.03.177a.053.053 0 0 0 .054.064h.13c.037 0 .071-.029.078-.064 0 0 .033-.165.033-.177 0-.012-.003-.013-.003-.013 0-.013-.11-.194-.12-.2-.005-.003-.01-.021-.01-.032 0-.01.015-.083.015-.083a.058.058 0 0 1 .055-.046c.025 0 .036.02.032.046l-.02.115h.092l.032-.172c.008-.038-.017-.07-.054-.07h-.136zm.252 0l-.11.63a.053.053 0 0 0 .055.065h.13A.082.082 0 0 0-.903.648l.117-.631h-.082L-.979.63A.02.02 0 0 1-1 .646h-.065c-.009 0-.015-.007-.013-.016l.109-.613h-.088zm.315 0l-.132.695h.087l.06-.315h.112c.036 0 .07-.029.077-.064l.048-.247c.007-.039-.017-.07-.054-.07h-.198zm.312 0l-.136.695h.197l.013-.086h-.097l.04-.235h.097L-.3.318h-.097l.043-.215h.097l.014-.086H-.43zm.236 0l-.131.695h.087l.06-.315h.062c.008.008.009.022.01.029a.13.13 0 0 1 .002.033c0 .01-.048.253-.048.253h.088l.05-.268c0-.005 0-.018-.006-.026C-.022.414-.027.403-.034.398-.046.392-.06.387-.06.387h-.006C-.04.376.006.359.011.333L.06.086C.067.047.042.016.005.016h-.198zm.469 0L.144.712h.1L.326.309l.032.403h.087L.577.017h-.1L.408.38.363.017H.276zm.347 0L.491.712H.58L.71.017H.623zm.134 0L.625.712h.1L.808.309.84.712h.088L1.06.017H.958L.89.38.845.017H.757zm.34 0L1.08.103h.054l-.108.609h.1l.11-.61h.053l.014-.085h-.207zm.24 0L1.2.712h.197l.014-.086h-.097l.04-.235h.097l.014-.073h-.097L1.41.103h.097l.014-.086h-.184zm.222 0l-.132.695h.102L1.61.309l.032.403h.088l.132-.695H1.76L1.693.38 1.648.017h-.089zm.349 0l-.132.695h.2a.082.082 0 0 0 .077-.064L2.16.086c.007-.039-.018-.07-.055-.07h-.197zm.375 0a.085.085 0 0 0-.08.069l-.098.562c-.006.035.018.064.054.064h.144a.082.082 0 0 0 .078-.064l.106-.562c.008-.038-.017-.07-.054-.07h-.15zm-.3.08h.04c.025 0 .043.02.039.046l-.087.455a.06.06 0 0 1-.055.048h-.04l.102-.55zm.352 0h.002c.026 0 .043.02.039.046l-.082.455a.058.058 0 0 1-.054.048c-.026 0-.037-.022-.033-.048L2.29.143V.141L2.29.14V.136l.002-.002V.13l.002-.002.001-.003V.123l.002-.002V.12L2.3.117 2.3.116l.002-.002.001-.002.002-.002.002-.001.001-.001.002-.002.002-.001.001-.001.003-.002h.002L2.32.1h.001l.003-.001h.004L2.33.096h.005zM-.657.099h.042c.01 0 .03.022.028.031l-.037.172c-.001.009-.013.03-.022.03h-.052L-.7.33h-.005V.328h-.001L-.707.328h-.001V.326L-.709.326-.71.324V.323L-.71.322V.32h-.001V.314l.04-.21A.021.021 0 0 1-.656.099zm.545 0H-.069c.01 0 .029.022.027.031l-.036.171c-.002.01-.024.03-.033.03h-.038C-.156.331-.162.326-.162.32V.315l.04-.21.001-.001.002-.001h.001V.101h.002V.1h.004V.098zm-1.39.673V1h3.906V.772h-3.906zm2.871.024h.034c.008 0 .014.007.012.015L1.407.85H1.39l.004-.025c.001-.006-.002-.01-.008-.01a.013.013 0 0 0-.012.01l-.004.019.002.006a.304.304 0 0 1 .027.045v.003l-.007.039a.018.018 0 0 1-.017.014h-.029c-.008 0-.013-.007-.011-.014l.006-.04h.02l-.005.029c0 .005.003.01.009.01.005 0 .011-.005.012-.01L1.38.902C1.376.892 1.352.858 1.35.85V.84l.005-.029V.81l.001-.002V.806l.002-.001V.802h.002V.8h.002V.8l.001-.001h.001l.001-.002h.004zm.158 0h.024l.004.058.031-.058h.025l-.05.089-.013.065h-.022l.01-.07-.01-.084zm.223 0h.033c.009 0 .015.007.013.015L1.79.85H1.77l.004-.025c.001-.006-.002-.01-.008-.01a.013.013 0 0 0-.012.01L1.75.843l.002.006a.316.316 0 0 1 .027.045v.003l-.006.039a.018.018 0 0 1-.017.014h-.03c-.008 0-.013-.007-.011-.014l.007-.04h.02l-.005.029c-.001.005.002.01.008.01s.011-.005.012-.01l.004-.023c-.003-.01-.028-.044-.03-.052V.84l.005-.029V.81l.001-.002V.807h.001V.804L1.74.803 1.74.803l.001-.001L1.742.8 1.744.8l.001-.001h.002V.796h.004zm.16 0h.046l-.004.019h-.011L1.917.95h-.023l.024-.135h-.012L1.91.796zm.179 0h.041l-.003.019h-.022l-.01.048h.023L2.114.88h-.02l-.01.052h.021L2.103.95h-.044l.03-.154zm.169 0h.025l.004.089.04-.088h.024L2.325.95h-.02l.013-.081-.034.081H2.27L2.266.867 2.251.95H2.23l.029-.154zm-3.675.006h.04L-1.38.82h-.022l-.008.048h.02l-.002.016h-.022l-.008.052h.021l-.003.02h-.044l.03-.155zm.189 0h.019l.01.08.015-.08h.023l-.03.154h-.019l-.007-.09-.018.09h-.023l.03-.154zm.205 0h.045L-.981.82h-.011l-.025.135h-.022l.024-.135h-.012l.004-.02zm.199 0h.041L-.786.82h-.022l-.01.048h.022l-.003.016h-.02l-.01.052h.021l-.002.02h-.044l.03-.155zm.193 0h.044c.008 0 .013.007.011.015l-.01.055c-.001.006-.011.01-.017.013h.005l.001.001h.002v.001h.002l.002.008-.011.061h-.02L-.612.9a.03.03 0 0 0 0-.007c0-.002 0-.005-.002-.007h-.014l-.013.07h-.02l.03-.154zm.196 0h.046L-.392.82h-.012l-.025.135H-.45l.024-.135H-.44L-.435.8zm.228 0h.026L-.19.956h-.026l.004-.035h-.016l-.013.035h-.023l.057-.154zm.182 0h.02l-.03.154h-.02l.03-.154zm.176 0h.02l.01.08.015-.08h.021L.19.956h-.02L.162.866l-.018.09H.122l.03-.154zm.227 0h.025l.004.09.039-.09h.025L.445.956h-.02L.438.875.404.956H.39L.386.873.37.956H.349L.378.802zm.248 0h.04L.664.82H.642l-.01.048h.022L.651.885H.63L.621.937h.021L.64.957H.596l.03-.155zm.198 0h.02l.01.08.015-.08H.89L.862.956h-.02L.836.866l-.017.09H.795l.03-.154zm.204 0h.046L1.07.82h-.012l-.023.135h-.022l.024-.135h-.013L1.028.8zM-.612.82l-.003.001-.01.047c0 .002.002.003.004.003h.008c.002 0 .007-.004.007-.006l.008-.038C-.598.825-.602.82-.604.82h-.009zm.405.047l-.015.039h.011l.004-.04z"
+    font-weight="400" fill="#fc0c18" />
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/wii.svg b/static/img/platforms/wii.svg
new file mode 100644
index 00000000..4ef12bd3
--- /dev/null
+++ b/static/img/platforms/wii.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1" width="990" height="445">
+    <path d="M166.997 430.01c-18.173-4.99-35.888-21.829-43.638-41.479-5.194-13.171-23.966-79.255-89.76-316l-9.866-35.5 44.517-.26c24.485-.143 44.832.082 45.215.5.383.418 17.05 64.935 37.038 143.37l36.342 142.611 17.274-66.11c41.02-156.993 47.988-182.31 53.165-193.184 6.976-14.654 19.169-25.124 33.647-28.895 7.628-1.987 25.207-2.008 32.765-.04 15.955 4.156 28.425 15.66 35.29 32.555 4.187 10.304 13.197 43.473 46.844 172.453 11.335 43.45 20.935 79.786 21.334 80.746.452 1.087 14.501-52.221 37.225-141.244l36.5-142.99 45.219-.005c35.74-.005 45.128.255 44.786 1.243-.238.688-9.867 35.225-21.397 76.75-55.103 198.443-74.286 265.085-79.688 276.84-9.176 19.97-24.597 33.846-42.914 38.617-7.652 1.993-24.288 2.012-31.875.036-10.565-2.752-16.608-6.39-25.671-15.453-7.08-7.078-9.34-10.165-13.206-18.04-6.323-12.873-12.417-33.87-51.227-176.5-9.129-33.55-16.85-61.675-17.158-62.5-.308-.825-9.728 31.98-20.933 72.9-24.628 89.938-37.601 136.4-41.633 149.1-8.714 27.454-24.558 45.03-45.447 50.416-7.533 1.943-25.774 1.977-32.748.062zM635.39 292.03v-136.5h85v273h-85v-136.5zm171 0v-136.5h85v273h-85v-136.5zm117 123v-13.5h-5c-4.666 0-5-.166-5-2.5v-2.5h26v2.5c0 2.334-.333 2.5-5 2.5h-5v27h-6v-13.5zm18-2.5v-16h8.914l3.043 9.861c1.674 5.424 3.043 10.464 3.043 11.2 0 3.122 1.954-1.178 4.911-10.81l3.147-10.25h8.942v32h-6l-.079-11.25c-.085-12.163-.036-12.192-4.444 2.557-2.63 8.8-2.635 8.807-5.774 8.5-3.08-.301-3.202-.516-6.172-10.808l-3.03-10.5-.285 10.75-.283 10.75h-5.933v-16zm-275.5-304.103c-19.26-3.903-35.21-20.392-38.481-39.786-3.985-23.626 11.77-47.392 35.516-53.578 12.12-3.156 27.642-1.517 38.702 4.088 6.624 3.356 16.689 12.99 20.078 19.217 11.64 21.387 4.745 49.29-15.37 62.198-11.154 7.157-27.876 10.407-40.445 7.86zm171 0c-24.943-5.054-42.598-29.911-38.57-54.304 3.09-18.71 17.292-34.29 35.605-39.06 12.108-3.153 27.643-1.517 38.678 4.075 6.648 3.369 16.028 12.322 19.78 18.879 12.047 21.058 5.19 49.562-15.049 62.55-11.153 7.156-27.875 10.406-40.444 7.86z"
+    fill="#999" />
+</svg>
\ No newline at end of file
diff --git a/static/img/platforms/win.svg b/static/img/platforms/win.svg
new file mode 100644
index 00000000..3e9e7346
--- /dev/null
+++ b/static/img/platforms/win.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="439" height="439">
+    <path fill="#f3f3f3" d="M0 0h439v439H0z" />
+    <path fill="#f35325" d="M17 17h194v194H17z" />
+    <path fill="#81bc06" d="M228 17h194v194H228z" />
+    <path fill="#05a6f0" d="M17 228h194v194H17z" />
+    <path fill="#ffba08" d="M228 228h194v194H228z" />
+</svg>
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index 4e9c9707..cc87d754 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5789,6 +5789,10 @@ lodash@^4.0.0, lodash@^4.0.1, lodash@^4.17.0, lodash@^4.17.10, lodash@^4.17.2, l
   version "4.17.11"
   resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
 
+lodash@^4.17.11:
+  version "4.17.11"
+  resolved "https://infusionsoft.jfrog.io/infusionsoft/api/npm/npm/lodash/-/lodash-4.17.11.tgz#b39ea6229ef607ecd89e2c8df12536891cac9b8d"
+
 log-driver@1.2.7:
   version "1.2.7"
   resolved "https://registry.yarnpkg.com/log-driver/-/log-driver-1.2.7.tgz#63b95021f0702fedfa2c9bb0a24e7797d71871d8"