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

Updated footer

Browse Source
This commit is contained in:
Zakary Timson 2022-09-15 21:34:56 -04:00
parent c257b40700
commit 8b4668162f
5 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,4 +1,16 @@
<footer> <footer>
<div class="text-center py-3" style="background: #7f0000">
<h2 class="mb-4">Follow us on social media</h2>
<div class="d-flex justify-content-around mx-auto" style="max-width: 300px">
<i class="fa-brands fa-discord fa-2xl"></i>
<i class="fa-brands fa-facebook fa-2xl"></i>
<i class="fa-brands fa-instagram fa-2xl"></i>
<i class="fa-brands fa-tiktok fa-2xl"></i>
<i class="fa-brands fa-youtube fa-2xl"></i>
</div>
<h3 class="mt-4 mb-0">so we can invade your feed</h3>
</div>
<div class="footer-map"></div>
<div class="p-2" style="background: #333"> <div class="p-2" style="background: #333">
<div class="mx-auto d-flex justify-content-around" style="max-width: 800px"> <div class="mx-auto d-flex justify-content-around" style="max-width: 800px">
<div> <div>
@ -13,9 +25,9 @@
<h2 class="sitemap-header">Learn</h2> <h2 class="sitemap-header">Learn</h2>
<ul class="m-0"> <ul class="m-0">
<li><a routerLink="/">Legio XXX</a></li> <li><a routerLink="/">Legio XXX</a></li>
<li><a routerLink="/">Legion Structure</a></li>
<li><a routerLink="/">Legion Camp</a></li> <li><a routerLink="/">Legion Camp</a></li>
<li><a routerLink="/">Legion Headquarters</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 Equipment</a></li>
<li><a routerLink="/">Legionairy Training</a></li> <li><a routerLink="/">Legionairy Training</a></li>
<li><a routerLink="/">Resources</a></li> <li><a routerLink="/">Resources</a></li>

17
src/app/components/footer/footer.component.scss
View File

@ -1,8 +1,3 @@
.sitemap-header {
color: rgba(255, 255, 255, 0.8);
margin: 0;
}
ul { ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
@ -14,3 +9,15 @@ ul {
a:visited:hover, a:hover { color: rgba(255, 255, 255, 0.75); } a:visited:hover, a:hover { color: rgba(255, 255, 255, 0.75); }
a:visited { color: rgba(255, 255, 255, 0.55); } 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;
}

2
src/app/components/navbar/navbar.component.html
View File

@ -16,9 +16,9 @@
</button> </button>
<mat-menu #learnMenu="matMenu"> <mat-menu #learnMenu="matMenu">
<button mat-menu-item>Legio XXX</button> <button mat-menu-item>Legio XXX</button>
<button mat-menu-item>Legion Structure</button>
<button mat-menu-item>Legion Camp</button> <button mat-menu-item>Legion Camp</button>
<button mat-menu-item>Legion Headquarters</button> <button mat-menu-item>Legion Headquarters</button>
<button mat-menu-item>Legion Organization</button>
<button mat-menu-item>Legionary Equipment</button> <button mat-menu-item>Legionary Equipment</button>
<button mat-menu-item>Legionairy Training</button> <button mat-menu-item>Legionairy Training</button>
<mat-divider></mat-divider> <mat-divider></mat-divider>

0
src/app/views/resources/.gitkeep → src/app/views/learn/.gitkeep
View File

BIN
src/assets/img/map.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 217 KiB