RTM/rtm-website
0
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

1. Rename What we're working on to our projects 2. make them look clickable

Browse Source
This commit is contained in:
Jiajun Xu
2026-01-15 20:50:38 -08:00
parent baa5edf104
commit 4be4395300
1 changed files with 16 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/Navbar.tsx
View File

@ -10,20 +10,20 @@ export default function Navbar({ activePage = "" }: NavbarProps) {
<div className={cn("flex flex-row justify-between pb-8 pl-4 pr-4 pt-8")}>
<div>
<strong className={cn("sm:text-2xl md:text-4xl")}>
<a
className={cn(
activePage === "Home" && "border-b-2 border-black-500",
)}
href="/">Resist Tech Monopolies</a>
<a
className={cn(
activePage === "Home" && "border-b-2 border-black-500",
)}
href="/">Resist Tech Monopolies</a>
</strong>
</div>
<strong className={cn("sm:text-1xl flex gap-10 md:text-4xl")}>
<a
href="/PointsOfUnity/"
className={cn(
"text-green-500",
activePage === "PointsOfUnity" && "border-b-2 border-green-500",
"rounded-full bg-gray-800 px-6 py-2 text-green-400 transition-colors hover:bg-gray-700",
activePage === "PointsOfUnity" && "ring-2 ring-green-500 ring-offset-2",
)}
>
Points of Unity
@ -31,11 +31,11 @@ export default function Navbar({ activePage = "" }: NavbarProps) {
<a
href="/WhatWereWorkingOn/"
className={cn(
"text-red-500",
activePage === "WhatWereWorkingOn" && "border-b-2 border-red-500",
"rounded-full bg-gray-800 px-6 py-2 text-red-400 transition-colors hover:bg-gray-700",
activePage === "WhatWereWorkingOn" && "ring-2 ring-red-500 ring-offset-2",
)}
>
What We're Working On
Our Projects
</a>
</strong>
</div>
@ -44,11 +44,11 @@ export default function Navbar({ activePage = "" }: NavbarProps) {
<div className="w-full grid grid-flow-col">
{Array.from({ length: 12 }).map((_, index) => (
<div key={index} className="flex justify-center">
<img
src={index % 2 === 0 ? "/assets/computer.png" : "/assets/people.png"}
alt={index % 2 === 0 ? "computer icon" : "people icon"}
width="30"
height="30"
<img
src={index % 2 === 0 ? "/assets/computer.png" : "/assets/people.png"}
alt={index % 2 === 0 ? "computer icon" : "people icon"}
width="30"
height="30"
/>
</div>
))}