This commit is contained in:
metacryst
2025-09-12 21:09:41 -05:00
parent eff0c160a5
commit ffb4d1ef52
11 changed files with 214 additions and 735 deletions

View File

@@ -16,7 +16,7 @@
#items {
position: absolute;
top: 45vh;
top: 47vh;
left: 50vw;
transform: translate(-50%, -50%);
@@ -36,6 +36,7 @@
text-underline-offset: 5px;
transition: background .02s, color .2s;
user-select: none;
color: black;
display: inline-block; /* makes background and padding behave */
padding: 0.2em 0.5em; /* adds breathing room */
@@ -51,6 +52,12 @@
background: var(--red); /* background color works now */
color: white; /* optional: change text color for contrast */
}
@media (max-width: 600px) {
#title {
font-size: 30vw
}
}
</style>
<script src="_/code/util.js"></script>
<script type="module">
@@ -66,11 +73,12 @@
<img src="_/icons/left_plant.svg" style="position: absolute; left: 25%; top: 23vh; width: 70%; transform: translateX(-50%)">
<img src="_/icons/right_plant.svg" style="position: absolute; left: 75%; top: 23vh; width: 70%; transform: translateX(-50%)">
<div style="height: 2vh"></div>
<span style="font-family: Canterbury; color: black; font-size: 5vh;">A <br>Society</span>
<span style="font-family: Canterbury; color: black; font-size: 4.5vh;">A <br>Classical <br> Christian <br> Society</span>
<div style="height: 2vh"></div>
<div style="color: black; font-size: 2.2vh; z-index: 1; cursor: default;">
<a>ABOUT</a> | <a>SERVICES</a> | <a>JOIN</a>
<div style="color: black; font-size: 2vh; z-index: 1; cursor: default;">
<a href="signin">SIGN IN</a>
<a href="join">JOIN</a>
</div>
</div>
</body>
</html>
</html>