sam/Hyperia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve text alignment

Browse Source
This commit is contained in:
metacryst
2025-10-12 20:41:36 -05:00
parent e0f9866ab4
commit ac93ac5c4e
1 changed files with 18 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
ui/public/index.html
View File

@@ -59,27 +59,29 @@
<a href="signin">sign in</a>
</div>
<div style="position: absolute; top: 110vh; left: 50vw; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center;">
<div style="position: absolute; top: 110vh; left: 52vw; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center;">
<!-- INTRO SECTION -->
<div style="display: flex; flex-direction: column; align-items: flex-start; max-width: 50vw;">
<h1 style="font-family: Canterbury; font-size: 3.5rem; margin-left: auto;">A Classical Christian Society</h1>
<!-- INTRO SECTION -->
<div style="display: flex; flex-direction: column; max-width: 50vw; align-items: center">
<h1 style="font-family: Canterbury; font-size: 3.5rem; ">A Classical Christian Society</h1>
<p>Hyperia is a private membership association to promote the Christian and European traditions.</p>
<p>Inspired by the Classical Christian schooling movement that began in the 1990s, Hyperia aims to create a similar space for adults.</p>
<div style="font-size: 1.4em; margin-top: 1em; max-width: 42vw; text-align: justify">
<p>Hyperia is a private club to promote the Christian and European traditions.</p>
<p>Inspired by the Classical Christian schooling movement that began in the 1990s, Hyperia is a similar space for adults.</p>
</div>
<div style="height: 3vh;"></div>
</div>
<!-- GOALS SECTION -->
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 55vw; margin-top: 2vh;">
<div style="height: 10vh;"></div>
</div>
<div style="height: 3vh;"></div>
</div>
<!-- GOALS SECTION -->
<div style="display: flex; flex-direction: column; align-items: flex-start; width: 55vw; margin-top: 2vh;">
<div style="height: 10vh;"></div>
</div>
</div>