Update emulatorjs and ruffle logos to high quality SVG versions

frontend/assets/emulatorjs/emulatorjs-isotype.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 1000 1000"><path d="M966 457.61v11.96h12.31v12.32h-24.63v-11.96h-35.87v23.91H966v11.96h12.31v24.63H966v11.96h-60.51v-11.96h-11.95v-12.32h24.27v11.96h35.87v-23.91h-48.19V494.2h-11.95v-24.63h11.95v-11.96zm-292.2 0v11.96h12.32v60.86H673.8v11.96h-60.5v-11.96h-11.96v-60.86h11.96v-11.96zm-12.32 12.32h-35.87v60.14h35.87zM480.7 481.89v-12.31h-11.95v-11.96h-36.59v11.96H420.2v12.31h-12.31v60.5h24.64v-24.27h35.86v24.27h24.27v-60.5zm-12.32 23.9h-35.86v-23.91h11.95v-11.96h11.96v11.96h11.96v23.91Zm-229.32-48.18v72.46h36.23v-72.46h24.27v72.82H287.6v11.96h-60.86v-11.96h-11.96v-72.82zm-96.37 0v11.96h11.95v12.32h11.96v-12.32h11.96v-11.96h24.27v84.78h-24.27V494.2H166.6v23.91h-12.32V494.2h-11.59v48.19h-24.64v-84.78zm-36.23 0v12.32h-60.5v23.91h48.18v12.32H45.96v23.91h60.5v12.32H21.69v-84.78zm772.75 0v72.82h-11.95v11.96h-60.87v-11.96h-11.95v-12.32h24.27v11.96h36.23v-72.46zm-531.47 0v72.46h48.55v12.32h-72.82v-84.78zm241.65 0v12.32h-24.28v72.46h-24.27v-72.46h-24.27v-12.32zm193.09 48.55v-36.58h-11.96v-11.96h-72.81v84.77h24.64v-24.27h11.59v12.31h12.31v11.96h36.23v-12.31h-11.96v-11.96h-11.95v-11.96zm-24.27-12.32h-11.96v11.95h-23.91v-35.86h35.86v23.92Z" style="fill:#fff"/></svg>

