Index/polyplus
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

visually accessible homepage

Browse source
This commit is contained in:
Index 2024-01-21 13:35:00 -06:00
parent 8b7ad9e873
commit fda7358cc7
1 changed files with 14 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
public/index.html
View file

@ -36,23 +36,35 @@
} }
html, body, main#page { html, body, main#page {
background: var(--background); /*background: var(--background);*/
background: var(--polytoria-primary);
background: linear-gradient(180deg, var(--polytoria-primary) 0%, var(--background) 15%);
} }
.page-title { .page-title {
font-size: 3rem; font-size: 3rem;
} }
.title-accent {
-webkit-text-stroke: 2px var(--polytoria-primary);
color: transparent;
font-family: sans-serif;
text-shadow: 0 0 16px red;
}
</style> </style>
<main id="page"> <main id="page">
<div class="text-center"> <div class="text-center">
<div style="height: 125px;"></div> <div style="height: 125px;"></div>
<div style="height: 250px; padding-top: 5rem;"> <div style="height: 250px; padding-top: 5rem;">
<h1 class="page-title">Power-up your <span style="-webkit-text-stroke: 1px var(--polytoria-primary); color: transparent; font-family: sans-serif;">Polytoria</span> experience with <span style="text-shadow: 0 3px 0px var(--accent);">Poly+</span></h1> <h1 class="page-title">Power-up your <span class="title-accent">Polytoria</span> experience with <span style="text-shadow: 0 3px 0px var(--accent);">Poly+</span></h1>
<h4 class="fw-light">Poly+ is a quality-of-life extension to improve your experience on Polytoria!</h4> <h4 class="fw-light">Poly+ is a quality-of-life extension to improve your experience on Polytoria!</h4>
<i class="text-muted">coming soon to <!--available now on--> Chromium-based browsers</i> <i class="text-muted">coming soon to <!--available now on--> Chromium-based browsers</i>
<br> <br>
<!--
<a href="#" class="btn btn-dark btn-lg mt-2">install now</a> <a href="#" class="btn btn-dark btn-lg mt-2">install now</a>
-->
</div> </div>
<div style="height: 125px;"></div> <div style="height: 125px;"></div>