Skip to content

Expanded "About Unitystation" section #140

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Bod9001 merged 3 commits into from
Aug 5, 2026
+13 −6
Merged

Expanded "About Unitystation" section #140

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8479284
add an underline to sectionintro
MaxIsJoe Aug 5, 2026
ed457d9
Expanded "about unitystation"
MaxIsJoe Aug 5, 2026
4e50303
Update home.cy.ts
MaxIsJoe Aug 5, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 11 additions & 4 deletions components/home/AboutSection.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,21 @@ import SectionIntro from "../../components/ui/SectionIntro";

export default function AboutSection() {
return (
<Container width="wide" className="py-20 sm:py-28">
<Container width="wide" className="flex flex-col gap-20 py-20 sm:py-28">
<SectionIntro
kicker="What is Unitystation?"
kicker="What is Space Station 13?"
title="Pick a job and keep the station running."
lead="Every round drops a crew of real players onto a fully simulated space
station: power, atmospherics, chemistry and medicine all work (and break).
Whether the shift ends in a calm crew transfer or a reactor fire depends
entirely on the people aboard."
The crew is tasked to keep the station afloat, whilst among their midst are antagonists with nefarious objectives to sabotage the station.
Every shift provides a unique experience, with emergent gameplay and player-driven stories."
/>
<SectionIntro
kicker="Our Mission"
title="Recreating the 2017 /TG/ experience."
lead="We use 2017 /TG/ as our blueprint for this remake.
We aim to preserve the original experience, while improving the game with expanded content, modern features, and quality of life improvements.
Our goal is to make a faithful recreation of the classic Space Station 13 experience, while also making it more accessible and enjoyable for both veteran and new players."
/>
</Container>
);
Expand Down
2 changes: 1 addition & 1 deletion components/ui/SectionIntro.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -29,7 +29,7 @@ export default function SectionIntro({
<div
className={classNames(centered && "flex flex-col items-center text-center", className)}
>
<p className="type-label text-halo-sm text-faint">{kicker}</p>
<p className="type-label text-halo-sm text-faint underline">{kicker}</p>
<h2
className={classNames(
"text-halo-lg mt-4 font-display font-bold leading-tight text-crew",
Expand Down
2 changes: 1 addition & 1 deletion cypress/e2e/home.cy.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ describe("Home page", () => {
});

it("renders the about and community sections", () => {
cy.contains("What is Unitystation?").should("exist");
cy.contains("What is Space Station 13?").should("exist");
cy.contains("Pick a job and keep the station running.").should("exist");
cy.contains("h2", "Join the community playtest!").scrollIntoView().should("be.visible");
cy.contains("a", "Join the Discord").should(
Expand Down
Loading