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

Added resource page, updated icons, and more
All checks were successful
Build Website / Build NPM Project (push) Successful in 2m29s
Details
Build Website / Tag Version (push) Successful in 38s
Details
Build Website / Build & Push Dockerfile (push) Successful in 3m46s
Details

Browse Source
This commit is contained in:
Zakary Timson
2024-02-21 22:41:53 -05:00
parent c0b44530e1
commit dfa0c29098
17 changed files with 450 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -48,10 +48,9 @@
</div>
</div>
</section>
<!-- Resources -->
<!-- Links -->
<section id="resources" class="d-flex flex-column flex-md-row align-items-center justify-content-center invert" style="min-height: 50vh; max-height: 100vh; background: url('/assets/img/texture.png') repeat;">
<div class="py-5 container">
<h2 class="mb-3 text-center">Resources</h2>
<div class="d-flex justify-content-around flex-wrap">
<div class="d-flex p-3 pe-4 rounded-1 bg-light m-3 align-items-center border" style="min-width: 45%; flex: 1 0 0;">
<div class="pe-3">
@ -65,7 +64,7 @@
</div>
<div class="d-flex p-3 pe-4 rounded-1 bg-light m-3 align-items-center border" style="min-width: 45%; flex: 1 0 0;">
<div class="pe-3">
<img src="/assets/img/event.png" alt="Border icon" style="height: 80px; width: auto">
<img src="/assets/img/event.png" alt="Calendar" style="height: 80px; width: auto">
</div>
<div>
<h3 class="mb-1">Events</h3>
@ -75,7 +74,7 @@
</div>
<div class="d-flex p-3 pe-4 rounded-1 bg-light m-3 align-items-center border" style="min-width: 45%; flex: 1 0 0;">
<div class="pe-3">
<img src="/assets/img/reenact.png" alt="Canadian leaf" style="height: 80px; width: auto">
<img src="/assets/img/reenact.png" alt="Knight being dubbed" style="height: 80px; width: auto">
</div>
<div>
<h3 class="mb-1">Reenacting</h3>
@ -85,7 +84,7 @@
</div>
<div class="d-flex p-3 pe-4 rounded-1 bg-light m-3 align-items-center border" style="min-width: 45%; flex: 1 0 0;">
<div class="pe-3">
<img src="/assets/img/helmet.png" alt="Regulations" style="height: 80px; width: auto">
<img src="/assets/img/helmet.png" alt="Roman helmet" style="height: 80px; width: auto">
</div>
<div>
<h3 class="mb-1">Equipment</h3>
@ -99,7 +98,7 @@
<!-- Recruitment -->
<section id="recruitment" class="d-flex flex-column flex-md-row align-items-center justify-content-center invert" style="padding: 10rem 0">
<div class="flex-grow-1 mt-5 mt-md-0 p-5 pb-0 text-center text-md-end" style="flex-basis: 0">
<img src="/assets/img/recruitment.png" alt="I want you for Legio XXX" style="max-width: min(90%, 400px)">
<img src="/assets/img/recruitment.png" alt="Recruitment poster" style="max-width: min(90%, 400px)">
</div>
<div class="d-flex flex-grow-1 justify-content-start align-items-center" style="flex-basis: 0">
<div class="d-block text-center">