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

Updated styles
All checks were successful
Build Website / Build NPM Project (push) Successful in 1m43s
Details
Build Website / Tag Version (push) Successful in 11s
Details
Build Website / Build & Push Dockerfile (push) Successful in 2m49s
Details

Browse Source
This commit is contained in:
Zakary Timson
2024-01-11 09:55:42 -05:00
parent fd6c97989c
commit c18f436e5d
21 changed files with 50 additions and 124 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,9 +1,9 @@
<!-- Banner -->
<header id="banner" class="fill w-100">
<header id="banner" style="height: calc(100vh - 64px)">
<xxx-banner></xxx-banner>
</header>
<!-- ABout -->
<section id="about" class="d-flex flex-column flex-md-row align-items-center justify-content-center" style="padding: 10rem 0">
<section id="about" class="d-flex flex-column flex-md-row align-items-center justify-content-center" style="height: 100vh">
<div class="d-none d-md-inline flex-grow-1 text-end" style="flex-basis: 0">
<img src="/assets/img/trajan.png" alt="Statue of Trajan" height="450px" width="auto">
</div>
@ -30,8 +30,8 @@
<section class="d-flex" style="background-color: #990000">
<div class="d-flex flex-grow-1">
<div class="h-100 w-100" style="background: #7289d9"></div>
<img class="d-block d-md-none" src="/assets/img/discord.png" height="100px" width="auto">
<img class="d-none d-md-block" src="/assets/img/discord.png" height="200px" width="auto">
<img class="d-block d-md-none" src="/assets/img/discord.png" style="height: 100px; transform: translateX(-1px);">
<img class="d-none d-md-block" src="/assets/img/discord.png" style="height: 200px; transform: translateX(-1px);">
</div>
<div class="d-flex justify-content-start align-items-center flex-grow-1 p-3">
<div class="d-block text-center">
@ -49,7 +49,7 @@
</div>
</section>
<!-- Resources -->
<section id="resources" class="d-flex flex-column flex-md-row align-items-center justify-content-center invert" style="padding: 10rem 0">
<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-5 text-center">Resources</h2>
<div class="d-flex justify-content-around flex-wrap">