Skip to content

Christopher UI change test #23

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

Open
ChristopherMancuso wants to merge 11 commits into
base: main
Choose a base branch
from
Open

Christopher UI change test #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
176be0b
test commit
ChristopherMancuso Jul 28, 2026
9ee164a
undo test commit
ChristopherMancuso Jul 28, 2026
a63d5ae
add MEta2Onto to center of home page
ChristopherMancuso Jul 28, 2026
aec9805
add Lab Website to footer
ChristopherMancuso Jul 28, 2026
66b5d72
add Lab Website to footer, fixed spelling
ChristopherMancuso Jul 28, 2026
7f4c828
add web server metric higher on home page
ChristopherMancuso Jul 28, 2026
b7757bc
make stats bigger
ChristopherMancuso Jul 28, 2026
fbfac2b
back to H2 for stats
ChristopherMancuso Jul 28, 2026
3d56951
make stats icon bigger
ChristopherMancuso Jul 28, 2026
2d572b7
make stats icon bigger
ChristopherMancuso Jul 28, 2026
f4d7ac9
put back to normal grid layout for stats section
ChristopherMancuso Jul 28, 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
3 changes: 3 additions & 0 deletions frontend/src/components/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,6 +9,9 @@ export default function Footer() {
<Link to="/terms" className="text-white">
Terms and Conditions
</Link>
<Link to="https://www.thekrishnanlab.org" className="text-white">
KrishnanLab Website
</Link>
</footer>
);
}
91 changes: 48 additions & 43 deletions frontend/src/pages/Home.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,11 @@ export default function Home() {
<hgroup className="flex flex-col items-center gap-y-1 width-sm">
<h1 className="sr-only">Home</h1>

<p className="text-4xl font-medium tracking-wide text-balance">
Meta2Onto
</p>


<p className="text-2xl font-medium tracking-wide text-balance">
Discover, Collect, Reuse
</p>
Expand All @@ -98,6 +103,49 @@ export default function Home() {
<Link to={`${repo}/issues`}>Please give us feedback</Link>
</p>
</section>

<section>
<H2 className="sr-only">Stats</H2>

<div className="grid grid-cols-6 gap-8 self-center max-lg:grid-cols-3 max-md:grid-cols-3 max-sm:grid-cols-2">
<Tile
Icon={Brain}
title={formatNumber(stats?.tissues)}
description="tissues"
/>
<Tile
Icon={HeartPulse}
title={formatNumber(stats?.diseases)}
description="diseases"
/>
<Tile
Icon={Microscope}
title={formatNumber(stats?.studies)}
description="studies"
/>
<Tile
Icon={Pipette}
title={formatNumber(stats?.samples)}
description="samples"
/>
<Tile
Icon={Rat}
title={formatNumber(stats?.species)}
description="species"
/>
<Tile
Icon={Wrench}
title={formatNumber(stats?.technologies)}
description="technologies"
/>
{/* re-enable when we have more to brag about */}
{/* <Tile
Icon={ThumbsUp}
title={formatNumber(stats?.feedback)}
description="user feedback"
/> */}
</div>
</section>

<section>
<H2 className="sr-only">How it works</H2>
Expand Down Expand Up @@ -173,49 +221,6 @@ export default function Home() {
/>
</div>
</section>

<section>
<H2 className="sr-only">Stats</H2>

<div className="grid grid-cols-6 gap-8 self-center max-lg:grid-cols-3 max-md:grid-cols-3 max-sm:grid-cols-2">
<Tile
Icon={Brain}
title={formatNumber(stats?.tissues)}
description="tissues"
/>
<Tile
Icon={HeartPulse}
title={formatNumber(stats?.diseases)}
description="diseases"
/>
<Tile
Icon={Microscope}
title={formatNumber(stats?.studies)}
description="studies"
/>
<Tile
Icon={Pipette}
title={formatNumber(stats?.samples)}
description="samples"
/>
<Tile
Icon={Rat}
title={formatNumber(stats?.species)}
description="species"
/>
<Tile
Icon={Wrench}
title={formatNumber(stats?.technologies)}
description="technologies"
/>
{/* re-enable when we have more to brag about */}
{/* <Tile
Icon={ThumbsUp}
title={formatNumber(stats?.feedback)}
description="user feedback"
/> */}
</div>
</section>
</>
);
}
Expand Down
Loading