frontend/assets/ruffle/ruffle.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="328" height="108" preserveAspectRatio="none"><defs><g id="a"><path fill="#966214" d="M37.85 61.25q-.4 0-.8.05-.5-.25-.9-.5-.3-.1-.55-.3l-.6-.6-4.25-6.45-1.5 11.25h3.45q.75-.1 1.5-.35.85-.25 1.65-.75.55-.35 1.05-.8t.95-1q.5-.5.75-1.2-.05.05-.15.1-.1.15-.25.25l-.1.2q-.15.05-.25.1m58.3 0q-.9 0-1.45-.7-.3-.3-.55-.6l-.05-.05v-.05l-4.25-6.4-1.5 11.25h3.45q.75-.1 1.5-.35.85-.25 1.6-.75t1.4-1.1q.45-.35.75-.85.35-.5.65-1.05l-.45.55q-.5.15-1.1.1m19.7 3.25h3.45q.75-.1 1.5-.35.25-.05.45-.15.35-.15.65-.3l.5-.3q.25-.15.5-.35.45-.35.9-.75.45-.35.75-.85l.1-.1q.1-.2.2-.35.2-.3.35-.6l-.3.4-.15.15q-.5.15-1.1.1-.25 0-.4-.05-.5-.15-.8-.4-.15-.1-.25-.25-.3-.3-.55-.6l-.05-.05v-.05l-4.25-6.4zm52.6.2q-3.1-.25-5.7-.75-5.6-1.05-8.9-3.1-.75-.5-1.4-1-3.15-2.55-3.5-6.4l-1.5 11.25zm33.4-5.65q-2.3-2.35-2.6-5.6l-1.5 11.25h21q-11.25-.95-16-4.85-.5-.4-.9-.8m55.15 2.5q-2.55-.25-3.25-1.8l-4.2-6.3-1.5 11.25h3.45q.6-.1 1.2-.3.4-.1.75-.2.35-.15.65-.3.7-.35 1.35-.8.75-.55 1.3-1.25.1-.15.25-.3m23.95-8.05-1.5 11.2h21q-.3-.05-.6-.05-10.8-1-15.4-4.8-3.15-2.55-3.5-6.35"/><path fill="#ffad33" d="M40.65 47.25H51.8L49.75 61.7h16.5l2.3-16.25h-.05l.8-5.7q.4-2.45-1-4.2-.35-.4-.75-.8-.25-.25-.55-.5-.2-.2-.45-.35-1.95-1.4-4.5-1.4H34.3q-1.35 0-2.6.45-1.65.55-3.15 1.8Q25.8 37 25.3 40l-1.65 12h.05v.3l5.85 1.15h-9.5q-.5.05-1 .15-.5.15-1 .35t-.95.45q-.5.3-.95.7-.45.35-.85.8-.35.4-.65.85t-.5.9q-.15.45-.3.95L8 100.2h16.25l5-35.5 1.5-11.25L35 59.9l.6.6q.25.2.55.3.4.25.9.5.4-.05.8-.05.1-.05.25-.1l.1-.2q.15-.1.25-.25.1-.05.15-.1l.3-1.05zm86.8-2h-.05l.15-1.25h-.05l1.65-11.7H112.9l-2.65 19.5h.05v.2l-.05.1h.05l5.8 1.15h-9.45q-.5.05-1 .15-.5.15-1 .35-.15.05-.3.15-.3.1-.55.25-.05 0-.1.05-.5.3-1 .65-.4.35-.7.7-.55.7-.95 1.45-.35.65-.55 1.4-.15.7-.25 1.4v.05q-.15 1.05-.35 2.05l-1.2 8.75v.1l-2.1 14.7H85.35L87.6 69.9h.05l.7-5.2 1.5-11.25 4.25 6.4v.05l.05.05q.25.3.55.6.55.7 1.45.7.6.05 1.1-.1l.45-.55.3-1.05 1.3-9.05h-.05l.7-5.05h-.05l.15-1.25H100l1.65-11.7H85.4L82.75 52h.05l-.05.3 5.85 1.15h-9.45q-.5.05-1 .15-.5.15-1 .35t-.95.45q-.5.3-1 .65-.4.4-.8.85-.25.3-.55.65-.05.1-.15.2-.25.45-.4.9-.2.45-.3.95-.1.65-.2 1.25-.2 1.15-.4 2.25l-4.3 30.6q-.25 3 1.75 5.25 1.6 1.8 4 2.15.6.1 1.25.1h27.35q3.25 0 6-2.25.35-.35.7-.55l.3-.2q2-2 2.25-4.5l1.65-11.6q.05-.05.1-.05l1.65-11.35h.05l.7-5.2 1.5-11.25 4.25 6.4v.05l.05.05q.25.3.55.6.1.15.25.25.3.25.8.4.15.05.4.05.6.05 1.1-.1l.15-.15.3-.4.3-1.05 1.3-9.05h-.05zm61.8-35Q187 8 183.75 8H156q-3 0-5.75 2.25-1.3.95-2.05 2.1-.45.6-.7 1.2-.2.5-.35 1-.1.45-.15.95l-4.15 29.95h-.05l-.7 5.2h-.05l-.2 1.35h.05l-.05.3 5.85 1.15h-9.45q-2.1.05-3.95 1.6-1.9 1.55-2.25 3.55l-.5 3.5h-.05l-5.3 38.1h16.25l5-35.5 1.5-11.25q.35 3.85 3.5 6.4.65.5 1.4 1 3.3 2.05 8.9 3.1 2.6.5 5.7.75l1.75-11.25H158l.4-2.95h-.05l.7-5.05H159q.1-.9.3-1.9.1-.75.2-1.6.85-5.9 2.15-14.9 0-.15.05-.25l.1-.9q.2-1.55.45-3.15h11.25l-3.1 20.8h16.5L191 15.5q.15-1.7-.4-3.15-.5-1.1-1.35-2.1m50.3 0Q237.3 8 234.05 8H206.3q-2.3 0-4.45 1.35-.65.35-1.3.9-1.3.95-2.05 2.1-.45.6-.7 1.2-.4.9-.5 1.95l-4.15 29.95h-.05l-.7 5.2h-.05l-.2 1.35h.05l-.05.3 5.85 1.15h-9.45q-2.1.05-3.95 1.6-1.9 1.55-2.25 3.55l-.5 3.5h-.05l-1.2 8.75v.1l-4.1 29.25h16.25l5-35.5 1.5-11.25q.3 3.25 2.6 5.6.4.4.9.8 4.75 3.9 16 4.85l1.75-11.25h-12.2l.4-2.95h-.05l.7-5.05h-.05q.15-.9.3-1.9.1-.75.25-1.6.15-1.25.35-2.65v-.05q.95-6.7 2.35-16.5h11.25l-3.1 20.8h16.5l4.1-28.05q.15-1.7-.4-3.15-.5-1.1-1.35-2.1M259.5 45.5v-.05L264.85 8H248.6l-6.15 44.3 5.85 1.15h-9.45q-.5.05-1 .15-.5.15-1 .35t-.95.45q-.5.3-1 .65-.4.4-.8.85-.35.4-.7.85-.25.45-.45.9-.15.45-.3.95l-5.85 41.6h16.25l5-35.5 1.5-11.25 4.2 6.3q.7 1.55 3.25 1.8l.05-.1q.25-.4.35-.85l.3-1.05zm25.6-15.75q-.65 0-1.3.1-2.5.35-4.7 2.15-2.75 2.25-3.25 5.25l-1.95 14.7V52l-.05.3 5.85 1.15h-9.45q-1.9.05-3.6 1.35-.2.1-.35.25-1.9 1.55-2.25 3.55l-4.85 34.1q-.25 3 1.75 5.25 1.25 1.4 3 1.95 1.05.3 2.25.3h27.75q3.25 0 6-2.25 2.75-2 3.25-5l2.75-18.5h-16.5l-1.75 11h-11.25l2.1-14.75h.05l.85-6 1.5-11.2q.35 3.8 3.5 6.35 4.6 3.8 15.4 4.8.3 0 .6.05h15.75l2.75-19.25h-.05l1.15-8.2q.5-3-1.75-5.25-1.25-1.25-3-1.75-1-.5-2.25-.5zm5.95 15.7h-.1l.15-.95h11.45l-1.25 8.95H290l.4-2.95h-.05z"/></g></defs><use xlink:href="#a"/></svg>

