diff options
| -rw-r--r-- | pages/404.js | 15 | ||||
| -rw-r--r-- | pages/guidelines.js | 4 | ||||
| -rw-r--r-- | pages/index.js | 8 | ||||
| -rw-r--r-- | public/favicon.ico | bin | 25931 -> 0 bytes | |||
| -rw-r--r-- | public/temp-landing.png | bin | 3037703 -> 0 bytes | |||
| -rw-r--r-- | public/vercel.svg | 4 | ||||
| -rw-r--r-- | styles/Home.module.css | 32 | ||||
| -rw-r--r-- | styles/globals.css | 17 | ||||
| -rw-r--r-- | tailwind.config.js | 3 |
9 files changed, 28 insertions, 55 deletions
diff --git a/pages/404.js b/pages/404.js new file mode 100644 index 0000000..d184449 --- /dev/null +++ b/pages/404.js @@ -0,0 +1,15 @@ +import Meta from '../components/meta' +import Link from 'next/link' + +export default function PageError() { + return ( + <> + <Meta title="404"/> + <div className="text-center font-hack font-bold flex flex-col gap-4 p-6 h-screen w-screen bg-material-gray text-white drop-shadow-lg"> + <h1 className="text-5xl">404!</h1> + <h2 className="text-3xl">Looks like you have entered the void... or maybe you are lost?</h2> + <h2 className="text-3xl">Head back <Link href="/"><a className="link">home</a></Link> to not become lost!</h2> + </div> + </> + ) +} diff --git a/pages/guidelines.js b/pages/guidelines.js index 26b2350..5a308b7 100644 --- a/pages/guidelines.js +++ b/pages/guidelines.js @@ -83,10 +83,10 @@ export default function Guidelines() { <h2 className="text-2xl font-bold">Threads</h2> <p>Threads is a new Discord feature which allows you to make subchannels. We have set a policy to not allow to make threads with little to no value, if you made a thread in which has little to no value, it is considered to be spam and we will remove it. If caught doing it continuously, there will be consequences.</p> </div> - <p className="mt-3">We recommend you to follow Discord's <a href="https://discord.com/terms" className="text-blue-300">Terms of Service</a> and <a href="https://discord.com/guidelines" className="text-blue-300">Community Guidelines</a></p> + <p className="mt-3">We recommend you to follow Discord's <a href="https://discord.com/terms" className="link">Terms of Service</a> and <a href="https://discord.com/guidelines" className="link">Community Guidelines</a></p> </div> <p>Last updated: October 14th, 2022</p> - <a href="#top" className="text-gray-300">Back to top</a> + <a href="#top" className="link">Back to top</a> </div> </div> ) diff --git a/pages/index.js b/pages/index.js index 69fb9be..62e7a26 100644 --- a/pages/index.js +++ b/pages/index.js @@ -8,6 +8,8 @@ const iconSize = "3x" const iconProperties = "hover:text-gray-500 transition-all ease-in-out" const navButton = "bg-gray-600 sm:py-4 sm:px-10 py-2 px-5 rounded-lg hover:bg-gray-400 transition ease-in-out" +const isDev = process.env.NODE_ENV === 'development' + export default function Home() { return ( <> @@ -24,13 +26,15 @@ export default function Home() { <a href="https://instagram.com/alee14498"><FontAwesomeIcon icon={faInstagram} size={iconSize} className={iconProperties} /></a> <a href="https://reddit.com/Alee1449"><FontAwesomeIcon icon={faReddit} size={iconSize} className={iconProperties} /></a> </div> - {/*<div className="flex-row font-normal space-x-3"> + {isDev && ( + <div className="flex-row font-normal space-x-3"> <Link href="#"><button className={navButton}>About Me</button></Link> <Link href="#"><button className={navButton}>Projects</button></Link> <Link href="#"><button className={navButton}>Blog</button></Link> <Link href="#"><button className={navButton}>Downloads</button></Link> <Link href="/guidelines"><button className={navButton}>Guidelines</button></Link> - </div> */} + </div> + )} <h2 className="text-lg font-normal drop-shadow-lg">Contact me at <a href="mailto:andrew@alee14.me">andrew@alee14.me</a></h2> </div> </> diff --git a/public/favicon.ico b/public/favicon.ico Binary files differdeleted file mode 100644 index 718d6fe..0000000 --- a/public/favicon.ico +++ /dev/null diff --git a/public/temp-landing.png b/public/temp-landing.png Binary files differdeleted file mode 100644 index 51b7126..0000000 --- a/public/temp-landing.png +++ /dev/null diff --git a/public/vercel.svg b/public/vercel.svg deleted file mode 100644 index fbf0e25..0000000 --- a/public/vercel.svg +++ /dev/null @@ -1,4 +0,0 @@ -<svg width="283" height="64" viewBox="0 0 283 64" fill="none" - xmlns="http://www.w3.org/2000/svg"> - <path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/> -</svg>
\ No newline at end of file diff --git a/styles/Home.module.css b/styles/Home.module.css deleted file mode 100644 index 07473ce..0000000 --- a/styles/Home.module.css +++ /dev/null @@ -1,32 +0,0 @@ -/* -.container { - padding: 0 2rem; -} - -.landing { - height: 100%; - background-position: center; - background-repeat: no-repeat; - background-size: cover; - background-image: url("/temp-landing.png") -} - - -.landing { - text-align: center; -} - -.title { - font-size: 200%; -} - -.description { -} - -.contact { -} - -.text-center { - text-align: center; -} -*/
\ No newline at end of file diff --git a/styles/globals.css b/styles/globals.css index 0f7a5fe..62b5694 100644 --- a/styles/globals.css +++ b/styles/globals.css @@ -26,15 +26,8 @@ } -/* -html, -body { - padding: 0; - margin: 0; - height: 100%; - background-color: #484848; - color: #FFFFFF; - font-family: Hack; - src: url("/ttf/Hack-Regular.ttf"); - -}*/
\ No newline at end of file +@layer components { + .link { + @apply text-blue-600 hover:text-blue-300 + } +} diff --git a/tailwind.config.js b/tailwind.config.js index 1f309e1..ea8fdce 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -12,9 +12,6 @@ module.exports = { extend: { colors: { 'material-gray': '#212121', - }, - backgroundImage: { - 'landing': "url('/temp-landing.png')", } }, }, |
