-
Notifications
You must be signed in to change notification settings - Fork 0
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.
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
title page #27
title page #27
Conversation
inegishi
commented
Jan 14, 2025
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Call your component with the about, events, gallery text in all their respective pages. Some of them might not have the folders/page.tsx created within the app directory so you'll have to do it yourself
src/components/title/Title.tsx
Outdated
const Title: React.FC<TitleNameProps> = ({ text }) => { | ||
return ( | ||
<div className="relative mt-1 flex items-center justify-center"> | ||
<div className="mr-4 mt-4 h-[.7vh] w-[20vw] bg-[#6F7765]" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div className="mr-4 mt-4 h-[.7vh] w-[20vw] bg-[#6F7765]" /> | |
<div className="mr-4 mt-4 h-[.8vh] w-[20vw] bg-csa-green-100" /> |
use tailwind config colors ex: bg-csa-green-100
src/components/title/Title.tsx
Outdated
</svg>{" "} | ||
</div> | ||
|
||
<div className="ml-4 mt-4 h-[.7vh] w-[20vw] bg-[#6F7765]" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div className="ml-4 mt-4 h-[.7vh] w-[20vw] bg-[#6F7765]" /> | |
<div className="ml-4 mt-4 h-[.7vh] w-[20vw] bg-[#6F7765]" /> |
same thing with the color thing here
src/components/title/Title.tsx
Outdated
</svg>{" "} | ||
</div> | ||
|
||
<div className="ml-4 mt-4 h-[.7vh] w-[20vw] bg-[#6F7765]" /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
<div className="ml-4 mt-4 h-[.7vh] w-[20vw] bg-[#6F7765]" /> | |
<div className="ml-4 mt-4 h-[.8vh] w-[20vw] bg-[#6F7765]" /> |
src/components/title/Title.tsx
Outdated
|
||
<text | ||
fill="#7C2413" | ||
font-size="7vw" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
font-size="7vw" | |
font-size="6.5vw" |
src/components/title/Title.tsx
Outdated
> | ||
<path | ||
id="curve" | ||
d="M50,150 Q200,30 350,150" |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
d="M50,150 Q200,30 350,150" | |
d="M50,150 Q200,10 370,150" |
src/components/title/Title.tsx
Outdated
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This is a component that is used multiple times so it should not be within it's own folder. It should be within src/components. Components that are restricted to their own pages will generally be in src/components/about and etc.