Added Previous Button

Updated some Task Titles
Changed Position of LevelSelect to Absolute & added top margin to align with game
Changed Timer to Purple

package-lock.json

@@ -5,6 +5,7 @@
   "requires": true,
   "packages": {
     "": {
+      "name": "thegame-dist",
       "version": "0.1.0",
       "dependencies": {
         "core-js": "^3.8.2",

src/App.vue

@@ -76,7 +76,7 @@
           </div>
         </div>
         <div id="levelselect">
-          <v-virtual-scroll height="480" item-height="32" :items="levels">
+          <v-virtual-scroll height="480" width="250" item-height="32" :items="levels">
             <template v-slot:default="{ item }">
               <v-list-item
                 :key="item.index"
@@ -95,6 +95,12 @@
         <v-row dense>
           <v-col :cols="10">
             <v-btn x-small dense @click="reset">Reset</v-btn>
+            <v-btn
+                v-if="currentLevel < levels.length - 1"
+                x-small
+                @click="previouslevel"
+            >Previous Level</v-btn
+              >
             <v-btn
               v-if="currentLevel < levels.length - 1"
               x-small
@@ -276,319 +282,319 @@ export default {
       fontFamily: "Acme",
       levels: [
         {
-          title: "start",
+          title: "Start - Cover",
           foreground: "assets/background0.png",
           task: "",
           points: 0,
         },
         {
-          title: "Names & Ages",
+          title: "Start - Names & ages",
           foreground: "assets/white.png-trans.png",
           background: "assets/webm1.webm",
           task: "Type or Say Ages",
           points: 5,
         },
         {
-          title: "Peace Sign",
+          title: "Start - Peace sign",
           foreground: "assets/bg/peacesign.png",
           task: "Make a Peace Sign",
           points: 5,
         },
         {
-          title: "heart sign",
+          title: "Start - Heart sign",
           foreground: "assets/bg/hearthands.png",
           task: "Make a heart sign together",
           points: 10,
         },
         {
-          title: "High Five",
+          title: "Start - High five",
           foreground: "assets/bg/highfive.png",
           task: "Give each other a High Five",
           points: 10,
         },
         {
-          title: "Belly button",
+          title: "Start - Belly button",
           foreground: "assets/bg/bellybutton.png",
           task: "Show your belly buttons",
           points: 20,
         },
         {
-          title: "Smack Ass",
+          title: "Start - Smack ass",
           foreground: "assets/bg/bootyslap.webp",
           task: "Give each other a booty slap",
           points: 20,
         },
         {
-          title: "Snap each others bra straps",
+          title: "Start - Snap bra straps",
           foreground: "assets/bg/brastrap.webp",
           task: "Pull and snap each others bra straps",
           points: 20,
         },
         {
-          title: "Cleavage",
+          title: "Start - Show cleavage",
           foreground: "assets/bg/cleavage.png",
           task: "Show off your Cleavage",
           points: 25,
         },
         {
-          title: "Touch Each Noses",
+          title: "Start - Touch noses",
           foreground: "assets/bg/nosetouching.png",
           task: "Touch your noses together",
           points: 10,
         },
         {
-          title: "Shake Booty",
+          title: "Start - Shake booty",
           foreground: "assets/bg/bootyshake.gif",
           task: "Shake your Booties",
           points: 25,
         },
         {
-          title: "Flash Panties",
+          title: "Start - Flash panties",
           foreground: "assets/bg/flashpanties.png",
           task: "Flash your panties",
           points: 25,
         },
         {
-          title: "Show bra",
+          title: "Start - Show bra",
           foreground: "assets/bg/showoffbra.png",
           task: "Show off your bras (skip if not wearing)",
           points: 30,
         },
         {
-          title: "Boob Drop",
+          title: "TITS - Boob drop",
           foreground: "assets/bg/boobdrop.webp",
           task:
             "Slowly do a Boob Drop together at the exact same time using your bra, shirt or hands",
           points: 30,
         },
         {
-          title: "Boob Drop on each other",
+          title: "TITS - Boob drop each other",
           foreground: "assets/bg/boobdrophelp.webp",
           task: "Try to do a Boob Drop on each other",
           points: 30,
         },
         {
-          title: "Take shirts & bra's off",
+          title: "TITS - Go topless",
           foreground: "assets/bg/brasoff.png",
           task: "Take each others shirts & bra's off",
           points: 30,
         },
         {
-          title: "Shake Boobs",
+          title: "TITS - Shake boobs",
           foreground: "assets/bg/boobshake.webp",
           task: "Both Shake Boobs (Side to Side)",
           points: 30,
         },
         {
-          title: "Heart Boob",
+          title: "TITS - Heart boob",
           foreground: "assets/bg/heartboob.png",
           task: "Both make a Heart Boob",
           points: 30,
         },
         {
-          title: "Hand Bra",
+          title: "TITS - Hand bra",
           foreground: "assets/bg/handbra.webp",
           task: "Both do a Hand Bra",
           points: 35,
         },
         {
-          title: "Hand Bra on each other",
+          title: "TITS - Hand bra each other",
           foreground: "assets/bg/handbrahelp.gif",
           task: "Do a Hand Bra on each other",
           points: 35,
         },
         {
-          title: "push Boobs together",
+          title: "TITS - Push boobs together",
           foreground: "assets/bg/boobsqueeze.png",
           task:
             "Both push Boobs together with hands (+35 BONUS - Squeeze together with Arms)",
           points: 35,
         },
         {
-          title: "put your hands behind your head",
+          title: "TITS - Hands behind head",
           foreground: "assets/bg/handsbehindhead.png",
           task: "Both put your hands behind your head",
           points: 35,
         },
         {
-          title: "put your arms behind your back",
+          title: "TITS - Arms behind back",
           foreground: "assets/bg/handsbehindback.png",
           task:
             "Both put your arms behind your back (like your wearing handcuffs)",
           points: 35,
         },
         {
-          title: "Press boobs",
+          title: "TITS - Press boobs together",
           foreground: "assets/bg/boobpress.png",
           task: "Press your boobs together",
           points: 35,
         },
         {
-          title: "Pinch nipples",
+          title: "TITS - Pinch nipples",
           foreground: "assets/bg/pinchnipples.webp",
           task: "Pinch each others nipples",
           points: 40,
         },
         {
-          title: "Pull nipples",
+          title: "TITS - Pull nipples",
           foreground: "assets/bg/pullingnipples.png",
           task: "Pull each others nipples at the same time",
           points: 40,
         },
         {
-          title: "Lick nipples",
+          title: "TITS - Lick nipples",
           foreground: "assets/bg/licknipple.webp",
           task: "Lick each others nipples",
           points: 40,
         },
         {
-          title: "suck nipples",
+          title: "TITS - Suck nipples",
           foreground: "assets/bg/sucknipple.webp",
           task: "Slowly suck on each others nipples",
           points: 40,
         },
         {
-          title: "Slap tits",
+          title: "TITS - Slap tits",
           foreground: "assets/bg/slaptits.webp",
           task: "Slap each others tits (3 times)",
           points: 40,
         },
         {
-          title: "Remove bottoms",
+          title: "PANTIES - Remove bottoms",
           foreground: "assets/bg/removepants.webp",
           task: "Both Slowly Remove your bottoms (Keep panties on)",
           points: 45,
         },
         {
-          title: "show Off Front of Panties",
+          title: "PANTIES - Show panties (front)",
           foreground: "assets/bg/showoffpanties.png",
           task: "Both show Off Front of Panties",
           points: 45,
         },
         {
-          title: "Rub Pussy Over Panties",
+          title: "PANTIES - Rub over panties",
           foreground: "assets/bg/rubbingpanties.webp",
           task: "Both Rub Pussy Over Panties (30 Sec)",
           points: 45,
         },
         {
-          title: "Rub panties",
+          title: "PANTIES - Rub each others panties",
           foreground: "assets/bg/rubbingpantieshelp.gif",
           task: "Rub each others pussy over panties (30 sec)",
           points: 45,
         },
         {
-          title: "pull panties to side",
+          title: "PANTIES - Pull panties to side",
           foreground: "assets/bg/pullpanties.png",
           task: "Slowly pull each others panties to the side",
           points: 50,
         },
         {
-          title: "show Panties close to cam",
+          title: "PANTIES - Panties close to cam",
           foreground: "assets/bg/wetpanties.png",
           task:
             "Both show Panties up close to cam (+50 BONUS if panties are wet)",
           points: 50,
         },
         {
-          title: "Bend Over",
+          title: "PANTIES - Bend Over",
           foreground: "assets/bg/pantiesbentover.png",
           task: "Bend Over & Show off Panties",
           points: 50,
         },
         {
-          title: "panties to the Side",
+          title: "PANTIES - Pull panties to side",
           foreground: "assets/bg/pullpantiesbentover.png",
           task: "Pull each others panties to the side",
           points: 50,
         },
         {
-          title: "pull down panties",
+          title: "PANTIES - Pull down panties",
           foreground: "assets/bg/pulldownpanties.webp",
           task:
             "Slowly pull down each others panties (+50 BONUS for bending over and taking them off slow and sexy)",
           points: 55,
         },
         {
-          title: "show off the inside of your panties",
+          title: "PANTIES - Show off the inside of your panties",
           foreground: "assets/bg/showpanties.png",
           task: "Both show off the inside of your panties up close",
           points: 55,
         },
         {
-          title: "legs up ",
+          title: "PUSSY - Legs up",
           foreground: "assets/bg/legsupshowpussy.png",
           task: "Lift your legs up and show off your pussies",
           points: 55,
         },
         {
-          title: "legs back",
+          title: "PUSSY - legs back",
           foreground: "assets/bg/holdlegsupshowpussy.png",
           task: "Pull & hold your legs back and show off pussies",
           points: 55,
         },
         {
-          title: "legs back far",
+          title: "PUSSY - legs back far",
           foreground: "assets/bg/legswayback.png",
           task: "Pull & hold your your legs back as far as you can",
           points: 55,
         },
         {
-          title: "legs sideways",
+          title: "PUSSY - legs sideways",
           foreground: "assets/bg/legssidewaysbacktoback.png",
           task: "Put your legs sideways back to back",
           points: 55,
         },
         {
-          title: "Spread cheeks",
+          title: "PUSSY - Ass to Ass",
           foreground: "assets/bg/legssidewaysspread.png",
           task: "Spread your cheeks with 1 hand (+50 BONUS Slap your Ass)",
           points: 55,
         },
         {
-          title: "Lift 1 leg",
+          title: "PUSSY - Ass to ass legs up",
           foreground: "assets/bg/legssidewayslegup.png",
           task: "Both Lift 1 leg in the Air",
           points: 55,
         },
         {
-          title: "spank your pussies",
+          title: "PUSSY - Spank pussy",
           foreground: "assets/bg/spankpussy.webp",
           task: "Turn and spank your pussies 3 times",
           points: 55,
         },
         {
-          title: "Spank each others pussy ",
+          title: "PUSSY - Spank each others pussy ",
           foreground: "assets/bg/spankpussyhelp.gif",
           task: "Spank each others pussy 3 times",
           points: 55,
         },
         {
-          title: "Spread",
+          title: "PUSSY - Spread",
           foreground: "assets/bg/pussyspread.png",
           task: "Spread your pussies",
           points: 55,
         },
         {
-          title: "Spread each other",
+          title: "PUSSY - Spread each other",
           foreground: "assets/bg/pussyspreadhelp.png",
           task: "Spread each others pussies",
           points: 55,
         },
         {
-          title: "Both rub your pussy ",
+          title: "PUSSY - Rub pussy ",
           foreground: "assets/bg/pussyrub.gif",
           task: "Both rub your pussy (1 min)",
           points: 55,
         },
         {
-          title: "Rub each others pussy",
+          title: "PUSSY - Rub each others pussy",
           foreground: "assets/bg/pussyrubhelp.webp",
           task: "Rub each others pussy (30 seconds)",
           points: 55,
         },
         {
-          title: "show off your Asses",
+          title: "Ass - Show off your Asses",
           foreground: "assets/bg/showass.png",
           task: "Turn & show off your Asses",
           points: 55,
@@ -988,6 +994,8 @@ body {
 }
 #levelselect {
   display: inline-block;
+  position: absolute;
+  margin-top: 24px;
   width: 300px;
   height: 480px;
 }

src/components/BaseTimer.vue

@@ -27,7 +27,7 @@ const ALERT_THRESHOLD = .10;
 
 const COLOR_CODES = {
   info: {
-    color: "green"
+    color: "purple"
   },
   warning: {
     color: "orange",
@@ -157,6 +157,10 @@ export default {
     &.red {
       color: red;
     }
+
+    &.purple {
+      color: rgb(148, 77, 255);
+    }
   }
 
   &__label {