CW2-37 404 Page #20
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,42 @@ | ||
| import Link from "next/link"; | ||
| import Image from "next/image"; | ||
| export default function AboutHomePage() { | ||
| return ( | ||
| <section className="py-8 xl:px-24 sm:px-10 px-5" id="about"> | ||
| <div className="text-center my-10"> | ||
| <h2 className="font-bold text-6xl">ABOUT</h2> | ||
| </div> | ||
| <div className="flex justify-center items-center"> | ||
| <div className="lg:grid grid-cols-6 flex-1 max-w-[90rem]"> | ||
| {/* LEFT SIDE */} | ||
| <div className="col-span-2 md:mx-5"> | ||
| <div className="flex items-center justify-center"> | ||
| <Image src="/assets/csesoc_icon.svg" alt="CSESoc Icon" width={150} height={150} /> | ||
| </div> | ||
| <h2 className="text-3xl font-extrabold">CSESoc</h2> | ||
| <button className="bg-[#444F6F] w-full my-5 py-2 rounded">Follow</button> | ||
| </div> | ||
| {/* RIGHT SIDE */} | ||
| <div className="col-span-4 lg:mt-0 mt-10"> | ||
| <div className="rounded border border-[#595F6D] p-5 h-auto"> | ||
| <p className="text-xs"> | ||
| csesoc/README<span className="text-[#7A8192]">.md</span> | ||
| </p> | ||
| <p className="mt-5"> | ||
| CSESoc is one of the biggest and most active societies at UNSW, catering to over 3500 CSE | ||
| students spanning across degrees in Computer Science, Software Engineering, | ||
| Bioinformatics and Computer Engineering. | ||
| <br/><br/> | ||
| We are here to fulfil the social, personal and | ||
| professional needs of CSE students, and promote computing through a variety of forms. | ||
| <br/><br/> | ||
| Learn more <a href="about" className="text-[#3977F9]">about us!</a> | ||
| </p> | ||
|
|
||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
|
|
@@ -25,22 +25,6 @@ const Landing = () => { | |
| <p>{'</h2>'}</p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
|
|
||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| import Footer from '@/components/Footer'; | ||
| import Navbar from '@/components/Navbar'; | ||
| import { motion } from 'framer-motion'; | ||
| export default function Custom404() { | ||
| return ( | ||
| <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden"> | ||
| <div className="items-center text-center"> | ||
| <Navbar /> | ||
| <h1 className="text-5xl font-bold pt-24">404 - Page Not Found</h1> | ||
| <p className="text-4xl pt-10"> | ||
| Sorry! We can't find the page you're looking for! | ||
| <br /> | ||
| </p> | ||
| <motion.div className="opacity-0" whileHover={{ opacity: 1 }} transition={{duration: 0.2}}> | ||
| <p className="text-2xl pt-10"> | ||
| While we may have found some tomfoolery, we haven't found your page :'( | ||
| </p> | ||
| </motion.div> | ||
| <a href="/"> | ||
| <button className="mt-10 bg-white border text-[#3977F8] border-[#A7A6E5] text-lg rounded-xl w-[30%] xl:h-12 h-10"> | ||
| Back to safety | ||
| </button> | ||
| </a> | ||
| </div> | ||
|
|
||
| <Footer /> | ||
| </section> | ||
| ); | ||
| } | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
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.
Haha I like the animation
I'm wondering if you can do this just with tailwind, don't have to use framer, could potentially be easier and more inline with the rest of the css
Also: I think it would be cool to have some CS themed error messages, maybe even alternate between a few random ones, could be a fun easter egg (e.g. just asking chatgpt lol:
etc.