diff options
| -rw-r--r-- | app/layout.js | 11 | ||||
| -rw-r--r-- | app/travel-advisory/page.js | 27 |
2 files changed, 22 insertions, 16 deletions
diff --git a/app/layout.js b/app/layout.js index 3401bea..20bcede 100644 --- a/app/layout.js +++ b/app/layout.js @@ -14,10 +14,11 @@ export default function RootLayout({ children }) { return ( <html lang="en"> <body className={exo.className}> - <div className="px-2 mx-10 text-right font-medium"> - <a href="https://aircs.racing" className="transition duration-150 ease-out hover:ease-in md:hover:text-blue-500">aircs.racing</a> + <div className="px-3 mx-15 py-0.5 font-medium space-x-3 text-right"> + <a href="https://aircs.racing" className="transition duration-150 ease-out hover:ease-in md:hover:text-blue-500">aircs.racing ↗</a> + <a href="https://alee14.me" className="transition duration-150 ease-out hover:ease-in md:hover:text-blue-500">alee14.me ↗</a> </div> - <nav className="border-gray-200"> + <nav className="border-gray-200 bg-neutral-900"> <div className="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4"> <div className="flex items-center"> <Image src="/alure_flag.svg" className="mr-5" alt="Alure Flag" width={70} height={70}/> @@ -34,7 +35,7 @@ export default function RootLayout({ children }) { </svg> </button> <div className="hidden w-full md:block md:w-auto" id="navbar-default"> - <ul className="font-medium flex flex-col p-4 md:p-0 mt-4 rounded-lg md:flex-row md:space-x-8 md:mt-0"> + <ul className="font-medium text-lg flex flex-col p-4 md:p-0 mt-4 rounded-lg md:flex-row md:space-x-8 md:mt-0"> {[ ['Home', '/'], ['Updates', '#'], @@ -59,7 +60,7 @@ export default function RootLayout({ children }) { </div> </nav> {children} - <footer className="flex flex-col text-center py-3 space-y-2 bg-red-950 text-light"> + <footer className="flex flex-col text-center py-3 space-y-2 bg-blue-950 text-light"> <p>Alure Regions is a fictional country made for the bits & Bytes Minecraft Server</p> <p>This website is proudly written using Next.JS and Tailwind CSS</p> </footer> diff --git a/app/travel-advisory/page.js b/app/travel-advisory/page.js index 923ec84..40a0030 100644 --- a/app/travel-advisory/page.js +++ b/app/travel-advisory/page.js @@ -5,28 +5,33 @@ export default function TravelAdvisory(){ <div className="px-4 mx-auto max-w-screen-xl text-left py-24 lg:py-10 space-y-3"> <h1 className="font-medium text-2xl">Travel Advisory</h1> <h2 className="font-light text-lg">Information whether its safe to travel to other countries</h2> - <h2 className="font-light text-lg">This page may be inaccurate at times, please refer to the discord for latest updates</h2> </div> </div> <div> <h1 className="text-3xl p-5">Legend</h1> <ul> - <li className="p-4 bg-green-900"> - <p className="text-center">Take normal security precautions</p> + <li className="p-5 px-10 bg-green-950"> + <p className="font-medium text-lg">Take normal security precautions</p> + <p>Take similar precautions to those you would take in Alure Regions.</p> </li> - <li className="p-4 bg-yellow-700"> - <p className="text-center">Exercise a high degree of caution</p> + <li className="p-5 px-10 bg-yellow-700"> + <p className="font-medium text-lg">Exercise a high degree of caution</p> + <p>There are certain safety and security concerns or the situation could change quickly. Be very cautious at all times, monitor local media and follow the instructions of local authorities.</p> + <p><b className="font-semibold"> IMPORTANT:</b> The two levels below are official Government of Alure Regions Travel Advisories and are issued when the safety and security of Alurians travelling or living in the country or region may be at risk.</p> </li> - <li className="p-4 bg-orange-700"> - <p className="text-center">Avoid non-essential travel</p> + <li className="p-5 px-10 bg-orange-700"> + <p className="font-medium text-lg">Avoid non-essential travel</p> + <p>Your safety and security could be at risk. You should think about your need to travel to this country, territory or region based on family or business requirements, knowledge of or familiarity with the region, and other factors. If you are already there, think about whether you really need to be there. If you do not need to be there, you should think about leaving.</p> </li> - <li className="p-4 bg-red-700"> - <p className="text-center">Avoid all travel</p> + <li className="p-5 px-10 bg-red-950"> + <p className="font-medium text-lg">Avoid all travel</p> + <p>You should not travel to this country, territory or region. Your personal safety and security are at great risk. If you are already there, you should think about leaving if it is safe to do so.</p> </li> </ul> </div> - <div className="bg-center bg-no-repeat bg-[url('/regions/silicon-valley.png')] bg-gray-600 bg-blend-multiply"> - <div className="px-4 mx-3 max-w-screen-xl text-left py-10 space-y-3"> + <div className="px-10 py-3 bg-blue-800"><h2 className="font-medium text-lg">This page may be inaccurate at times, refer to the Minecraft General Announcements channel for the latest updates</h2></div> + <div className="bg-center bg-no-repeat bg-[url('/regions/silicon-valley.webp')] bg-gray-600 bg-blend-multiply"> + <div className="px-10 mx-3 max-w-screen-xl text-left py-10 space-y-3"> <h1 className="font-medium text-5xl">Country name</h1> <h2 className="text-lg">Take normal security precautions</h2> <button className="bg-blue-600 px-4 py-2">Information</button> |