diff --git a/src/app/home/game-bar/game-bar.component.html b/src/app/home/game-bar/game-bar.component.html
new file mode 100644
index 0000000..283e81d
--- /dev/null
+++ b/src/app/home/game-bar/game-bar.component.html
@@ -0,0 +1,4 @@
+
diff --git a/src/app/home/game-bar/game-bar.component.scss b/src/app/home/game-bar/game-bar.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/home/game-bar/game-bar.component.spec.ts b/src/app/home/game-bar/game-bar.component.spec.ts
new file mode 100644
index 0000000..9bd3095
--- /dev/null
+++ b/src/app/home/game-bar/game-bar.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GameBarComponent } from './game-bar.component';
+
+describe('GameBarComponent', () => {
+ let component: GameBarComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ GameBarComponent ]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(GameBarComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/home/game-bar/game-bar.component.ts b/src/app/home/game-bar/game-bar.component.ts
new file mode 100644
index 0000000..233a93a
--- /dev/null
+++ b/src/app/home/game-bar/game-bar.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-game-bar',
+ templateUrl: './game-bar.component.html',
+ styleUrls: ['./game-bar.component.scss']
+})
+export class GameBarComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/home/generic-game/generic-game.component.html b/src/app/home/generic-game/generic-game.component.html
new file mode 100644
index 0000000..5b2b7f6
--- /dev/null
+++ b/src/app/home/generic-game/generic-game.component.html
@@ -0,0 +1,19 @@
+
+
+
+
+
+
+ Survival
+
+
+ 1.12.2
+
+
+
+ Survival world with mods such as Industrial Craft, RailCraft, etc.
+
+
+
\ No newline at end of file
diff --git a/src/app/home/generic-game/generic-game.component.scss b/src/app/home/generic-game/generic-game.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/home/generic-game/generic-game.component.spec.ts b/src/app/home/generic-game/generic-game.component.spec.ts
new file mode 100644
index 0000000..d22e492
--- /dev/null
+++ b/src/app/home/generic-game/generic-game.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { GenericGameComponent } from './generic-game.component';
+
+describe('GenericGameComponent', () => {
+ let component: GenericGameComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ GenericGameComponent ]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(GenericGameComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/home/generic-game/generic-game.component.ts b/src/app/home/generic-game/generic-game.component.ts
new file mode 100644
index 0000000..c4bf052
--- /dev/null
+++ b/src/app/home/generic-game/generic-game.component.ts
@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-generic-game',
+ templateUrl: './generic-game.component.html',
+ styleUrls: ['./generic-game.component.scss']
+})
+export class GenericGameComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit(): void {
+ }
+
+}
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index db3ba0a..48ab3c4 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -1,67 +1,4 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
- 2
- sessions active
-
-
-
-
- 1
- session announced
-
-
-
-
- 2
- sessions to be voted
-
-
-
-
-
-
-
-
-
-
-
- Survival
-
-
- 1.12.2
-
-
-
- Survival world with mods such as Industrial Craft, RailCraft, etc.
-
-
-
-
-
-
+
+
+
\ No newline at end of file
diff --git a/src/app/home/home.module.ts b/src/app/home/home.module.ts
index 3bd43bc..9d566cf 100644
--- a/src/app/home/home.module.ts
+++ b/src/app/home/home.module.ts
@@ -5,9 +5,13 @@ import { HomeRoutingModule } from './home-routing.module';
import { HomeComponent } from './home.component';
import { SharedModule } from '../shared/shared.module';
+import { GameBarComponent } from './game-bar/game-bar.component';
+import { GenericGameComponent } from './generic-game/generic-game.component';
+import { GameButtonComponent } from './game-bar/game-button/game-button.component';
+import { UserInfoComponent } from './game-bar/user-info/user-info.component';
@NgModule({
- declarations: [HomeComponent],
+ declarations: [HomeComponent, GameBarComponent, GenericGameComponent, GameButtonComponent, UserInfoComponent],
imports: [CommonModule, SharedModule, HomeRoutingModule]
})
export class HomeModule {}