aboutsummaryrefslogtreecommitdiff
path: root/app/layout.js
diff options
context:
space:
mode:
Diffstat (limited to 'app/layout.js')
-rw-r--r--app/layout.js11
1 files changed, 6 insertions, 5 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>