frontend/src/app/about/about.component.ts

@@ -1,5 +1,4 @@
 import {Component} from '@angular/core';
-import {ScrollService} from '../scroll/scroll.service';
 
 @Component({
   selector: 'app-about',
@@ -8,6 +7,5 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './about.component.scss'
 })
 export class AboutComponent {
-  constructor(public scrollService: ScrollService) {
-  }
+  scrollService: any;
 }

frontend/src/app/privacy/privacy.component.ts

@@ -1,5 +1,4 @@
 import {Component} from '@angular/core';
-import {ScrollService} from '../scroll/scroll.service';
 
 @Component({
   selector: 'app-privacy',
@@ -8,7 +7,6 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './privacy.component.scss'
 })
 export class PrivacyComponent {
-  constructor(public scrollService: ScrollService) {
-  }
+  scrollService: any;
 
 }

frontend/src/app/rules/rules.component.html

@@ -193,9 +193,8 @@
             chunkloaders are prohibited.</p>
           <p style="margin-bottom: 0;">We have a system in place to restrict the number of mobs that can be in a
             certain area. Please do not try to circumvent this system. Additionally, mob grinder holding chambers must
-            be either 1x1 or 1x2 blocks in size. <a style="cursor: pointer;" (click)="toggleExceptions()">Show
-              exceptions...</a></p>
-          <ul id="exceptions" class="full-page-list" [ngClass]="{'hide': !showExceptions}">
+            be either 1x1 or 1x2 blocks in size. <a style="cursor: pointer;" id="ruleButton">Show exceptions...</a></p>
+          <ul id="exceptions" class="full-page-list hide">
             <li>Magma kill chamber may be up to 3x3</li>
             <li>Hoglin kill chamber may be up to 2x2</li>
             <li>Enderman kill chamber may be up to 3x3</li>

frontend/src/app/rules/rules.component.ts

@@ -1,5 +1,4 @@
 import {Component} from '@angular/core';
-import {ScrollService} from '../scroll/scroll.service';
 
 @Component({
   standalone: false,
@@ -8,12 +7,5 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './rules.component.scss'
 })
 export class RulesComponent {
-  showExceptions: boolean = false;
-
-  constructor(public scrollService: ScrollService) {
-  }
-
-  public toggleExceptions() {
-    this.showExceptions = !this.showExceptions;
-  }
+  scrollService: any;
 }

frontend/src/app/socials/socials.component.ts

@@ -1,5 +1,4 @@
 import {Component} from '@angular/core';
-import {ScrollService} from '../scroll/scroll.service';
 
 @Component({
   selector: 'app-socials',
@@ -8,6 +7,5 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './socials.component.scss'
 })
 export class SocialsComponent {
-  constructor(public scrollService: ScrollService) {
-  }
+  scrollService: any;
 }

frontend/src/app/team/team.component.ts

@@ -1,5 +1,4 @@
 import {Component} from '@angular/core';
-import {ScrollService} from '../scroll/scroll.service';
 
 @Component({
   selector: 'app-team',
@@ -8,6 +7,5 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './team.component.scss'
 })
 export class TeamComponent {
-  constructor(public scrollService: ScrollService) {
-  }
+  scrollService: any;
 }

frontend/src/app/terms/terms.component.ts

@@ -1,5 +1,4 @@
 import {Component} from '@angular/core';
-import {ScrollService} from '../scroll/scroll.service';
 
 @Component({
   selector: 'app-terms',
@@ -8,7 +7,6 @@ import {ScrollService} from '../scroll/scroll.service';
   styleUrl: './terms.component.scss'
 })
 export class TermsComponent {
-  constructor(public scrollService: ScrollService) {
-  }
+  scrollService: any;
 
 }