Skip to content
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

background lanterns 404 #70

Merged
merged 15 commits into from
Jan 31, 2025
Merged

background lanterns 404 #70

merged 15 commits into from
Jan 31, 2025

Conversation

exitcy
Copy link
Collaborator

@exitcy exitcy commented Jan 27, 2025

image

@exitcy exitcy requested a review from FelixMDM January 27, 2025 05:07
@exitcy exitcy self-assigned this Jan 27, 2025
@exitcy exitcy linked an issue Jan 27, 2025 that may be closed by this pull request
@exitcy

This comment was marked as spam.

<Image
src={Lantern}
alt="Lantern background"
className="w-70 absolute right-20 top-28"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use vw/vh units instead of 20, 28, 70 for width and right/top values. I'll have you merge this code into brenda's once I merge her pr in

@exitcy
Copy link
Collaborator Author

exitcy commented Jan 28, 2025

image
updated using vw/vh, waiting to merge into brenda's code.

@exitcy
Copy link
Collaborator Author

exitcy commented Jan 28, 2025

image
merged code into notfound.tsx

Comment on lines 11 to 16
style={{
width: "40.40vw",
right: "11vw",
top: "0vh",
zIndex: 0,
}}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use tailwindcss

</p>
<p
className="font-lora text-[2.5vw] text-csa-gray-100"
style={{ zIndex: 10 }}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use tailwindcss

/>
<p
className="text-[12vw] font-bold text-csa-yellow-300"
style={{ zIndex: 10 }}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

use tailwindcss

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

the image seems to be uneven in terms of the lantern strings so crop the top of the photo and reupload it to the repo
image

Comment on lines 4 to 8
return (
<div className="notfound-container">
<NotFound />
</div>
);
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

go back to what it originally was

@exitcy
Copy link
Collaborator Author

exitcy commented Jan 28, 2025

image

Comment on lines 15 to 19
style={{
width: "35.18vw",
right: "11vw",
top: "0vh",
}}
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

tailwindcss can be used for these parts too

<Image
src={Lantern}
alt="Lantern background"
className="absolute z-0 opacity-100"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

add in h-screen, the lantern height varies on different screens right now

Copy link
Contributor

@stanleylew5 stanleylew5 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm! ignore the commit i made im just removing some extra code in the repo

@stanleylew5 stanleylew5 merged commit 1696397 into dev Jan 31, 2025
5 checks passed
@stanleylew5 stanleylew5 deleted the exitcy/backgroundlanterns branch January 31, 2025 12:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

404 Page Background Lanterns
2 participants