ben/Squiggleverse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update intro section styles for improved layout and text alignment

Browse Source
This commit is contained in:
ben
2026-07-09 15:59:41 -07:00
parent f2fb8fa98d
commit 5ea77b84b9
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+4 -2
View File
@@ -222,13 +222,14 @@ a {
} }
.intro { .intro {
width: min(820px, 88vw); width: min(900px, 88vw);
margin: clamp(4rem, 6vw, 5.75rem) auto 0; margin: clamp(4rem, 6vw, 5.75rem) auto 0;
text-align: center; text-align: center;
} }
.intro p { .intro p {
margin: 0; max-width: 37ch;
margin: 0 auto;
color: var(--color-lavender); color: var(--color-lavender);
font-family: var(--font-copy); font-family: var(--font-copy);
font-size: clamp(1.2rem, 2.2vw, 2rem); font-size: clamp(1.2rem, 2.2vw, 2rem);
@@ -236,6 +237,7 @@ a {
line-height: 1.45; line-height: 1.45;
letter-spacing: 0; letter-spacing: 0;
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5); text-shadow: 0 2px 18px rgba(0, 0, 0, 0.5);
text-wrap: pretty;
} }
.star-divider { .star-divider {
src/lib/components/IntroText.svelte
+1 -1
View File
@@ -3,7 +3,7 @@
<p> <p>
<em>Squiggleverse</em> is a modular, multi-platform, game-based “stealth” learning system that <em>Squiggleverse</em> is a modular, multi-platform, game-based “stealth” learning system that
teaches grammar, usage, and style through innovative gameplay, whimsical characters, and teaches grammar, usage, and style through innovative gameplay, whimsical characters, and
creative narratives co-authored by the player. creative narratives co-authored by the&nbsp;player.
</p> </p>
<div class="star-divider" aria-hidden="true"> <div class="star-divider" aria-hidden="true">
<span></span> <span></span>