fred/recipe_app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

centralize the theming

Browse source
This commit is contained in:
fred 2025-08-20 10:06:23 -07:00
parent 30b28056de
commit db8b20ee71
20 changed files with 183 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/pages/About.tsx
View file

@ -3,17 +3,17 @@ function About() {
return (
<div className="about page-outer">
<div>
<h2 className="text-xl">This app uses the following components:</h2>
<h2 className="mt-4 font-bold text-xl">Frontend:</h2>
<h2 className="text-xl text-[var(--color-secondaryTextDark)]">This app uses the following components:</h2>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">Frontend:</h2>
<ul><li>React</li><li>TypeScript</li></ul>
<h2 className="mt-4 font-bold text-xl">Backend:</h2>
<ul><li>Node.js & Express</li><li>PostgreSQL</li></ul>
<h2 className="mt-4 font-bold text-xl">Containerization:</h2>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">Backend:</h2>
<ul><li>Node.js & Express</li><li>PostgreSQL</li><li>Prisma</li></ul>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">Containerization:</h2>
<ul><li>Docker</li></ul>
<h2 className="mt-4 font-bold text-xl">Styling/UI:</h2>
<h2 className="mt-4 font-bold text-xl text-[var(--color-secondaryTextDark)]">Styling/UI:</h2>
<ul><li>Tailwind CSS</li></ul>
<p className="mt-4">More about me <a className="text-blue-600" target="_blank" href="https://fredzernia.com">here</a> |
Code for this app <a className="text-blue-600" target="_blank" href="https://forgejo.fredzernia.com/fred/recipe_app">here</a></p>
<p className="mt-4 text-[var(--color-secondaryTextDark)]">More about me <a className="text-[var(--color-textLink)]" target="_blank" href="https://fredzernia.com">here</a> |
Code for this app <a className="text-[var(--color-textLink)]" target="_blank" href="https://forgejo.fredzernia.com/fred/recipe_app">here</a></p>
</div>
</div >
)