v11

src/assets/quotes.json

@@ -8,8 +8,13 @@
     "im not getting freaky",
     "koigodgaming died",
     "hey hi hello wasup",
-    "yo siente cansado pero no puedo dormir lmao",
-    "por qué soy no pengüino",
-    "im still not affluent",
-    "guess who got a good rest huh"
+    "my water bottle is empty rn",
+    "chilling",
+    "i gotta take out my contacts rq be patient",
+    "I already oiled up BUDDY",
+    "they tell me their in oregon, i ask what school she goes to",
+    "i miss the old car axle i miss the gold car axle",
+    "my favorite car axle is the Revell 1/25 Model A",
+    "some say he's still in the basement",
+    "im learning yappenese on duolingo just so i can understand tf u sayin"
 ]

src/assets/sections-content.ts

@@ -12,6 +12,10 @@ let content: ContentList = {
             type: 'block',
             handler: 'gameslinkblock',
         },
+        {
+            type: 'block',
+            handler: 'customgameslinkblock',
+        },
         {
             type: 'block',
             handler: 'gameslistblock',
@@ -111,6 +115,10 @@ let content: ContentList = {
             description: 'shows notification',
             handler: 'shownotification',
         },
+        {
+            type: 'block',
+            handler: 'typeblock',
+        },
     ],
 }
 

src/assets/special.json

@@ -1,11 +1,11 @@
 {
     "normal": [
-        "eJ=qdZ7xfJI1gJomeJXxcaPyFjCC",
-        "c5/xf6U4cJoygpvxb5=wOzrC",
-        "cZ7xf5Ywbpo1dZ8qOpQyeV/N",
-        "c5/xdpIvcZjxdZ8pe1/N",
-        "b5/xf5YwdZ=zgJowbZzxepY3OzrC",
-        "fV8keZMscZ83b5=pcpYoOpQyeV/N",
-        "epY6Op4oc5Ite6Y1epIvOpQyeV/N"
+        "fJ=zOpU1bZg1cZQyfpU2OpQyeV/N",
+        "cZ7xf5kod5oxbZkzdJ=3e5g1baErhV8me53yFjCC",
+        "d2H1OpcyeJwvbZ8neZIxbZgoeZYxgF8me53yFjCC",
+        "b6MobaUoOqPwcZ8qdZ8oOpQyeV/N",
+        "b5k4fpQrOqQ4epUkhagsfpYvcaQ2OpQyeV/N",
+        "g5oudV82fJ0kf5k6cZI5cV8me53yFjCC",
+        "LpYzZWcSfGUyb2YMgJX5ZWIofHo5W6EUhZYZO37lODrC"
     ]
 }

src/constants.ts

@@ -10,16 +10,20 @@ export var GAMESLINK = {
             display: '(2) **********.onrender.com',
             url: 'aHR0cHM6Ly9jYXItYXhrZS5vbnJlbmRlci5jb20v',
         },
-    ],
-    alternate_links: [
         {
-            display: '(3) **********.amplifyapp.com',
-            url: 'aHR0cHM6Ly9tYWluLmQydHByN3dsMnhud2pyLmFtcGxpZnlhcHAuY29tLw==',
+            display: '(7) **********.vercel.app',
+            url: 'aHR0cHM6Ly9nYXktaG9zdGluZy12My52ZXJjZWwuYXBwLw==',
         },
         {
             display: '(4) **********.onrender.com',
             url: 'aHR0cHM6Ly9keGl0YzI4dHkyOXZiYzFvendmeWRjMWxidzlxYXEub25yZW5kZXIuY29tLwo=',
         },
+    ],
+    alternate_links: [
+        {
+            display: '(3) **********.amplifyapp.com',
+            url: 'aHR0cHM6Ly9tYWluLmQydHByN3dsMnhud2pyLmFtcGxpZnlhcHAuY29tLw==',
+        },
         {
             display: '(5) **********.onrender.com',
             url: 'aHR0cHM6Ly9iaWdpZGVhc21hdGh3ZWJzaXRlLm9ucmVuZGVyLmNvbS8K',
@@ -28,18 +32,14 @@ export var GAMESLINK = {
             display: '(6) **********.netlify.app',
             url: 'aHR0cHM6Ly82NWU0YTRlYjc3MmJiN2FhMDVlOTVkZDQtLWhlbHBmdWwtamFsZWJpLTRjZWVkYS5uZXRsaWZ5LmFwcC8=',
         },
-        {
-            display: '(7) **********.vercel.app',
-            url: 'aHR0cHM6Ly9nYXktaG9zdGluZy12My52ZXJjZWwuYXBwLw==',
-        },
         {
             display: '(8) **********.twilightparadox.com',
             url: 'aHR0cHM6Ly9tYXRob3JhbWFsZWFybi50d2lsaWdodHBhcmFkb3guY29tLw==',
         },
     ],
 }
 
-export const VERSION = 10
+export const VERSION = 11
 export const ITERATION = 0
 
 export const NAME = 'car axle'

src/gui/components/content/block.component.ts

@@ -1,13 +1,11 @@
 import { Component, Pen } from '../../../penexutils'
 import { HandlerDefinition } from '../../../types'
 
