ztimson/291st
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Updated website look
All checks were successful
Build / Dependencies_NPM (push) Successful in 1m7s
Details

Browse Source
This commit is contained in:
Zakary Timson
2023-07-27 13:04:10 -04:00
parent 334c8257c6
commit 7e116416ad
19 changed files with 201 additions and 174 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/app/views/home/home.component.html
View File

@ -1,9 +1,38 @@
<section class="fill background d-flex flex-column flex-md-row">
<div class="flex-grow-1 p-3" style="flex-basis: 0">
<iframe src="https://discordapp.com/widget?id=399625240927404033&theme=dark" width="100%" height="100%" allowtransparency="true" frameborder="0" style="min-height: 500px" sandbox="allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts"></iframe>
</div>
<div class="flex-grow-1 p-3" style="flex-basis: 0">
</div>
<div class="flex-grow-1 p-3" style="flex-basis: 0">
</div>
</section>
<div class="h-100 d-none d-sm-flex align-items-center justify-content-center" style="background: #000 url('/assets/img/helicopter.gif'); background-size: cover;">
<img src="/assets/img/logo.png" width="auto" height="60%" style="max-width: 60%">
</div>
<div class="d-flex d-sm-none align-items-center justify-content-center" style="background: #000 url('/assets/img/helicopter.gif'); background-size: cover;">
<img src="/assets/img/logo.png" width="auto" height="60%" style="max-width: 60%">
</div>
<div style="position: absolute; top: 2rem; left: 2rem;">
<h1 class="mb-1 stencil" style="font-size: 3rem">
291st
<span class="d-none d-sm-inline">Joint Task Force</span>
<span class="d-inline d-sm-none">JTF</span>
</h1>
<h2 class="d-none d-sm-block stencil">"Putting the Damned to Rest"</h2>
</div>
<div class="content">
<mat-tab-group mat-stretch-tabs="false" mat-align-tabs="start" class="h-100" style="min-height: 400px">
<mat-tab class="h-100">
<ng-template mat-tab-label>
<mat-icon class="me-2">discord</mat-icon>
Discord
</ng-template>
<app-discord></app-discord>
</mat-tab>
<mat-tab>
<ng-template mat-tab-label>
<mat-icon class="me-2">dns</mat-icon>
Servers
</ng-template>
<div class="d-flex justify-content-center">
<div class="pt-4" style="width: 300px">
<app-servers></app-servers>
</div>
</div>
</mat-tab>
</mat-tab-group>
</div>