site/zedshaw.games
1
0
Fork 0
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

Landing page is looking good, now for the live page.

Browse source
This commit is contained in:
Zed A. Shaw 2025-09-16 23:30:51 -04:00
parent faaa5df187
commit 29a4957a55
4 changed files with 85 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

26
static/input_style.css
View file

@ -48,23 +48,23 @@ pre > code {
h1 {
@apply text-6xl mb-2 mt-4;
@apply text-5xl mb-2 mt-4 sm:text-6xl;
}
h2 {
@apply text-5xl mb-2 mt-4;
@apply text-4xl mb-2 mt-4 sm:text-5xl;
}
h3 {
@apply text-4xl mb-2 mt-4;
@apply text-3xl mb-2 mt-4 sm:text-4xl;
}
h4 {
@apply text-3xl mb-2 mt-4;
@apply text-2xl mb-2 mt-4 sm:text-3xl;
}
h5 {
@apply text-2xl mb-2 mt-4;
@apply text-2xl mb-2 mt-4 sm:text-2xl;
}
details {
@ -191,10 +191,26 @@ block {
@apply flex flex-col p-4 gap-4;
}
block.center-horizontal {
@apply items-center;
}
block.center-vertical {
@apply justify-center;
}
bar {
@apply flex flex-row p-4 gap-4;
}
bar.center-horizontal {
@apply justify-center;
}
bar.center-vertical {
@apply items-center;
}
stack {
display: grid;
grid-template-rows: 1fr;

70
static/style.css
View file

@ -372,9 +372,6 @@
.gap-5 {
gap: calc(var(--spacing) * 5);
}
.gap-8 {
gap: calc(var(--spacing) * 8);
}
.gap-10 {
gap: calc(var(--spacing) * 10);
}
@ -487,12 +484,15 @@
.bg-gray-800 {
background-color: var(--color-gray-800);
}
.bg-gray-950\! {
background-color: var(--color-gray-950) !important;
}
.bg-green-400\! {
background-color: var(--color-green-400) !important;
}
.\!p-0 {
padding: calc(var(--spacing) * 0) !important;
}
.\!p-1 {
padding: calc(var(--spacing) * 1) !important;
}
.\!p-4 {
padding: calc(var(--spacing) * 4) !important;
}
@ -636,6 +636,16 @@
}
}
}
.sm\:\!p-0 {
@media (width >= 40rem) {
padding: calc(var(--spacing) * 0) !important;
}
}
.sm\:p-0 {
@media (width >= 40rem) {
padding: calc(var(--spacing) * 0);
}
}
.lg\:w-4xl {
@media (width >= 64rem) {
width: var(--container-4xl);
@ -751,32 +761,52 @@ pre > code {
h1 {
margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
@media (width >= 40rem) {
font-size: var(--text-6xl);
line-height: var(--tw-leading, var(--text-6xl--line-height));
}
}
h2 {
margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
@media (width >= 40rem) {
font-size: var(--text-5xl);
line-height: var(--tw-leading, var(--text-5xl--line-height));
}
}
h3 {
margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
@media (width >= 40rem) {
font-size: var(--text-4xl);
line-height: var(--tw-leading, var(--text-4xl--line-height));
}
}
h4 {
margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
@media (width >= 40rem) {
font-size: var(--text-3xl);
line-height: var(--tw-leading, var(--text-3xl--line-height));
}
}
h5 {
margin-top: calc(var(--spacing) * 4);
margin-bottom: calc(var(--spacing) * 2);
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
@media (width >= 40rem) {
font-size: var(--text-2xl);
line-height: var(--tw-leading, var(--text-2xl--line-height));
}
}
details {
border-radius: var(--radius-lg);
@ -987,12 +1017,24 @@ block {
gap: calc(var(--spacing) * 4);
padding: calc(var(--spacing) * 4);
}
block.center-horizontal {
align-items: center;
}
block.center-vertical {
justify-content: center;
}
bar {
display: flex;
flex-direction: row;
gap: calc(var(--spacing) * 4);
padding: calc(var(--spacing) * 4);
}
bar.center-horizontal {
justify-content: center;
}
bar.center-vertical {
align-items: center;
}
stack {
display: grid;
grid-template-rows: 1fr;