-export class Block extends Component {
+export class Block implements Component {
     private parent: Pen<HTMLElement>
     private handler: HandlerDefinition
 
     constructor(parent: Pen<HTMLElement>, handler: HandlerDefinition) {
-        super()
-
         if (handler.type !== 'block') {
             throw new Error('Handler is not a block')
         }

src/gui/components/content/button.component.ts

@@ -1,14 +1,13 @@
 import { Component, Pen } from '../../../penexutils'
 import { HandlerDefinition } from '../../../types'
 
-export class Button extends Component {
+export class Button implements Component {
     private parent: Pen<HTMLElement>
     private handler: HandlerDefinition
     private title: string
+    pens: Pen<HTMLElement>[] = []
 
     constructor(parent: Pen<HTMLElement>, title: string, handler: HandlerDefinition) {
-        super()
-
         if (handler.type !== 'button') {
             throw new Error('Handler is not a module')
         }

src/gui/components/content/dropdown.component.ts

@@ -1,14 +1,13 @@
 import { Component, Elements, Pen } from '../../../penexutils'
 import { DropdownOptions, HandlerDefinition } from '../../../types'
 
-export class Dropdown extends Component {
+export class Dropdown implements Component {
+    pens: Pen<HTMLElement>[] = []
     private parent: Pen<HTMLElement>
     private handler: HandlerDefinition
     private options: DropdownOptions
 
     constructor(parent: Pen<HTMLElement>, handler: HandlerDefinition, options: DropdownOptions) {
-        super()
-
         if (handler.type !== 'dropdown') {
             throw new Error('Handler is not a dropdown')
         }

src/gui/components/content/iframe.component.ts

@@ -1,15 +1,13 @@
 import { Component, Elements, Pen } from '../../../penexutils'
 
-export class Iframe extends Component {
+export class Iframe implements Component {
     private src: string
     private parent: Pen<HTMLElement>
     private controls: boolean
     private id: string
     private iframe!: Pen<HTMLIFrameElement>
 
     constructor(parent: Pen<HTMLElement>, src: string = '', id: string, controls: boolean) {
-        super()
-
         this.src = src
         this.parent = parent
         this.controls = controls

src/gui/components/content/input.component.ts

@@ -1,14 +1,13 @@
 import { Component, Elements, Pen } from '../../../penexutils'
 import { HandlerDefinition } from '../../../types'
 
-export class Input extends Component {
+export class Input implements Component {
+    pens: Pen<HTMLElement>[] = []
     private parent: Pen<HTMLElement>
     private handler: HandlerDefinition
     private placeholder: string
 
     constructor(parent: Pen<HTMLElement>, handler: HandlerDefinition, placeholder: string = '') {
-        super()
-
         if (handler.type !== 'input') {
             throw new Error('Handler is not a Input')
         }

src/gui/components/content/module.component.ts

@@ -1,16 +1,16 @@
 import { Component, Pen } from '../../../penexutils'
 import { HandlerDefinition } from '../../../types'
 
-export class Module extends Component {
+export class Module implements Component {
     private parent: Pen<HTMLElement>
     private handler: HandlerDefinition
     private active: boolean = false
     private title: string
     private description: string
 
-    constructor(parent: Pen<HTMLElement>, title: string, description: string, handler: HandlerDefinition) {
-        super()
+    pens: Pen<HTMLElement>[] = []
 
+    constructor(parent: Pen<HTMLElement>, title: string, description: string, handler: HandlerDefinition) {
         if (handler.type !== 'module') {
             throw new Error('Handler is not a module')
         }

src/gui/components/maincontent.component.ts

@@ -5,15 +5,13 @@ import { Iframe } from './content/iframe.component'
 import { Input } from './content/input.component'
 import { Module } from './content/module.component'
 
-export class MainContent extends Component {
+export class MainContent implements Component {
     private title: string
     private description: string
     public maincontent!: Pen<HTMLElement>
     public content: Content[] = []
 
     constructor(title: string, description: string, content: Content[], enabled: boolean = false) {
-        super()
-
         this.title = title
         this.description = description
         this.content = content

src/gui/components/notificationbar.component.ts

@@ -1,12 +1,10 @@
 import { Component, Pen } from '../../penexutils'
 import '../../styles/notification.less'
 
-export class NotificationBar extends Component {
+export class NotificationBar implements Component {
     notificationbar!: Pen<HTMLElement>
 
-    constructor() {
-        super()
-    }
+    constructor() {}
 
     public penIt(): Pen<HTMLElement>[] {
         let pens = Pen.fromHTML(`
@@ -21,7 +19,7 @@ export class NotificationBar extends Component {
 
     public showNotification(title: string, message: string) {
         let notification = Pen.fromHTML(`
-        <div class="cac-notification rounded-md">
+        <div class="cac-notification rounded-sm">
             <div class="cac-notification-title">${title}</div>
             <div class="cac-notification-message">${message}</div>
         </div>

src/gui/components/sidebar.component.ts

@@ -10,13 +10,11 @@ function setSection(section: string, sidebar_background: SidebarBackground) {
     sidebar_background.update()
 }
 
-export class Sidebar extends Component {
+export class Sidebar implements Component {
     private buttons: Pen<HTMLElement>[] = []
     private sidebar_background!: SidebarBackground
 
-    constructor() {
-        super()
-    }
+    constructor() {}
 
     public bindContent(content: MainContent[]) {
         for (let i = 0; i < this.buttons.length; i++) {

src/gui/components/sidebarbackground.component.ts

@@ -1,10 +1,9 @@
 import { Component } from '../../penexutils'
 
-export class SidebarBackground extends Component {
+export class SidebarBackground implements Component {
     public section: string
 
     constructor(section: string = 'cac-games') {
-        super()
         this.section = section
 
         setTimeout(() => {

src/gui/components/sidebarbutton.component.ts

@@ -1,12 +1,10 @@
 import { Pen, Component } from '../../penexutils'
 
-export class SidebarButton extends Component {
+export class SidebarButton implements Component {
     private title: string
     private icon: string
 
     constructor(title: string, icon: string) {
-        super()
-
         this.title = title
         this.icon = icon
     }