-
+
Copyright © Legio XXX 2022 | All Rights Reserved
Created by Zak Timson
diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss
index 055b951..75edd01 100644
--- a/src/app/components/footer/footer.component.scss
+++ b/src/app/components/footer/footer.component.scss
@@ -1,23 +1,23 @@
ul {
list-style: none;
padding: 0;
-
- a {
- text-decoration: none;
- color: rgba(255, 255, 255, 0.55);
- }
- a:visited:hover, a:hover { color: rgba(255, 255, 255, 0.75); }
- a:visited { color: rgba(255, 255, 255, 0.55); }
-}
-
-.footer-map {
- height: 200px;
- background: black url("/assets/img/map.png") no-repeat top center;
- background-attachment: fixed;
- background-size: cover;
}
.sitemap-header {
color: rgba(255, 255, 255, 0.8);
margin: 0;
}
+
+.social {
+ background: #7f0000;
+
+ a, a:visited { color: #fff; }
+ a:hover, a:visited:hover { color: rgba(255, 255, 255, 0.8); }
+}
+
+.copywright {
+ a, a:visited { color: #b10000; }
+ a:hover, a:visited:hover { color: #cc0000; }
+}
+
+
diff --git a/src/app/components/navbar/navbar.component.html b/src/app/components/navbar/navbar.component.html
index d4053e4..4f2c258 100644
--- a/src/app/components/navbar/navbar.component.html
+++ b/src/app/components/navbar/navbar.component.html
@@ -1,16 +1,16 @@
-
-
-
+
+
+
diff --git a/src/app/components/navbar/navbar.component.scss b/src/app/components/navbar/navbar.component.scss
index 8b1731b..22dfb3c 100644
--- a/src/app/components/navbar/navbar.component.scss
+++ b/src/app/components/navbar/navbar.component.scss
@@ -17,18 +17,21 @@
.navbar-brand {
color: #fff;
- text-decoration: none;
font-weight: lighter;
+
+ &:hover img {
+ filter: brightness(5%) sepia(75) saturate(100) hue-rotate(25deg);
+ }
}
.navbar-button {
- color: rgba(255, 255, 255, 0.55);
+ //color: rgba(255, 255, 255, 0.55);
font-weight: normal;
padding: 0 8px 0 8px;
- &:hover {
- color: rgba(255, 255, 255, 0.75);
- }
+ //&:hover {
+ // color: rgba(255, 255, 255, 0.75);
+ //}
}
}
diff --git a/src/app/components/navbar/navbar.component.ts b/src/app/components/navbar/navbar.component.ts
index 8157fc6..23463f7 100644
--- a/src/app/components/navbar/navbar.component.ts
+++ b/src/app/components/navbar/navbar.component.ts
@@ -1,12 +1,34 @@
-import {Component, EventEmitter, Input, Output} from '@angular/core';
+import {AfterViewInit, Component, EventEmitter, Input, OnDestroy, Output} from '@angular/core';
+import {ActivatedRoute, NavigationEnd, Router} from '@angular/router';
+import {filter, Subscription} from 'rxjs';
@Component({
selector: 'xxx-navbar',
templateUrl: './navbar.component.html',
styleUrls: ['./navbar.component.scss']
})
-export class NavbarComponent {
+export class NavbarComponent implements AfterViewInit, OnDestroy {
+ private sub!: Subscription;
+
@Input() hamburger = true;
@Output() hamburgerClick = new EventEmitter
();
+
+ constructor(private route: ActivatedRoute) { }
+
+ ngAfterViewInit() {
+ this.sub = this.route.fragment.subscribe(frag => {
+ if(frag) this.scroll(frag);
+ });
+ }
+
+ ngOnDestroy(): void {
+ if(this.sub) this.sub.unsubscribe();
+ }
+
+ scroll(id: string) {
+ const el = document.getElementById(id);
+ if(el) el.scrollIntoView({behavior: 'smooth'});
+ else setTimeout(() => this.scroll(id), 500);
+ }
}
diff --git a/src/app/containers/app/app.component.html b/src/app/containers/app/app.component.html
index 5505ede..99fb817 100644
--- a/src/app/containers/app/app.component.html
+++ b/src/app/containers/app/app.component.html
@@ -1,3 +1,5 @@
-
-
+
+
+
+
diff --git a/src/app/containers/app/app.component.scss b/src/app/containers/app/app.component.scss
index e69de29..2b27cf7 100644
--- a/src/app/containers/app/app.component.scss
+++ b/src/app/containers/app/app.component.scss
@@ -0,0 +1,5 @@
+.app-container {
+ overflow-x: hidden;
+ overflow-y: auto;
+ scroll-behavior: smooth;
+}
diff --git a/src/app/containers/app/app.component.ts b/src/app/containers/app/app.component.ts
index 0116f77..25056d0 100644
--- a/src/app/containers/app/app.component.ts
+++ b/src/app/containers/app/app.component.ts
@@ -16,7 +16,6 @@ export class AppComponent {
constructor(private router: Router, route: ActivatedRoute, breakpointObserver: BreakpointObserver) {
router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => this.open = false);
breakpointObserver.observe(['(max-width: 750px)']).subscribe(result => {
- console.log(result)
this.mobile = result.matches;
this.open = !this.mobile;
})
diff --git a/src/app/misc/utils.ts b/src/app/misc/utils.ts
new file mode 100644
index 0000000..a56fa49
--- /dev/null
+++ b/src/app/misc/utils.ts
@@ -0,0 +1,7 @@
+export function shuffle(arr: any[]) {
+ arr.forEach((val, i) => {
+ const i2 = ~~(Math.random() * (i + 1));
+ [arr[i], arr[i2]] = [arr[i2], arr[i]];
+ })
+ return arr;
+}
diff --git a/src/app/views/gallery/gallery.component.html b/src/app/views/gallery/gallery.component.html
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/views/gallery/gallery.component.ts b/src/app/views/gallery/gallery.component.ts
new file mode 100644
index 0000000..0821caa
--- /dev/null
+++ b/src/app/views/gallery/gallery.component.ts
@@ -0,0 +1,7 @@
+import {Component} from '@angular/core';
+
+@Component({
+ selector: 'xxx-gallery',
+ templateUrl: './gallery.component.html'
+})
+export class GalleryComponent { }
diff --git a/src/app/views/home/home.component.html b/src/app/views/home/home.component.html
index 9742873..f885f1c 100644
--- a/src/app/views/home/home.component.html
+++ b/src/app/views/home/home.component.html
@@ -1,12 +1,5 @@
-
-
-
-
-
+
@@ -14,7 +7,7 @@
-
+
Legio XXX Vlpia Victrix
@@ -41,12 +34,13 @@
-
+
Enlist Today!
Legio XXX is looking for new recruits.
-
Check out the Getting Started page to learn more.
+
Check out the Getting Started page to learn more
+
and register here.
diff --git a/src/app/views/home/home.component.scss b/src/app/views/home/home.component.scss
index 34c3a59..e69de29 100644
--- a/src/app/views/home/home.component.scss
+++ b/src/app/views/home/home.component.scss
@@ -1,4 +0,0 @@
-header {
- background: black url("/assets/img/colosseum.jpg") no-repeat top center;
- background-size: cover;
-}
diff --git a/src/assets/img/banner/aquilifer.jpg b/src/assets/img/banner/aquilifer.jpg
new file mode 100644
index 0000000..16cf857
Binary files /dev/null and b/src/assets/img/banner/aquilifer.jpg differ
diff --git a/src/assets/img/banner/shield.jpg b/src/assets/img/banner/shield.jpg
new file mode 100644
index 0000000..bbb9ae4
Binary files /dev/null and b/src/assets/img/banner/shield.jpg differ
diff --git a/src/assets/img/banner/tripod.jpg b/src/assets/img/banner/tripod.jpg
new file mode 100644
index 0000000..9f7b669
Binary files /dev/null and b/src/assets/img/banner/tripod.jpg differ
diff --git a/src/assets/img/map.png b/src/assets/img/map.png
deleted file mode 100644
index 8e81134..0000000
Binary files a/src/assets/img/map.png and /dev/null differ
diff --git a/src/assets/img/baracks.svg b/src/assets/img/map/baracks.svg
similarity index 100%
rename from src/assets/img/baracks.svg
rename to src/assets/img/map/baracks.svg
diff --git a/src/assets/img/camp.svg b/src/assets/img/map/camp.svg
similarity index 100%
rename from src/assets/img/camp.svg
rename to src/assets/img/map/camp.svg
diff --git a/src/assets/img/fabrica.svg b/src/assets/img/map/fabrica.svg
similarity index 100%
rename from src/assets/img/fabrica.svg
rename to src/assets/img/map/fabrica.svg
diff --git a/src/assets/img/intro-bg.jpg b/src/assets/img/map/intro-bg.jpg
similarity index 100%
rename from src/assets/img/intro-bg.jpg
rename to src/assets/img/map/intro-bg.jpg
diff --git a/src/assets/img/principia.svg b/src/assets/img/map/principia.svg
similarity index 100%
rename from src/assets/img/principia.svg
rename to src/assets/img/map/principia.svg
diff --git a/src/assets/img/colosseum.jpg b/src/assets/img/old/colosseum.jpg
similarity index 100%
rename from src/assets/img/colosseum.jpg
rename to src/assets/img/old/colosseum.jpg
diff --git a/src/assets/img/standard.png b/src/assets/img/old/standard.png
similarity index 100%
rename from src/assets/img/standard.png
rename to src/assets/img/old/standard.png
diff --git a/src/assets/img/trajan-column.jpg b/src/assets/img/old/trajan-column.jpg
similarity index 100%
rename from src/assets/img/trajan-column.jpg
rename to src/assets/img/old/trajan-column.jpg
diff --git a/src/styles.scss b/src/styles.scss
index 620395a..78d7713 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -17,6 +17,20 @@ $LegioXXX-theme: mat.define-dark-theme((
@import '~bootstrap/dist/css/bootstrap-utilities.min.css';
+::-webkit-scrollbar-track {
+ background: rgba(0, 0, 0, 0);
+}
+
+::-webkit-scrollbar {
+ width: 10px;
+ background: rgba(0, 0, 0, 0);
+}
+
+::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.6);
+ &:hover { background: rgba(255, 255, 255, 0.8); }
+}
+
html, body {
height: 100%;
}
@@ -25,14 +39,16 @@ body {
color: #fff;
font-family: Roboto, sans-serif;
margin: 0;
+ overflow: hidden;
}
-* { scroll-behavior: smooth !important; }
-
-a { color: #ff0000; }
-a:visited:hover, a:hover { color: #aa0000; }
-a:visited { color: #ff5555; }
+a, a:visited {
+ text-decoration: none;
+ color: rgba(255, 255, 255, 0.6);
+}
+a:hover, a:visited:hover { color: #b10000; }
.fill {
+ height: 0;
min-height: calc(100vh - 64px);
}