frontend/src/console/views/Play.vue

@@ -408,7 +408,7 @@ async function boot() {
   window.EJS_alignStartButton = "center";
   window.EJS_startOnLoaded = true;
   //   window.EJS_fullscreenOnLoaded = true;
-  window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.png`;
+  window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.svg`;
   window.EJS_backgroundColor = "#000000"; // Match original which uses theme colors, but #000000 should work fine
   const coreOptions = configStore.getEJSCoreOptions(core);
   window.EJS_defaultOptions = {

frontend/src/views/Player/EmulatorJS/Base.vue

@@ -232,7 +232,7 @@ onBeforeUnmount(async () => {
 </script>
 
 <template>
-  <v-row v-if="rom" class="justify-center scroll px-2" no-gutters>
+  <v-row v-if="rom" class="align-center justify-center scroll h-100" no-gutters>
     <v-col
       v-if="gameRunning"
       cols="12"
@@ -259,21 +259,24 @@ onBeforeUnmount(async () => {
       :xl="!gameRunning ? 6 : 2"
     >
       <!-- Header -->
-      <v-row class="mt-6" no-gutters>
+      <v-row no-gutters>
         <v-col>
           <v-img
             class="mx-auto"
             width="150"
-            src="/assets/emulatorjs/emulatorjs.png"
+            src="/assets/emulatorjs/emulatorjs.svg"
           />
         </v-col>
       </v-row>
 
-      <v-row class="mt-12" no-gutters>
+      <v-divider class="my-4" />
+
+      <v-row no-gutters>
         <v-col>
           <rom-list-item :rom="rom" with-filename with-size />
         </v-col>
       </v-row>
+
       <v-row v-if="!gameRunning" no-gutters>
         <v-col>
           <!-- disc selector -->

frontend/src/views/Player/EmulatorJS/Player.vue

@@ -112,7 +112,7 @@ window.EJS_player = "#game";
 window.EJS_color = "#A453FF";
 window.EJS_alignStartButton = "center";
 window.EJS_startOnLoaded = true;
-window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.png`;
+window.EJS_backgroundImage = `${window.location.origin}/assets/emulatorjs/emulatorjs.svg`;
 window.EJS_backgroundColor = theme.current.value.colors.background;
 window.EJS_Buttons = {
   // Disable the standard exit button to implement our own

frontend/src/views/Player/RuffleRS/Base.vue

@@ -122,12 +122,17 @@ onMounted(async () => {
       :md="!gameRunning ? 8 : 4"
       :xl="!gameRunning ? 6 : 2"
     >
-      <v-row class="px-3 mt-6" no-gutters>
+      <v-row no-gutters>
+        <v-col>
+          <v-img class="mx-auto" width="250" src="/assets/ruffle/ruffle.svg" />
+        </v-col>
+      </v-row>
+
+      <v-divider class="my-4" />
+
+      <v-row class="mb-4" no-gutters>
         <v-col>
-          <v-img class="mx-auto" width="250" src="/assets/ruffle/ruffle.png" />
-          <v-divider class="my-4" />
           <rom-list-item :rom="rom" with-filename with-size />
-          <v-divider class="my-4" />
         </v-col>
       </v-row>