ztimson/legio-30
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Updated styling

Browse Source
This commit is contained in:
Zakary Timson
2022-09-24 17:54:51 -04:00
parent 0e76d7c1b1
commit 6b6765891b
25 changed files with 206 additions and 342 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
src/app/components/footer/footer.component.html
View File

@@ -1,7 +1,7 @@
<footer>
<div class="social text-center py-3">
<div class="social text-center py-3" style="background: #990000">
<h2 class="mb-4">Follow us on social media</h2>
<div class="d-flex justify-content-around mx-auto" style="max-width: 300px">
<div class="d-flex justify-content-around mx-auto transparent-link" style="max-width: 300px">
<a href="https://discord.gg/wW458KYR79" target="_blank">
<i class="fa-brands fa-discord fa-2xl"></i>
</a>
@@ -18,47 +18,18 @@
<i class="fa-brands fa-youtube fa-2xl"></i>
</a>
</div>
<h3 class="mt-4 mb-0">so we can invade your feed</h3>
<h3 class="mt-4 mb-0">so we can invade your feed ⚔️</h3>
</div>
<div class="p-2" style="background: #333">
<div class="mx-auto d-flex justify-content-around" style="max-width: 800px">
<div>
<h2 class="sitemap-header">Home</h2>
<div style="background: #333">
<div class="mx-auto d-flex justify-content-center flex-wrap">
<div *ngFor="let group of navigation" class="m-3" style="min-width: 175px">
<h2 class="sitemap-header">{{group.label}}</h2>
<ul class="m-0">
<li><a routerLink="/">About</a></li>
<li><a routerLink="/">Contact</a></li>
<li><a routerLink="/">Gallery</a></li>
</ul>
</div>
<div>
<h2 class="sitemap-header">Events</h2>
<ul class="m-0">
<li><a routerLink="/">Castra Aestiva</a></li>
<li><a routerLink="/">Castra Hiberna</a></li>
<li><a routerLink="/">Callendar</a></li>
</ul>
</div>
<div>
<h2 class="sitemap-header">Learn</h2>
<ul class="m-0">
<li><a routerLink="/">Legio XXX</a></li>
<li><a routerLink="/">Legion Camp</a></li>
<li><a routerLink="/">Legion Headquarters</a></li>
<li><a routerLink="/">Legion Organization</a></li>
<li><a routerLink="/">Legionairy Equipment</a></li>
<li><a routerLink="/">Legionairy Training</a></li>
<li><a routerLink="/">Resources</a></li>
</ul>
</div>
<div>
<h2 class="sitemap-header">Members</h2>
<ul class="m-0">
<li><a routerLink="/">Getting Started</a></li>
<li><a routerLink="/">Rules & Regulations</a></li>
<li><a routerLink="/">Approved Vendors</a></li>
<li><a routerLink="/">Kit Assembly</a></li>
<li><a routerLink="/">Kit Maintinance</a></li>
<li><a routerLink="/">Login/Register</a></li>
<ng-container *ngFor="let section of group.children">
<li *ngFor="let item of section">
<a [routerLink]="item.url" [fragment]="item.fragment">{{item.label}}</a>
</li>
</ng-container>
</ul>
</div>
</div>